@charset "utf-8";
/* CSS Document */
/*默认1280px*/
.wrap{ width:auto; padding:0 3rem;}
.m1 .wrap{background:none;}
.m1 ul {width: 100%;}
.m1 ul li{ width:25%; }
.m1 ul li div{ width:auto;  margin:0 1rem;height:24rem; transform:translateX(-1rem);}

.footer .bottom.wrap{padding:6rem 3rem 3rem 3rem;justify-content: space-around;}
.bottom.wrap .nav li{ display:none;}
.bottom.wrap .nav li.gzwm{ display:block; padding-left:0;}
.contact{ padding-top:4rem;}
.copy.wrap{padding:2rem 3rem;}
.backtop{bottom: 1rem; right: 1rem; }

.header .nav li{ margin:0 2rem;}
/*.header .nav li.n3 div{width:auto;transform:none;}
.header .nav li.n3 div{width: 20rem;transform:translate(-6.5rem,20px);}*/
.header .nav li b{ display: none !important;}
.zhjyC ul li{width: 30rem;}

.productbanner h1{ font-size:4.2rem;}
.productbanner h1 i{ font-size:2.4rem;}
.linkus h2{ font-size:3rem;}

@media screen and (max-width:1152px){
	.zhjyC ul li{width: 28rem;}
	.header .nav li{ margin:0 1.4rem;}
}
@media screen and (max-width:1024px){
	.header{ padding:1rem 0;}
	.header .wrap{ height:4rem;}
	.header .logo{ height:4rem;}
	.header .nav{ position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 20;transform: translateX(100%);background: rgba(0,0,0,.7);transition: transform 0.5s;}
	.header .nav ul{position: absolute;top: 0;right: 0;bottom: 0;overflow: auto;width:70%;min-width: 20rem;padding-top:2rem; background:rgba(10,40,90,1.0);}
	.header .nav ul li{ float:none; width: 100%;}
	.header .nav li a, .header .nav li span{ font-weight:bold; text-align: left !important;}
	.header .nav ul li div{display:block; background:none; margin:0 2rem; padding:0; transform:none; overflow:hidden; }
	.header .nav ul li div p{ float:left; position:relative;}
	.header .nav ul li div p:before{ position:absolute; top:1rem; left:1rem; content:'·'; color:#fff;}
	.header .nav ul li div p a{color:#fff; font-weight:normal;}
	.header .nav ul li:hover div{background:none; padding:0; transform:none; }
	.header .nav ul li:hover div a{ color:#fff;}
	.header .nav.mobMenuNav-in{transform: translateX(0);}
	.header .nav li.n3 div{width:auto;transform:none;}
	
	.header .hamburger,.header .mobMenuHidden{ display:block;}
	.mobMenuHidden{ margin:0 2.5rem; text-align:right; margin-bottom:2rem;}
	
	.banner .swiper-container{height:50vw;}
	.banner .swiper-slide img{width: 100%; height: 100%;}
	.banner .swiper-slide .textInfo{ width:100%; left:0; text-align:center;}
	.banner .swiper-slide h1{font-size: 4rem; }
	.banner .swiper-slide p{font-size:2rem;}
	.banner .swiper-slide a.more{display: inline-block;margin-top:5rem; padding:0.5rem 1rem; text-align:left;}
	.banner .swiper-slide.s3 .textInfo a.more, .banner .swiper-slide.s4 .textInfo a.more{margin-top:5rem;}
  	.banner .swiper-pagination{ width:100%; left:0; bottom:3rem; text-align:center;}
	.banner .swiper-pagination-bullet{ width:10rem; height:1rem;}
	
	.m1 ,.m2  ,.m3,.m4{padding:5rem 0;}
	.m1 ul li{ width:33.3%; }
	.m2 h1,.m3 h1{ padding-bottom:4rem;}
	
	.kjrkbut li{max-width:100%;}
	/*二级页面*/
	.aboutbanner{min-height:50vw;}
	.servicebanner{min-height:50vw;}
	.secbanner h1{ font-size:4.8rem;}
	.productbanner h1{ font-size:4rem;}
	.productbanner h1 i{ font-size:2.2rem;}	
	.cstd .swiper-pagination{ bottom:0; display:block;}
	.absContainer{ display:none;}
	.mapContainer{ width:80%; margin:0 auto; float:none; height:50vw;}
	.nrjdcont li{ width:100%;}
	
	.zhjyC ul li{width: 28rem;}
	
	/*产品页面*/
	.product-3{flex-wrap: wrap;}
	.product-3 li{ width:40%; max-width:100%;}
	.product-3 li:nth-child(3){width:90%;}
	.linkus h2{ font-size:2.6rem;}
	
	
	
}
@media screen and (max-width:768px){
	.wrap{ width:auto; padding:0 2rem;}
	.banner .swiper-container{height:50vw;}
	.banner .swiper-slide .textInfo{ top:40%;}
	.banner .swiper-slide h1{ font-size:3.2rem; padding:0 4rem;}
	.banner .swiper-slide p{ display:none;}
	.banner .swiper-slide a.more{margin-top:2rem; display:none;}
	.banner .swiper-slide.s3 .textInfo a.more, .banner .swiper-slide.s4 .textInfo a.more{margin-top:2rem;}
	.banner .swiper-pagination{ width:100%; left:0; bottom:2rem; text-align:center;}
	.banner .swiper-pagination-bullet{ width:5rem; height:0.5rem;}	
	
	.m1 ,.m2  ,.m3,.m4{padding:3rem 0;}
	.m2 h1,.m3 h1{ padding-bottom:3rem;}
	.m1 ul li{ width:50%; }
	
	.footer .bottom.wrap{ display:block;padding: 3rem 3rem 3rem 3rem;}
	.bottom.wrap .nav{ overflow:hidden; margin-top:3rem;}
	.bottom.wrap .logo{ display:none;}
	.bottom.wrap .logo img{ max-width:100%;}
	.bottom .contact{ padding-top:0rem;}
	
	.secbanner span { display:none;}
	.secbanner h1{ font-size:4.2rem; top:50%}
	.productbanner h1{ font-size:3.6rem; top:40%}
	.productbanner h1 i{ font-size:2rem; }
		
	.zhfwCX .z1{ width: 100%; float: left; display: none;}
	.zhfwCX .z2{ width: 100%; float: right;}
	/*产品页面*/
	.product-3{flex-wrap: wrap;}
	.product-3 li{ width:100%; max-width:100%;}
	.product-6 li{ width:45%;}
	.linkus h2{ font-size:2.2rem;}
	
}
@media screen and (max-width:480px){
	.banner .swiper-slide h1{ font-size:2.8rem}
	.banner .swiper-pagination{ display:none;}
	
	.kjrkbut li a div span{ display:none;}
	
	.secbanner h1{ font-size:3.2rem;  top:50%}
	.productbanner h1{ font-size:3.2rem; top:40%}
	.productbanner h1 i{ font-size:1.6rem;}
	
}