/*www.adminbuy.cn*/
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}

a{
	text-decoration: none;
	color: #666;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
body{
	/*max-width: 1920px;*/
	font-size: 14px;
	color: #666;
	font-family: "Microsoft YaHei","微软雅黑";
}
body{
	/*max-width: 1920px;*/
	overflow: hidden;
	margin: 0 auto;
}


/*顶部*/

header{
	height: 120px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .3s; 
-webkit-transition: all .3s;
}
header .logo{
	float: left;
	padding-top: 24px;
	position: relative;
	z-index: 92;
}
nav{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 91;
	width: 100%;
	height: 100%;
}
.nav-ul{
	width: 100%;
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.nav-ul li{
	width: 14%;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.cli .nav-ul li.drop .nav-a1{
	padding-right: 15px;
	background: url(/template/index/static/images/ico02.png) no-repeat right 60px !important;
}
.f-cb .nav-ul li.drop .nav-a1{
	padding-right: 15px;
	background: url(/template/index/static/images/ico01.png) no-repeat right 60px;
}
.nav-ul li .nav-a1{
	display: inline-block;
	height: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 120px;
	position: relative;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.nav-ul li.on .nav-a1:after{
	content: "";
	width: 0%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 30px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.nav-ul li.on .nav-a1:after{
	width: 100%;
}
.nav-ul-div1{
	width: 185%;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 87px;
	background: #fff;
	display: none;
}
.nav-ul-div1 a{
	font-size: 15px;
	line-height: 30px;
	display: block;
	text-align: center;
	margin: 5px 0;
}
.nav-ul-div1 a:hover{
	background: #adbfaa;
	color: #fff;
}
.header-rt{
	width: 225px;
	height: 40px;
	float: right;
	margin-top: 40px;
	position: relative;
	z-index: 93;
}
.header-rt a{ color:#fff; margin-left:30px; line-height:40px; padding-left:25px; font-size:14px;}

.header-rt a.en{ background:url(/template/index/static/images/en.png) no-repeat left center;}
.header-rt a.cn{ background:url(/template/index/static/images/cn.png) no-repeat left center;}




.header-rt  .int1{
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	padding-right: 40px;
	background: none;
	border: initial;
}
.header-rt  .int1::-webkit-input-placeholder{
	color: #fff;
}
.header-rt  .int2{
	width: 40px;
	height: 40px;
	background: url(/template/index/static/images/ico03.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	background-color: none;
	border: initial;
}

header.cli .header-rt a{ color:#333;}
header.cli .header-rt a.en{ background:url(/template/index/static/images/en1.png) no-repeat left center;}
header.cli .header-rt a.cn{ background:url(/template/index/static/images/cn1.png) no-repeat left center;}



.nav-ul .drop .nav-a1{
	background: url(/template/index/static/images/ico02.png) no-repeat right 60px;
}




@media (min-width: 1025px) {

	header.on{
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	
	header.on .nav-ul li .nav-a1{
		color: #333;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
	header.on .nav-ul li.drop .nav-a1{
		padding-right: 15px;
		background: url(/template/index/static/images/ico02.png) no-repeat right 60px;
	}
	header.on .nav-ul li .nav-a1:hover{
		
	}
	header.on .nav-ul li .nav-a1:hover:after{
		width: 100%;
	}
	header.on .nav-ul li .nav-a1:after{
		background: #333;
	}
	header.on .header-rt{
		/*border-bottom: 2px solid #333;*/

	}
	header.on .header-rt a{ color:#333;}
	header.on .header-rt a.en{ background:url(/template/index/static/images/en1.png) no-repeat left center; }
	header.on .header-rt a.cn{ background:url(/template/index/static/images/cn1.png) no-repeat left center; }
	
	header.on.header-rt  .int1{
		color: #333;
	}
	header.on .header-rt  .int1::-webkit-input-placeholder{
		color: #333;
	}
	header.on .header-rt  .int2{
		background: url(/template/index/static/images/ico04.png) no-repeat center;
	}




	header.cur{
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	
	header.cur .nav-ul li .nav-a1{
		color: #333;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
	header.cur .nav-ul li.drop .nav-a1{
		padding-right: 15px;
		background: url(/template/index/static/images/ico02.png) no-repeat right 60px;
	}
	header.cur .nav-ul li .nav-a1:hover{
		
	}
	header.cur .nav-ul li .nav-a1:hover:after{
		width: 100%;
	}
	header.cur .nav-ul li .nav-a1:after{
		background: #333;
	}
	header.cur .header-rt{
		border-bottom: 2px solid #333;
	}
	header.cur.header-rt  .int1{
		color: #333;
	}
	header.cur .header-rt  .int1::-webkit-input-placeholder{
		color: #333;
	}
	header.cur .header-rt  .int2{
		background: url(/template/index/static/images/ico04.png) no-repeat center;
	}
}


header.cli{
	background: #fff;
	
	border-bottom: 1px solid rgba(0,0,0,.1);
}
header .img1{
    height:60px;
	display:block;
}
header .img2{
    height:60px;
	display:none;
}
header.cli .img1{
	display:none;
}
header.cli .img2{
	display:block; height:60px;
}

header.on .img1{
	display:none;
}
header.on .img2{
	display:block;
}
header.cli .nav-ul li .nav-a1{
	color: #333;
}

header.cli .nav-ul li .nav-a1:hover{
	
}
header.cli .nav-ul li .nav-a1:hover:after{
	width: 100%;
}
header.cli .nav-ul li .nav-a1:after{
	background: #333;
}
header.cli  .header-rt{
/*	border-bottom: 2px solid #333;
*/}
header.cli .header-rt  .int1{
	color: #333;
}
header.cli  .header-rt  .int1::-webkit-input-placeholder{
	color: #333;
}
header.cli  .header-rt  .int2{
	background: url(/template/index/static/images/ico04.png) no-repeat center;
}

@media (max-width: 1025px) {

	/*header.on .img1{
		display:block;
	}
	header.on .img2{
		display:none;
	}*/
}


.w1750{
	max-width: 1850px;
	padding: 0 50px;
	margin: 0 auto;
}
.nav2{
	display: none;
}
.header-rt2{
	display: none;
}


@media (max-width: 1400px) {
	.nav-ul{
		padding-right:60px;
		max-width: 700px;
	}
	.header-rt{
		width: 180px;
	}
	.w1750{
		padding: 0 30px;
	}
}
@media (max-width: 1023px) {
	
	nav{
		display: none;
	}
	.header-rt1{
		display: none;
	}
	.header-rt2{
	    
	    margin-top: 0;
	     border-bottom: 2px solid #333;
	     float: left;
	     margin-left: 30px;
	     height: 50px;
	     margin-bottom: 15px;
	     width: calc(100% - 60px);
	   
	}
	.header-rt2 .int1{
		height: 50px;
		font-size: 16px;
	}
	.header-rt2 .int2{
		height: 50px;
		 background: url(/template/index/static/images/ico03.png) no-repeat center;
	}
	
	.header-rt2 .int2::-webkit-input-placeholder{
		color: #fff;
	}
	.header-rt2  .int1::-moz-placeholder{
		color: #fff;
	}
	.header-rt2  .int1:-ms-input-placeholder{
		color: #fff;
	}
	.header-div{
		display: block;
		width: 40px;
		float: right;
		padding-top: 45px;
		position: relative;
		z-index: 94;
	}
	.header-div div{
		width: 100%;
		height: 5px;
		border-radius: 2px;
		background: #fff;
		margin-bottom: 9px;
	    opacity: 1;
		transition: all .5s;
	}
	.header-div.on div{
		background: #333;
	}
	.header-div.on .header-d1{
		 -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.header-div.on .header-d2{
		opacity: 0;
		transition: all .5s; 
	}
	.header-div.on .header-d3{
		 -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	
	/*header.on .header-div div{
		background: #333;
	}
	header.cli .header-div div{
		background: #333;
	}*/
	
	.nav2{
		display: block;
		width: 100%;
		padding-bottom: 150px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 125px;
		display: none;
		overflow: auto;
	}
	
	.nav2 a:hover{
		color: #333;
	}
	.nav2-li{
		width: 100%;
		float: left;
		font-size: 16px;
		color: #333;
		line-height: 60px;
		
	}
	.nav2-li:first-child{
		border-top: 1px solid rgba(0,0,0,.1);
		padding-top: .4rem;
	}
	.nav2-a1{
		display: block;
		width: 100%;
		height: 100%;
		font-size: 16px;
		color: #333;
		line-height: 60px;
		padding: 0 30px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.nav2-a1 span{
		font-size: 20px;
		font-weight: bold;
		float: right;
	}
	.nav2-div{
		display: none;
	}
	.nav2-div a{
		display: block;
		height: 50px;
		font-size: 14px;
		line-height: 50px;
		color: #333;
		line-height: 50px;
		padding: 0 60px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	header.cli{
	}
	header.cli .header-div div{
		background: #333;
	}
	
	
	.header-mdss{
		width: 40px;
		height: 40px;
		float: right;
		margin-top: 40px;
		margin-right: 30px;
		background: url(/template/index/static/images/ico04.png) no-repeat center;
		background-size: 25px;
		position: relative;
		z-index: 94;
	}
	.header-mdss.on{
		background: url(/template/index/static/images/ico04.png) no-repeat center;
		background-size: 25px;
	}
	.header-rt2{
		display: none;
	}
	.header-rt2{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		margin: 0;
		z-index: 95;
		background-size: 20px;
	}
	.header-rt2 .lg{
		width: calc(90% - 70px);
		position: absolute;
		top: 40%;
		left: 5%;
		position: relative;
	}
	.header-rt-gb{
		width: 50px;
		height: 50px;
		background: url(/template/index/static/images/x01.png) no-repeat center;
		position: absolute;
		top: 0;
		right:-70px;
	}
	.suspension{ display:none;}
}
@media (max-width: 767px) {
	header{
		height: 1.2rem;
		
	}
	.w1750{
		padding: 0 .4rem;
	}
	header .logo{
		width: 1.25rem;
		padding-top: .15rem;
	}
	.header-div{
		display: block;
		width: .4rem;
		float: right;
		padding-top: .45rem;
	}
	.header-div div{
		width: 100%;
		height: .03rem;
		border-radius: 0.025rem;
		background: #fff;
		margin-bottom: .11rem;
	    opacity: 1;
		transition: all .5s;
	}
	.header-div.on .header-b1{
		 -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.header-div.on .header-b2{
		opacity: 0;
		transition: all .5s; 
	}
	.header-div.on .header-b3{
		 -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.nav2{
		width: 100%;
		padding-top: 1.2rem;
	}
	
	.header-rt2 .int1{
		height: .8rem;
		font-size: .24rem;
		padding: 0 .2rem;
		padding-right: 1rem;
		color: #fff;
	}
	.header-rt2 .int2{
		width: .8rem;
		height: .8rem;
		background-size: .4rem;
	}
	.nav2-a1{
		height: .8rem;
		padding: 0 .4rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	.nav2-div a{
		height: .8rem;
		padding: 0 .8rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	
	.header-mdss{
		width: .6rem;
		height: .6rem;
		background-size: .3rem;
		margin-top: .3rem;
		margin-right: .3rem;
	}
	.header-mdss.on{
		background: url(/template/index/static/images/ico04.png) no-repeat center;
		background-size: .3rem;
	}
	.header-rt-gb{
		width: .8rem;
		height: .8rem;
		background-size: 1rem;
	}
	
}

/* Mobile layout refinement — desktop styles above remain unchanged */
@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        font-size: 16px !important;
        line-height: 1.65;
        -webkit-text-size-adjust: 100%;
    }

    .w1750,
    .w1200,
    .featured-products-section {
        width: 100%;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    .inner-page,
    .inner-page main,
    .inner-page section,
    .inner-page article,
    .inner-page div,
    .inner-page ul,
    .inner-page li {
        min-width: 0;
    }

    .inner-page img,
    .inner-page video,
    .inner-page iframe {
        max-width: 100%;
    }

    /* Compact, clearly visible mobile header */
    body header.f-cb,
    body header.f-cb .w1750,
    body header.f-cb .logo {
        height: 64px;
    }

    body header.f-cb .w1750 {
        padding-right: 16px;
        padding-left: 16px;
    }

    body header.f-cb .logo img,
    body header.f-cb .img1,
    body header.f-cb .img2,
    body header.f-cb.cli .img2 {
        width: auto;
        height: 36px;
        margin-top: 0;
    }

    body header.f-cb .header-div {
        display: flex !important;
        position: absolute !important;
        z-index: 100;
        top: 0;
        right: 10px;
        width: 48px;
        height: 64px;
        padding: 0 9px;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 6px;
        border: 0;
        border-radius: 0;
        outline: 0;
        color: #fff;
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body header.f-cb .header-div::before,
    body header.f-cb .header-div::after {
        display: none !important;
    }

    body header.f-cb .header-div .header-d1,
    body header.f-cb .header-div .header-d2,
    body header.f-cb .header-div .header-d3 {
        display: block !important;
        position: static !important;
        width: 30px;
        height: 2px;
        flex: 0 0 2px;
        border-radius: 0;
        background: currentColor !important;
        opacity: 1;
        transform: none;
        transform-origin: center;
        transition: transform .22s ease, opacity .18s ease;
    }

    body header.f-cb.cli .header-div,
    body header.f-cb.on .header-div,
    body header.f-cb .header-div.on {
        color: #20262c;
    }

    body header.f-cb .header-div.on .header-d1 {
        transform: translateY(8px) rotate(45deg);
    }

    body header.f-cb .header-div.on .header-d2 {
        opacity: 0;
    }

    body header.f-cb .header-div.on .header-d3 {
        transform: translateY(-8px) rotate(-45deg);
    }

    body header.f-cb .nav2 {
        top: 64px;
        height: calc(100dvh - 64px);
        padding: 10px 20px 32px;
    }

    body header.f-cb .nav2-a1 {
        height: 56px;
        padding: 0 2px;
        font-size: 17px;
    }

    /* Product category and card grids */
    .featured-products,
    .product-b {
        padding-top: 32px;
        padding-bottom: 42px;
    }

    .featured-products__list,
    .product-b-ul {
        left: 0;
        width: 100%;
        margin: 0;
        padding-top: 0;
        overflow: visible;
        gap: 12px;
    }

    .featured-products__list li,
    .product-b-ul li {
        float: none;
        width: calc(50% - 6px);
        min-width: 0;
        margin: 0;
        top: 0;
        overflow: hidden;
        border: 1px solid #edf0f3;
        background: #fff;
    }

    .featured-products__list li:hover,
    .product-b-ul li:hover {
        top: 0;
        box-shadow: none;
    }

    .featured-products__media,
    .product-b1 {
        display: flex;
        width: 100%;
        aspect-ratio: 1 / 1;
        align-items: center;
        justify-content: center;
        background: #fff;
    }

    .featured-products__media img,
    .product-b1 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .featured-products__content,
    .product-b2 {
        padding: 11px 10px 13px;
    }

    .featured-products__title,
    .product-b2-a {
        display: -webkit-box;
        height: 42px;
        overflow: hidden;
        color: #4e5862;
        font-size: 14px;
        line-height: 21px;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .inner-page--product-list .product-a {
        padding-top: 94px;
        padding-bottom: 26px;
    }

    .inner-page--product-list .product-a1 {
        height: 48px;
        font-size: 24px;
        line-height: 42px;
        background-size: 18px;
    }

    .inner-page--product-list .product-a2 {
        width: 100%;
        margin-top: 20px;
        overflow: visible;
    }

    .inner-page--product-list .product-a2-c {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inner-page--product-list .product-a2-c li,
    .inner-page--product-list .product-a2-c li a {
        min-width: 0;
    }

    .inner-page--product-list .product-a2-c li a {
        min-height: 58px;
        padding: 10px 11px;
    }

    .inner-page--product-list .product-a2-c1 {
        width: 100%;
        overflow-wrap: anywhere;
        font-size: 14px;
        line-height: 1.45;
    }

    /* Homepage sections */
    .about-section .about-section__description {
        font-size: 15px;
        line-height: 1.75;
    }

    .factory-advantages,
    .development-history {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .factory-advantages > .w1750,
    .development-history > .w1750 {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    .factory-advantages .section-heading,
    .development-history .section-heading {
        margin-bottom: 28px;
        font-size: 28px;
        line-height: 1.3;
    }

    .factory-advantages .factory-advantages__item {
        padding: 34px 0 12px;
    }

    .factory-advantages .factory-advantages__card {
        padding-right: 20px;
        padding-left: 20px;
    }

    .factory-advantages .factory-advantages__content h2,
    .factory-advantages .factory-advantages__title {
        font-size: 17px;
        line-height: 1.45;
    }

    .factory-advantages .factory-advantages__description {
        font-size: 15px;
        line-height: 1.75;
    }

    .development-history .development-history__description {
        font-size: 15px;
        line-height: 1.75;
    }

    /* News, article and product detail reading */
    .inner-page--news-list .news {
        padding-top: 92px;
        padding-bottom: 44px;
    }

    .inner-page--news-list .news-b li {
        padding: 18px 0;
    }

    .inner-page--news-list .news-b li a {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 14px;
    }

    .inner-page--news-list .news-b2 {
        float: none;
        width: 118px;
        margin: 0;
    }

    .inner-page--news-list .news-b2 img {
        width: 118px;
        height: 82px;
        object-fit: cover;
    }

    .inner-page--news-list .news-b3 {
        float: none;
        width: 100%;
    }

    .inner-page--news-list .news-b3-a {
        height: auto;
        max-height: 46px;
        font-size: 16px;
        line-height: 23px;
        -webkit-line-clamp: 2;
    }

    .inner-page--news-list .news-b3-b {
        display: none;
    }

    .inner-page--news-list .news-b3-c,
    .inner-page--news-list .news-b3-d {
        display: none;
    }

    .inner-page--news-list .news-b3-e {
        margin-top: 9px;
        color: #8b949d;
        font-size: 13px;
        line-height: 1.4;
    }

    .inner-page--news-detail .newsinfo-bj,
    .inner-page--product-detail .proinfo,
    .inner-page--solution-list .solution,
    .inner-page--about .market-bj {
        padding-top: 92px;
    }

    .inner-page .newsinfo-a,
    .inner-page .proinfo-c1 {
        font-size: 26px;
        line-height: 1.35;
    }

    .inner-page .newsinfo-c,
    .inner-page .newsinfo-c p,
    .inner-page .proinfo-c2-a,
    .inner-page .proinfo-c2-a p,
    .inner-page--about .market-c,
    .inner-page--about .market-c span {
        font-size: 16px;
        line-height: 1.8;
        overflow-wrap: anywhere;
    }

    .inner-page .newsinfo-c table,
    .inner-page .proinfo-c2-a table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        table-layout: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Contact and message form */
    .contact-simple {
        padding-top: 94px;
        padding-bottom: 54px;
    }

    .contact-simple__header h1 {
        font-size: 28px;
    }

    .contact-simple__item {
        padding: 24px 18px;
    }

    .contact-simple__item h2 {
        font-size: 18px;
    }

    .contact-simple__item p,
    .contact-simple__item a {
        font-size: 15px;
    }

    .contact-simple__form {
        margin-top: 42px;
    }

    .contact-simple__form > h2 {
        font-size: 24px;
    }

    .message-page input,
    .message-page textarea,
    .message-page select,
    .bMessage input,
    .bMessage textarea {
        max-width: 100%;
        font-size: 16px !important;
    }

    .contact-simple__form .message-page .row-2 {
        height: 150px;
    }

    .contact-simple__form .message-page .text {
        height: 140px;
    }

    body .static-message-form__status {
        float: none;
        margin: 10px 0 0;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    .inner-page--news-list .product-a,
    .inner-page--solution-list .product-a {
        padding-top: 94px;
        padding-bottom: 24px;
    }

    .inner-page--news-list .news,
    .inner-page--solution-list .news {
        padding-top: 28px;
    }

    .inner-page--about .market-bj {
        margin-top: 0;
        padding-top: 64px;
    }

    .inner-page--about .market {
        padding-top: 44px;
    }

    body:has(main.inner-page--contact) footer .bMessage {
        display: none;
    }
}



/*底部*/
footer{
	background: #fff;
}
.footer-a{
	border-bottom: 1px solid rgba(0,0,0,.1);
/*	height: 100px;
*/	line-height: 100px;
	position: relative;
	text-align: center;
}
.footer-a1{
	display: inline-block;
	margin: 0 10px;
}
.footer-a1 img{
	width:35px
}
.footer-a2{
	position: absolute;
	left: 50%;
	margin-left: 10px;
}
.footer-a2 img{
	width:50px
}
.footer-a1,.footer-a2{
	/*float: left;
	margin-right: 20px;*/
}
.footer-a2{
	line-height: 100px;
}
.footer-aa{
	position:fixed;
	bottom:68px;
	right:20px;
	z-index:99;
	cursor: pointer;
}
.footer-b{
	padding: 20px;
	font-size: 14px;
	color: #3e3e3e;
	line-height: 40px;
	overflow: hidden;
}
.footer-b1{
	float: left;
}
.footer-b2{
	float: right;
}
.footer-b4{
	display: none;
}

@media (max-width: 767px) {
	header.cli .img2{ height:0.8rem; max-width:inherit !important; margin-top:0.2rem}
	header .img1{ height:0.8rem; max-width:inherit !important; margin-top:0.2rem}
	.footer-a1, .footer-a2{
		line-height: 1.5rem;
	}
	.footer-a1 img{
		width: .7rem;
	}
	.footer-a2 img{
		width: 1rem;
	}
	.footer-aa{
		line-height: 1.5rem;
		width: .5rem;
	}
	.footer-a{
		/*height: 1.5rem;*/
	    line-height: 1.5rem;
	}
	.footer-b{
		font-size: .22rem;
		line-height: .45rem;
		text-align: center;
		padding: .3rem .4rem;
	}
	.footer-b .w1750{
		padding: 0;
	}
	.footer-b1{
		display: none;
	}
	.footer-b3{
		display: none;
	}
	.footer-b4{
		display: block;
	}
	.footer-b4 span{
		display: block;
	}
}





/*公用*/
.w1200{
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
}

.sf-ban{
	width: 100%;
	height: 899px;
	background: no-repeat center;
	position: relative;
}
.sf-ban-div{
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 400px;
}
.sf-ban-d1{
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
.sf-ban-d2{
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	margin-top: 10px;
	text-align: center;
}

.sf-nav{
	height: 70px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	text-align: center;
}
.sf-nav-a{
	display: inline-block;
	width: 160px;
	height: 70px;
	font-size: 16px;
	color: #3f3f3f;
	text-align: center;
	position: relative;
	line-height: 70px;
	cursor: pointer;
}
.sf-nav-a:after{
	content: "";
	width: 1px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 0;
	background: rgba(0,0,0,.1);
}
.sf-nav-a:first-child:after{
	display: none;
}
.sf-nav-a:hover{
	color: #ea524f;
}
.sf-nav-a.on{
	color: #ea524f;
}
.sf-nav-pos{
	position: fixed;
	top: 10px;
	opacity: 0;
	/*display: none;*/
	/*transition: all .5s; 
   -webkit-transition: all .5s;*/
}
.sf-nav.on .sf-nav-pos{
	width: 100%;
	position: fixed;
	top: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: #fff;
	z-index: 79;
	/*display: block;*/
	opacity: 1;
	transition: all .5s; 
   -webkit-transition: all .5s;
}

.page{
	width: 100%;
	height: 38px;
	text-align: right;
}
.page a{
	width: 38px;
	height: 38px;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	background: #f6f6f6;
	display: inline-block;
	margin: 0 2px;
}
.page .prev{
	background:#f6f6f6 url(/template/index/static/images/ico26.png) no-repeat center;
}
.page .next{
	background:#f6f6f6 url(/template/index/static/images/ico06.png) no-repeat center;
}
.page .first-page{
	background:#f6f6f6 url(/template/index/static/images/ico26s.png) no-repeat center;
}
.page .last-page{
	background:#f6f6f6 url(/template/index/static/images/ico06s.png) no-repeat center;
}
.page a:hover{
	color: #ea524f;
}
.page a.page-num-current{
	color: #ea524f;
}

.sf-tk{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 89;
	display: none;
}
.sf-tk-a{
	width: 80%;
	overflow: hidden;
	max-height: 90%;
	margin: 0 auto;
	margin-top: 2%;
}
.sf-tk-a video{
	max-width: 100%;
	max-height: 100%;
}
.sf-tk-x{
	width: 55px;
	height: 55px;
	background: url(/template/index/static/images/x01.png) no-repeat center;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.sf-tk-x:hover{
	opacity: .8;
	transition: all .3s; 
-webkit-transition: all .3s;
}

.hero-slider__next-area{
	width: 30px;
	height: 30px;
	background: url(/template/index/static/images/ico57.png) no-repeat center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 9;
	margin-left: -15px;
	-webkit-animation: span-up 2s linear infinite;
    animation: span-up 2s linear infinite;
}
@keyframes span-up {
  25% {transform: translateY(8px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(-8px);}
 }
@-webkit-keyframes span-up {
  25% {-webkit-transform: translateY(8px);}
  50%, 100% {-webkit-transform: translateY(0);}
  7
}


@media (max-width: 767px) {
	.w1200{
		padding: 0 .4rem;
	}
	.sf-ban{
		height: 7rem;
		background-size: cover;
	}
	.sf-ban-div{
		padding: 0 .4rem;
		padding-top: 2.5rem;
	}
	.sf-ban-d1{
		font-size: .4rem;
		line-height: .5rem;
	}
	.sf-ban-d2{
		font-size: .45rem;
		line-height: .6rem;
	}
	.hero-slider__next-area{
		bottom: .6rem;
	}
	.sf-nav{
		height: .8rem;
	}
	.sf-nav .w1200{
		padding: 0;
	}
	.sf-nav-a{
		width: 1.6rem;
		height: .8rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	.sf-nav-a:after{
		height: .3rem;
		top: .25rem;
	}
	
	.page{
		height: .6rem;
		line-height: .6rem;
	}
	.page a{
		width: .6rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .6rem;
		margin: 0 .02rem;
	}
}




/*首页*/
.hero-slider{
	
}
.hero-slider .swiper-slide{
	height: 100%;
	height: 960px;
	background: no-repeat center;
    background-size: cover;
}
.hero-slider .swiper-slide{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
}
.ibanner-div{
	width: 100%;
	max-width: 1750px;
	margin: 0 auto;
	/*padding-top: 170px;*/
	padding-left: 113px;
	padding-right: 50px;
	
}
/*.ibanner-div .iban-d1{
	font-size: 70px;
	line-height: 85px;
	color: #000;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}*/
.ibanner-div .iban-d2{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	margin-top: 15px;
	text-align: left;
	font-family:"Arial";
}



.hero-pagination-wrap{

	position: relative;
	top: -90px;
}
.hero-pagination{
	bottom: 104px !important;
	padding-left: 113px;
}
.hero-pagination span{
	width: 50px;
	height: 5px;
	border-radius: 2.5px;
	background: #fff;
	margin-right: 20px;
	opacity: 1;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.hero-pagination .swiper-pagination-bullet-active{
	background: #ea544f;
	border-radius: 5px;
	transition: all .3s; 
	-webkit-transition: all .3s;
}


.ipro{
	width: 100%;
	height: 780px;
	overflow: hidden;
	margin-bottom: 90px;
	position: relative;
}
.ipro-a{
	width:100%;
	float: left;
	height:260px;
	background: #fff;
}
.ipro-a1{
	width: 25.15%;
	height: 100%;
	border-top: 1px solid rgba(0,0,0,.1);
	position: relative;
	cursor: pointer;
	z-index: 3;
}
.ipro-a:first-child .ipro-a1{
	border: none;
}
.ipro-a1-a{
	font-size: 22px;
	line-height: 1;
	padding-top: 105px;
	text-align: center;
	color: #424242;
	font-family: arial;
	padding-left: 4%;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a1-b{
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	color: #424242;
	margin-top: 8px;
	padding-left: 4%;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a1-c{
	width: 0%;
	height: 100%;
	background: url(/template/index/static/images/img01.jpg) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: all .3s; 
-webkit-transition: all .3s;
}

.ipro-a2{
	width: 74.85%;
	height: 810px;
	background: no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
    z-index: 2;
    overflow: hidden;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a{
	display: block;
	width: 225px;
	height: 60px;
	border: 2px solid rgba(255,255,255,.6);
	border-radius: 2px;
	font-size: 18px;
	line-height: 56px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 70px;
	right: 70px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a img{
	margin-left: 8px;
	position: relative;
	top: -1px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a:hover{
	background: rgba(255,255,255,.2);
	color: #fff;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a2-a:hover img{
	margin-left: 12px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-a{
	color: #fff;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-b{
	color: #fff;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-c{
	width: 105%;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-a:first-child .ipro-a2{
	display: block;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.iabout{
	overflow: hidden;
	margin-bottom: 90px;
	background: #fff;
}
.iabout-a{
	width: calc(100% - 585px);
	float: left;
	height: 597px;
}
.iabout-a div{
	background: no-repeat center;
	width: 100%;
	height: 100%;
	max-width: 1055px;
}
.iabout-b{
	width: 465px;
	float: right;
	margin-right: 60px;
	padding-top: 90px;
	margin-left: 30px;
}
.iabout-b1{
	font-size: 46px;
	color: #424242;
	line-height: 50px;
	font-weight: bold;
}
.iabout-b2{
	font-size: 28px;
	color: #424242;
	line-height: 35px;
	margin-top: 10px;
}
.iabout-b3{
	padding: 30px 0;
	margin-top: 30px;
	border-top: 1px solid rgba(0,0,0,.1);
	font-size: 18px;
	color: #424242;
	line-height: 35px;
}
.iabout-b3 p{ font-size:14px;}
.iabout-b4{
	display: block;
	width: 205px;
	height: 65px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
	font-size: 18px;
	color: #424242;
	line-height: 63px;
	text-align: center;
	padding-right: 60px;
	background: #f9f9f9;
	position: relative;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.iabout-b4 span{
	width: 60px;
	height: 63px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/template/index/static/images/ico06.png) no-repeat center;
	border-left: 1px solid rgba(0,0,0,.1);
}
.iabout-b4:hover{
	color: #424242;
	opacity: .8;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.ivoice-bj{
	width: 100%;
	height: 646px;
	background: no-repeat center;
}
.ivoice{
	padding-top: 70px;
}
.ivoice-a{
	font-size: 28px;
	color: #fff;
	line-height: 35px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
.ivoice-b{
	font-size: 28px;
	color: #fff;
	line-height: 35px;
	text-align: center;
}
.ivoice-c{
	margin-top: 100px;
}
.ivoice-swiper{
	max-width: 1530px;
	height: 250px;
	padding: 10px 0;
	margin: 0 auto;
}
.ivoice-swiper .swiper-slide{
	overflow: hidden;
}
.ivoice-cc{
	display: block;
	width: 50%;
	float: left;
	padding-right: 2%;
	cursor: pointer;
}
.ivoice-c1{
	width: 125px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
.ivoice-c1-a{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	margin: 0 auto;
}
.ivoice-c1-b{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 12px;
}
.ivoice-c1-c{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}
.ivoice-c2{
	width: calc(100% - 145px);
	float: right;
	border:3px solid rgba(255,255,255,.6);
	border-radius: 3px;
	border-left: none;
	padding: 30px 30px;
	height: 230px;
	position: relative;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2-a{
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	height: 90px;
}
.ivoice-c2-b{
	border-bottom: 1px solid rgba(255,255,255,.1);
	height: 1px;
	width: 100%;
	margin-top: 20px;
}
.ivoice-c2-c{
	float: left;
	margin-top: 15px;
}
.ivoice-c2-e{
	font-size: 18px;
	line-height: 30px;
	float: right;
	margin-top: 25px;
	color: #fff;
}
.ivoice-c2-e img{
	position: relative;
	top: -1px;
	margin-left: 5px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2-f{
	width: 13px;
	height: 230px;
	background: url(/template/index/static/images/ico17.png) no-repeat center;
	position: absolute;
	left: -11px;
	top: -2px;
	opacity: .6;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on{
	padding-right: 0;
	padding-left: 2%;
}
.ivoice-cc.on .ivoice-c1{
	float: right;
}
.ivoice-cc.on .ivoice-c2{
	float: left;
	border: 3px solid rgba(255,255,255,.6);
	border-right: none;
}
.ivoice-cc.on .ivoice-c2-f{
	width: 13px;
	height: 230px;
	background: url(/template/index/static/images/ico18.png) no-repeat center;
	position: absolute;
	left: initial;
	right: -11px;
	top: -2px;
	opacity: .6;
}
.ivoice-c2:hover{
	border: 3px solid rgba(255,255,255,1);
	border-left: none;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2:hover .ivoice-c2-f{
	opacity: 1;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-c2:hover .ivoice-c2-e img{
	margin-left: 10px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover{
	border: 3px solid rgba(255,255,255,1);
	border-right: none;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-f{
	opacity: 1;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-e img{
	margin-left: 10px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d{
	height: 60px;
	margin-top: 25px;
	text-align: center;
}
.ivoice-d1{
	width: 30px;
	height: 30px;
	background: url(/template/index/static/images/ico09.png) no-repeat center;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d1:hover{
	background: url(/template/index/static/images/ico11.png) no-repeat center;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d2{
	width: 30px;
	height: 30px;
	background: url(/template/index/static/images/ico10.png) no-repeat center;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ivoice-d2:hover{
	background: url(/template/index/static/images/ico12.png) no-repeat center;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

.isearch-bj{
	width: 100%;
	height: 217px;
	background: no-repeat center;
}
.isearch{
	width: 580px;
	margin: 0 auto;
	padding-top: 65px;
	position: relative;
}
.isearch form{
	overflow: hidden;
}
.formd1{
	width: 2px;
	height: 20px;
	background: #97a891;
	position: absolute;
	left: 28px;
	top: 91px;
}
.isearch .int1{
	width: 475px;
	height: 70px;
	background: #fff;
	border: none;
	border-radius: 3px;
	float: left;
	padding-left: 45px;
	padding-right: 20px;
	font-size: 18px;
	color: #333;
}

.isearch .int3{
	width: 475px;	
	background: #fff;
	border: none;
	border-radius: 3px;
	float: left;
	padding-left: 45px;
	padding-right: 20px;
	font-size: 18px;
	color: #333;
}


.isearch .int2{
	width: 95px;
	height: 70px;
	background:#fff url(/template/index/static/images/ico13.png) no-repeat center;
	float: right;
	border: none;
	border-radius: 3px;
}
.isearch-a{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 10px;
	padding-left: 40px;
}
.isearch-a a{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-right: 12px;
	cursor: pointer;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.isearch-a a:hover{
	border-bottom: 1px solid rgba(0,0,0,.9);
	opacity: .8;
	transition: all .3s; 
    -webkit-transition: all .3s;
}

@media (max-width:1400px) {
	.ipro{
		height: 1000px;
	}
	.ipro-a{
		width: 33.233%;
		height: 180px;
		float: left;
	}
	.ipro-a1{
		width: 100%;
	}
	.ipro-a2{
		width: 100%;
		top: 180px;
	}
	.ipro-a.on .ipro-a1-c{
		width: 100%;
	}
	.iabout-a{
		    width: calc(100% - 485px);
	}
	.iabout-b{
		width: 425px;
		margin-right: 30px;
	}
	.ivoice-cc{
		padding-right: 1%;
	}
	.ivoice-cc.on{
		padding-left: 1%;
	}
	.ivoice-c2-a{
		
	}
	.ipro-a1-b{
		padding-left: 0;
	}
	.ipro-a1-c{
		background-size: cover;
	}
	.ibanner-div .iban-d1{
		font-size: 55px;
	}
	.hero-slider .swiper-slide{
		height: 800px;
	}
	.ibanner-div .iban-d2{
		font-size: 42px;
	}
}
.ivoice-cm{
	display: none;
}
@media (max-width:1023px) {
	.ipro-a{
		height: 130px;
	}
	.ipro-a1-a{
		padding-top: 30px;
	}
	.ipro-a1-b{
		font-size: 24px;
    margin-top: 20px;
	}
	.ipro-a2{
		background-size: cover;
		height: 500px;
		top: 130px;
	}
	.ipro{
		height: 630px;
	}
	.iabout-a{
		width: 100%;
	}
	.iabout-b{
		width: 100%;
		padding:40px 30px;
		margin: 0;
		
	}
	.ivoice-c{
		display: none;
	}
	.ivoice-cm{
		display: block;
		height: 370px;
		margin-top: 30px;
	}
	.ivoice-m-swiper{
		height: 100%;
		max-width: 669px;
	}
	.ivoice-cc{
		width: 100%;
	}
	.ivoice-c1{
		width: 100%;
	}
	.ivoice-c2{
		width: 100%;
		padding: 15px 30px;
		margin-top: 20px;
		height: 180px;
		border: 3px solid rgba(255,255,255,.6);
		border-top: none;
	}
	.ivoice-c2:hover{
		border: 3px solid rgba(255,255,255,.6);
		border-top: none;
	}
	.ivoice-c2-b{
		margin-top: 10px;
		border: 2px s;
	}
	.ivoice-c2-c{
		margin-top: 5px;
	}
	.ivoice-c2-e{
		margin-top: 15px;
	}
	.ivoice-c2-f{
		width: calc(100% + 6px);
		height: 15px;
		left: -3px;
		top: -12px;
		background: url(/template/index/static/images/ico20.png) no-repeat center;
	}
	.ivoice-d1{
		display: inline-block;
		background: url(/template/index/static/images/ico19.png) no-repeat center;
		opacity: .6;
	}
	.ivoice-d1:hover{
		background: url(/template/index/static/images/ico19.png) no-repeat center;
		opacity: 1;
	}
	.ivoice-d2{
		display: inline-block;
		background: url(/template/index/static/images/ico21.png) no-repeat center;
		opacity: .6;
	}
	.ivoice-d2:hover{
		background: url(/template/index/static/images/ico21.png) no-repeat center;
		opacity: 1;
	}
	.ibanner-div .iban-d1{
		font-size: 45px;
	}
	.ibanner-div .iban-d2{
		font-size: 32px;
	}
}
@media (max-width:767px) {
	.hero-slider .swiper-slide{
		height: 7.5rem;
		background-size: cover;
	}
	.ibanner-div{
		padding-left: .4rem;
		padding-top:2rem;
		padding-right: .4rem;
	}
	.ibanner-div .iban-d1{
		font-size: .5rem;
		line-height: .7rem;
	}
	.ibanner-div .iban-d2{
		font-size: .36rem;
		line-height: .5rem;
		margin-top: .2rem;
	}
	.hero-pagination-wrap{
		width: 100%;
		height: 0;
		top: 0;
	}
	.hero-pagination{
		width: 100%;
		bottom: .0rem !important;
		padding-left: 0;
		left: 0;
	}
	.hero-pagination span{
		width: .5rem;
		height: .05rem;
		margin: 0 .1rem;
	}
	.ipro{
		width: 7.5rem;
		margin-left: -.4rem;
		height: 5.7rem;
		margin-bottom: .4rem;
	}
	.ipro-a{
		height: 1.3rem;
	}
	.ipro-a1-a{
		font-size: .26rem;
		padding-top: .3rem;
	}
	.ipro-a1-b{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.ipro-a2{
		height: 4.4rem;
		top: 1.3rem;
	}
	.ipro-a2-a{
		width: 2rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .56rem;
		right: .4rem;
		bottom: .3rem;
	}
	.ipro-a2-a img{
		width: .1rem;
	}
	.iabout-a{
		height: 3.85rem;
		
	}
	.iabout-a div{
		background-size: cover;
	}
	.iabout-b{
		padding: .5rem;
	}
	.iabout-b1{
		font-size: .6rem;
		line-height: .8rem;
	}
	.iabout-b2{
		font-size: .4rem;
		line-height: .6rem;
		margin-top: .15rem;
	}
	.iabout-b3{
		font-size: .24rem;
		line-height: .5rem;
		margin-top: .3rem;
		padding: .3rem 0;
	}
	.iabout-b4{
		font-size: .24rem;
		width: 2.2rem;
		height: .7rem;
		line-height: .68rem;
		padding-right: .7rem;
	}
	.iabout-b4 span{
		width: .7rem;
		height: .7rem;
		background-size: .1rem;
	}
	.iabout{
		margin-bottom: .4rem;
	}
	.ivoice-bj{
		height: 8.5rem;
		background-size: cover;
	}
	.ivoice{
		padding-top: .45rem;
	}
	.ivoice-a{
		font-size: .4rem;
		line-height: .6rem;
	}
	.ivoice-b{
	   font-size: .4rem;
	   line-height: .65rem;
	}
	.ivoice-c1-a{
		width: 1.1rem;
		height: 1.1rem;
		background-size: cover;
	}
	.ivoice-c1-b{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.ivoice-c1-c{
		font-size: .24rem;
		line-height: .4rem;
	}
	.ivoice-c1{
		padding-top: 0;
	}
	.ivoice-cm{
		margin-top: .35rem;
	}
	.ivoice-c2{
		height: 2.9rem;
	}
	.ivoice-c2-a{
		font-size: .24rem;
		line-height: .4rem;
		height: 1.2rem;
	}
	.ivoice-c2{
		padding: .2rem .4rem;
	}
	.ivoice-c2-c{
		width: .7rem;
		margin-top: .2rem;
	}
	.ivoice-c2-e{
		font-size: .26rem;
		margin-top: .3rem;
	}
	.ivoice-c2-b{
		margin-top: .3rem;
	}
	.ivoice-cm{
		height: 5.4rem;
	}
	.ivoice-d{
		height: .6rem;
		margin-top: .2rem;
	}
	.ivoice-d div{
		width: .6rem;
		height: .6rem;
		background-size: .3rem;
	}
	.ivoice-d div:hover{
		background-size: .3rem;
	}
	.isearch-bj{
		height: 3.1rem;
		background-size: cover;
	}
	.isearch{
		padding-top: .8rem;
		width: 6.7rem;
	}
	.isearch .int1{
		width: 5.1rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .26rem;
		padding: 0 .4rem;
	}
	.formd1{
		top: 1.1rem;
		left: .2rem;
	}
	.isearch .int2{
		width: 1.5rem;
		height: 1rem;
	}
	.isearch-a{
		padding-left: .3rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.isearch-a a{
		font-size: .24rem;
		line-height: .4rem;
		margin-right: .2rem;
	}
}



/*联系我们*/
.contact{
	padding-top: 175px;
	padding-bottom: 135px;
}
.contact-a{
	font-size: 18px;
	color: #454545;
	line-height: 25px;
	text-align: center;
}
.contact-b{
	font-size: 28px;
	color: #454545;
	line-height: 45px;
	text-align: center;
}
.contact-c{
	width: 100%;
	height: 430px;
	margin-top: 75px;
}
.contact-c #map{
	width: 100%;
	height: 100%;
}
.contact-d{
	margin-top: 10px;
	height: 190px;
	box-shadow: 0 0 40px rgba(222,222,222,.3);
}
.contact-d1{
	width: 33.3%;
	height: 100%;
	float: left;
	padding-left: 5.8%;
	padding-right: 7.5%;
}
.contact-d2{
	width: 33.3%;
	height: 100%;
	float: left;
	padding-left: 7%;
	padding-right: 4%;
	border-left: 1px solid rgba(0,0,0,.1);
}
.contact-d3{
	width: 33.4%;
	height: 100%;
	float: left;
	padding-left: 9%;
	padding-right: 4%;
	border-left: 1px solid rgba(0,0,0,.1);
}

.contact-d1-a{
	font-size: 20px;
	color: #454545;
	padding-top: 50px;
	line-height: 1;
}
.contact-d1-b{
	font-size: 15px;
	line-height: 25px;
	margin-top: 10px;
}
.contact-img{
	margin-top: 40px;
}

.recruit{
	background: #fcfcfc;
}
.recruit-a{
	background: no-repeat center;
	height: 317px;
}
.recruit-a .isearch{
	padding-top: 110px;
}
.recruit-a .formd1{
	top:136px
}
.recruit-a .isearch .int1{
	background: #fdfaf9;
}
.recruit-a .isearch .int2{
	    background: #fff url(/template/index/static/images/ico22.png) no-repeat center;
}
.recruit-b{
	padding-top: 90px;
}
.recruit-b1,.recruit-b2,.recruit-b3{
	margin-bottom: 15px;
	overflow: hidden;
}
.recruit-b1-a{
	width: 145px;
	float: left;
	padding-left: 45px;
	background: no-repeat left center;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}
.recruit-b1-b{
	width: calc(100% - 145px);
	float: left;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}
.contact-d2 .contact-d1-b{
	/*text-transform:uppercase;*/
}
.recruit-b1-b a{
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin: 0 12px;
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.recruit-b1-b a.on{
	color: #ea524f;
}
.recruit-b1-b a:hover{
	color: #ea524f;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.recruit-b1 .recruit-b1-a{	
		background-image: url(/template/index/static/images/ico23.png);
}
.recruit-b2 .recruit-b1-a{	
		background-image: url(/template/index/static/images/ico24.png);
}
.recruit-b3 .recruit-b1-a{	
		background-image: url(/template/index/static/images/ico25.png);
}

.recruit-b4{
	width: 100%;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(150,150,150,.4);
	margin-top: 40px;
	margin-bottom: 50px;
}
.recruit-b4-a{
	font-size: 16px;
	height: 45px;
	background: #f2f2f2;
	line-height: 45px;
	padding: 0 20px;
	font-weight: bold;
}
.recruit-b4 .rba1{
	width: 35%;
	float: left;
	padding-right: 10px;
}
.recruit-b4 .rba2{
	width: 23%;
	float: left;
	padding-right: 10px;
}
.recruit-b4 .rba3{
	width: 23%;
	float: left;
	padding-right: 10px;
}
.recruit-b4 .rba4{
	width: 19%;
	float: left;
	padding-right: 10px;
}
.recruit-b4-b{
	
}
.recruit-b4-b li{
    background: #fafafa;
    border-top: 1px solid rgba(0,0,0,.1);
}
.recruit-b4-b li:first-child{
	border-top: none;
}
.recruit-b4-b1{
	overflow: hidden;
	padding: 25px 20px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.recruit-b4-b1 .rba1{
	font-weight: bold;
}
.recruit-b4-b1 .rba5{
	width: 15px;
	height: 100%;
	position: absolute;
	right: 30px;
	top: 0;
	background: url(/template/index/static/images/ico28.png) no-repeat center;
}
.recruit-b4-b1.on .rba5{
	background: url(/template/index/static/images/ico27.png) no-repeat center;
}
.recruit-b4-b li:nth-child(2n){
	background: #fff;
}
.recruit-b4-b2{
	padding: 15px 20px;
	background: #eee;
	display: none;
}
.recruit-b4-b2 .rbb-div{
	overflow: hidden;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.recruit-b4-b2 .rbb-div div{
	width: 33.333%;
	padding-right: 10px;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	margin: 3px 0;
	float: left;
}
.recruit-b4-b2 .rbb-txt{
	font-size: 14px;
	color: #333;
	line-height: 25px;
	padding: 10px 0;
	margin: 15px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
}
.recruit-b4-b2 .rbb-a{
	display: block;
	width: 120px;
	height: 40px;
	background: #fff;
	font-size: 14px;
	text-align: center;
	color: #333;
	line-height: 40px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.recruit-b4-b2 .rbb-a:hover{
	color: #ea524f;
}
@media (max-width: 1400px) {
	
}
@media (max-width: 1023px) {
	
}
@media (max-width: 767px) {
	.contact{
		padding-top: 1.9rem;
		padding-bottom: .6rem;
	}
	.contact-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.contact-b{
		font-size: .4rem;
		line-height: .6rem;
	}
	.contact-c{
		margin-top: .3rem;
		height: 4rem;
	}
	.contact-d1,.contact-d2,.contact-d3{
		padding: .2rem;
	}
	.contact-d1-a{
		font-size: .3rem;
		line-height: .5rem;
		padding-top: 0rem;
	}
	.contact-d{
		height: 2.6rem;
	}
	.contact-d1-b{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.contact-img{
		margin-top: .4rem;
	}
	.recruit-a{
		height: 3rem;
		background-size: cover;
	}
	.recruit-a .isearch{
		padding-top: .5rem;
	}
	.recruit-b{
		padding-top: .5rem;
	}
	.recruit-b1-a{
		font-size: .28rem;
		width: 2rem;
		padding-left: .5rem;
	}
	.recruit-b1-b{
		width: calc(100% - 2rem);
	}
	.recruit-b1-b a{
		font-size: .26rem;
		line-height: .4rem;
		margin: 0 .15rem;
	}
	.recruit-b1 .recruit-b1-a{
		background-size: .3rem;
	}
	
	.recruit-b2 .recruit-b1-a{
		background-size: .3rem;
	}
	
	.recruit-b3 .recruit-b1-a{
		background-size: .3rem;
	}
	.recruit-b1,.recruit-b2,.recruit-b3{
		margin-bottom: .15rem;
	}
	.recruit-b4{
		margin-top: .4rem;
		padding: .2rem;
	}
	.recruit-b4 .rba1{
		width: 60%;
	}
	.recruit-b4 .rba2{
		display: none;
	}
	.recruit-b4 .rba3{
		display: none;
	}
	.recruit-b4 .rba4{
		width: 40%;
	}
	.recruit-b4{
	}
	.recruit-b4-a{
		font-size: .3rem;
		line-height: .8rem;
		height: .8rem;
		padding: 0 .2rem;
	}
	.recruit-b4-b1{
		padding: .2rem;
	}
	.recruit-b4-b1{
		font-size: .26rem;
	}
	.recruit-b4-b1 .rba5{
		right: .4rem;
	}
	.recruit-b4-b2{
		padding: .2rem;
	}
	.recruit-b4-b2 .rbb-div div{
		width: 50%;
		font-size: .24rem;
		line-height: .4rem;
		margin: .03rem 0;
		padding-bottom: .15rem;
	}
	.recruit-b4-b2 .rbb-txt{
		padding: .1rem 0 ;
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .45rem;
	}
}






/*品牌介绍*/
.brand{
	padding-top: 120px;
	padding-bottom: 130px;
}
.brand-a{
	overflow: hidden;
}
.brand-banner .hero-pagination{
	padding-left: 0;
}
.brand-a1{
	width: calc(100% - 150px);
	float: left;
	max-width: 775px;
}
.brand-a1-a{
	font-size: 32px;
	color: #373636;
	line-height: 50px;
	margin-bottom: 25px;
	font-weight: bold;
}
.brand-a1-b{
	font-size: 14px;
	color: #424242;
	line-height: 30px;
}
.brand-a2{
	width: 120px;
	float: right;
	text-align: right;
	padding-top: 12px;
}
.brand-a2-a{
}
.brand-a2-b{
	font-size: 22px;
	color: #373636;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
}
.brand-b{
	margin-top: 85px;
	overflow: hidden;
}
.brand-b1{
	float: left;
	width: 310px;
}
.brand-b1 div{
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding-left: 20px;
	font-size: 22px;
	color: #373636;
	margin-bottom: 5px;
	cursor: default;
	transition: all .3s; 
-webkit-transition: all .3s;
	
}
.brand-b1 div:hover{
	background: #b5cfcc;
	color: #fff;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.brand-b2{
	width: calc(100% - 350px);
	float: right;
	max-width: 806px;
	height: 371px;
	background: no-repeat center;
}
.brand-b2-a{
	width: 100%;
	height: 100%;
	background: url(/template/index/static/images/ico30.png) no-repeat center;
	cursor: pointer;
}

.brand-c{
	margin-top: 75px;
	height: 380px;
}
.brand-swiper .swiper-slide{
	background: no-repeat center;
	background-size: cover;
	height: 380px;
}
.brand-c1{
	width: 270px;
	padding: 30px 20px;
	background: #fff;
	
	position: relative;
	top: 140px;
	left: 7.15%;
	/*float: left;*/
	/*display: none;*/
}
.brand-c1-a{
	width: 30px;
	height: 2px;
	background: #333;
	display: none;
}
.brand-c1-b{
	font-size: 28px;
	line-height:30px;
	color: #333;
	margin-top: 10px;
	font-weight: bold;
	font-family: arial;
}
.brand-c1-c{
	font-size: 28px;
	color: #333;
	line-height:30px;
	margin-top: 5px;
	font-weight: bold;
}
.brand-span{
	position: absolute;
	width: auto !important;
	left: 70px !important;
	bottom: 45px !important;
	height: 20px;
	line-height: 20px;
	z-index: 4;
}
.brand-span span{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #3c3a39;
	opacity: 1;
	margin: 0 !important;
	margin-right: 10px !important;
}
.brand-span .swiper-pagination-bullet-active{
	background: #e5976c;
}
@media (max-width: 1024px) {
	.brand-c{
		height: 300px;
	}
	
	
	.brand-swiper .swiper-slide{
		height: 300px;
	}
	.brand-c1{
		top: 60px;
		left: 0;
	}
}
@media (max-width: 767px) {
	.brand-c{
		margin-top: .5rem;
		height: 3rem;
	}
	.brand-swiper .swiper-slide{
		height: 3rem;
	}
	.brand-c1{
		width: 4rem;
	    padding: .3rem .2rem;
	    top: 1rem;
	    left: 0;
	}
	.brand-c1-a{
		width: .3rem;
	}
	.brand-c1-b{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: 0;
	}
	.brand-c1-c{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .05rem ;
	}
	.brand-span{
		left: .3rem ;
		bottom: .3rem;
	}
	.brand-span span{
		width: .1rem;
		height: .1rem;
		margin-right: .1rem;
	}
}

.brands{
	width: 100%;
	/*margin-top: 55PX;*/
	border-top: 55px solid rgba(249,247,244,1);
}
.brands-m{
	display: none;
}
.brands-a{
	height: 700px;
	background: no-repeat center;
	background-size: cover;
}
.brands-a:first-child{
	height:500px;
}
.brand-c1-d{
	font-size: 18px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    font-weight: bold;
}
.sf-brand{
	height: 700px;
	margin-top: 125px;
}
.sf-brand .sf-ban-div{
	padding-top: 240px;
}
.brand-c1.on *{
	color: #fff;
}
.brand-c1.on .brand-c1-a{
	background: #fff;
}
@media  (max-width: 1023px) {
	.brands-a{
		height:600px
	}
}

@media  (max-width: 767px) {
	.brands{
		border-top: 25px solid rgba(249,247,244,1);
	}
	/*.brands{
		margin-top: .4rem;
	}*/
	.brands-pc{
		display: none;
	}
	.brands-m{
		display: block;
	}
	.brands-a{
		height: auto;
		background: no-repeat top center;
		padding-top: 5rem;
		background-size:7.5rem 5rem;
	}
	.brand-c1{
		top: 0;
		width: 100%;
		margin-bottom: .3rem;
	}
	.brand-c1-d{
		font-size: .24rem ;
	    line-height: .4rem;
	    margin-top: .05rem;
	}
	.sf-brand{
		display: block !important;
		height: 7rem;
		margin-top: 1.2rem;
	}
	.sf-brand .sf-ban-div{
		padding-top: 2.4rem !important;
	}
}




.team-bj{
	background: #fcfcfc;
}
.team{
	padding-top: 100px;
	padding-bottom: 110px;
	overflow: hidden;
}
.team-a{
	width: 100%;
	overflow: hidden;
}
.team-a1{
	width: calc(100% - 150px);
	float: left;
	max-width: 775px;
}
.team-a1-a{
	font-size: 26px;
	color: #373636;
	line-height: 30px;
	font-family: arial;
}
.team-a1-b{
	font-size: 42px;
	color: #373636;
	line-height: 50px;
}
.team-a2{
	width: 120px;
	float: right;
	text-align: center;
	padding-top: 5px;
}
.team-a2-a{
}
.team-a2-b{
	font-size: 22px;
	color: #373636;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
}
.team-b{
	width: 30%;
	float: left;
}
.team-b1{
	font-size: 20px;
	color: #2e2e2e;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 2px solid #2e2e2e;
}
.team-b2{
	font-size: 14px;
	color: #171717;
	line-height: 30px;
	padding: 15px 0;
	font-weight: bold;
	margin-bottom: 40px;
}
.team-b3{
	font-size: 14px;
	color: #868686;
	line-height: 28px;
	padding: 15px 0;
	font-weight: bold;
}
.team-b3 div{
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.team-b3 div:hover{
	color: #272727;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.team-b3 div.on{
	color: #272727;
}
.team-c{
	width: 66.67%;
    float: right;
}
.team-c1{
	width: 103%;
	overflow: hidden;
	margin-top: 30px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.team-c1 li{
	width: 30.333%;
	float: left;
	margin-right: 3%;
	border-bottom: 2px solid #272727;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.team-c1-b{
	font-size: 20px;
	color: #2e2e2e;
	line-height: 25px;
	font-weight: bold;
	margin-top: 15px;
}
.team-c1-c{
	font-size: 14px;
	color: #171717;
	line-height: 25px;
	font-weight: bold;
}
.team-c1-d{
	font-size: 12px;
	color: #171717;
	line-height: 20px;
	font-weight: bold;
	margin-top: 8px;
	min-height: 60px;
}

.award{
	height: 900px;
	overflow: hidden;
	position: relative;
	background: #f5f5f5;
}
.award-a{
	width: 100%;
	max-width: 1650px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 110px;
	position: relative;
}
.award-a1{
	width: 425px;
	float: left;
	margin-left: 7%;
	height: 394px;
	background: url(/template/index/static/images/ico32.png) no-repeat center;
}
.award-a1-a{
	font-size: 26px;
	line-height: 30px;
	color: #373636;
	padding-left: 130px;
}
.award-a1-b{
	font-size: 42px;
	line-height: 55px;
	color: #373636;
	padding-left: 130px;
}
.award-a2{
	width: calc(100% - 465px);
	max-width: 860px;
	float: right;
	position: relative;
	z-index: 3;
}
.award-a2-a{
	height: 47px;
	margin-top: 30px;
	border-bottom: 2px solid rgba(0,0,0,.1);
}
.award-a2-a1{
	font-size: 18px;
	line-height: 45px;
	color: #4b4a4a;
	width: 110px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}
.award-a2-a2{
	width: calc(100% - 110px);
	float: left;
	font-size: 18px;
	line-height: 45px;
	color: #4b4a4a;
	font-weight: bold;
}
.award-a2-b{
	width: 100%;
	margin-top: 165px;
	position: absolute;
	left: 0;
	padding: 0 50px;
	z-index: 4;
}
.award-a2-b .swiper-container{
	width: 100%;
}
@media (max-width: 767px) {
	.award-a2-b{
		padding: 0 .4rem;
		position: relative;
	}
	.award-a2-b .swiper-container{
		padding: .5rem 0;
	}
}
.award-a2-b:hover{
	cursor: url(../img/ico59.ico),auto;;
}
.award-b{
	width: 100%;
	height: 436px;
	background: no-repeat center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.award-swiper1{
	width: 100%;
}
.award-swiper1 .swiper-slide{
	cursor: pointer;
	text-align: center;
}
.award-swiper1 .swiper-slide:after{
	content: "";
	width: 0px;
	height: 2px;
	background: #333;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.award-swiper1 .swiper-slide:hover:after{
	width: 50px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.award-swiper1 .swiper-slide.on:after{
	width: 50px;
}
.swp-div{
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 25px;
	width: 100%;
	display: none;
}
.swp-d1{
	font-size: 15px;
	color: #2e2e2e;
	line-height: 25px;
}
.swp-d2{
	font-size: 20px;
	color: #2e2e2e;
	line-height: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid rgba(0,0,0,.1);
}

.vision{
	height: 702px;
}
.vision-m{
	display: none;
}
.vision .swiper-slide{
	background: no-repeat center;
	background-size: cover;
}
.vision-div{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 75px;
	padding-top: 255px;
}
.vision-d1{
	font-size: 28px;
	color: #fff;
	line-height: 30px;
}
.vision-d2{
	float: left;
	font-size: 28px;
	color: #fff;
	line-height: 45px;
	padding: 15px 0;
	/*border-bottom: 2px solid #fff;*/
}
.vision-d3{
	width: 100%;
	float: left;
	font-size: 16px;
	font-family: arial;
	color: #fff;
	line-height: 20px;
	padding: 20px 0;
}
.vision-span{
	width: 100%;
	position: absolute;
	bottom: 70px;
	left: 0;
	z-index: 4;
}
.vision-sp1{
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 75px;
}
.vision-sp2 span{
	width: 20px;
	height: 3px;
	background: #383837;
	margin: 0 5px 0 0;
	border-radius: 0;
	opacity: 1;
}
.vision-sp2 .swiper-pagination-bullet-active{
	background: #fff;
}

@media (max-width: 1550px) {
	.award-a1{
		margin-left: 0;
	}
	.vision-d2{
		font-size: 26px;
		line-height: 35px;
		padding: 10px 0;
	}
}
@media (max-width: 1400px) {
	.brand-a1-a{
		font-size: 30px;
	}
}
@media (max-width: 1350px) {
	.award-a1{
		width: 300px;
		height: 280px;
		background-size: cover;
	}
	.award-a1-a,.award-a1-b{
		padding-left: 60px;
	}
	.award-a2{
		width: calc(100% - 330px);
	}
}
@media (max-width: 1023px) {
	.vision{
		height: 500px;
	}
	.vision-div{
		padding-top: 150px;
	}
	.brand-a1-a{
		font-size: 28px;
	}
	.vision-d2{
		font-size: 28px;
	}
	.brand-b1{
		width: 100%;
	}
	.brand-b1 div{
		width: initial;
		height: 50px;
		line-height: 50px;
		display: inline-block;
		float: left;
		padding: 0 15px;
	}
	.brand-b2{
		width: 100%;
		margin-top: 25px;
		float: left;
	}
	.team-c1 li{
		width: 47%;
	}
	.award-a1{
		position: absolute;
		top: 50px;
		left: 50px;
	}
	.award-a2{
		width: 100%;
		margin-top: 30px;
	}
	.award-a2-b{
		margin-top: 50px;
	}
	.award{
		
	}
	.award-a{
		padding-bottom: 100px;
	}
	.award-a1-a, .award-a1-b{
		padding-left: 0;
	}
	.sf-tk-a{
		width: 95%;
		margin-top: 80px;
	}
}

@media (max-width: 767px) {
	.award{
	  height: inherit;	
	}
	.brand{
		padding-top: 1rem;
		padding-bottom: .6rem;
	}
	.brand-a2{
		width: 1.2rem;
		padding-top: .1rem;
	}
	.brand-a2-b{
		font-size: .28rem;
		line-height: .45rem;
	}
	.brand-a1{
		width: calc(100% - 1.5rem);
	}
	.brand-a1-a{
		font-size: .36rem;
		line-height: .55rem;
		margin-bottom: .25rem;
	}
	.brand-a1-b{
		font-size: .26rem;
		line-height: .5rem;
	}
	.brand-b{
		margin-top: .6rem;
	}
	.brand-b1 div{
		font-size: .3rem;
		line-height: .6rem;
		height: .6rem;
		padding: 0 .15rem;
		margin-bottom: .05rems;
	}
	.brand-b2{
		margin-top: .2rem;
		height: 3rem;
		background-size: cover;
	}
	
	.team-a2{
		width: 1.2rem;
		padding-top: .1rem;
	}
	.team-a2-b{
		font-size: .28rem;
		line-height: .45rem;
	}
	.team-a1-a{
		font-size: .28rem;
		line-height: .45rem;
	}
	.team-a1-b{
		font-size: .45rem;
		line-height: .6rem;
	}
	.team-b{
		width: 100%;
		margin-top: .2rem;
	}
	.team-b1{
		font-size: .28rem;
		line-height: .45rem;
		padding-bottom: .05rem;
	}
	.team-b2{
		font-size: .26rem;
		line-height: .45rem;
		padding: .15rem 0 ;
		margin-bottom: .25rem;
	}
	.team-b3 div{
		display: inline-block;
		float: left;
		margin: 0 .1rem;
		font-size: .24rem;
		line-height: .45rem;
		
		margin-bottom: .05rem;
	}
	.team-c{
		width: 100%;
		margin-top: .5rem;
	}
	.team-c1{
		margin-top: .3rem;
	}
	.team-c1-b{
		font-size: .32rem;
		line-height: .5rem;
		margin-top: .1rem;
	}
	.team-c1-c{
		font-size: .28rem;
		line-height: .45rem;
	}
	.team-c1-d{
		font-size: .24rem;
		line-height: .45rem;
	}
	.team{
		padding-top: .6rem;
		padding-bottom: .6rem;
	}
	.award-b{
		height: 3rem;
		background-size: cover;
	}
	.award-a{
		padding: 0 .4rem;
		padding-top: .6rem;
		padding-bottom: .8rem;
	}
	.award-a1{
		top.4rem;
		left: .4rem;
	}
	.award-a1-a{
		font-size: .28rem;
		line-height: .45rem;
	}
	.award-a1-b{
		font-size: .42rem;
		line-height: .55rem;
	}
	.award-a2{
		margin-top: 1rem;
	}
	.award-a2-a{
		height: .8rem;
	}
	.award-a2-a1{
		font-size: .28rem;
		height: .8rem;
		line-height: .8rem;
		width: 1.5rem;
	}
	.award-a2-a2{
		width: calc(100% - 1.5rem);
		font-size: .28rem;
		line-height: .8rem;
	}
	.award-a2-b{
		margin-top: .4rem;
	}
	.swp-div{
		padding: .2rem;
	}
	.swp-d1{
		font-size: .24rem;
		line-height: .45rem;
	}
	.swp-d2{
		font-size: .28rem;
		line-height: .45rem;
		padding-bottom: .15rem;
	}
	
	.vision{
		height: 5rem;
	}
	.vision-pc{
		display: none;
	}
	.vision-m{
		display: block;
	}
	.vision .swiper-slide{
		background-size: cover;
	}
	.vision-div{
		max-width: 80%;
		float: left;
		padding: 0 .4rem;
		padding-top: 1rem;
	}
	.vision-d1{
		font-size: .3rem;
		line-height: .45rem;
	}
	.vision-d2{
		font-size: .3rem;
		line-height: .45rem;
		padding: .1rem 0;
	}
	.vision-d3{
		font-size: .26rem;
		line-height: .45rem;
		padding: .2rem 0;
	}
	.vision-span{
		bottom: 1rem;
	}
	.vision-sp1{
		padding: 0 .4rem;
	}
	
	.sf-tk-a{
		width: 95%;
		margin-top: 2.2rem;
	}
	.sf-tk-x{
		width: .4rem;
		height: .4rem;
		top: .4rem;
		right: .4rem;
	}
}






/*品质保证*/
.design{
	height: 950px;
	margin-top: 55px;
}
.design .swiper-slide{
	background: no-repeat center;
}
.design-div{
	padding-top: 240px;
}
.design-d1{
	font-size: 28px;
	color: #fff;
	line-height: 35px;
}
.design-d2{
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding-top: 10px;
}
.design-d3{
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding-top: 10px;
	font-family: arial;
}
.design-d4{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	padding-top: 85px;
	max-width: 480px;
}
.design-span{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 4;
}
.design-sp1{
	position: relative;
}
.design-sp2{
	width: 15px ;
	height: 950px;
	line-height:950px;
	position: absolute;
	bottom: 0 ;
	right: 0;
}
.design-sp3{
	width: 15px;
	display: inline-block;
	top: 50%;
	right: 50px;
	margin-top: -15px;
}
.design-sp3 span{
	display: block;
	float: right;
	width: 15px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
	border-radius: 0;
}
.design-sp2 .swiper-pagination-bullet-active{
	width: 35px;
	background: #fff;
}

.high{
	height: 950px;
	background: no-repeat center;
	padding-top: 100px;
}
.high-a{
	font-size: 22px;
	color: #373636;
	line-height: 25px;
	font-family: arial;
	font-weight: bold;
}
.high-b{
	font-size: 28px;
	color: #373636;
	line-height: 50px;
	margin-top: 10px;
}
.high-c{
	margin-top: 15px;
}
.high-swiper{
	width: 117%;
	padding:0;
	left: -8.5%;
}
.high-c1{
	width: 100%;
	max-width: 259px;
	margin: 0 auto;
	padding-top: 45px;
	position: relative;
	top: 100px;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-a{
	width: 100%;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 2;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-a1{
	display: none;
}
.high-c1-b{
	font-size: 14px;
	color: #373636;
	line-height: 20px;
	text-align: center;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-c{
	font-size: 18px;
	color: #3c3c3c;
	line-height: 20px;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-family: arial;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-d{
	text-align: center;
	margin-top: 30px;
	position: relative;
	z-index: 3;
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.high-c1-e{
	font-size: 13px;
	color: #3f3f3f;
	line-height: 25px;
	text-align: center;
	margin-top: 35px;
	display: none;
	transition: all .3s; 
    -webkit-transition: all .3s;
} 


@media (min-width: 1024px) {
	
	
	
	.high-swiper .swiper-slide-next  .high-c1{
		max-width: 467px;
		top: 0;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide-next .high-c1-b{
		font-size: 26px;
		color: #fff;
		line-height: 30px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide-next .high-c1-c{
		font-size: 35px;
		color: #fff;
		line-height: 50px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide-next .high-c1-e{
		display: block;
	}
	.high-swiper .swiper-slide-next .high-c1-a1{
		display: block;
	}
	.high-swiper .swiper-slide-next .high-c1-a2{
		display: none;
	}
}


.chain{
	height: 964px;
	background: no-repeat center;
	padding-top: 100px;
}
.chain-a{
	font-size: 22px;
	color: #fff;
	line-height: 25px;
	font-family: arial;
	font-weight: bold;
}
.chain-b{
	font-size:28px;
	color: #fff;
	line-height: 40px;
	margin-top: 10px;
}
.chain-c{
	margin-top: 90px;
	height: 530px;
	overflow: auto;
}
.chain-c .mCSB_inside>.mCSB_container{
	margin-right: 5px !important;
}
.chain-c .mCSB_scrollTools .mCSB_draggerRail{
	background-color: rgba(255,255,255,.4) !important;
}
.chain-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px !important;
}
.chain-c li{
	margin-bottom: 70px;
	overflow: hidden;
}
.chain-c1{
	width: 405px;
	height: 130px;
	background: #fff;
	text-align: center;
	line-height: 130px;
	border-radius: 65px;
	float: left;
}
.chain-c2{
	width: calc(100% - 445px);
	float: right;
	max-width: 655px;
	border-left: 1px solid #fff;
	padding: 0 4%;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
.chain-c2-a{
	font-size: 18px;
	margin-bottom: 10px;
}
@media (max-width: 1400px) {
	.design{
		height: 850px;
	}
	/*.design-d1{
		font-size: 24px;
		line-height: 30px;
	}
	.design-d2{
		font-size: 36px;
		padding-top: 15px;
	}
	.design-d3{
		font-size: 36px;
	}*/
	/*.high-b{
		font-size: 36px;
	}*/
	/*.chain-b{
		font-size: 36px;
	}*/
}
@media (max-width: 1023px) {
	/*.design-d1{
		font-size: 22px;
	}
	.design-d2{
		font-size: 34px;
	}
	.design-d3{
		font-size: 34px;
	}*/
	/*.high-b{
		font-size: 34px;
	}*/
	/*.chain-b{
		font-size: 34px;
	}*/
}
@media (max-width: 1023px) {
	.high-swiper .swiper-slide .high-c1{
		max-width: 467px;
		top: 0;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide .high-c1-b{
		font-size: 26px;
		color: #fff;
		line-height: 30px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide .high-c1-c{
		font-size: 35px;
		color: #fff;
		line-height: 50px;
		transition: all .3s; 
	    -webkit-transition: all .3s;
	}
	.high-swiper .swiper-slide .high-c1-e{
		display: block;
	}
	.high-swiper .swiper-slide .high-c1-a1{
		display: block;
	}
	.high-swiper .swiper-slide .high-c1-a2{
		display: none;
	}
	
	.chain-c1{
		width: 260px;
		height: 80px;
		border-radius: 40px;
		line-height: 80px;
		overflow: hidden;
		padding: 0 20px;
	}
	.chain-c2{
		width: calc(100% - 280px);
	}
}
@media (max-width: 767px) {
	.design{
		height: 9.5rem;
		margin-top: .4rem;
	}
	.design-sp3{
		right: .4rem;
	}
	.design .swiper-slide{
		background-size: cover;
	}
	.design-div{
		padding-top: 3rem;
	}
	.design-d1{
		font-size: .32rem;
		line-height: .35rem;
	}
	.design-d2{
		font-size: .32rem;
		line-height: .55rem;
		padding-top: .15rem;
	}
	.design-d3{
		font-size: .32rem;
		line-height: .55rem;
		padding-top: .15rem;
	}
	.design-d4{
		font-size: .24rem;
		line-height: .45rem;
		padding-top: .6rem;
	}
	.high{
		padding-top: .6rem;
		padding-bottom: .8rem;
		height: initial;
		background-size: cover;
	}
	.high-a{
		font-size: .26rem;
		line-height: .3rem;
	}
	.high-b{
		font-size: .4rem;
		line-height: .55rem;
		margin-top: .15rem;
	}
	.high-swiper{
		width: 80%;
		left: 0;
	}
	.high-swiper .high-c1{
		top: 0;
	}
	.high-swiper .swiper-slide .high-c1{
		padding-top: .6rem;
	}
	.high-swiper .swiper-slide .high-c1-b{
		font-size: .3rem;
		line-height: .3rem;
	}
	.high-swiper .swiper-slide .high-c1-c{
		font-size: .38rem;
		line-height: .55rem;
	}
	.high-swiper .swiper-slide .high-c1-e{
		font-size: .24rem;
		line-height: .45rem;
	}
	
	.chain{
		height: 10rem;
		background-size: cover;
		padding-top: .6rem;
	}
	.chain-a{
		font-size: .28rem;
	}
	.chain-b{
		font-size: .4rem;
		line-height: .6rem;
		margin-top: .05rem;
	}
	.chain-c{
		margin-top: .6rem;
		height: 7rem;
	}
	.chain-c1{
		width: 2rem;
		height: .6rem;
		line-height: .6rem;
		padding: 0 .2rem;
	}
	.chain-c2{
		width: 100%;
		margin-top: .15rem;
	}
	.chain-c2-a{
		font-size: .3rem;
		line-height: .5rem;
		margin-bottom: .15rem;
	}
	.chain-c2{
		font-size: .24rem;
		line-height: .45rem;
	}
	.chain-c li{
		margin-bottom: .6rem;
	}
}



/*资讯中心*/
.news{
	
	padding-bottom: 110px; background:#f3f3f3;
}
.news-a{
	font-size: 28px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 50px;
}
.news-b{
	
}
.news-b li{
	padding: 85px 0;
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 1px dashed rgba(0,0,0,.1);
}
.news-b li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.news-b li:first-child{
	border-top: none;
}
.news-b1{
	width: 100px;
	float: left;
}
.news-b1-a{
	font-size: 44px;
	color: #acacac;
	line-height: 70px;
	border-bottom: 1px solid #acacac;
	text-align: center;
}
.news-b1-b{
	font-size: 14px;
	color: #acacac;
	line-height: 40px;
	text-align: center;
}
.news-b2{
	width: 300px;
	float: left;
	margin:0 40px;
	overflow: hidden;
}
.news-b2 img{
	max-width: 100%;
    max-height: 100%;
    transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b2:hover img{
	transform: scale(1.08);
	transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b3{
	width: calc(100% - 480px);
	float: right;
}
.news-b3-a{
	font-size: 18px;
	color: #2e2e2e;
	line-height: 55px;
	height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-b3-b{
	font-size: 14px;
	color: #515151;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-b3-c{
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.1);
	margin-top: 25px;
}
.news-b3-d{
	font-size: 14px;
	color: #353535;
	line-height: 20px;
	margin-top: 25px;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	background: url(/template/index/static/images/ico06.png) no-repeat right center;
	background-size: 6px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b3-d:hover{
	padding-right: 15px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.news-b3-e{
	font-size: 14px;
	color: #353535;
	line-height: 20px;
	margin-top: 25px;
	float: right;
	display: none;
}
.news .page{
	margin-top: 30px;
}

@media (max-width: 1023px) {
	.news-a{
		font-size: 28px;
		line-height: 35px;
	}
	.news-b3-a{
		font-size: 22px;
		height: 50px;
		line-height: 50px;
	}
}
@media (max-width: 1023px) {
	.news-a{
		font-size: 26px;
	}
	.news-b3-a{
		font-size: 20px;
	}
	.news-b li{
		padding: 50px 0;
	}
	.news-b1{
		width: 80px;
	}
	.news-b2{
		width: 260px;
		margin: 0 20px;
	}
	.news-b3{
		width: calc(100% - 380px);
	}
	.news-b3-c{
		margin-top: 15px;
	}
	.news-b3-d{
		margin-top: 15px;
	}
}
@media (max-width: 767px) {
	.news{
		padding-top: .8rem;
		padding-bottom: .6rem;
	}
	.news-a{
		font-size: .34rem;
		line-height: .55rem;
		margin-bottom: .2rem;
	}
	.news-b li{
		padding: .4rem 0;
		margin: 0;
	}
	.news-b1{
		display: none;
	}
	.news-b2{
		width: 2.8rem;
		margin: 0;
		margin-right: .2rem;
	}
	.news-b3{
		width:calc(100% - 3rem);
	}
	.news-b3-a{
		font-size: .28rem;
		height: .35rem;
		line-height: .35rem;
		font-weight: bold;
	}
	.news-b3-b{
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
	}
	.news-b3-c{
		margin-top: 0rem;
	}
	.news-b3-d{
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .15rem;
	}
	.news-b3-e{
		display: block;
		font-size: .24rem;
		line-height: .3rem;
		margin-top: .15rem;
	}
	.news .page{
		margin-top: .3rem;
	}
}



/*资讯详情*/
.newsinfo-bj{
	background: #fcfcfc;
	padding-top: 180px;
}
.newsinfo{
	padding-top: 80px;
	padding-bottom: 140px;
	overflow: hidden;
}
.newsinfo-a{
	font-size: 26px;
	line-height: 45px;
	text-align: center;
	color: #222;
}
.newsinfo-b{
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #888;
	margin-top: 10px;
}
.newsinfo-c{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding: 40px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 40px;
	margin-bottom: 20px;
	
}
.newsinfo-d {
	width: calc(100% - 160px);
	float: left;
}
.newsinfo-d a{
	display: block;
	font-size: 16px;
	line-height: 25px;
	margin: 5px 0;
	color: #333;
}
.newsinfo-d a:hover{
	color: #ea524f;
}
.newsinfo-e{
	width: 140px;
	height: 45px;
	background: #ea524f;
	color: #fff;
	line-height: 45px;
	text-align: center;
	display: block;
	float: right;
	margin-top: 10px;
}
.newsinfo-e:hover{
	color: #fff;
	opacity: .85;
}
@media (max-width: 1400px) {
	.newsinfo-a{
		font-size: 24px;
	}
}
@media (max-width: 767px) {
	.newsinfo-bj{
		padding-top: 1.6rem;
	}
	.newsinfo{
		padding: .6rem .4rem;
	}
	.newsinfo-a{
		font-size: .36rem;
		line-height: .5rem;
	}
	.newsinfo-b{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .05rem;
	}
	.newsinfo-c{
		margin: .3rem 0;
		padding: .3rem 0;
		font-size: .24rem;
		line-height: .45rem;
	}
	.newsinfo-d a{
		font-size: .24rem;
		line-height: .45rem;
		margin: .05rem 0;
	}
	.newsinfo-e{
		width: 2.4rem;
		height: .8rem;
		font-size: .26rem;
		line-height: .8rem;
	}
	.newsinfo-d {
		width: 100%;
	}
}




/*所有产品*/
.product-a{
	padding-top: 180px;
	padding-bottom: 50px;
}
.product-a1{
	font-size: 28px;
	color: #2e2e2e;
	line-height: 50px;
	height: 70px;
	border-bottom: 2px solid rgba(0,0,0,.1);
	background: url(/template/index/static/images/ico36.png) no-repeat right center;
	cursor: pointer;
}
.product-a1.on{
	background: url(/template/index/static/images/ico28.png) no-repeat right center;
}
.product-a2{
	margin-top: 40px;
	overflow: hidden;
}
.product-a2-a{
	width: 55%;
	float: left;
}
.product-a2-a1{
	font-size: 22px;
	line-height: 40px;
	color: #2e2e2e;
	margin-bottom: 25px;
}
.product-a2-a2{
	overflow: hidden;
}
.product-a2-a2 a{
	display: block;
	float: left;margin-right: 8%;
	font-size: 16px;
	color: #2e2e2e;
	line-height: 35px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}
.product-a2-a2 a:after{
	content: "";
	width: 0;
	height: 2px;
	background: #2e2e2e;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s; 
-webkit-transition: all .3s;
}
@media (min-width: 1024px) {
	.product-a2-a2 a:hover:after{
		width: 100%;
		transition: all .3s; 
	-webkit-transition: all .3s;
	}
}

.product-a2-a2 a.on:after{
	width: 100%;
}
.product-a2-b{
	width: 44%;
	float: right;
	cursor: pointer;
}
.product-a2-b1{
	height: 149px;
	background: no-repeat center;
	padding-top: 50px;
}
.product-a2-b1 .pro-b1{
	font-size: 26px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	font-family: arial;
	text-align: center;
}
.product-a2-b1 .pro-b2{
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.product-a2-c{
	width: 102.1%;
	overflow: hidden;
}
/*.product-a2-c li{
	background: no-repeat center;
	width: 22.9%;
	float: left;
	margin-right: 2.1%;
	height: 115px;
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 30px 25px 0 25px;
	cursor: pointer;
}*/
.product-a2-c li{
	background: no-repeat center;
	width: 16.666%;
	float: left;
	height: auto;
	border-radius: 5px;
	cursor: pointer;
	line-height: 60px;
}
.product-a2-c1{
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-a2-c1:hover{
	border-bottom: 2px solid #333;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-a2-c li.on .product-a2-c1{
	border-bottom: 2px solid #333;
	transition: all .3s; 
   -webkit-transition: all .3s;
}
.product-a2-c2{
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-top: 5px;
}

.featured-products,
.product-b{
	width: 100%;
	background: #f3f3f3;
	padding-top: 70px;
	padding-bottom: 70px;
}
.featured-products__list,
.product-b-ul{
	width: 102%;
	padding-top: 10px;
	position: relative;
	left: -1%;
	overflow: hidden;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.featured-products__list li,
.product-b-ul li{
	width: 23%;
	float: left;
	margin:0 1%;
	margin-bottom: 25px;
	background: #fff;
	position: relative;
	top: 0;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.featured-products__list li a,
.product-b-ul li a{
	display: block;
}
.featured-products__media,
.product-b1{
	background: #f9f9f9;
	overflow: hidden;
	text-align: center;
}
.featured-products__media img,
.product-b1 img{
	transition: all .3s; 
-webkit-transition: all .3s;
}
.featured-products__content,
.product-b2{
	padding: 20px;
}
.featured-products__title,
.product-b2-a{
	font-size: 16px;
	color: rgb(120,120,120);
	/*font-weight: bold;*/
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product-b2-b{
	font-size: 16px;
	color: #171717;
	line-height: 30px;
	height: 60px;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid rgba(0,0,0,.1);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-b34{
	width: 70px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 10px;
}
.product-b3{
	width: 27px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background: url(/template/index/static/images/ico40.png) no-repeat center;
}
.product-b4{
	width: 27px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background: url(/template/index/static/images/ico39.png) no-repeat center;
}
.featured-products__list li:hover,
.product-b-ul li:hover{
	box-shadow: 0 0 15px rgba(200,200,200,.5);
	top: -3px;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.featured-products__list li:hover .featured-products__media img,
.product-b-ul li:hover .product-b1 img{
	transform: scale(1.08);
	transition: all .3s; 
-webkit-transition: all .3s;
}
.product .page{
	margin-top: 25px;
}
@media (max-width: 1220px) {
	.product-a1{
		font-size: 24px;
	}
	.product-a2-c1{
		
	}
	.product-a2-c2{
		font-size: 14px;
	}
	.featured-products__title,
	.product-b2-a{
		font-size: 16px;
	}
	.product-b2-b{
		font-size: 16px;
	}
}
@media (max-width: 1023px) {
	.product-a2-a2 a{
		margin-right: 3%;
	}
	.featured-products__list li,
	.product-b-ul li{
		width: 31.333%;
	}
	.product-a2-c li{
		/*width: 31.233%;
		margin-bottom: 20px;*/
	}
}
@media (max-width: 767px) {
	.product-a2-a2 a{
		margin-right: 3%;
	}
	.featured-products__list li,
	.product-b-ul li{
		width: 31.333%;
	}
	.product-a{
		padding-top: 1.8rem;
		padding-bottom: .5rem;
	}
	.product-a1{
		font-size: .32rem;
		height: .7rem;
		line-height: .5rem;
		background-size: .3rem;
	}
	.product-a2{
		margin-top: .3rem;
	}
	.product-a2-a{
		width: 100%;
	}
	.product-a2-a1{
		font-size: .3rem;
		line-height: .5rem;
		margin-bottom: .1rem;
	}
	.product-a2-a2 a{
		font-size: .26rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}
	.product-a2-b{
		width: 100%;
		margin-top: .2rem;
	}
	.product-a2-b1{
		height: 2rem;
		background-size: cover;
		padding-top: .6rem;
	}
	.product-a2-b1 .pro-b1{
		font-size: .3rem;
		line-height: .35rem;
	}
	.product-a2-b1 .pro-b2{
		font-size: .28rem;
		line-height: .45rem;
	}
	.featured-products,
	.product-b{
		padding-top: .6rem;
		padding-bottom: .6rem;
	}
	.featured-products__list li,
	.product-b-ul li{
		width: 48%;
		margin-bottom: .25rem;
	}
	.featured-products__content,
	.product-b2{
		padding: .2rem;
	}
	.featured-products__title,
	.product-b2-a{
		font-size: .28rem;
	}
	.product-b2-b{
		height: 1rem;
		padding-top: .1rem;
		margin-top: .1rem;
		font-size: .26rem;
		height: .9rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}
	.product .page{
		margin-top: .25rem;
	}
	.product-a2-c li{
		width: 33.333%;
		margin-bottom: .25rem;
		height: .6rem;
		line-height: .6rem;
		background-size: cover;
		padding: 0rem;
	}
	.product-a2-c1{
		font-size: .26rem;
		line-height: .4rem;
		margin: 0;
	}
	.product-a2-c2{
		font-size: .24rem;
		line-height: 0rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
}




/*产品详情*/
.proinfo{
	padding-top: 255px;
	padding-bottom: 95px;
	overflow: hidden;
}
.proinfo-a{
	width: 615px;
	overflow: hidden;
	float: left;
	position: relative;
}
.proinfo-a2{
	width: 540px;
	height: 85px;
	position: relative;
	
	margin: 20px 0;
}
.proinfo-swiper{
	width: 100%;
}

.proinfo-b{
	width: calc(100% - 645px);
	float: right;
	max-width: 525px;
	padding-top: 50px;
}
.proinfo-b1{
	font-size: 26px;
	color: #2e2e2e;
	line-height: 50px;
}
.proinfo-b2{
	font-size: 16px;
	color: #515151;
	line-height: 30px;
	margin-top: 30px;
}
.proinfo-b3{
	padding: 40px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	font-size: 17px;
	color: #515151;
	line-height: 30px;
	margin-top: 60px;
}

.proinfo-c{
	width: 100%;
	overflow: hidden;
	background: #fff;
	float: left;
	margin-top: 85px;
	padding: 55px 30px 100px 30px;
}
.proinfo-c1{
	height: 30px;
	text-align: center;
	position: relative;
}
.proinfo-c1 div{
	display: inline-block;
	font-size: 24px;
	color: #2e2e2e;
	line-height: 30px;
	text-align: center;
	margin: 0 35px;
	cursor: pointer;
	transition: all .3s; 
-webkit-transition: all .3s;
}
/*.proinfo-c1:after{
	content: "";
	width: 1px;
	height: 22px;
	background: rgba(0,0,0,.1);
	position: absolute;
	top: 5px;
	left: 50%;
}*/
.proinfo-c1 div.on{
	color: #ea524f;
}
.proinfo-c1 div:hover{
	color: #ea524f;
	transition: all .3s; 
-webkit-transition: all .3s;
}
.proinfo-c2{
	width: 100%;
	max-width: 95%;
    margin: 0 auto;
    margin-top: 50px;
}
.proinfo-c2-a{
	font-size: 16px;
	line-height: 30px;
	color: #333;
}
.proinfo-d{
	display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
     float: right;
     margin-top: 70px;
     margin-left:5px;
	background: #fcfcfc url(/template/index/static/images/ico06.png) no-repeat center;
}
.proinfo-e{
	display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    float: right;
     margin-top: 70px;
	background: #fcfcfc url(/template/index/static/images/ico26.png) no-repeat center;
}

@media (max-width: 1200px) {
	.proinfo-a{
		width: 515px;
		height: initial;
	}
	.proinfo-a2{
		width: 440px;
		bottom: 20px;
	}
	.proinfo-b{
		width: calc(100% - 545px);
	}
}
@media (max-width: 1023px) {
	.proinfo-a{
		width: 615px;
		height: initial;
	}
	.proinfo-a2{
		width: 440px;
		bottom: 20px;
	}
	.proinfo-b{
		width: 100%;
		max-width: initial;
	}
}
@media (max-width: 767px) {
	.proinfo-a{
		width: 100%;
	}
	.proinfo{
		padding-top: 1.8rem;
		padding-bottom: .6rem;
	}
	.proinfo-a2{
		width: 5.7rem;
		left: 0;
		bottom: .2rem;
		height: initial;
	}
	.proinfo-b{
		padding-top: .4rem;
	}
	.proinfo-b1{
		font-size: .4rem;
		line-height: .5rem;
	}
	.proinfo-b2{
		font-size: .28rem;
		line-height: .5rem;
		margin-top: .3rem;
	}
	.proinfo-b3{
		padding: .3rem 0;
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .4rem;
	}
	.proinfo-c{
		margin-top: .5rem;
		padding: .2rem;
	}
	.proinfo-c1 div{
		font-size: .3rem;
		line-height: .5rem;
		margin: 0 .2rem;
	}
	.proinfo-c1:after{
		height: .3rem;
		top: .25rem;
	}
	.proinfo-c2{
		margin-top: .5rem;
	}
	.proinfo-c2-a{
		font-size: .24rem;
		line-height: .45rem;
	}
	.proinfo-d,.proinfo-e{
		margin-top: .4rem;
	}
}




/*业务交流*/
.market-bj{
	background: no-repeat center;

	background-color: #eff0f0;
}
.market{
	width: 100%;
	
	padding-top: 220px;
}
.market-a{
	font-size: 18px;
	color: #fff;
	line-height: 25px;
}
.market-b{
	font-size: 28px;
	color: #fff;
	line-height: 55px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	margin-top: 5px;
}
.market-c{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	margin-top: 25px;
}
.market-d{
	font-size: 28px;
	color: #fff;
	line-height: 25px;
	margin-top: 35px;
}
.market-e{
	margin-top: 20px;
	overflow: hidden;
}
.market-e li{
	width: 205px;
	height: 95px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.market-f{
	font-size: 28px;
	color: #fff;
	line-height: 25px;
	margin-top: 30px;
}
.market-g{
	font-size: 14px;
	color: #fff;
	line-height: 16px;
	margin-top: 15px;
	border-bottom: 1px solid rgba(255,255,255,.6);
}
.market-g:hover{
	color: #ea524f;
}

.gift-bj{
	background: no-repeat center;
	background-size: cover;
}
.gift-bj .cooperation-d{
	margin-top: 30px !important;
}
.gift{
	padding-top: 125px;
	padding-bottom: 125px;
	color: #373636;
}
.gift-a{
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	font-family: arial;
}
.gift-b{
	font-size: 28px;
	line-height:70px;
	text-align: center;
}
.gift-c{
	width: 40px;
	height: 1px;
	margin: 0 auto;
	background: rgba(0,0,0,.1);
	margin-top: 30px;
}
.gift-d{
	font-size: 18px;
	line-height:25px;
	text-align: center;
	margin-top: 35px;
}
.gift-e{
	font-size: 18px;
	line-height:35px;
	margin-top: 80px;
}
.gift-f{
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}
.gift-f1{
	width: 30%;
	max-width: 299px;
	position: absolute;
	left: 0;
	top: 0;
}
.gift-f2{
	width: 30%;
	max-width: 299px;
	margin: 0 auto;
	position: relative;
}
.gift-f3{
	width: 30%;
	max-width: 299px;
	position: absolute;
	right: 0;
	top: 0;
}
.gift-f1-a{
	font-size: 25px;
	line-height: 1;
	padding-top: 75px;
	padding: 45px;
}
.gift-f1-a{
	font-size: 25px;
	line-height: 1;
	padding:0 15%;
	position: absolute;
	top: 18%;
	left: 0;
	color: #fff;
}
.gift-f1-b{
	font-size: 33px;
	line-height: 45px;
	position: absolute;
	top: 25%;
	left: 0;
	padding:0 15%;
	color: #fff;
}
.gift-g{
	font-size: 18px;
	line-height:35px;
	margin-top: 50px;
}
.gift-h{
	margin-top: 70px;
}
.gift-i{
	font-size: 18px;
	line-height:35px;
	margin-top: 30px;
}
.gift-j{
	width: 101.6%;
	overflow: hidden;
	margin-top: 45px;
}
.gift-j li{
	width: 23.4%;
	float: left;
	margin-right: 1.6%;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}
.gift-k{
	font-size: 18px;
	line-height:35px;
	margin-top: 120px;
}
.gift-l{
	overflow: hidden;
	margin-top: 40px;
	font-size: 17px;
	color: #373636;
	line-height: 35px;
	text-align: center;
}

.gift-l1{
	width: 90px;
	height: 125px;
	float: left;
	margin-bottom: 15px;
}
.gift-l1 img{
	margin-top: 25px;
}
.gift-l2{
	width: 80px;
	height: 125px;
	float: left;
	background: url(/template/index/static/images/ico49.png) no-repeat center 10px;
	margin-bottom: 15px;
}

.league-bj{
	background: #fcfcfc;
}
.league{
	padding-top: 75px;
	padding-bottom: 50px;
	color: #373636;
}
.league-a{
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	font-family: arial;
}
.league-b{
	font-size: 28px;
	line-height:70px;
	text-align: center;
}
.league-c{
	width: 40px;
	height: 1px;
	margin: 0 auto;
	background: rgba(0,0,0,.1);
	margin-top: 30px;
}
.league-d{
	overflow: hidden;
	margin-top: 90px;
}
.league-hh{
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 20px;
}
.league-txt{
	font-size: 14px;
	line-height: 35px;
	margin-bottom: 60px;
}
.league-d1{
	width: 58.5%;
	float: left;
}
.league-d2{
	width: 40%;
	float: left;
	margin-left: 1.5%;
}
.league-d3{
	width: 65%;
	float: left;
}


.cooperation-bj{
	height: 652px;
	background: no-repeat center;
	background-size: cover;
}
.cooperation{
	padding-top: 75px;
	text-align: center;
	color: #fff;
}
.cooperation-a{
	font-size: 28px;
	line-height: 1;
}
.cooperation-b{
	font-size: 16px;
	line-height: 30px;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 60px;
}
.cooperation-c{
	max-width: 790px;
	margin: 0 auto;
	margin-top: 65px;
	overflow: hidden;
}
.cooperation-c1{
	width: 27.85%;
	float: left;
	height: 105px;
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,.1);
	font-size: 18px;
	color: #fff;
	line-height: 103px;
	margin-left: 8.22%;
}
.cooperation-c1:first-child{
	margin-left: 0;
}
.cooperation-d{
	width: 375px;
	margin: 0 auto;
	margin-top: 80px;
	height: 60px;
	background: #fff;
	border-radius: 3px;
	font-size: 18px;
	color: #373636;
	line-height: 60px;
	text-align: center;
}
.cooperation-d a{
	font-size: 18px;
	color: #373636;
	font-family: arial;
	border-bottom: 1px solid #373636;
}


@media (max-width: 1400px) {
	.market-b{
		font-size: 36px;
		padding-bottom: 15px;
	}
	.market-d{
		font-size: 22px;
	}
	/*.gift-b{
		font-size: 36px;
		line-height: 60px;
	}
	.gift-e{
		font-size: 22px;
	}
	.gift-g{
		font-size: 22px;
	}
	.gift-i{
		font-size: 22px;
	}
	.gift-k{
		font-size: 22px;
	}
	.league-b{
		font-size: 36px;
		padding-bottom: 15px;
	}*/
}
@media (max-width: 1023px) {
	.gift{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.gift-h{
		width: 60%;
	}
	.league-d1,.league-d2,.league-d3{
		width: 100%;
		margin: 0;
	}
	.league-d{
		margin-top: 40px;
	}
}
@media (max-width: 767px) {
	.market-bj{
		margin-top: .4rem;
		background-size: cover;
	}
	.market{
		padding-top: 1.5rem;
		
	}
	.market-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.market-b{
		font-size: .36rem;
		line-height: .5rem;
		padding-bottom: .2rem;
	}
	.market-c{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.market-d{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.market-e{
		margin-top: .1rem;
	}
	.market-e li{
		width: 47%;
		margin-right: 3%;
		height: initial;
		margin-bottom: .1rem;
	}
	.market-f{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.market-g{
		font-size: .24rem;
		line-height: .3rem;
		margin-top: 0rem;
		position: relative;
		top: -.2rem;
	}
	
	.gift-bj .cooperation-d{
		margin-top: .4rem !important;
	}
	.gift{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	.gift-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.gift-b{
		font-size: .42rem;
		line-height: .6rem;
	}
	.gift-c{
		margin-top: .3rem;
	}
	.gift-d{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .3rem
	}
	.gift-e,.gift-g,.gift-i,.gift-k{
		font-size: .3rem;
		line-height: .45rem;
	}
	.gift-e{
		
		margin-top: .4rem;
	}
	.gift-f{
		margin-top: .3rem;
	}
	.gift-f1-a{
		font-size: .28rem;
	}
	.gift-f1-b{
		font-size: .3rem;
	}
	.gift-g{
		margin-top: .5rem;
	}
	.gift-h{
		margin-top: .3rem;
	}
	.gift-i{
		margin-top: .3rem;
	}
	.gift-j{
		margin-top: .3rem;
	}
	.gift-j li{
		width: 31.733%;
		margin-bottom: .15rem;
	}
	.gift-k{
		margin-top: .5rem;
	}
	.gift-l{
		margin-top: .3rem;
		font-size: .26rem;
		line-height: .45rem;
	}
	.gift-l1{
		width: 1.3rem;
		height: 1.8rem;
		margin-bottom: .15rem;
	}
	.gift-l1 img{
		width: 60%;
		margin-top: .25rem;
	}
	.gift-l2{
		width: .8rem;
		height: 1.8rem;
		background: url(/template/index/static/images/ico49.png) no-repeat center .1rem;
		background-size: .2rem;
        margin-bottom: .15rem;
	}
	
	.league{
		padding-top: .6rem;
		padding-bottom: .5rem;
	}
	.league-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.league-b{
		font-size: .42rem;
		line-height: .6rem;
	}
	.league-c{
		margin-top: .3rem;
	}
	.league-d{
		margin-top: .6rem;
	}
	.league-hh{
		font-size: .32rem;
		line-height: .5rem;
		margin-bottom: .1rem;
	}
	.league-txt{
		font-size: .26rem;
		line-height: .5rem;
		margin-bottom: .4rem;
	}
	
	
	.cooperation-bj{
		height: 7rem;
	}
	.cooperation{
		padding-top: .75rem;
	}
	.cooperation-a{
		font-size: .42rem;
        line-height: .6rem;
	}
	.cooperation-b{
		font-size: .24rem;
		line-height: .45rem;
		margin-top: .3rem;
	}
	.cooperation-c{
		margin-top: .5rem;
	}
	.cooperation-c1{
		font-size: .28rem;
		height: 1rem;
		line-height: 1rem;
	}
	.cooperation-d{
		width: 5rem;
		height: .8rem;
		line-height: .8rem;
		font-size: .26rem;
		margin-top: .5rem;
	}
	.cooperation-d a{
		font-size: .26rem;
	}
}



.brand-banner{
	height: 899px;
}
.brand-banner .swiper-slide{
	height: 899px;
}
@media (max-width: 767px) {
	.brand-banner{
		height: 7rem;
	}
	.brand-banner .swiper-slide{
		height: 7rem;
		background-size: cover;
	}
}

	


.productlast .product-b-ul{
	margin-top: 40px;
}
@media (max-width: 767px) {
	.productlast .product-b-ul{
		margin-top:.4rem;
	}
}


/*首页图片单独处理*/
.ipro-img1{
	width: 1092px;
	position: relative;
	top: 110px;
	left: 50%;
	margin-left: -528px;
}
.ipro-img1 img{
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-a:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-b{
	position: absolute;
	top:0px;
    right: 0px;
}
.ipro-img1-b:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-c{
	position: absolute;
	top:70px;
    left: 340px;
}
.ipro-img1-c:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img1-d{
	position: absolute;
	top:150px;
    left: 200px;
}

.ipro-img2{
	width: 1318px;
	height: 100%;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -659px;
}
.ipro-img2-a{
	position: absolute;
	top:-250px;
    right: -27px;
}
.ipro-img2-b{
	position: absolute;
	bottom: -73px;
    left: -346px;
}
.ipro-img2-c{
	position: absolute;
	bottom:5px;
    left: 435px;
}

.ipro-img2-d{
	position: absolute;
	top: 476px;
    right: 363px;
}

.ipro-img2-e{
	position: absolute;
	top: 390px;
    right: 723px;
}
.ipro-img2-f{
	position: absolute;
	top: 206px;
    right: 409px;
}

.ipro-img2 img{
	transition: all .3s; 
    -webkit-transition: all .3s;
}
.ipro-img2 img:hover{
	transform: scale(1.02);
	transition: all .3s; 
    -webkit-transition: all .3s;
}


@media (max-width:1023px) {
	.ipro-img1{
		display: none;
	}
	.ipro-img2{
		display: none;
	}
}





/*区分手机和pc的banner*/
.hero-slider--mobile{
	display: none;
}

.sf-ban-m{
	display: none;
}
.hero-pagination-wrap--mobile{
	display: none;
}
@media (max-width:767px) {
	.hero-slider{
		display: none;
	}
	.hero-slider--mobile{
		display: block;
	}
	.hero-slider--mobile .swiper-slide {
	    height:45vh;
	    background-size: cover;
	}
/*	.hero-slider{
		margin:20px 0;
	}*/
	.sf-ban{
		display: none;
	}
	.sf-ban-m{
		display: block;
	}
	.hero-pagination-wrap{
		display: none;
	}
	.hero-pagination-wrap--mobile{
		display: block;
	}
}



.ibody{
	
}
.loadding{
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	height: 100vh;
	width: 100vw;
	z-index: 999;
}
.loadding video{
	height: 100vh;
	width: 100vw;
}
.loadding-a{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(/template/index/static/images/f_ico02.png) no-repeat center;
	background-size: cover;
	display: none;
}
.loadding-b{
	font-size: 19px;
    color: #ffffff;
    position: absolute;
    width: 145px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    background: rgba(0,0,0,.6) url(/template/index/static/images/pageback.png) no-repeat 39px center/21px auto;
    z-index: 5;
    right: 30px;
    bottom: 30px;
    padding-left: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
@media (max-width: 1025px) {
	.ibody{
		display: block;
	}
	.loadding{
		display: none;
	}
}


.isearch-bj{
	background-size:cover;
}
@media (min-width:1920px) {
	.vision {
	    height:900px;
	}
	.design .swiper-slide,.high,.chain,.ivoice-bj,.market-bj,.recruit-a{
		background-size:cover;
	}
}
.wfull-video{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
}
.full-video {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  height: 100vh;
  -webkit-transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
          transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
}
.full-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
}


.wfull-video1{
	position:relative;
	width:100%;
	height:100vh;
	z-index:2;
	overflow: hidden;
}
.brand-video{
	width:100%;
	height:calc(100vh - 125px);
	position:relative;
	overflow: hidden;
	margin-top:125px;
}
.full-video video{
	object-fit:cover;
}

.brand-video-a{
	height:35vh;
}



header .logo{
	padding-top: 30px;
}
@media (max-width: 767px){
	header .logo { padding-top:0
	}
	.brand-video{
		height:35vh;
	}
}
@media (max-width: 425px){
	header .logo {
	   
	}
}




input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #787878;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #787878;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #787878;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #787878;
}
.recruit-b1-b a,.recruit-b1-a,.recruit-b4-a,.recruit-b4-b1,.recruit-b4-b2 .rbb-div div,.recruit-b4-b2 .rbb-txt,.recruit-b4-b2 .rbb-a,.page a,.contact-d1-a,.contact-d2,.contact-b,.gift-b,.gift-d,.cooperation-d,.gift-e,.gift-g,.gift-i,.gift-k,.gift-l1,.league-b,.league-txt,.league-hh,.cooperation-d a,.newsinfo-a,.newsinfo-b,.news-b3-a,.news-b3-b,.news-b3-d,.high-b,.high-c1-b,.high-c1-e,.brand-c1-a,.brand-c1-b,.brand-c1-c,.brand-c1-d,.proinfo-b1,.proinfo-b2,.proinfo-b3,.product-a1,.product-a2-c1,.product-b2-b,.isearch-a,.iabout-b2,.iabout-b3,.iabout-b4,.iabout-b2,.ipro-a1-b,.footer-b,header.cli .nav-ul li .nav-a1,header.cli .header-rt .int1,.nav-ul-div1 a,.news-a{
	color:#787878;
}
.proinfo-b2 span{
	color:#787878 !important;
}
.footer-b1 a{
	color:#787878;
}
.brand-c1-d{
	font-weight: normal;
}
header.cli .nav-ul li .nav-a1:after{
	background:#787878;
}
header.cli .header-rt{
	/*border-bottom: 2px solid #787878;*/
}
.product-a2-c li.on .product-a2-c1{
	border-bottom: 2px solid #787878;
}
.cooperation-d a{
	border-bottom: 1px solid #787878;
}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:150px;width:70px;height:240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/template/index/static/images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/template/index/static/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/template/index/static/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/template/index/static/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/template/index/static/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/template/index/static/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/template/index/static/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/******************************
 ** 在线留言
 ** v.1.2
 ******************************/
.message-page input.code { border-color:#aaa; }
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; background:#fff}
.message-page .row-3 {  }
.message-page .ico-name { background:#fff url(/template/index/static/images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:#fff url(/template/index/static/images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:#fff url(/template/index/static/images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; outline: none;background:none; border:0; color:#999; font-size:14px}
.message-page .text { width:98%; border:0; background:#fff; outline: none;padding:10px; font-size:14px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer;}
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; font-size:14px}
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#427edf; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a,.pagination span {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}

.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination .active span{color: #ccc;background:#333;
	border: 1px solid #333;}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100% !important; height:auto !important;display:inline-block;}
#maximg p span{text-wrap: inherit !important;}

/* Homepage components */
.about-section {
    padding: 100px 0;
    position: relative;
    background: url(/template/index/static/images/j18.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.about-section .about-section__content {
    width: 48%;
    float: left;
    padding: 25px 0 35px 0;
}

.about-section .about-section__eyebrow {
    font-size: 36px;
    color: #0C7DF5;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: Arial;
}

.about-section .about-section__eyebrow-text {
    font-weight: bolder;
}

.about-section .about-section__eyebrow-subtle {
    font-weight: normal;
}

.about-section .about-section__title {
    font-size: 30px;
    color: #313131;
    padding: 25px 0 20px 0;
    position: relative;
}

.about-section .about-section__title::after {
    width: 40px;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #666666;
    opacity: .3;
}

.about-section .about-section__description {
    font-size: 16px;
    color: #707070;
    line-height: 34px;
    height: 170px;
    margin: 30px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.about-section__link {
    display: block;
    width: 163px;
    height: 38px;
    line-height: 38px;
    background-color: #0C7DF5;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.about-section__link:hover {
    background-color: transparent;
    border: 1px solid #0C7DF5;
    color: #0C7DF5;
}

.about-stats {
    margin-top: 55px;
    padding-top: 45px;
    border-top: 1px solid #e4e4e4;
}

.about-stats .about-stats__item {
    font-weight: bolder;
    float: left;
}

.about-stats .about-stats__item:nth-child(2) {
    float: right;
}

.about-stats .about-stats__value {
    font-size: 80px;
    color: #0C7DF5;
    font-family: Arial;
    font-weight: bolder;
    line-height: 58px;
    display: inline-block;
}

.about-stats .about-stats__suffix {
    font-weight: normal;
    display: inline-block;
    font-size: 30px;
    color: #0C7DF5;
    font-family: Arial;
    line-height: 20px;
    margin: 0 20px 0 3px;
    vertical-align: bottom;
}

.about-stats .about-stats__label {
    display: inline-block;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 20px;
    vertical-align: middle;
    font-weight: normal;
}

.about-video-trigger {
    position: absolute;
    top: 100px;
    right: 0;
    width: 47.34%;
    padding: 0 0 52px 7.81%;
    background: url(/template/index/static/images/p13.png) left bottom no-repeat;
    background-size: 93% 91.58%;
}

.about-video-trigger .about-video-trigger__media {
    height: 542px;
}

.about-video-trigger .about-video-trigger__play {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 37.98%;
    left: 11.11%;
    cursor: pointer;
}

.video-modal__backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.video-modal__dialog {
    width: 50%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-modal__dialog .video-modal__video {
    display: block;
    width: 100%;
    min-height: 10px;
    background: #000;
}

@media screen and (max-width:1549px) {
    .about-stats .about-stats__value {
        font-size: 60px;
    }
}

@media screen and (max-width:1199px) {
    .about-section {
        padding: 60px 0;
    }

    .about-stats .about-stats__value {
        font-size: 50px;
    }

    .about-stats .about-stats__label {
        display: block;
    }

    .about-video-trigger {
        padding: 0 0 30px 30px;
    }

    .about-video-trigger .about-video-trigger__play {
        width: 60px;
        height: 60px;
        left: 0px;
    }

    .about-stats {
        margin-top: 30px;
        padding-top: 30px;
    }

    .about-section .about-section__eyebrow {
        font-size: 28px;
    }

    .about-section .about-section__title {
        font-size: 22px;
    }

    .video-modal__dialog {
        width: 90%;
    }
}

@media screen and (max-width:767px) {
    .about-section {
        padding: 40px 0 30px 0;
    }

    .about-section .about-section__content {
        padding: 0;
        width: 100%;
    }

    .about-video-trigger {
        position: relative;
    }

    .about-section .about-section__eyebrow {
        font-size: 20px;
    }

    .about-section .about-section__title {
        font-size: 16px;
        padding: 10px 0;
    }

    .about-section .about-section__description {
        font-size: 13px;
        line-height: 22px;
        height: 110px;
        margin: 15px 0;
    }

    .about-section__link {
        width: 120px;
        font-size: 12px;
    }

    .about-stats {
        margin-top: 20px;
        padding-top: 20px;
    }

    .about-stats .about-stats__value {
        font-size: 30px;
        line-height: 30px;
    }

    .about-stats .about-stats__label {
        font-size: 13px;
        margin-top: 5px;
    }

    .about-video-trigger {
        width: 100%;
        top: auto;
        margin-top: 20px;
        padding: 0 0 20px 20px;
    }

    .about-video-trigger .about-video-trigger__media {
        background: none !important;
        height: auto;
    }

    .about-video-trigger .about-video-trigger__play {
        width: 30px;
        height: 30px;
        top: 50%;
        margin-top: -15px;
        left: 5px;
    }

}

.video-modal__backdrop {
    display: none;
}

.video-modal__dialog {
    display: none;
}

.section-heading {
    text-align: center;
    margin-bottom: 3.5%;
    overflow: hidden;
    font-size: 36px;
    position: relative
}

.section-panel {
    overflow: hidden;
    z-index: 3;
    position: relative;
    padding: 5% 0
}

.section-heading span:before,
.section-heading span:after {
    width: 6.66666667em;
    height: 0.11111111em;
    background-color: #e1b44f;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.section-heading span:before {
    right: 120%
}

.section-heading span {
    display: inline-block;
    position: relative
}

.section-heading span:after {
    left: 120%
}

.section-heading h2 {
    font-size: 1em;
    font-weight: normal;
    color: #18191b;
    line-height: 1.5em;
    position: relative
}

.section-heading h3 {
    font-weight: normal;
    font-size: 0.5em;
    color: #e1b44f;
    line-height: 1.5em;
    padding: 0 7.22222222em;
    text-transform: uppercase
}

.factory-advantages {
    padding-bottom: 3%;
    background: #f9f9f9
}

.factory-advantages .factory-advantages__list {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex;
    width: 103%;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: center
}

.factory-advantages .factory-advantages__item {
    float: left;
    width: 30.333%;
    padding: 4.04530744% 3% 3% 0
}

.factory-advantages .factory-advantages__card {
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    color: #1A1A1A
}

.factory-advantages .factory-advantages__card:before {
    width: 0;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #e2b558;
    opacity: 0;
    transition: all 0.35s ease-in-out 0s;
    border-radius: 10px
}

.factory-advantages .factory-advantages__icon {
    width: 26.72605791%;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);
    left: 11.13585746%;
    top: 0;
    margin-top: -13.36302895%;
    overflow: hidden
}

.factory-advantages .factory-advantages__icon i {
    padding-bottom: 100%;
    background-size: contain;
    display: block
}



.factory-advantages .factory-advantages__content {
    padding: 21.15812918% 11.13585746% 11.13585746%;
    position: relative;
    z-index: 2
}

.factory-advantages .factory-advantages__title {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 5%;
    transition: all .5s
}

.factory-advantages .factory-advantages__description {
    color: #74787C;
    font-size: 16px;
    line-height: 1.875em;
    transition: all .3s
}

.factory-advantages .readmore {
    margin-top: 7%
}

.factory-advantages .factory-advantages__card:hover:before {
    width: 100%;
    opacity: 1
}

.factory-advantages .factory-advantages__card:hover,
.factory-advantages .factory-advantages__card:hover .factory-advantages__description {
    color: #fff
}

.development-history__timeline .development-history__list:before {
    content: '';
    display: block;
    position: absolute
}

.development-history__timeline .development-history__item {
    margin-bottom: 3.5%;
    position: relative;
    overflow: hidden
}

.development-history__timeline .development-history__item:before {
    width: 2px;
    height: 100%;
    left: 32px;
    top: 120px;
    background-color: #eaeaea;
    content: '';
    display: block;
    position: absolute
}

.development-history__timeline .development-history__item:last-child:before {
    display: none
}

.development-history__timeline .development-history__date {
    float: left;
    font-size: 18px;
    text-align: center;
    line-height: 1.75em;
    color: #999
}

.development-history__timeline .development-history__date i {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #00a651;
    color: #fff;
    font-size: 25px;
    line-height: 52px;
    font-style: normal;
    margin: 0 auto 10px;
    border: 5px solid #cfeecb
}

.development-history__timeline .development-history__content {
    margin-left: 95px;
    overflow: hidden;
    padding-left: 4.16666667%
}

.development-history__timeline .development-history__card {
    background-color: #fff;
    padding: 3%;
    margin-left: 10px;
    position: relative;
    border-radius: 5px
}

.development-history__timeline .development-history__card:before {
    border-right: 10px solid #f6f6f6;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 20px
}

.development-history__timeline h4 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.5%
}

.development-history__timeline h4 a {
    color: #18191b
}

.development-history__timeline .development-history__description {
    color: #757575;
    font-size: 16px;
    line-height: 1.875em;
    max-height: 5.625em;
    -webkit-line-clamp: 3;
    margin-bottom: 2%
}

.development-history__timeline .development-history__item:nth-child(5n+1) .development-history__date i {
    background-color: #00a651
}

.development-history__timeline .development-history__item:nth-child(5n+2) .development-history__date i {
    background-color: #ee4749
}

.development-history__timeline .development-history__item:nth-child(5n+3) .development-history__date i {
    background-color: #21a9e1
}

.development-history__timeline .development-history__item:nth-child(5n+4) .development-history__date i {
    background-color: #fad839
}

.development-history__timeline .development-history__item:nth-child(5n+5) .development-history__date i {
    background-color: #2c2c4b
}

.date.wow.animate__fadeInUp.animated {
    width: 94px
}

.development-history__timeline .development-history__item:before {
    left: 44px
}

.inner {
    width: 93.75%;
    max-width: 1440px;
    margin: 0 auto
}

@media only screen and (max-width:540px) {
    .factory-advantages .factory-advantages__item {
        width: auto;
        float: none;
        padding: 25px 0 15px 0;
        clear: both
    }

    .factory-advantages .factory-advantages__icon {
        width: 50px;
        margin-top: -25px;
        left: 50%;
        transform: translateX(-50%)
    }

    .factory-advantages .factory-advantages__title {
        margin-bottom: 3.5%
    }

    .factory-advantages .factory-advantages__title {
        font-size: 16px
    }

    .factory-advantages .factory-advantages__title {
        margin-bottom: 3.5%
    }

    .factory-advantages .factory-advantages__title {
        font-size: 16px
    }

    .factory-advantages .factory-advantages__content {
        padding: 35px 20px 20px;
        text-align: center
    }

    .section-heading h3 {
        font-size: 14px;
        padding: 0px
    }

    .section-heading {
        margin-bottom: 5%;
        font-size: 22px
    }

    .section-heading span:before,
    .section-heading span:after {
        height: 1px
    }

    .section-heading span:before,
    .section-heading span:after {
        height: 1px
    }

    .development-history__timeline h4 {
        font-size: 16px;
        white-space: normal;
        line-height: 1.5em;
        max-height: 3em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 5px
    }

    .development-history__timeline .development-history__description {
        margin-bottom: 8px;
        font-size: 14px;
        max-height: 100% !important
    }

    .development-history__timeline .development-history__card {
        padding: 15px 18px 18px
    }

    .development-history__timeline .development-history__content {
        margin-left: 46px
    }

    .development-history__timeline .development-history__date {
        font-size: 12px;
        line-height: 1.35em
    }

    .development-history__timeline .development-history__item:before {
        top: 70px;
        left: 30px
    }

    .development-history__timeline .development-history__date i {
        width: 38px;
        height: 38px;
        line-height: 33px;
        font-size: 16px;
        border-width: 3px
    }

    .date.wow.animate__fadeInUp {
        width: 62px
    }

    .about-section .w1750 {
        padding: 0px;
        overflow: hidden;
        padding-right: 15px;
        padding-left: 15px
    }

    .about-video-trigger {
        width: 100%;
        top: auto;
        margin-top: 20px;
        padding: 0 0 20px 20px
    }

    .about-video-trigger {
        position: relative
    }

    .about-video-trigger .about-video-trigger__media {
        background: none !important;
        height: auto
    }

    .visible-xs {
        display: block !important
    }

    .about-video-trigger .about-video-trigger__play {
        width: 30px;
        height: 30px;
        top: 50%;
        margin-top: -15px;
        left: 5px
    }
}


.footer-b2 a {
    margin-left: 7px;
}

.bottom {
    padding: 80px 0 40px 0;
    background: url(/template/index/static/images/j26.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden
}

.bTitle .H4 {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    line-height: 100% !important
}

.bTitle .H5 {
    font-size: 18px;
    color: #9b9b9b;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px;
    text-transform: none
}

.bMessage {
    width: 46.25%;
    float: right
}

.bMessage .meForm {
    margin-top: 30px
}

.bMessage .formList .list {
    width: 44.95%;
    float: left;
    margin: 0 10.1% 0 0;
    border-bottom: 1px solid #777777;
    padding: 13px 0;
    height: 49px;
    overflow: hidden
}

.bMessage .formList .list:nth-child(2n) {
    margin-right: 0
}

.bMessage .formList .list .H4 {
    float: left;
    font-size: 16px;
    color: #a3abb1;
    line-height: 21px
}

.bMessage .formList .list .input {
    float: left;
    width: 70%;
    height: 21px;
    font-size: 14px;
    color: #a3abb1;
    margin-left: 10px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0
}

.bMessage .formList .list2 {
    width: 100%;
    margin: 0
}

.bMessage .yzm {
    float: right;
    width: 84px;
    height: 30px;
    overflow: hidden;
    margin: -4.5px 4px 0 0;
    line-height: 0;
    text-align: center
}

.bMessage .yzm img {
    vertical-align: middle;
    height: 100%
}

.bMessage .textarea {
    border: none;
    line-height: 21px;
    float: left;
    width: 88%;
    height: 60px;
    font-size: 14px;
    color: #a3abb1;
    margin-left: 10px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0
}

.bMessage .submit {
    width: 100%;
    height: 43px;
    display: block;
    font-size: 18px;
    color: #fff;
    margin-top: 35px;
    background-color: #0C7DF5;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0
}

.bMessage .submit:hover {
    background-color: #0C7DF5
}

@media screen and (max-width:991px) {
    .bMessage .formList .listYzm .input {
        width: 32%
    }
}

@media screen and (max-width:767px) {
    .link_ly {
        display: none !important
    }

    .bMessage {
        width: 100%
    }

    .bMessage .meForm {
        margin-top: 10px
    }

    .bMessage .formList .list {
        width: 100%;
        padding: 7px 0;
        height: 35px
    }

    .bMessage .formList .list .H4 {
        font-size: 14px
    }

    .bMessage .formList .listYzm .input {
        width: 30%
    }

    .bMessage .yzm {
        width: 70px
    }

    .bMessage .formList .list3 {
        height: 77px
    }

    .bMessage .textarea {
        height: 63px
    }

    .bMessage .submit {
        font-size: 12px;
        margin-top: 15px;
        height: 34px
    }
}

.bCon {
    width: 32.56%;
    float: Left
}

.bCon .p {
    font-size: 18px;
    color: #fff;
    margin: 30px 0 45px 0;
    line-height: 100% !important
}

.bEwm2 {
    width: 25.25%;
    float: Left;
    text-align: center;
    line-height: 100% !important
}

.bEwm2 .pic {
    display: block;
    padding: 5px;
    background-color: #fff
}

.bEwm2 .H6 {
    font-size: 14px;
    color: #a3abb1;
    margin-top: 20px
}

.bAddress {
    width: 65%;
    float: right
}

.bAddress .list {
    margin-bottom: 25px
}

.bAddress .list:last-child {
    margin: 0
}

.bAddress .ico {
    width: 18px;
    height: auto;
    float: left;
    line-height: 0;
    margin: 3px 0 0 0
}

.bAddress .p2 {
    margin-left: 40px;
    font-size: 14px;
    color: #a3abb1;
    line-height: 20px
}

.bottom2 {
    background-color: #2b2b2b;
    padding: 35px 0;
    overflow: hidden;
    line-height: auto
}

.bLink.link_ly {
    float: right
}

.bShare {
    float: right;
    font-size: 0
}

.bShare .list {
    height: 36px;
    border-radius: 50%;
    margin-left: 17px;
    position: relative;
    display: inline-block
}

.bShare .list img {
    height: 100%
}

.bShare .list:first-child {
    margin: 0
}

.bEwm {
    width: 100px;
    position: absolute;
    bottom: 34px;
    left: 50%;
    margin-left: -50px;
    background-color: #fff;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.bEwm .img {
    width: 90px;
    height: 90px;
    margin: 5px;
    display: block
}

@media screen and (min-width:992px) {
    .bShare .list:hover .bEwm {
        height: 100px
    }
}

.bLink .list {
    display: inline-block;
    font-size: 14px;
    color: #a3abb1;
    line-height: 100% !important
}

.bLink .scrollBox,
.bLink .scroll {
    display: inline-block;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.bLink .i1 {
    margin: 0 10px
}

.bLink .i1:last-child {
    display: none
}

.bLink .top .ico {
    display: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.bLink .a:hover {
    color: #fff
}

.cr .p {
    display: inline-block;
    font-size: 14px;
    color: #a3abb1;
    margin-top: 8px;
    line-height: 100% !important
}

@media screen and (max-width:1549px) {
    .bCon {
        width: 40%
    }

    .bMessage .textarea {
        width: 85%
    }
}

@media screen and (max-width:1199px) {
    .bottom {
        padding: 40px 0
    }

    .bTitle .H4 {
        font-size: 20px
    }

    .bCon {
        width: 49%
    }

    .bMessage .textarea {
        width: 80%
    }

    .bMessage .formList .list .input {
        width: 60%
    }

    .bLink .list {
        font-size: 12px
    }

    .bSearch {
        width: 200px;
        margin-top: 70px
    }

    .bLink .i1 {
        margin: 0 5px
    }
}

@media screen and (max-width:991px) {
    .bLink {
        text-align: center
    }

    .bMessage .textarea {
        width: 75%
    }

    .bShare {
        width: 100%;
        text-align: center
    }

    .bShare .list {
        margin: 0 5px 10px 5px !important
    }

    .bottom2 .bLeft {
        width: 100%
    }

    .cr {
        text-align: center
    }

    .bMessage .formList .list .input {
        width: 55%
    }

    .bShare .list.active {
        background-color: #0C7DF5
    }

    .bShare .list.active .bEwm {
        height: 100px
    }

    .bLink {
        width: 180px;
        height: 34px;
        background-color: #3d3d3d;
        position: relative;
        margin: auto
    }

    .bLink .top {
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding: 0 40px 0 10px;
        position: relative;
        text-align: left
    }

    .bLink .top .ico {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 7px;
        right: 10px;
        display: block;
        line-height: 0
    }

    .bLink .scrollBox {
        width: 100%;
        height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        bottom: 35px;
        left: 0;
        background-color: #3d3d3d
    }

    .bLink .scrollBox .scrol {
        margin: 10px
    }

    .bLink .i1 {
        display: none
    }

    .bLink .scrollBox .scrol .a {
        display: block;
        line-height: 30px;
        text-align: left
    }

    .bLink.active .scrollBox {
        height: 140px
    }

    .bLink .top.active .ico {
        transform: rotate(180deg)
    }
}

@media screen and (max-width:767px) {
    .bCon {
        display: none
    }

    .bottom {
        padding: 20px 0
    }

    .bTitle .H4 {
        font-size: 16px
    }

    .bTitle .H5 {
        font-size: 13px;
        margin-left: 5px
    }

    .bottom2 {
        padding: 10px 0 75px 0
    }

    .cr {
        margin-top: 10px
    }

    .cr .p {
        width: 100%;
        text-align: center;
        font-size: 10px;
        line-height: 20px;
        margin: 0
    }

    .bottom .w1750 {
        padding-right: 15px;
        padding-left: 15px
    }

    .bMessage .submit {
        font-size: 12px !important;
        margin-top: 15px !important;
        height: 34px !important
    }
}

.bMessage .formList .list .input {
    float: left;
    width: 70%;
    height: 21px;
    font-size: 14px;
    color: #a3abb1;
    margin-left: 10px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0
}

input,
table,
tr,
td {
    margin: 0;
    padding: 0;
    border: none
}

button,
table {
    border: none;
    background: none;
    margin: 0;
    padding: 0
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

.bMessage .submit {
    width: 100%;
    height: 43px;
    display: block;
    font-size: 18px;
    color: #fff;
    margin-top: 35px;
    background-color: #0C7DF5;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0
}

.formList.clearfix {
    overflow: hidden
}

h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

.video-modal__dialog .video-modal__close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 999;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

/* Homepage theme and component refinements */
:root {
    --brand: #0C7DF5;
    --brand-dark: #0868ce;
    --brand-soft: #eaf4ff;
    --text-primary: #18191b;
    --text-secondary: #68717d;
    --surface: #fff;
    --surface-muted: #f6f9fc;
    --line: #e6edf5;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--text-primary);
    background: var(--surface);
}

a,
button {
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(12, 125, 245, .28);
    outline-offset: 3px;
}

.hero-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}

.hero-slider__link {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
}

.banner-pc-1 {
    background-image: url(/upload/20241214/496b2f4c7cc57c6bcee9c898da31df6b.jpg);
}

.banner-pc-2 {
    background-image: url(/upload/20241214/04da0e4864c90a6b4e6d80b8ec1fe0e1.jpg);
}

.banner-pc-3 {
    background-image: url(/upload/20241218/98d214b248f7b3d12f0d91e5bc7ccfa1.jpg);
}

.banner-pc-4 {
    background-image: url(/upload/20241214/97afdddcdc17e38d87cc853f16939f75.jpg);
}

.banner-mobile-1 {
    background-image: url(/upload/20241214/0b1920aba49858253e0b9592d0f858ba.jpg);
}

.banner-mobile-2 {
    background-image: url(/upload/20241214/48d3bc0e2b17bb3a6d6b3f6409964720.jpg);
}

.banner-mobile-3 {
    background-image: url(/upload/20241214/a48f82b4271a7e54d002f4cad24926fa.jpg);
}

.banner-mobile-4 {
    background-image: url(/upload/20241214/ed6e5d36e9dacf0770f3012da8e9bec5.jpg);
}

.featured-products--plain {
    background: none;
}

.about-section {
    min-height: 690px;
    padding: 110px 0 90px;
    background: linear-gradient(105deg, #fff 0%, #fff 57%, #f2f7fc 57%, #f2f7fc 100%);
}

.about-section::before {
    position: absolute;
    top: 54px;
    left: 2.5%;
    content: "ABOUT US";
    color: rgba(12, 125, 245, .035);
    font: 800 clamp(90px, 13vw, 220px)/1 Arial, sans-serif;
    letter-spacing: -.06em;
    pointer-events: none;
}

.about-section .w1750 {
    position: relative;
    z-index: 2;
}

.about-section .about-section__content {
    width: 50%;
    padding: 10px 5.5% 0 0;
}

.about-section .about-section__eyebrow {
    font-size: 18px;
    letter-spacing: .18em;
}

.about-section .about-section__title {
    padding: 14px 0 24px;
    font-size: clamp(34px, 3.2vw, 52px);
    line-height: 1.15;
    font-weight: 600;
    text-transform: none;
}

.about-section .about-section__title::after {
    width: 64px;
    height: 3px;
    border-radius: 3px;
    background: var(--brand);
    opacity: 1;
}

.about-section .about-section__description {
    height: auto;
    min-height: 126px;
    margin: 28px 0 34px;
    color: var(--text-secondary);
    font-size: 17px;
    line-height: 1.9;
    display: block;
    overflow: visible;
}

.about-section__link {
    display: inline-flex;
    width: auto;
    min-width: 160px;
    height: 48px;
    padding: 0 24px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid var(--brand);
    border-radius: 4px;
    line-height: 46px;
    background: var(--brand);
    box-sizing: border-box;
}

.about-section__link:hover {
    background: var(--surface);
    border-color: var(--brand);
    color: var(--brand);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(12, 125, 245, .15);
}

.about-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
    margin-top: 54px;
    padding-top: 34px;
    border-top-color: var(--line);
}

.about-stats .about-stats__item,
.about-stats .about-stats__item:nth-child(2) {
    float: none;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: end;
}

.about-stats .about-stats__value {
    color: var(--brand);
    font-size: clamp(52px, 5vw, 76px);
    line-height: .85;
    letter-spacing: -.045em;
}

.about-stats .about-stats__suffix {
    margin: 0 0 6px 5px;
    color: var(--brand);
}

.about-stats .about-stats__label {
    grid-column: 1 / -1;
    max-width: 230px;
    margin-top: 15px;
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 1.5;
}

.about-video-trigger {
    z-index: 2;
    top: 90px;
    right: 0;
    width: 47%;
    padding: 0 0 44px 44px;
    border: 0;
    background: none;
    appearance: none;
    text-align: left;
}

.about-video-trigger::before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: calc(100% - 44px);
    height: calc(100% - 44px);
    content: "";
    border-radius: 10px 0 0 10px;
    background: var(--brand-soft);
}

.about-video-trigger .about-video-trigger__media {
    display: block;
    height: 510px;
    overflow: hidden;
    background: url(/upload/20241218/e166537ee9a1aa66ee7d7f48dff73c2a.jpg) center / cover no-repeat;
    box-shadow: 0 26px 60px rgba(19, 43, 68, .16);
}

.about-video-trigger .about-video-trigger__play {
    display: grid;
    place-items: center;
    top: 50%;
    left: 0;
    width: 86px;
    height: 86px;
    margin-top: -43px;
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 14px 34px rgba(12, 125, 245, .34);
}

.about-video-trigger:hover .about-video-trigger__play {
    transform: scale(1.07);
    background: var(--brand-dark);
}

.section-heading span::before,
.section-heading span::after {
    background-color: var(--brand);
}

.section-heading h3 {
    color: var(--brand);
}

.factory-advantages {
    background: var(--surface-muted);
}

.factory-advantages {
    padding-bottom: 5%;
}

.factory-advantages .factory-advantages__list {
    width: calc(100% + 28px);
    margin-right: -28px;
    align-items: stretch;
}

.factory-advantages .factory-advantages__item {
    width: 33.333%;
    padding: 70px 28px 28px 0;
    box-sizing: border-box;
}

.factory-advantages .factory-advantages__card {
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(37, 64, 91, .05);
}

.factory-advantages .factory-advantages__card::before {
    background-color: var(--brand);
    border-radius: 12px;
}

.factory-advantages .factory-advantages__icon {
    border: 1px solid var(--brand-soft);
    box-shadow: 0 16px 40px rgba(12, 125, 245, .13);
}

.factory-advantages .factory-advantages__icon i {
    filter: none;
}



.factory-advantages .factory-advantages__title {
    font-weight: 600;
}

.factory-advantages .factory-advantages__description {
    color: var(--text-secondary);
}

.development-history__timeline .development-history__date i,
.development-history__timeline .development-history__item:nth-child(5n+1) .development-history__date i,
.development-history__timeline .development-history__item:nth-child(5n+2) .development-history__date i,
.development-history__timeline .development-history__item:nth-child(5n+3) .development-history__date i,
.development-history__timeline .development-history__item:nth-child(5n+4) .development-history__date i,
.development-history__timeline .development-history__item:nth-child(5n+5) .development-history__date i {
    border-color: #d8ebff;
    background-color: var(--brand);
}

.development-history__timeline .development-history__item::before {
    background-color: #dce8f5;
}

.development-history__timeline .development-history__card {
    border: 1px solid var(--line);
    box-shadow: 0 8px 28px rgba(37, 64, 91, .04);
}

.development-history__timeline h4 a:hover {
    color: var(--brand);
}

.bMessage .message-form__field--message {
    width: 100%;
    margin-top: 16px;
    padding: 12px 0 10px;
    border-bottom: 1px solid #777;
    box-sizing: border-box;
}

.bMessage .message-form__field--message .H4 {
    display: block;
    float: none;
    margin: 0;
    color: #a3abb1;
    font-size: 16px;
    line-height: 21px;
}

.bMessage .message-form__field--message .textarea {
    display: block;
    float: none;
    width: 100%;
    min-height: 68px;
    margin: 10px 0 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 1.6;
    resize: vertical;
}

@media screen and (max-width: 767px) {
    .bMessage .message-form__field--message {
        margin-top: 8px;
        padding: 10px 0 8px;
    }

    .bMessage .message-form__field--message .H4 {
        font-size: 14px;
    }

    .bMessage .message-form__field--message .textarea {
        min-height: 62px;
        margin-top: 7px;
    }
}

.bMessage .submit,
.bMessage .submit:hover,
.bShare .list.active {
    background-color: var(--brand);
}

.bMessage .submit:hover {
    background-color: var(--brand-dark);
}

.filing-link,
.filing-link span {
    color: #a3abb1;
}

/* Footer social links */
.bShare .list {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
    background: transparent !important;
}

.bShare .list a,
.bShare .list img {
    display: block;
    width: 100%;
    height: 100%;
}

.bShare .list:hover {
    transform: translateY(-3px);
    box-shadow: none;
    opacity: .78;
}

.bShare .list.active {
    background: transparent !important;
}

@media screen and (max-width: 1199px) {
    .about-section {
        min-height: 580px;
        padding: 70px 0 60px;
    }

    .about-section .about-section__content {
        padding-right: 4%;
    }

    .about-section .about-section__description {
        min-height: 0;
        font-size: 15px;
    }

    .about-stats {
        gap: 22px;
        margin-top: 38px;
    }

    .about-video-trigger {
        top: 70px;
        padding: 0 0 30px 30px;
    }

    .about-video-trigger .about-video-trigger__media {
        height: 430px;
    }



}

@media screen and (max-width: 767px) {
    .about-section {
        min-height: 0;
        padding: 52px 0 44px;
        background: var(--surface);
    }

    .about-section::before {
        top: 25px;
        font-size: 76px;
    }

    .about-section .about-section__content {
        width: 100%;
        padding: 0;
    }

    .about-section .about-section__eyebrow {
        font-size: 14px;
    }

    .about-section .about-section__title {
        padding: 10px 0 18px;
        font-size: 30px;
    }

    .about-section .about-section__description {
        height: auto;
        margin: 22px 0 26px;
        font-size: 14px;
        line-height: 1.75;
    }

    .about-section__link {
        width: auto;
        min-width: 146px;
        height: 44px;
        font-size: 13px;
        line-height: 42px;
    }

    .about-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 34px;
        padding-top: 26px;
    }

    .about-stats .about-stats__value {
        font-size: 42px;
    }

    .about-stats .about-stats__suffix {
        font-size: 22px;
    }

    .about-stats .about-stats__label {
        font-size: 12px;
    }

    .about-video-trigger {
        width: calc(100% - 15px);
        margin: 34px 0 0 15px;
        padding: 0 0 18px 18px;
    }

    .about-video-trigger .about-video-trigger__media {
        height: auto;
        background: none;
        box-shadow: 0 16px 34px rgba(19, 43, 68, .13);
    }

    .about-video-trigger .about-video-trigger__play {
        left: 3px;
        width: 48px;
        height: 48px;
        margin-top: -24px;
    }

    .factory-advantages .factory-advantages__list {
        width: 100%;
        margin: 0;
    }

    .factory-advantages .factory-advantages__item {
        width: 100%;
        padding: 42px 0 14px;
    }

}

/* Original szcbs.com navigation and development history */
@media screen and (min-width: 1200px) {
    body header .nav-ul > li {
        position: relative;
    }

    body header .nav-ul > li > .nav-ul-div1 {
        position: absolute;
        z-index: 89;
        top: 95px;
        right: auto;
        left: 50%;
        display: block !important;
        width: 310px;
        padding: 7px 0;
        visibility: hidden;
        overflow: hidden;
        border: 1px solid #dfe8f1;
        border-top: 2px solid var(--brand);
        border-radius: 2px;
        background: rgba(255, 255, 255, .97);
        box-shadow: 0 16px 38px rgba(17, 36, 55, .16);
        opacity: 0;
        pointer-events: none;
        transform: translate(-50%, 7px);
        transition: opacity .18s ease, transform .22s ease, visibility .18s ease;
        backdrop-filter: none;
    }

    body header .nav-ul > li > .nav-ul-div1.is-open {
        display: block !important;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    body header .nav-ul-div1 > a {
        display: flex;
        min-height: 38px;
        margin: 0;
        padding: 5px 20px;
        align-items: center;
        justify-content: center;
        border: 0;
        border-bottom: 1px solid #edf1f5;
        border-radius: 0;
        color: #5e6872;
        background: transparent;
        font-size: 14px;
        line-height: 1.45;
        text-align: center;
        transition: color .18s ease, background .18s ease;
    }

    body header .nav-ul-div1 > a:last-child {
        border-bottom: 0;
    }

    body header .nav-ul-div1 > a::after {
        display: none;
    }

    body header .nav-ul-div1 > a:hover,
    body header .nav-ul-div1 > a:focus-visible {
        padding: 5px 20px;
        color: #fff;
        background: var(--brand);
    }

    body header .nav-ul > li.drop > .nav-a1::before {
        display: none;
    }

    body header.f-cb .nav-ul > li.drop > .nav-a1 {
        padding-right: 15px;
        background: url(../images/ico01.png) no-repeat right 60px !important;
    }

    body header.cli .nav-ul > li.drop > .nav-a1,
    body header.on .nav-ul > li.drop > .nav-a1 {
        background-image: url(../images/ico02.png) !important;
    }
}

.development-history {
    background: #f9f9f9;
}

.factory-advantages > .w1750,
.development-history > .w1750 {
    width: calc(100% - 120px);
    max-width: 1620px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1199px) {
    .factory-advantages > .w1750,
    .development-history > .w1750 {
        width: calc(100% - 48px);
    }
}

@media only screen and (max-width: 767px) {
    .factory-advantages > .w1750,
    .development-history > .w1750 {
        width: calc(100% - 30px);
    }
}

.development-history .section-heading {
    display: block;
    margin-bottom: 3.5%;
    padding: 0;
    overflow: hidden;
    font-size: 36px;
    text-align: center;
}

.development-history .section-heading h2 {
    color: #18191b;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
}

.development-history .section-heading h3 {
    margin: 0;
    padding: 0 7.22222222em;
    color: #e1b44f;
    font-size: .5em;
    font-weight: normal;
    line-height: 1.5em;
}

.development-history .section-heading h3 span::before,
.development-history .section-heading h3 span::after {
    display: block;
    width: 6.66666667em;
    height: .11111111em;
    border-radius: 50%;
    background: #e1b44f;
}

.development-history .development-history__timeline .development-history__date i,
.development-history .development-history__timeline .development-history__item:nth-child(5n+1) .development-history__date i {
    border-color: #cfeecb;
    background-color: #00a651;
}

.development-history .development-history__timeline .development-history__item:nth-child(5n+2) .development-history__date i {
    border-color: #f8d4d5;
    background-color: #ee4749;
}

.development-history .development-history__timeline .development-history__item:nth-child(5n+3) .development-history__date i {
    border-color: #d4effa;
    background-color: #21a9e1;
}

.development-history .development-history__timeline .development-history__item:nth-child(5n+4) .development-history__date i {
    border-color: #fbf1bd;
    background-color: #fad839;
}

.development-history .development-history__timeline .development-history__item::before {
    background-color: #eaeaea;
}

.development-history .development-history__timeline .development-history__card {
    border: 0;
    box-shadow: none;
}

.development-history .development-history__timeline h4 {
    color: #18191b;
}

@media only screen and (max-width: 540px) {
    .development-history .section-heading {
        margin-bottom: 5%;
        font-size: 22px;
    }

    .development-history .section-heading h3 {
        padding: 0;
        font-size: 14px;
    }
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.skip-link {
    position: fixed;
    z-index: 9999;
    top: 12px;
    left: 12px;
    padding: 10px 16px;
    color: #fff;
    background: var(--brand);
    transform: translateY(-160%);
    transition: transform .2s ease;
}

.skip-link:focus {
    transform: translateY(0);
}

/* Static inner pages */
body:has(.inner-page) header.f-cb {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

body:has(.inner-page) header.f-cb .img1 {
    display: none;
}

body:has(.inner-page) header.f-cb .img2 {
    display: block;
}

body:has(.inner-page) header.f-cb .nav-ul li .nav-a1,
body:has(.inner-page) header.f-cb .header-rt a {
    color: #333;
}

body:has(.inner-page) header.f-cb .nav-ul li.drop .nav-a1 {
    background-image: url(/template/index/static/images/ico02.png) !important;
}

body:has(.inner-page) header.f-cb .header-rt a.en {
    background-image: url(/template/index/static/images/en1.png);
}

body:has(.inner-page) header.f-cb .header-rt a.cn {
    background-image: url(/template/index/static/images/cn1.png);
}

.inner-page {
    min-height: 58vh;
    background: #fff;
}

.inner-page img,
.inner-page video {
    max-width: 100%;
    height: auto;
}

.inner-page table {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
}

.inner-page td {
    width: auto !important;
}

.inner-page--about .market-bj {
    background: #fff;
}

.inner-page--about .market {
    padding-bottom: 110px;
}

.inner-page--about .market-c,
.inner-page--about .market-c span {
    color: #000;
    font-size: 18px;
    line-height: 25px;
}

.inner-page--about .market-c p + p {
    margin-top: 0;
}

.inner-page--about .market-c video {
    display: block;
    width: min(760px, 100%);
    margin: 35px auto 0;
    background: #111;
}

.inner-page .product-a1 {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    font: inherit;
    font-size: 28px;
    line-height: 50px;
    text-align: left;
}

.inner-page .product-a2-c1:hover,
.inner-page .product-a2-c li.on .product-a2-c1 {
    border-color: var(--brand);
    color: var(--brand);
}

.inner-page .newsinfo-e,
.inner-page .message-page .submit {
    background: var(--brand);
}

.inner-page .newsinfo-e:hover,
.inner-page .message-page .submit:hover {
    background: var(--brand-dark);
}

.inner-page .newsinfo-d .is-disabled-link {
    display: block;
    margin: 5px 0;
    color: #999;
    font-size: 16px;
    line-height: 25px;
}

.inner-page .newsinfo-c img,
.inner-page .proinfo-c2-a img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.inner-page .proinfo-e {
    opacity: .45;
}

.static-message-form__note {
    padding: 12px 15px;
    border-left: 3px solid var(--brand);
    color: #6d7782;
    background: var(--brand-soft);
    font-size: 13px;
    line-height: 1.6;
}

.static-message-form__status {
    float: left;
    min-height: 42px;
    margin-left: 15px;
    color: var(--brand-dark);
    line-height: 42px;
}

.message-page button.submit,
.message-page button.reset {
    line-height: 42px;
}

.FMJ-Cont {
    padding: 0 30px;
    margin-bottom: 40px;
    overflow: hidden;
    background: #f7faff;
}

.FMJ-Cont ul li {
    padding: 30px 0;
    overflow: hidden;
    border-bottom: 1px dashed #e2e8ef;
}

.FMJ-Cont ul li:last-child {
    border-bottom: 0;
}

.FMJ-ImgBox {
    display: block;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

.FMJ-ImgBox img {
    max-height: 122px;
}

.FMJ-Text {
    float: left;
    width: 75%;
    margin-left: 3%;
}

.FMJ-Text a {
    display: block;
    max-width: 100%;
    height: 35px;
    overflow: hidden;
    color: #404040;
    font-size: 16px;
    line-height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FMJ-Text p {
    display: -webkit-box;
    height: 48px;
    overflow: hidden;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.FMJ-Text span {
    display: block;
    margin-top: 18px;
    color: #8a949f;
    font-size: 14px;
}

.FMJ-a {
    display: block;
    width: 24px;
    height: 122px;
    background: #edf2f7 url(/template/index/static/images/side_bg_arrow.png) no-repeat center;
    transition: background-color .2s ease;
}

.FMJ-Cont ul li:hover .FMJ-Text a {
    color: var(--brand);
}

.FMJ-Cont ul li:hover .FMJ-a {
    background-color: var(--brand);
}

@media (max-width: 1023px) {
    body:has(.inner-page) header.f-cb .header-div div {
        background: #333;
    }

    .FMJ-a {
        display: none;
    }
}

@media (max-width: 767px) {
    .inner-page--about .market {
        padding-bottom: .8rem;
    }

    .inner-page--about .market-c,
    .inner-page--about .market-c span {
        font-size: .26rem;
        line-height: 1.8;
    }

    .inner-page .product-a1 {
        height: .7rem;
        font-size: .32rem;
        line-height: .5rem;
        background-size: .3rem;
    }

    .inner-page .newsinfo-d .is-disabled-link {
        font-size: .24rem;
        line-height: .45rem;
    }

    .FMJ-Cont {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .FMJ-Cont ul li {
        padding: 12px 0;
    }

    .FMJ-ImgBox {
        width: 100px;
    }

    .FMJ-Text {
        float: none !important;
        width: auto;
        margin-left: 110px;
    }

    .FMJ-Text a {
        height: 28px;
        margin: 0;
        font-size: 15px;
        line-height: 28px;
    }

    .FMJ-Text p {
        height: 40px;
        line-height: 20px;
    }

    .FMJ-Text span {
        margin-top: 5px;
    }

    body .static-message-form__status {
        float: none;
        clear: both;
        margin-left: 0;
        line-height: 1.5;
    }
}

/* Contact page */
.contact-page {
    padding: 180px 0 120px;
    background: #fff;
}

.contact-page__header {
    display: flex;
    margin-bottom: 54px;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #dce3ea;
    padding-bottom: 28px;
}

.contact-page__header h1 {
    position: relative;
    color: #1d2530;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.2;
}

.contact-page__header h1::after {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 72px;
    height: 3px;
    background: var(--brand);
    content: "";
}

.contact-page__header p {
    max-width: 610px;
    color: #6c7682;
    font-size: 16px;
    line-height: 1.75;
    text-align: right;
}

.contact-page__overview {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr);
    min-height: 520px;
}

.contact-page__media {
    min-height: 520px;
    overflow: hidden;
    background: #eef2f6;
}

.contact-page__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
}

.contact-page__intro {
    position: relative;
    padding: 76px 64px 64px;
    color: #fff;
    background: #111d2b;
}

.contact-page__intro::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--brand);
    content: "";
}

.contact-page__location {
    margin-bottom: 26px;
    color: #78b9ff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.contact-page__intro h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.45;
}

.contact-page__intro h2 + p {
    margin-top: 24px;
    color: #b8c1cb;
    font-size: 15px;
    line-height: 1.85;
}

.contact-page__button {
    display: inline-flex;
    min-width: 168px;
    height: 48px;
    margin-top: 38px;
    padding: 0 26px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brand);
    color: #fff;
    background: var(--brand);
    font-size: 15px;
    transition: border-color .2s ease, background .2s ease;
}

.contact-page__button:hover,
.contact-page__button:focus-visible {
    border-color: var(--brand-dark);
    color: #fff;
    background: var(--brand-dark);
}

.contact-page__details {
    display: grid;
    grid-template-columns: 1.45fr .78fr .77fr;
    margin-top: 58px;
    border-top: 1px solid #dce3ea;
    border-bottom: 1px solid #dce3ea;
}

.contact-page__detail {
    display: grid;
    min-height: 178px;
    padding: 34px 34px;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    border-right: 1px solid #dce3ea;
}

.contact-page__detail:last-child {
    border-right: 0;
}

.contact-page__icon {
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    background: var(--brand);
}

.contact-page__icon img {
    width: 25px;
    height: auto;
}

.contact-page__detail h2 {
    margin: 3px 0 12px;
    color: #1d2530;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}

.contact-page__detail p,
.contact-page__detail a {
    color: #68727d;
    font-size: 14px;
    line-height: 1.75;
}

.contact-page__detail a:hover,
.contact-page__detail a:focus-visible {
    color: var(--brand);
}

@media (max-width: 1023px) {
    .contact-page {
        padding-top: 150px;
    }

    .contact-page__header {
        display: block;
    }

    .contact-page__header p {
        max-width: 680px;
        margin-top: 20px;
        text-align: left;
    }

    .contact-page__overview {
        grid-template-columns: 1fr;
    }

    .contact-page__media,
    .contact-page__media img {
        min-height: 430px;
    }

    .contact-page__intro {
        padding: 58px 48px;
    }

    .contact-page__details {
        grid-template-columns: 1fr 1fr;
    }

    .contact-page__detail:first-child {
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid #dce3ea;
    }
}

@media (max-width: 767px) {
    .contact-page {
        padding: 1.7rem 0 .9rem;
    }

    .contact-page__header {
        margin-bottom: .6rem;
        padding-bottom: .3rem;
    }

    .contact-page__header h1 {
        font-size: .48rem;
    }

    .contact-page__header h1::after {
        bottom: -.32rem;
        width: .9rem;
        height: 2px;
    }

    .contact-page__header p {
        margin-top: .22rem;
        font-size: .25rem;
        line-height: 1.65;
    }

    .contact-page__overview {
        display: block;
        min-height: 0;
    }

    .contact-page__media,
    .contact-page__media img {
        min-height: 0;
        height: auto;
    }

    .contact-page__intro {
        padding: .6rem .42rem;
    }

    .contact-page__location {
        margin-bottom: .2rem;
        font-size: .2rem;
    }

    .contact-page__intro h2 {
        font-size: .36rem;
        line-height: 1.45;
    }

    .contact-page__intro h2 + p {
        margin-top: .24rem;
        font-size: .24rem;
        line-height: 1.75;
    }

    .contact-page__button {
        min-width: 2.6rem;
        height: .76rem;
        margin-top: .35rem;
        padding: 0 .36rem;
        font-size: .24rem;
    }

    .contact-page__details {
        display: block;
        margin-top: .55rem;
    }

    .contact-page__detail,
    .contact-page__detail:first-child {
        min-height: 0;
        padding: .34rem .08rem;
        grid-template-columns: .7rem minmax(0, 1fr);
        gap: .22rem;
        border-right: 0;
        border-bottom: 1px solid #dce3ea;
    }

    .contact-page__detail:last-child {
        border-bottom: 0;
    }

    .contact-page__icon {
        width: .7rem;
        height: .7rem;
    }

    .contact-page__icon img {
        width: .36rem;
    }

    .contact-page__detail h2 {
        margin: .03rem 0 .08rem;
        font-size: .28rem;
    }

    .contact-page__detail p,
    .contact-page__detail a {
        font-size: .23rem;
        line-height: 1.65;
    }
}

/* Simple contact layout */
.contact-simple {
    padding: 180px 0 125px;
    background: #fff;
}

.contact-simple__header {
    margin-bottom: 52px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e1e5e9;
}

.contact-simple__header h1 {
    color: #2e2e2e;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
}

.contact-simple__details {
    display: grid;
    grid-template-columns: 1.35fr .85fr .8fr;
    border-top: 2px solid var(--brand);
    border-bottom: 1px solid #e1e5e9;
    background: #fff;
}

.contact-simple__item {
    min-height: 190px;
    padding: 42px 48px;
    border-right: 1px solid #e1e5e9;
}

.contact-simple__item:last-child {
    border-right: 0;
}

.contact-simple__item h2 {
    margin-bottom: 16px;
    color: #2e2e2e;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
}

.contact-simple__item p,
.contact-simple__item a {
    color: #6e757d;
    font-size: 15px;
    line-height: 1.8;
}

.contact-simple__item a:hover,
.contact-simple__item a:focus-visible {
    color: var(--brand);
}

.contact-simple__form {
    width: 100%;
    max-width: 860px;
    margin: 72px auto 0;
}

.contact-simple__form > h2 {
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e1e5e9;
    color: #2e2e2e;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
}

.contact-simple__form .message-page {
    width: 100%;
}

.contact-simple__form .static-message-form > div {
    overflow: hidden;
}

.contact-simple__form .message-page .row-1 {
    clear: none;
    width: calc(50% - 8px);
    margin-right: 16px;
}

.contact-simple__form .message-page .row-1:nth-child(2) {
    margin-right: 0;
}

.contact-simple__form .message-page .row-1:nth-child(3) {
    clear: both;
    width: 100%;
    margin-right: 0;
}

.contact-simple__form .message-page .row-2 {
    height: 140px;
}

.contact-simple__form .message-page .text {
    height: 130px;
}

@media (max-width: 767px) {
    .contact-simple {
        padding: 1.7rem 0 .9rem;
    }

    .contact-simple__header {
        margin-bottom: .45rem;
        padding-bottom: .22rem;
    }

    .contact-simple__header h1 {
        font-size: .4rem;
    }

    .contact-simple__details {
        display: block;
    }

    .contact-simple__item {
        min-height: 0;
        padding: .38rem .3rem;
        border-right: 0;
        border-bottom: 1px solid #e1e5e9;
    }

    .contact-simple__item:last-child {
        border-bottom: 0;
    }

    .contact-simple__item h2 {
        margin-bottom: .1rem;
        font-size: .29rem;
    }

    .contact-simple__item p,
    .contact-simple__item a {
        font-size: .24rem;
        line-height: 1.7;
    }

    .contact-simple__form {
        margin-top: .65rem;
    }

    .contact-simple__form > h2 {
        margin-bottom: .28rem;
        padding-bottom: .16rem;
        font-size: .36rem;
    }

    .contact-simple__form .message-page .row-1,
    .contact-simple__form .message-page .row-1:nth-child(2),
    .contact-simple__form .message-page .row-1:nth-child(3) {
        clear: both;
        width: 100%;
        margin-right: 0;
    }

    .contact-simple__form .message-page .row-2 {
        height: 2.2rem;
    }

    .contact-simple__form .message-page .text {
        height: 2rem;
    }
}

/* Product list category grid */
.inner-page--product-list .product-a2 {
    margin-top: 34px;
}

.inner-page--product-list .product-a2-c {
    display: grid;
    width: 100%;
    overflow: visible;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid #e1e6eb;
    border-left: 1px solid #e1e6eb;
}

.inner-page--product-list .product-a2-c li {
    float: none;
    width: auto;
    height: auto;
    min-width: 0;
    line-height: normal;
    border-right: 1px solid #e1e6eb;
    border-bottom: 1px solid #e1e6eb;
    border-radius: 0;
}

.inner-page--product-list .product-a2-c li a {
    display: flex;
    min-height: 64px;
    padding: 11px 18px;
    align-items: center;
    transition: color .2s ease, background .2s ease;
}

.inner-page--product-list .product-a2-c1 {
    display: block;
    margin: 0;
    color: #5f6872;
    font-size: 15px;
    line-height: 1.45;
}

.inner-page--product-list .product-a2-c1:hover,
.inner-page--product-list .product-a2-c li.on .product-a2-c1 {
    border-bottom: 0;
    color: var(--brand);
}

.inner-page--product-list .product-a2-c li a:hover,
.inner-page--product-list .product-a2-c li a:focus-visible,
.inner-page--product-list .product-a2-c li.on a {
    background: var(--brand-soft);
}

@media (max-width: 1023px) {
    .inner-page--product-list .product-a2-c {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .inner-page--product-list .product-a2 {
        margin-top: .28rem;
    }

    .inner-page--product-list .product-a2-c {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inner-page--product-list .product-a2-c li {
        width: auto;
        height: auto;
        margin: 0;
        line-height: normal;
    }

    .inner-page--product-list .product-a2-c li a {
        min-height: .86rem;
        padding: .14rem .18rem;
    }

    .inner-page--product-list .product-a2-c1 {
        font-size: .23rem;
        line-height: 1.45;
    }
}

/* Mobile primary navigation */
.mobile-navigation__languages {
    display: none;
}

@media (max-width: 767px) {
    body.mobile-navigation-open {
        overflow: hidden;
    }

    body header.f-cb {
        height: 68px;
    }

    body header.f-cb.on {
        position: fixed;
        border-bottom: 1px solid #e7ebef;
        background: #fff;
    }

    body header.f-cb .w1750 {
        height: 68px;
        padding: 0 18px;
    }

    body header.f-cb .logo {
        display: flex;
        width: auto;
        height: 68px;
        padding-top: 0;
        align-items: center;
    }

    body header.f-cb .logo img,
    body header.f-cb .img1,
    body header.f-cb .img2,
    body header.f-cb.cli .img2 {
        width: auto;
        height: 38px;
    }

    body header.f-cb .header-div {
        display: flex;
        position: absolute;
        z-index: 100;
        top: 13px;
        right: 14px;
        float: none;
        width: 42px;
        height: 42px;
        padding: 0 6px;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        border: 0;
        outline: 0;
        border-radius: 50%;
        background: var(--brand);
        color: #fff;
        cursor: pointer;
        visibility: visible;
        opacity: 1;
    }

    body header.f-cb .header-div::before,
    body header.f-cb .header-div::after,
    body header.f-cb .header-div .header-d2 {
        display: block;
        position: absolute;
        left: 6px;
        width: 30px;
        height: 2px;
        border-radius: 1px;
        background: currentColor;
        content: "";
        transform-origin: center;
        transition: transform .25s ease, opacity .2s ease;
    }

    body header.f-cb .header-div::before {
        top: 11px;
    }

    body header.f-cb .header-div .header-d2 {
        top: 20px;
    }

    body header.f-cb .header-div::after {
        top: 29px;
    }

    body header.f-cb .header-div .header-d1,
    body header.f-cb .header-div .header-d3 {
        display: none;
    }

    body header.f-cb.cli .header-div,
    body header.f-cb .header-div.on {
        color: #252a30;
        background: transparent;
    }

    body header.f-cb .header-div.on::before {
        transform: translateY(9px) rotate(45deg);
    }

    body header.f-cb .header-div.on .header-d2 {
        opacity: 0;
    }

    body header.f-cb .header-div.on::after {
        transform: translateY(-9px) rotate(-45deg);
    }

    body header.f-cb .header-mdss {
        display: none;
    }

    body header.f-cb .nav2 {
        position: fixed;
        z-index: 90;
        top: 68px;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100dvh - 68px);
        padding: 18px 22px 38px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        box-shadow: none;
    }

    body header.f-cb .nav2-li,
    body header.f-cb .nav2-li:first-child {
        float: none;
        width: 100%;
        padding: 0;
        border: 0;
        line-height: normal;
    }

    body header.f-cb .nav2-a1 {
        display: flex;
        width: 100%;
        height: 58px;
        padding: 0 4px;
        align-items: center;
        border-bottom: 1px solid #e7ebef;
        color: #252a30;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.2;
    }

    body header.f-cb .nav2-a1::after {
        width: 7px;
        height: 7px;
        margin-left: auto;
        border-top: 1px solid #9aa4ae;
        border-right: 1px solid #9aa4ae;
        content: "";
        transform: rotate(45deg);
    }

    body header.f-cb .mobile-navigation__languages {
        display: flex;
        margin-top: 26px;
        gap: 12px;
    }

    body header.f-cb .mobile-navigation__languages a {
        display: flex;
        min-width: 92px;
        height: 40px;
        padding: 0 18px;
        align-items: center;
        justify-content: center;
        border: 1px solid #dfe5eb;
        color: #59636e;
        font-size: 14px;
        line-height: 1;
    }

    body header.f-cb .mobile-navigation__languages a:first-child {
        border-color: var(--brand);
        color: var(--brand);
    }
}

/* Final mobile cascade: keep legacy desktop and tablet rendering intact */
@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        font-size: 16px !important;
        line-height: 1.65;
        -webkit-text-size-adjust: 100%;
    }

    .w1750,
    .w1200,
    .featured-products-section {
        width: 100%;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    .inner-page *,
    .featured-products-section * {
        min-width: 0;
    }

    body header.f-cb,
    body header.f-cb .w1750,
    body header.f-cb .logo {
        height: 64px;
    }

    body header.f-cb .w1750 {
        padding-right: 16px;
        padding-left: 16px;
    }

    body header.f-cb .logo img,
    body header.f-cb .img1,
    body header.f-cb .img2,
    body header.f-cb.cli .img2 {
        width: auto;
        height: 36px;
        margin-top: 0;
    }

    body header.f-cb .header-div {
        display: flex !important;
        position: absolute !important;
        z-index: 100;
        top: 0;
        right: 10px;
        width: 48px;
        height: 64px;
        padding: 0 9px;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 6px;
        border: 0;
        border-radius: 0;
        color: #fff;
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body header.f-cb .header-div::before,
    body header.f-cb .header-div::after {
        display: none !important;
    }

    body header.f-cb .header-div .header-d1,
    body header.f-cb .header-div .header-d2,
    body header.f-cb .header-div .header-d3 {
        display: block !important;
        position: static !important;
        width: 30px;
        height: 2px;
        flex: 0 0 2px;
        border-radius: 0;
        background: currentColor !important;
        opacity: 1;
        transform: none;
        transform-origin: center;
        transition: transform .22s ease, opacity .18s ease;
    }

    body header.f-cb.cli .header-div,
    body header.f-cb.on .header-div,
    body header.f-cb .header-div.on,
    body:has(.inner-page) header.f-cb .header-div {
        color: #20262c;
    }

    body header.f-cb .header-div.on .header-d1 {
        transform: translateY(8px) rotate(45deg);
    }

    body header.f-cb .header-div.on .header-d2 {
        opacity: 0;
    }

    body header.f-cb .header-div.on .header-d3 {
        transform: translateY(-8px) rotate(-45deg);
    }

    body header.f-cb .nav2 {
        top: 64px;
        height: calc(100dvh - 64px);
        padding: 10px 20px 32px;
    }

    body header.f-cb .nav2-a1 {
        height: 56px;
        padding: 0 2px;
        font-size: 17px;
    }

    .featured-products,
    .product-b {
        padding-top: 32px;
        padding-bottom: 42px;
    }

    .featured-products__list,
    .product-b-ul {
        left: 0;
        width: 100%;
        margin: 0;
        padding-top: 0;
        overflow: visible;
        gap: 12px;
    }

    .featured-products__list li,
    .product-b-ul li {
        float: none;
        width: calc(50% - 6px);
        min-width: 0;
        margin: 0;
        top: 0;
        overflow: hidden;
        border: 1px solid #edf0f3;
        background: #fff;
    }

    .featured-products__list li:hover,
    .product-b-ul li:hover {
        top: 0;
        box-shadow: none;
    }

    .featured-products__media,
    .product-b1 {
        display: flex;
        width: 100%;
        aspect-ratio: 1 / 1;
        align-items: center;
        justify-content: center;
        background: #fff;
    }

    .featured-products__media img,
    .product-b1 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .featured-products__content,
    .product-b2 {
        padding: 11px 10px 13px;
    }

    .featured-products__title,
    .product-b2-a {
        display: -webkit-box;
        height: 42px;
        overflow: hidden;
        color: #4e5862;
        font-size: 14px;
        line-height: 21px;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .inner-page--product-list .product-a {
        padding-top: 94px;
        padding-bottom: 26px;
    }

    .inner-page--product-list .product-a1 {
        height: 48px;
        font-size: 24px;
        line-height: 42px;
        background-size: 18px;
    }

    .inner-page--product-list .product-a2 {
        width: 100%;
        margin-top: 20px;
        overflow: visible;
    }

    .inner-page--product-list .product-a2-c {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inner-page--product-list .product-a2-c li a {
        min-height: 58px;
        padding: 10px 11px;
    }

    .inner-page--product-list .product-a2-c1 {
        width: 100%;
        overflow-wrap: anywhere;
        font-size: 14px;
        line-height: 1.45;
    }

    .about-section .about-section__description,
    .factory-advantages .factory-advantages__description,
    .development-history .development-history__description {
        font-size: 15px;
        line-height: 1.75;
    }

    .factory-advantages,
    .development-history {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .factory-advantages > .w1750,
    .development-history > .w1750 {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    .factory-advantages .section-heading,
    .development-history .section-heading {
        margin-bottom: 28px;
        font-size: 28px;
        line-height: 1.3;
    }

    .factory-advantages .factory-advantages__item {
        padding: 34px 0 12px;
    }

    .factory-advantages .factory-advantages__card {
        padding-right: 20px;
        padding-left: 20px;
    }

    .factory-advantages .factory-advantages__content h2,
    .factory-advantages .factory-advantages__title {
        font-size: 17px;
        line-height: 1.45;
    }

    .inner-page--news-list .news {
        padding-top: 92px;
        padding-bottom: 44px;
    }

    .inner-page--news-list .news-b li {
        padding: 18px 0;
    }

    .inner-page--news-list .news-b li a {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 14px;
    }

    .inner-page--news-list .news-b2 {
        float: none;
        width: 118px;
        margin: 0;
    }

    .inner-page--news-list .news-b2 img {
        width: 118px;
        height: 82px;
        object-fit: cover;
    }

    .inner-page--news-list .news-b3 {
        float: none;
        width: 100%;
    }

    .inner-page--news-list .news-b3-a {
        height: auto;
        max-height: 46px;
        font-size: 16px;
        line-height: 23px;
        -webkit-line-clamp: 2;
    }

    .inner-page--news-list .news-b3-b,
    .inner-page--news-list .news-b3-c,
    .inner-page--news-list .news-b3-d {
        display: none;
    }

    .inner-page--news-list .news-b3-e {
        margin-top: 9px;
        color: #8b949d;
        font-size: 13px;
        line-height: 1.4;
    }

    .inner-page--news-detail .newsinfo-bj,
    .inner-page--product-detail .proinfo,
    .inner-page--solution-list .solution,
    .inner-page--about .market-bj {
        padding-top: 92px;
    }

    .inner-page .newsinfo-a,
    .inner-page .proinfo-c1 {
        font-size: 26px;
        line-height: 1.35;
    }

    .inner-page .newsinfo-c,
    .inner-page .newsinfo-c p,
    .inner-page .proinfo-c2-a,
    .inner-page .proinfo-c2-a p,
    .inner-page--about .market-c,
    .inner-page--about .market-c span {
        font-size: 16px;
        line-height: 1.8;
        overflow-wrap: anywhere;
    }

    .inner-page .newsinfo-c table,
    .inner-page .proinfo-c2-a table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        table-layout: auto;
        -webkit-overflow-scrolling: touch;
    }

    .contact-simple {
        padding-top: 94px;
        padding-bottom: 54px;
    }

    .contact-simple__header h1 {
        font-size: 28px;
    }

    .contact-simple__item {
        padding: 24px 18px;
    }

    .contact-simple__item h2 {
        font-size: 18px;
    }

    .contact-simple__item p,
    .contact-simple__item a {
        font-size: 15px;
    }

    .contact-simple__form {
        margin-top: 42px;
    }

    .contact-simple__form > h2 {
        font-size: 24px;
    }

    .message-page input,
    .message-page textarea,
    .message-page select,
    .bMessage input,
    .bMessage textarea {
        max-width: 100%;
        font-size: 16px !important;
    }

    .contact-simple__form .message-page .row-2 {
        height: 150px;
    }

    .contact-simple__form .message-page .text {
        height: 140px;
    }

    .static-message-form__status {
        float: none;
        margin: 10px 0 0;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    .inner-page--news-list .product-a,
    .inner-page--solution-list .product-a {
        padding-top: 94px;
        padding-bottom: 24px;
    }

    .inner-page--news-list .news,
    .inner-page--solution-list .news {
        padding-top: 28px;
    }

    .inner-page--about .market-bj {
        margin-top: 0;
        padding-top: 64px;
    }

    .inner-page--about .market {
        padding-top: 44px;
    }

    body:has(.inner-page--contact) footer .bMessage {
        display: none;
    }
}

/* Homepage mobile sections */
@media (max-width: 767px) {
    .about-section {
        min-height: 0;
        padding: 54px 0 0;
        background: #fff;
    }

    .about-section::before {
        top: 24px;
        right: 12px;
        left: auto;
        font-size: 64px;
        line-height: 1;
    }

    .about-section .w1750 {
        padding-right: 18px;
        padding-left: 18px;
    }

    .about-section .about-section__content {
        float: none;
        width: 100%;
        padding: 0;
    }

    .about-section .about-section__eyebrow {
        margin: 0 0 5px;
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: .16em;
    }

    .about-section .about-section__title {
        margin: 0;
        padding: 0 0 17px;
        font-size: 30px;
        font-weight: 600;
        line-height: 1.25;
    }

    .about-section .about-section__title::after {
        width: 48px;
        height: 2px;
        background: var(--brand);
        opacity: 1;
    }

    .about-section .about-section__description {
        display: -webkit-box;
        height: auto;
        max-height: 184px;
        margin: 23px 0 24px;
        overflow: hidden;
        color: #59636e;
        font-size: 15px;
        line-height: 1.75;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
    }

    .about-section__link {
        display: inline-flex;
        width: auto;
        min-width: 132px;
        height: 42px;
        padding: 0 18px;
        align-items: center;
        justify-content: space-between;
        border: 1px solid var(--brand);
        border-radius: 2px;
        font-size: 14px;
        line-height: 40px;
    }

    .about-section__link span {
        margin-left: 18px;
    }

    .about-stats {
        display: grid;
        margin: 32px 0 0;
        padding: 25px 0 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        border-top: 1px solid #e3e8ed;
    }

    .about-stats .about-stats__item,
    .about-stats .about-stats__item:nth-child(2) {
        float: none;
        min-width: 0;
    }

    .about-stats .about-stats__value {
        font-size: 40px;
        line-height: 1;
    }

    .about-stats .about-stats__suffix {
        margin: 0 0 2px 3px;
        font-size: 19px;
        line-height: 1;
        vertical-align: bottom;
    }

    .about-stats .about-stats__label {
        display: block;
        margin-top: 10px;
        color: #68727c;
        font-size: 12px;
        line-height: 1.45;
    }

    .about-video-trigger {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        margin: 36px 0 0;
        padding: 0;
    }

    .about-video-trigger .about-video-trigger__media {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        overflow: hidden;
        border-radius: 0;
        background: #eaf3fc;
        box-shadow: none;
    }

    .about-video-trigger .about-video-trigger__media img {
        display: block !important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about-video-trigger .about-video-trigger__play {
        left: 18px;
        width: 48px;
        height: 48px;
        margin-top: -24px;
        box-shadow: 0 9px 24px rgba(12, 125, 245, .28);
    }

    .factory-advantages,
    .development-history {
        padding: 56px 0;
    }

    .factory-advantages {
        background: #f5f7fa;
    }

    .factory-advantages > .w1750,
    .development-history > .w1750 {
        width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .factory-advantages .section-panel,
    .development-history .section-panel {
        padding: 0;
        overflow: visible;
    }

    .factory-advantages .section-heading,
    .development-history .section-heading {
        margin: 0 0 30px;
        padding: 0 0 15px;
        overflow: visible;
        color: #20262c;
        font-size: 28px;
        font-weight: 600;
        line-height: 1.25;
        text-align: left;
    }

    .factory-advantages .section-heading::after,
    .development-history .section-heading::after {
        display: block;
        width: 46px;
        height: 2px;
        margin-top: 15px;
        background: var(--brand);
        content: "";
    }

    .factory-advantages .factory-advantages__list {
        display: block;
        width: 100%;
        margin: 0;
    }

    .factory-advantages .factory-advantages__item {
        float: none;
        width: 100%;
        margin: 0 0 14px;
        padding: 0;
    }

    .factory-advantages .factory-advantages__item:last-child {
        margin-bottom: 0;
    }

    .factory-advantages .factory-advantages__card {
        display: grid;
        height: auto;
        min-height: 0;
        padding: 20px;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: start;
        gap: 16px;
        border: 1px solid #e1e7ed;
        border-radius: 8px;
        background: #fff;
        box-shadow: none;
    }

    .factory-advantages .factory-advantages__card::before {
        display: none;
    }

    .factory-advantages .factory-advantages__icon {
        position: static;
        width: 48px;
        height: 48px;
        margin: 0;
        border: 1px solid #dcecff;
        border-radius: 50%;
        background: #eef6ff;
        box-shadow: none;
        transform: none;
    }

    .factory-advantages .factory-advantages__icon i {
        width: 100%;
        height: 100%;
        padding: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px auto;
    }

    .factory-advantages .factory-advantages__content {
        padding: 0;
        text-align: left;
    }

    .factory-advantages .factory-advantages__content h2,
    .factory-advantages .factory-advantages__title {
        margin: 1px 0 7px;
        color: #242a31;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.45;
    }

    .factory-advantages .factory-advantages__description {
        display: -webkit-box;
        max-height: 102px;
        overflow: hidden;
        color: #66717c;
        font-size: 14px;
        line-height: 1.7;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .development-history {
        background: #fff;
    }

    .development-history .development-history__list {
        position: relative;
    }

    .development-history .development-history__item {
        position: relative;
        min-height: 0;
        margin: 0;
        padding: 0 0 28px 52px;
        overflow: visible;
    }

    .development-history .development-history__item::before {
        display: block;
        top: 36px;
        left: 17px;
        width: 1px;
        height: calc(100% - 20px);
        background: #d9e4ef;
    }

    .development-history .development-history__item:last-child {
        padding-bottom: 0;
    }

    .development-history .development-history__date {
        float: none;
        width: 100%;
        margin: 0 0 9px;
        color: var(--brand);
        font-size: 14px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
    }

    .development-history .development-history__date time {
        display: block;
        min-height: 36px;
        letter-spacing: .02em;
    }

    .development-history .development-history__timeline .development-history__date i,
    .development-history .development-history__timeline .development-history__item:nth-child(n) .development-history__date i {
        position: absolute;
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        margin: 0;
        border: 3px solid #d9ebff !important;
        border-radius: 50%;
        color: #fff;
        background: var(--brand) !important;
        font-size: 12px;
        line-height: 30px;
        text-align: center;
    }

    .development-history .development-history__content {
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .development-history .development-history__card {
        margin: 0;
        padding: 0 0 25px;
        border: 0;
        border-bottom: 1px solid #e2e7ec;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .development-history .development-history__item:last-child .development-history__card {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .development-history .development-history__card::before {
        display: none;
    }

    .development-history .development-history__timeline h4 {
        display: -webkit-box;
        max-height: 52px;
        margin: 0 0 8px;
        overflow: hidden;
        color: #242a31;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.45;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .development-history .development-history__description {
        display: -webkit-box;
        max-height: 102px;
        margin: 0;
        overflow: hidden;
        color: #66717c;
        font-size: 14px;
        line-height: 1.7;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

/* Navigation submenus, compact empty categories and homepage heading scale */
.factory-advantages .factory-advantages__content h2 {
    font-size: 23px;
    line-height: 1.45;
}

.product-a.product-a--compact {
    height: 120px;
    min-height: 120px;
    padding: 0;
}

.product-a--compact .product-a1 {
    display: none;
}

.product-a--compact .product-a2.is-empty {
    display: none !important;
}

.product-a--compact + .news {
    padding-top: 30px;
}

@media (max-width: 767px) {
    body header.f-cb .nav2 {
        padding-top: 8px;
    }

    body header.f-cb .nav2-row {
        display: flex;
        width: 100%;
        align-items: stretch;
        border-bottom: 1px solid #e7ebef;
    }

    body header.f-cb .nav2-li--has-children > .nav2-row .nav2-a1 {
        flex: 1;
        border-bottom: 0;
    }

    body header.f-cb .nav2-a1::after {
        display: none;
    }

    body header.f-cb .nav2-toggle {
        display: flex;
        position: relative;
        width: 52px;
        height: 56px;
        flex: 0 0 52px;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
    }

    body header.f-cb .nav2-toggle::after {
        width: 8px;
        height: 8px;
        border-right: 1px solid #8d98a3;
        border-bottom: 1px solid #8d98a3;
        content: "";
        transform: rotate(45deg) translate(-2px, -2px);
        transition: transform .2s ease;
    }

    body header.f-cb .nav2-li.is-open .nav2-toggle::after {
        transform: rotate(225deg) translate(-1px, -1px);
    }

    body header.f-cb .nav2-div {
        display: none;
        width: 100%;
        padding: 5px 0 9px;
        background: #f6f8fa;
    }

    body header.f-cb .nav2-div a {
        display: flex;
        width: 100%;
        min-height: 44px;
        padding: 9px 18px;
        align-items: center;
        border-bottom: 1px solid #e9edf1;
        color: #65707b;
        font-size: 14px;
        line-height: 1.45;
        text-align: left;
    }

    body header.f-cb .nav2-div a:last-child {
        border-bottom: 0;
    }

    .factory-advantages .factory-advantages__content h2 {
        font-size: 18px;
        line-height: 1.45;
    }

    .product-a.product-a--compact {
        height: 64px;
        min-height: 64px;
        padding: 0 !important;
    }
}

/* Inner-page spacing and contact refinement */
.contact-simple {
    padding: 150px 0 96px;
}

.contact-simple__header {
    margin-bottom: 36px;
    padding-bottom: 20px;
}

.contact-simple__header h1 {
    font-size: 36px;
}

.contact-simple__item {
    min-height: 160px;
    padding: 32px 38px;
}

.contact-simple__form {
    max-width: 920px;
    margin-top: 52px;
}

.contact-simple__form > h2 {
    margin-bottom: 24px;
}

body:has(.inner-page--contact) footer .bMessage {
    display: none;
}

@media (max-width: 767px) {
    .inner-page--news-list .news-b3-b {
        display: -webkit-box;
        height: auto;
        max-height: 42px;
        margin-top: 5px;
        overflow: hidden;
        color: #68727d;
        font-size: 14px;
        line-height: 21px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .inner-page--news-list .news-b3-e {
        margin-top: 6px;
    }

    .contact-simple {
        padding: 94px 0 54px;
    }

    .contact-simple__header {
        margin-bottom: 24px;
        padding-bottom: 14px;
    }

    .contact-simple__header h1 {
        font-size: 30px;
    }

    .contact-simple__item {
        min-height: 0;
        padding: 22px 18px;
    }

    .contact-simple__form {
        margin-top: 36px;
    }
}

/* Retained component rules; inactive after restoring the original page content. */
.inner-page--about .company-profile,
.inner-page--about .company-profile * {
    box-sizing: border-box;
}

.inner-page--about .company-profile {
    color: #1b2026;
}

/* The legacy theme styles every semantic <header> as the site masthead. */
.inner-page--about .company-profile header {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    width: auto;
    height: auto;
    transition: none;
}

.inner-page--about .company-profile__header {
    max-width: 880px;
    margin-bottom: 68px;
}

.inner-page--about .company-profile__eyebrow {
    display: block;
    margin-bottom: 18px;
    color: #0c7df5;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.inner-page--about .company-profile h1 {
    max-width: 820px;
    margin: 0;
    color: #15191e;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.inner-page--about .company-profile__lead {
    max-width: 820px;
    margin-top: 26px;
    color: #4f5a65;
    font-size: 20px;
    line-height: 1.75;
}

.inner-page--about .company-profile__section {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 76px;
    padding: 48px 0 62px;
    border-top: 1px solid #dfe4e8;
}

.inner-page--about .company-profile__section-title > span {
    display: block;
    margin-bottom: 14px;
    color: #0c7df5;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .12em;
}

.inner-page--about .company-profile__section-title h2,
.inner-page--about .company-profile__principles h2 {
    margin: 0;
    color: #1b2026;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.01em;
}

.inner-page--about .company-profile__copy p {
    margin: 0;
    color: #59646f;
    font-size: 17px;
    line-height: 1.9;
}

.inner-page--about .company-profile__copy p + p {
    margin-top: 18px;
}

.inner-page--about .company-profile__facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 6px 0 76px;
    border-top: 1px solid #dfe4e8;
    border-bottom: 1px solid #dfe4e8;
}

.inner-page--about .company-profile__facts > div {
    min-width: 0;
    padding: 30px 24px 28px;
    border-right: 1px solid #dfe4e8;
}

.inner-page--about .company-profile__facts > div:first-child {
    padding-left: 0;
}

.inner-page--about .company-profile__facts > div:last-child {
    border-right: 0;
}

.inner-page--about .company-profile__facts dt {
    color: #0c7df5;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.inner-page--about .company-profile__facts dt small {
    margin-left: 3px;
    font-size: 17px;
    font-weight: 500;
}

.inner-page--about .company-profile__facts dd {
    margin-top: 10px;
    color: #69737d;
    font-size: 14px;
    line-height: 1.5;
}

.inner-page--about .company-profile__media {
    margin: 0;
}

.inner-page--about .company-profile__media img,
.inner-page--about .company-profile__media video {
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    background: #eef1f3;
    object-fit: cover;
}

.inner-page--about .company-profile__media--video video {
    aspect-ratio: 16 / 9;
}

.inner-page--about .company-profile__media--hero {
    margin-bottom: 76px;
}

.inner-page--about .company-profile__media--hero img {
    aspect-ratio: 16 / 8.2;
}

.inner-page--about .company-profile__media--wide {
    margin: 14px 0 82px;
}

.inner-page--about .company-profile__media--wide img {
    aspect-ratio: 16 / 9;
}

.inner-page--about .company-profile__media figcaption {
    margin-top: 12px;
    color: #8a929a;
    font-size: 13px;
    line-height: 1.5;
}

.inner-page--about .company-profile__principles {
    margin: 14px 0 78px;
}

.inner-page--about .company-profile__principles > header {
    max-width: 680px;
    margin-bottom: 34px;
}

.inner-page--about .company-profile__principles dl {
    margin: 0;
    border-top: 1px solid #dfe4e8;
}

.inner-page--about .company-profile__principles dl > div {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 56px;
    padding: 25px 0;
    border-bottom: 1px solid #dfe4e8;
}

.inner-page--about .company-profile__principles dt {
    color: #252b32;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}

.inner-page--about .company-profile__principles dt span {
    display: inline-block;
    width: 34px;
    color: #0c7df5;
    font-size: 12px;
    font-weight: 600;
}

.inner-page--about .company-profile__principles dd {
    color: #66717c;
    font-size: 16px;
    line-height: 1.75;
}

.inner-page--about .company-profile__service-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 30px 0 0;
    border-top: 1px solid #dfe4e8;
}

.inner-page--about .company-profile__service-list li {
    padding: 14px 4px;
    border-bottom: 1px solid #dfe4e8;
    color: #35404a;
    font-size: 15px;
    line-height: 1.5;
}

.inner-page--about .company-profile__service-list li:nth-child(odd) {
    margin-right: 24px;
}

@media (max-width: 767px) {
    .inner-page--about .market {
        padding-top: 36px;
        padding-bottom: 58px;
    }

    .inner-page--about .company-profile__header {
        margin-bottom: 42px;
    }

    .inner-page--about .company-profile__eyebrow {
        margin-bottom: 13px;
        font-size: 11px;
    }

    .inner-page--about .company-profile h1 {
        font-size: 34px;
        line-height: 1.2;
    }

    .inner-page--about .company-profile__lead {
        margin-top: 18px;
        font-size: 17px;
        line-height: 1.7;
    }

    .inner-page--about .company-profile__section {
        display: block;
        padding: 32px 0 40px;
    }

    .inner-page--about .company-profile__section-title {
        margin-bottom: 24px;
    }

    .inner-page--about .company-profile__section-title h2,
    .inner-page--about .company-profile__principles h2 {
        font-size: 24px;
    }

    .inner-page--about .company-profile__copy p {
        font-size: 16px;
        line-height: 1.8;
    }

    .inner-page--about .company-profile__facts {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 48px;
    }

    .inner-page--about .company-profile__facts > div,
    .inner-page--about .company-profile__facts > div:first-child {
        padding: 22px 16px;
        border-right: 1px solid #dfe4e8;
        border-bottom: 1px solid #dfe4e8;
    }

    .inner-page--about .company-profile__facts > div:nth-child(even) {
        border-right: 0;
    }

    .inner-page--about .company-profile__facts > div:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .inner-page--about .company-profile__facts dt {
        font-size: 31px;
    }

    .inner-page--about .company-profile__media--hero {
        margin-bottom: 48px;
    }

    .inner-page--about .company-profile__media--hero img {
        aspect-ratio: 4 / 3;
    }

    .inner-page--about .company-profile__media--wide {
        margin: 6px 0 52px;
    }

    .inner-page--about .company-profile__principles {
        margin: 8px 0 52px;
    }

    .inner-page--about .company-profile__principles > header {
        margin-bottom: 26px;
    }

    .inner-page--about .company-profile__principles dl > div {
        display: block;
        padding: 20px 0;
    }

    .inner-page--about .company-profile__principles dt {
        margin-bottom: 8px;
    }

    .inner-page--about .company-profile__principles dd {
        padding-left: 34px;
        font-size: 15px;
        line-height: 1.7;
    }

    .inner-page--about .company-profile__service-list {
        grid-template-columns: 1fr;
        margin-top: 24px;
    }

    .inner-page--about .company-profile__service-list li:nth-child(odd) {
        margin-right: 0;
    }
}

/* Minimal company video player */
body.video-modal-open {
    overflow: hidden;
}

.about-video-trigger {
    border: 0;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.about-video-trigger:focus-visible {
    outline: 3px solid rgba(12, 125, 245, .35);
    outline-offset: 5px;
}

.about-video-trigger .about-video-trigger__media {
    display: block;
}

.about-video-trigger .about-video-trigger__play {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    background: #0c7df5;
    box-shadow: 0 12px 36px rgba(12, 125, 245, .3);
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.about-video-trigger .about-video-trigger__play::before {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #fff;
    content: "";
}

.about-video-trigger:hover .about-video-trigger__play {
    background: #0868ce;
    box-shadow: 0 16px 42px rgba(12, 125, 245, .4);
    transform: scale(1.06);
}

.video-modal__backdrop {
    position: fixed;
    inset: 0;
    z-index: 99998;
    display: block;
    width: auto;
    height: auto;
    background: rgba(5, 9, 15, .86);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: opacity .3s ease, visibility .3s ease;
}

.video-modal__backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.video-modal__dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    display: block;
    width: min(1120px, calc(100vw - 64px));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    background: #0b1017;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .48);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -47%) scale(.985);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}

.video-modal__dialog.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
}

.video-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    padding: 14px 18px 14px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.video-modal__heading {
    min-width: 0;
}

.video-modal__eyebrow {
    display: block;
    margin-bottom: 3px;
    color: #0c7df5;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.video-modal__title {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.01em;
}

.video-modal__dialog .video-modal__close {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.video-modal__dialog .video-modal__close::before,
.video-modal__dialog .video-modal__close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1px;
    background: #fff;
    content: "";
}

.video-modal__dialog .video-modal__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.video-modal__dialog .video-modal__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.video-modal__dialog .video-modal__close:hover,
.video-modal__dialog .video-modal__close:focus-visible {
    border-color: rgba(255, 255, 255, .32);
    background: rgba(255, 255, 255, .1);
    outline: none;
    transform: rotate(4deg);
}

.video-modal__player {
    background: #000;
}

.video-modal__dialog .video-modal__video,
.video-modal__dialog .plyr {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.video-modal__dialog .plyr {
    --plyr-color-main: #0c7df5;
    --plyr-video-control-color: #fff;
    --plyr-video-control-background-hover: #0c7df5;
    --plyr-menu-background: rgba(14, 20, 29, .98);
    --plyr-menu-color: #fff;
    --plyr-range-thumb-background: #fff;
    border-radius: 0;
}

.video-modal__dialog .plyr__control--overlaid {
    width: 68px;
    height: 68px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .4);
    background: #0c7df5;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .3);
}

.video-modal__dialog .plyr__controls {
    padding: 48px 20px 16px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .82));
}

.video-modal__dialog .plyr__menu__container {
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
}

@media (max-width: 767px) {
    .about-video-trigger .about-video-trigger__play::before {
        margin-left: 3px;
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-left-width: 8px;
    }

    .video-modal__dialog {
        width: calc(100vw - 24px);
        border-radius: 8px;
    }

    .video-modal__header {
        min-height: 62px;
        padding: 10px 10px 10px 16px;
    }

    .video-modal__eyebrow {
        display: none;
    }

    .video-modal__title {
        font-size: 15px;
    }

    .video-modal__dialog .video-modal__close {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .video-modal__dialog .plyr__control--overlaid {
        width: 54px;
        height: 54px;
        padding: 16px;
    }

    .video-modal__dialog .plyr__controls {
        padding: 34px 10px 9px;
    }

    .video-modal__dialog .plyr__volume {
        display: none;
    }
}