@media screen and (max-width:1720px){
	.inner{ padding: 0 180px;}
	.streamer .number{ right: 180px;}
}




@media screen and (max-width:1600px){
	header .Layer{ padding: 0 60px; height: 140px;}
	header .Layer .headerLogo img.img1{ height: 100px;}
	
	.inner{ padding: 0 160px;}
	.streamer .number{ right: 160px;}
	
}




@media screen and (max-width:1440px){
	header .Layer .headerCeng .navbox .litag{ margin: 0 15px;}
	
	.inner{ padding: 0 120px;}
	
	footer .foot .footBox .footBoxOl li{ padding-left: 70px;}
	
	.streamer .number{ right: 120px;}
	
}




@media screen and (max-width:1200px){
	header .Layer{ padding: 0 40px; height: 80px;}
	header .Layer .headerLogo img.img1{ height: 80px;}
	header .Layer .headerCeng .phone{ display: none;}
	
	.banner .swiper-container img{ height: auto;}
	
	.inner{ padding: 0 80px;}
	
	.streamer .number{ right: 80px;}
	
	.since,.number{ width: 80%;}
	
	
	.news .newsBox .newsBoxRight .newsBoxRightDiv a{ line-height: 1.6;}
	
	.streamer .xinjia .streamerTent .inner h3{ font-size: 40px;}
	.streamer .xinjia .streamerTent .inner h2{ font-size: 50px;}
	
	.culture .cultureLeft{ width: 60%;}
	.culture .cultureRight{ width: 40%;}
	.culture .cultureLeft .cultureLeftTent{ width: 40%;}
	.culture .cultureRight .cultureRightCont{ line-height: 2;}
	
	
	.contact .inner{ flex-wrap: wrap;}
	
	.zhong .inner li .zhongDiv .zhongDivPic dl{ padding: 6px; line-height: 1.2;}
	.zhong .inner li .zhongDiv .zhongDivPic dl dt{ font-size: 20px;}
	.zhong .inner li .zhongDiv .zhongDivPic dl dd{ font-size: 12px;}
	.zhong .inner li .zhongDiv .zhongDivWord h2 a{ font-size: 16px;}
	.zhong .inner li .zhongDiv .zhongDivWord p{ font-size: 13px; margin: 15px 0;}
	
	.detail{ padding: 30px;}
	.detail .detailMing{ padding: 20px 0;}
	
	
}




@media screen and (max-width:1000px){
	header .Layer{ padding: 0 20px; height: 60px;}
	header .Layer .headerLogo img.img1{ height: 60px;}
	header .Layer .headerCeng .navbox{ display: none;}
	header .dragonNav{ display: block;}
	
	.inner{ padding: 0 50px;}
	.streamer .number{ right: 50px;}
	
	.since{ width: 90%; padding: 40px 0 20px;}
	.since dl{ font-size: 120px;}
	.guanyu .inner .since dl{ font-size: 90px;}
	.number .numberBox .numberList{ height: 160px;}
	.number .numberBox .numberList .numberListDiv span{ font-size: 60px;}
	
	.index{ padding: 30px 0;}
	.index .indexTitle{ padding-bottom: 30px; line-height: 1.2;}
	.index .indexTitle h3{ font-size: 40px;}
	.index .indexTitle h2{ font-size: 22px;}
	.product .productList ol{ padding: 30px;}
	.product .productList ol li .productListWord .productListWordTent{ line-height: 2;}
	.product .productList ol li:hover .productListWord .productListWordMore{ margin-top: 20px;}
	
	.news .newsBox .newsBoxRight .newsBoxRightDiv{ padding: 5% 20px;}
	.news .newsBox .newsBoxLeft .newsBoxLeftTent{ padding: 12px; left: 12px; bottom: 12px; right: 12px;}
	.news .newsBox .newsBoxRight .newsBoxRightDiv a p{ padding-top: 0;}
	
	footer .foot .footBox .footBoxOl li{ padding-left: 40px;}
	footer .foot .footLeft .footLeftTel sup{ font-size: 40px;}
	footer .foot .footBox .footBoxOl li h2{ font-size: 16px;}
	
	footer .foot{ padding: 30px 0 70px;}
	
	.guanyu{ padding: 70px 0;}
	
	.culture .cultureLeft{ width: 50%;}
	.culture .cultureRight{ width: 50%;}
	.culture .cultureLeft .cultureLeftTent{ width: 50%;}
	.culture .cultureLeft .cultureLeftTent h3{ font-size: 40px;}
	.culture .cultureLeft .cultureLeftTent h2{ font-size: 30px;}
	
	
	.customer{ padding: 30px 0;}
	.customer .inner .customerMing{ padding-bottom: 30px;}
	.customer .inner .customerMing h3{ font-size: 40px;}
	.customer .inner .customerMing h2{ font-size: 22px;}
	.customer .inner .customerOl li{ width: calc(100% / 5);}
	
	.zhong .inner li{ width: calc(100% / 2);}
	.zhong .inner li .zhongDiv{ margin: 5px; padding: 10px;}
	
	.zhong .inner{ padding-bottom: 30px;}
	.detail .detailMing a{ padding: 10px 20px;}
	.detail .detailMing div h2{ font-size: 24px;}
	
	.level{ padding: 40px 0;}
	.cloumn .cloumnTit h3{ font-size: 50px;}
	.cloumn .cloumnBox{ margin-top: 40px;}
	.cloumn .cloumnBox .cloumnBoxDown h3{ font-size: 14px;}
	.cloumn .cloumnBox .cloumnBoxDown h2{ font-size: 24px;}
	.mian .mianBox .mianBoxMing{ padding: 30px 0;}
	
	.mixin .layer{ width: 75%;}
	.mixin .layer .close{ width: 60px; height: 60px; right: -60px; top: -40px;}
	.mixin .layer .mixinBox{ padding: 30px;}
	.mixin .layer .mixinBox .mixinBoxTop{ padding-bottom: 30px;}
	.mixin .layer .mixinBox .mixinBoxTop figure sup{ font-size: 20px;}
	.mixin .layer .mixinBox .mixinBoxDown{ margin: 30px 0;}
	
	
	
}




@media screen and (max-width:768px){
	header .Layer,header .Layer .headerLogo img.img1,header.scroll .Layer,header .Layer .headerLogo img.img2{ height: 50px;}
	.meunbox{ top: 50px;}
	
	.inner{ padding: 0 20px;}
	
	.since{ width: 100%;}
	.since dl,.guanyu .inner .since dl{ font-size: 80px;}
	.since h2{ font-size: 22px; margin-top: -20px;}
	.since figure{ padding: 30px 0 20px; line-height: 2.2;}
	.about .ceng{ flex-direction: column; align-items: flex-start;}
	.number{ width: 100%; margin-top: 20px;}
	.number .numberBox .numberList{ height: 120px;}
	.number .numberBox .numberList .numberListDiv span{ font-size: 40px;}
	
	.index{ padding: 20px 0;}
	.index .indexTitle{ padding-bottom: 20px;}
	.index .indexTitle h3{ font-size: 30px;}
	.index .indexTitle h2{ font-size: 18px;}
	.product .productList ol{ padding: 20px;}
	.product .productList ol li:hover .productListWord .productListWordMore{ margin-top: 10px;}
	.product .productList ol li:nth-child(3),.product .productList ol li:nth-child(4){ margin-top: 10px;}
	
	.news .newsBox .newsBoxLeft .newsBoxLeftTent{ line-height: 1.6;}
	.news .newsBox .newsBoxRight .newsBoxRightDiv a h2,.news .newsBox .newsBoxLeft .newsBoxLeftTent h2 a{ font-size: 16px;}
	.news .newsBox .newsBoxRight .newsBoxRightDiv{ padding: 5% 12px;}
	
	footer .foot{ padding: 30px 0;}
	footer .foot .footLeft .footLeftLogo img{ width: 100px;}
	footer .foot .footLeft .footLeftTel{ padding: 12px 0;}
	footer .foot .footLeft .footLeftTel, footer .foot .footLeft .footLeftAdd{ font-size: 14px;}
	footer .foot .footLeft .footLeftTel sup{ font-size: 30px; line-height: 1.2;}
	footer .foot .footBox .footBoxOl{ display: none;}
	footer .weibu .inner{ flex-direction: column; line-height: 1.4; padding: 10px 12px;}
	
	
	.streamer .xinjia .streamerTent .inner{ margin-top: 100px;}
	.streamer .xinjia .streamerTent .inner h3{ font-size: 30px;}
	.streamer .xinjia .streamerTent .inner h2{ font-size: 40px;}
	
	.center{ padding: 12px 0;}
	.center .inner .case ol li{ width: 48%;}
	
	.pages{ padding: 20px 0;}
	.pages a{ width: 30px; height: 30px; margin: 0 10px; font-size: 16px;}
	.pages a b{ border-top: 6px solid transparent; border-right: 10px solid #333; border-bottom: 6px solid transparent;}
	.pages a i{ border-top: 6px solid transparent; border-left: 10px solid #333; border-bottom: 6px solid transparent;}
	.pages a:hover b{ border-right: 10px solid #EE1C26;}
	.pages a:hover i{ border-left: 10px solid #EE1C26;}
	
	.streamer .number{ position: inherit; right: 0; margin-top: 0;}
	
	.guanyu{ padding: 40px 0;}
	.guanyu .inner{ flex-direction: column;}
	.guanyu .inner .since,.guanyu .inner .guanyuPic{ width: 100%;}
	
	.culture{ flex-direction: column;}
	.culture .cultureLeft,.culture .cultureRight{ width: 100%;}
	.culture .cultureRight .cultureRightCont{ padding: 20px;}
	
	.customer{ padding: 20px 0;}
	.customer .inner .customerMing{ padding-bottom: 20px;}
	.customer .inner .customerMing h3{ font-size: 30px;}
	.customer .inner .customerMing h2{ font-size: 18px;}
	.customer .inner .customerOl li{ width: calc(100% / 4);}
	
	.contact .inner li figure{ width: 50px; height: 50px;}
	.contact .inner li figcaption h3,.contact .inner li figcaption p{ font-size: 16px;}
	
	.zhong .inner li .zhongDiv .zhongDivWord h2 a{ font-size: 15px;}
	.zhong .inner li .zhongDiv .zhongDivWord p{ margin: 10px 0;}
	.zhong .inner li .zhongDiv .zhongDivWord span a{ font-size: 13px;}
	
	.detail{ margin-top: -50px; padding: 20px;}
	.weizhi{ flex-wrap: wrap;}
	.detail .detailMing{ flex-direction: column; align-items: flex-start; padding: 12px 0;}
	.detail .detailMing div{ padding: 0;}
	.detail .detailMing div h2{ font-size: 20px;}
	.detail .detailMing a{ display: none;}
	.detail .detailWord{ padding: 12px 0 30px;}
	.detail .detailWord p{ font-size: 13px; line-height: 2; padding: 6px 0;}
	.detail .detailDiv .detailDivA h2{ font-size: 14px;}
	
	.level{ padding: 30px 0;}
	.level .inner{ flex-direction: column;}
	.cloumn{ width: 100%;}
	.cloumn .cloumnTit,.cloumn .cloumnBox .cloumnBoxH4,.cloumn .cloumnBox .cloumnBoxDown{ display: none;}
	.cloumn .cloumnBox{ margin-top: 0;}
	.cloumn .cloumnBox .cloumnBoxOl{ flex-direction: row; justify-content: space-around;}
	.cloumn .cloumnBox .cloumnBoxOl li{ border-bottom: 0; padding: 0;}
	.cloumn .cloumnBox .cloumnBoxOl li.on a{ text-align: center; flex-direction: column;}
	.cloumn .cloumnBox .cloumnBoxOl li a sup{ display: none;}
	.cloumn .cloumnBox .cloumnBoxOl li.on a{ width: auto;}
	.mian{ width: 100%; margin-top: 20px;}
	.mian .mianBox .mianBoxMing{ padding: 20px 0; font-size: 30px;}
	.mian .mianBox .mianBoxWord h3{ font-size: 18px;}
	
	
	.join .inner .joinBox{ padding: 0 30px; margin: 10px 0;}
	.join .inner .joinBox .joinBoxTop,.join .inner .joinBox .joinBoxDown{ padding: 12px 0;}
	.join .inner .joinBox .joinBoxTop h2{ font-size: 18px;}
	.join .inner .joinBox .joinBoxDown span{ padding: 6px 0;}
	.join .inner .joinBox .joinBoxTop h2 img{ width: 20px; margin-right: 10px;}
	
	
	.mixin .layer{ width: 85%;}
	.mixin .layer .close{ width: 40px; height: 40px; right: 0; top: -50px;}
	.mixin .layer .mixinBox{ padding: 20px;}
	.mixin .layer .mixinBox .mixinBoxTop{ padding-bottom: 20px;}
	.mixin .layer .mixinBox .mixinBoxTop figure sup{ font-size: 18px;}
	.mixin .layer .mixinBox .mixinBoxDown{ margin: 20px 0; max-height: 300px; padding-right: 30px;}
	.mixin .layer .mixinBox .mixinBoxLink{ font-size: 16px;}
	.mixin .layer .mixinBox .mixinBoxDown div p{ line-height: 2;}
	.mixin .layer .mixinBox .mixinBoxDown div:nth-child(2){ margin-top: 20px;}
	
}



@media screen and (max-width:640px){
	header{ background: #FFF;}
	header .Layer .headerLogo img.img1{ display: none;}
	header .Layer .headerLogo img.img2{ display: block;}
	header .Layer,.inner{ padding: 0 12px;}
	.banner{ margin-top: 50px;}
	
	.since{ padding: 30px 0 10px;}
	.since dl{ font-size: 60px;}
	.since figure{ padding: 10px 0; line-height: 1.6;}
	.number .numberBox .numberList{ height: 100px;}
	.number .numberBox .numberList .numberListDiv span{ font-size: 40px;}
	.number .numberBox .numberList .numberListP{ font-size: 12px;}
	
	
	.product .productList ol{ padding: 2px 12px 12px;}
	.product .productList ol li{ width: 100%; margin-top: 10px;}
	.product .productList ol li .productListDiv .line{ display: none;}
	.product .productList ol li .productListWord .productListWordTent{ line-height: 1.4;}
	.product .productList ol li .productListWord .productListWordTent h2{ font-size: 18px;}
	.product .productList ol li .productListWord .productListWordTent h3{ font-size: 12px;}
	.product .productList ol li .productListWord .productListWordMore a{ line-height: 1.8; padding: 0 20px;}
	
	.case ol{ flex-direction: column;}
	.case ol li{ width: 100%; margin-top: 12px;}
	.case ol li:nth-child(1){ margin-top: 0;}
	.case ol li .caseTent{ padding: 12px 0; line-height: 1.6;}
	.case ol li .caseTent h2 a{ font-size: 16px;}
	.case ol li .caseMore a{ line-height: 2; padding: 0 30px;}
	.case ol li:hover .caseTent{ padding: 12px;}
	.case ol li:hover .caseMore{ padding: 0 12px;}
	
	footer .foot{ padding: 20px 0;}
	
	.streamer{ margin-top: 50px;}
	.streamer .xinjia .streamerTent .inner{ margin-top: 0;}
	.streamer .xinjia .streamerTent .inner h3{ font-size: 20px;}
	.streamer .xinjia .streamerTent .inner h2{ font-size: 30px;}
	
	.center .inner .case ol{ flex-direction: row;}
	
	.culture .cultureRight .cultureRightCont{ padding: 12px;}
	
	.customer .inner .customerOl li{ width: calc(100% / 3);}
	
	.level{ padding: 12px 0;}
	.cloumn .cloumnBox .cloumnBoxOl{ flex-wrap: wrap;}
	.cloumn .cloumnBox .cloumnBoxOl li{ width: 50%;}
	.cloumn .cloumnBox .cloumnBoxOl li a{ padding: 10px;}
	.cloumn .cloumnBox .cloumnBoxOl li a span{ font-size: 15px;}
	.mian{ margin-top: 10px;}
	.mian .weizhi{ display: none;}
	.mian .mianBox .mianBoxMing{ padding: 10px 0; font-size: 20px;}
	.mian .mianBox .mianBoxWord h3{ font-size: 14px;}
	
	.join{ padding: 10px 0;}
	.join .inner .joinBox{ padding: 0 15px;}
	.join .inner .joinBox .joinBoxTop, .join .inner .joinBox .joinBoxDown{ padding: 8px 0;}
	.join .inner .joinBox .joinBoxTop h2 img{ width: 16px;}
	.join .inner .joinBox .joinBoxTop h2{ font-size: 16px;}
	.join .inner .joinBox .joinBoxDown span{ width: calc(100% / 2); padding: 3px 0;}
	
	.mixin .layer{ width: 95%;}
	.mixin .layer .close{ width: 24px; height: 24px; right: 0; top: -30px; font-size: 24px;}
	.mixin .layer .mixinBox{ padding: 12px;}
	.mixin .layer .mixinBox .mixinBoxTop{ padding-bottom: 12px;}
	.mixin .layer .mixinBox .mixinBoxTop figure{ line-height: 1.6;}
	.mixin .layer .mixinBox .mixinBoxTop figure span{ font-size: 12px;}
	.mixin .layer .mixinBox .mixinBoxTop figure sup{ font-size: 14px;}
	.mixin .layer .mixinBox .mixinBoxDown{ margin: 10px 0; max-height: 250px; padding-right: 10px;}
	.mixin .layer .mixinBox .mixinBoxDown div h2{ font-size: 15px; padding: 5px 0;}
	.mixin .layer .mixinBox .mixinBoxDown div p{ font-size: 12px; line-height: 1.6;}
	.mixin .layer .mixinBox .mixinBoxLink{ font-size: 14px;}
	.mixin .layer .mixinBox .mixinBoxDown div:nth-child(2){ margin-top: 10px;}
	
	
	footer .foot .inner{ flex-direction: column;}
	footer .foot .footBox{ align-items: inherit;}
	footer .foot .footBox .footBoxEwm{ justify-content: space-around;}
	footer .foot .footBox .footBoxEwm figure{ padding-left: 0;}
	
}





@media screen and (max-width:500px){
	header .Layer,header .Layer .headerLogo img.img1,header.scroll .Layer,header .Layer .headerLogo img.img2{ height: 40px;}
	.meunbox{ top: 40px;}
	.banner{ margin-top: 40px;}
	
	.news .newsBox{ flex-direction: column;}
	.news .newsBox .newsBoxLeft,.news .newsBox .newsBoxRight{ width: 100%;}
	.news .newsBox .newsBoxRight .newsBoxRightDiv{ margin-top: 10px;}
	.news .newsBox .newsBoxRight .newsBoxRightDiv a p{ margin: 10px 0;}
	
	.streamer{ margin-top: 40px;}
	.streamer .xinjia .streamerTent .inner h2{ font-size: 24px;}
	
	.center .inner .case ol{ flex-direction: column;}
	.center .inner .case ol li{ width: 100%;}
	
	.zhong .inner li{ width: 100%;}
	
	.zhong .inner{ padding-bottom: 0;}
	.detail .detailMing div h2{ font-size: 16px; font-weight: bold;}
	.detail .detailMing div figure{ font-size: 13px;}
	.detail .detailDiv{ flex-direction: column;}
	.detail .detailDiv .detailDivA{ width: 96%; margin-top: 10px;}
	.detail .detailWord{ padding: 10px 0;}
	
	.join .inner .joinBox{ margin: 6px 0;}
	.join .inner .joinBox .joinBoxTop h2{ font-size: 14px;}
	.join .inner .joinBox .joinBoxTop h2 img{ width: 14px; margin-right: 6px;}
	.join .inner .joinBox .joinBoxTop a.unfold{ font-size: 12px;}
	.join .inner .joinBox .joinBoxTop a.unfold img{ width: 10px;}
	.join .inner .joinBox .joinBoxDown span{ font-size: 12px;}
	
	
	.mixin .layer .mixinBox .mixinBoxTop{ flex-wrap: wrap;}
	
	footer .foot .footBox .footBoxEwm figure{ width: calc(100% / 3);}
	footer .foot .footBox .footBoxEwm figure img{ width: 80%; height: auto; margin: 0 auto;}
	
	
}