@charset "utf-8";

*{ box-sizing: border-box; }
body{ margin:0; padding:0; font-size:12px; color:#898989; line-height:1.5; background:#FFF; -webkit-font-smoothing: antialiased;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0; padding:0;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0; padding:0; 
/* display: block; */
}
a{ color:#5c5c5c; text-decoration:none}

.videoPop{ display: none; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 99; width: 60%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 30px; box-sizing: border-box;}
.videoPop video{ display: block; width: 100%; height: auto;}
.videoPop .close{ font-size: 18px; position: absolute; cursor: pointer; right: 0; top: 0; width: 30px; height: 30px; text-align: center; line-height: 30px;}


.herder{ position: relative; z-index: 2; width: 100%; height: 160px; padding: 0 4%;}
.herder .logo{ padding-top: 0; float: left; height:160px; line-height: 160px; float: left;}
.herder .logo img{ display: inline-block; vertical-align: middle;}

.herder .serach{  width: 580px;  height: 58px; position: absolute; left:330px ; top: 75px;}
.herder .serach button{ border: none; cursor: pointer; float: right; width: 76px; height: 58px; display: block; background: url(../images/index_08.png); background-size:100% 100%; flex-shrink: 0;}
.herder .serach input{ display: block; float: left; height: 58px; font-size: 24px; width: calc(100% - 76px); box-sizing: border-box; border: 1px solid #6c6c6c; border-right:0; padding: 0 12px; min-width: 0;}
.herder .serach .bt{ font-size: 22px; font-weight: bold; width: 130px; position: absolute; left: 0; top: 0; transform: translateY(-100%); border: 1px solid #6c6c6c; border-bottom: 0; border-top:2px solid #43b02a; text-align: center; line-height: 42px; color: #000;}
.herder .nav{  float: right; padding: 90px 0 0 0;}
.herder .nav ul{ display: block;}
.herder .nav ul li{ float: left;  line-height: 58px; position: relative;}
.herder .nav ul li a{padding: 0 25px;}
.herder .nav ul li dl{ display: none; min-width: 100%; position: absolute; left: 0; top: 100%;}
.herder .nav ul li dl dd{ height: 60px; line-height: 60px; text-align: center;}
.herder .nav ul li dl dd a{ padding: 0 30px; white-space: nowrap; display: block; width: 100%; height: 100%; background: #f2f2f2; font-size:22px; line-height: 60px; font-weight: bold; transition: 0.5s;}
.herder .nav ul li dl dd a:hover{ background: #43b02a; color: #fff;}

.herder .nav ul li.active{ background: #f2f2f2;}
.herder .nav ul li:hover{ background: #f2f2f2;}
.herder .nav ul li:hover dl{ display: block;}
.herder .nav ul li>a{ font-size: 22px; color: #000;}
.herder .nav ul li:last-child{ margin-left: 0;}
.herder .yuyan{ height: 95px; position: absolute; right: 4%; top: 0; padding-left: 45px; background: url(../images/index_05.png) left center no-repeat; background-size:30px 30px ;} 
.herder .yuyan p{ cursor: pointer; line-height: 95px; font-size: 18px;}
.herder .yuyan ul{ display: none; position: absolute; left: 50%; top: 70px; transform: translateX(-50%); width: 100px; background: #fff; border-radius:5px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.herder .yuyan ul li{ height: 40px; line-height: 40px; color: #333; text-align: center; font-size: 16px; cursor: pointer; transition: 0.5s;} 
.herder .yuyan ul li:hover{ background: #000; color: #fff;}

.banner{ width: 92%; max-width: 100%; margin: 0 auto; border: 1px solid #6c6c6c; overflow: hidden; position: relative;}
.banner img{ display: block; width: 100%; height: 100%; object-fit: cover; vertical-align: top;}
.banner .text{ position: absolute; width: 80%; right: 60px; bottom: 0; left: auto; background: rgba(255,255,255,0.7); padding: 32px 0 32px 40px; box-sizing: border-box;}
.banner .text h2{ font-size:48px; line-height: 72px; color: #000; }
.banner .text h3{ font-size:36px; line-height: 72px; color: #000; }
.banner .text a{ display: block; width: 65px; height: 65px; position: absolute; right: 0; top: 0%; transform: translateY(-50%); background: url(../images/indexIcon_12.png) center center no-repeat #32b316;}
.banner .text a.page{ width: 65px; top: 35px; transform: translate(50%,0);}
.banner .text a.page img{ display: block; width: 100%; height: 100%;}


.banner .swiper-button-next{ background: url(../images/Product_04.png); width: 40px; height: 72px; right: 0%; top: 50%; transform: translate(100%,-50%); background-size:100% 100% ; transition: 1s;}
.banner .swiper-button-prev{ background: url(../images/Product_02.png); width: 40px; height: 72px; left: 0%; top: 50%; transform: translate(-100%,-50%); background-size:100% 100% ; transition: 1s;}
.banner .swiper-button-next:after{ display: none;}
.banner .swiper-button-prev:after{ display: none;}
.banner:hover .swiper-button-next{ transform: translate(0,-50%);}
.banner:hover .swiper-button-prev{ transform: translate(0,-50%);}

.indexContainer .layer1{ width: 92%; margin: 0 auto; padding: 85px 0; overflow: hidden;}
.indexContainer .layer1 .layer1Right{ float: right; width: 794px;}

.indexContainer .layer1 .layer1Right ul li{ transition: 0.5s; width: 49%; float: left; margin: 0 2% 30px 0; background: #f2f2f2; height: 264px;}
.indexContainer .layer1 .layer1Right ul li:nth-child(2n){ margin-right: 0;}
.indexContainer .layer1 .layer1Right ul li .icon{ width: 100%; height: 136px; text-align: center; line-height: 136px;}
.indexContainer .layer1 .layer1Right ul li .icon img{ display: inline-block; vertical-align: middle;}
.indexContainer .layer1 .layer1Right ul li h2{ text-align: center; font-size: 28px; color: #000; padding-bottom: 15px;}
.indexContainer .layer1 .layer1Right ul li p{ font-size: 20px; color: #000000; text-align: center;}
.indexContainer .layer1 .layer1Right ul li:nth-child(3){ margin-bottom: 0;}
.indexContainer .layer1 .layer1Right ul li:nth-child(4){ margin-bottom: 0;}

.indexContainer .layer1 .layer1Right ul li:hover{ transform: translateY(-10px); box-shadow: 0 10px 10px rgba(0,0,0,0.2);}

.indexContainer .layer1 .layer1Left{ width: calc(100% - 794px); float: left; padding: 0 85px 0 0; box-sizing: border-box;}
.indexContainer .layer1 .layer1Left h2{ font-size: 56px; color: #808080; line-height: 1.35;}
.indexContainer .layer1 .layer1Left p{ padding: 20px 0 0 0; line-height: 1.7; font-size: 18px; color: #000;}

.indexContainer .layer2{  width: 100%; background: #105a97; position: relative;}
.indexContainer .layer2Box{ overflow: hidden; width: 92%; margin: 0 auto;}
.indexContainer .layer2Box .icon{ float: left; width: 50%;}
.indexContainer .layer2Box .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer2Box .text{ width: 50%; float: left; height: 100%; position: absolute; right: 0;}
.indexContainer .layer2Box .text h2{ color: #fff; font-size: 69px; font-weight: normal; padding-top: 100px;}
.indexContainer .layer2Box .text ul{ padding: 25px 0 0 0;}
.indexContainer .layer2Box .text ul li{ padding-left: 34px; background: url(../images/indexIcon_09.png) left center no-repeat; line-height: 48px; font-size: 18px; color: #fff;}

.indexContainer .layer2Box .text a{ font-size: 18px; display: inline-block; padding: 0 20px; height: 68px; background: #fff; color: #16416a; line-height: 68px; margin-top: 100px;}
.indexContainer .layer2Box .text img{  display: inline-block; vertical-align: middle; margin-left: 12px; transform: translateY(-2px);}
.indexContainer .layer2Box .text .textBox{ position: absolute; top: 40%; transform: translateY(-50%); width: 100%;}

.indexContainer .layer3{ width: 92%; margin: 0 auto; padding-bottom: 60px;}
.indexContainer .layer3 .bt{ height: 200px; font-size: 72px; font-weight: bold; color: #808080; text-align: center; line-height: 200px; letter-spacing: 0.02em;}
.indexContainer .layer3 ul{ overflow: hidden;}
.indexContainer .layer3 ul li{ width: 32%; float: left; margin: 0 2% 0 0;}
.indexContainer .layer3 ul li:last-child{ margin-right: 0;}
.indexContainer .layer3 ul li .icon{ position: relative; width: 100%; height: 365px; overflow: hidden;}
.indexContainer .layer3 ul li .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%; object-fit: cover; }
.indexContainer .layer3 ul li .icon .play{ transition: 0.5s; background: url(../images/indexIcon_30.png); width: 72px; height: 52px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer3 ul li:hover .icon .play{ background: url(../images/indexIcon_27.png); background-size:100% 100% ;}


.indexContainer .layer3 ul li .text{ width: 100%;}
.indexContainer .layer3 ul li .text h3{ height: 64px; line-height: 64px; font-size: 18px; color: #000;}
.indexContainer .layer3 ul li .text h3 span{ font-weight: normal; color: #161616;}
.indexContainer .layer3 ul li .text h2{ font-size: 24px; color: #000; line-height: 1.35; margin-bottom: 10px;}
.indexContainer .layer3 ul li .text p{ line-height: 1.6; font-size: 18px; color: #161616;}
.indexContainer .layer3 ul li .text p img{ display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-left: 10px; height: 12px;}
.indexContainer .layer3 ul li:hover .icon img{ transform: scale(1.1);}
.indexContainer .layer3 .More{ background: #43b02a; font-weight: bold; color: #fff; display: block; margin: 60px auto 0 auto; width: 175px; height: 70px; text-align: center; line-height: 70px; font-size: 20px;}
.indexContainer .layer3 .More img{ display: inline-block; vertical-align: middle; margin-left: 30px; transform: translateY(-2px);}

.footer{ background: #646263; overflow: hidden;}
.footer .footerBox{ overflow: hidden; width: 92%; margin: 0 auto; padding: 100px 0 45px 0; position: relative;}
.footer .footerBox .Nr{ width: 25%; float: left;}
.footer .footerBox .Nr h2{ color: #fff; height: 60px; line-height: 1.2; font-size: 24px; font-weight: bold; padding-right: 10px;}
.footer .footerBox .Nr h2 img{ display: inline-block; vertical-align: middle;}
.footer .footerBox .Nr ul li{ transition: 0.5s; font-size: 16px; color: #fff; padding-left: 25px; background: url(../images/indexIcon_12.png) left center no-repeat; line-height: 36px; background-size:auto 12px;}
.footer .footerBox .Nr ul li a{ transition: 0.5s; color:  #fff;}
.footer .footerBox .Nr ul li:hover a{ color: #43b02a;}
.footer .footerBox .Nr ul li:hover{ background: url(../images/indexIcon_06.png) left center no-repeat; padding-left: 30px; background-size:auto 12px;}
.footer .footerBox ul.friendLink{ width: 100%;  padding-top: 140px; overflow: hidden;} 
.footer .footerBox ul.friendLink li{ width: 54px; height: 54px; float: left; margin: 0 12px 0 0;}
.footer .footerBox ul.friendLink li img{ display: block; width: 100%; height: 100%;}

.copyRight{ width: 100%; height: 100px; border-top:2px solid #9c9c9c;}
.copyRightBox{ width: 92%; margin: 0 auto; overflow: hidden; position: relative; height: 100%;}
.copyRightBox ul{ float: left;}
.copyRightBox ul li{  float: left; font-size: 18px; margin-right: 20px; line-height: 100px;}
.copyRightBox ul li a{ font-size: 18px; color: #afafb1;}
.copyRightBox p{ float: left; padding-left: 60px; font-size: 18px; line-height: 100px;}
.copyRightBox p a{ color: #898989;}
 



.wx{ z-index: 99; transition: 0.5s; background: #fff; display: block; width: 470px;  position: fixed; right: 4%; bottom: 0; transform: translateY(calc(100% - 75px)); box-shadow: 0 0 10px rgba(0,0,0,0.4); }
.wx.on{transform: translateY(0);}
.wx .bt{ cursor: pointer; position: relative; width: 100%; height: 75px; line-height: 75px;padding: 0 45px;background: #43b02a;  box-sizing: border-box; font-size: 20px; font-weight: bold; color: #fff; }
.wx .bt:after{ background: url(../images/indexIcon_23.png); width: 30px; height: 24px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); content: '';}
.wx .Nr{ width: 100%; padding: 0 40px; box-sizing: border-box;}
.wx .Nr h2{ border-bottom: 1px solid #eeeeee; line-height: 90px;  height: 90px; padding: 0 140px 0 30px; box-sizing: border-box; background: url(../images/SetFooter_03.png) left center no-repeat; font-size: 18px; color: #666; position: relative;}
.wx .Nr h2 a{ height: 90px; position: absolute; right: 0; top: 0; padding-left: 30px; background: url(../images/SetFooter_06.png) left center no-repeat; color: #43b02a;}
.wx .Nr .text{ padding-bottom: 20px;}
.wx .Nr .text h3{ padding: 20px 0; line-height: 36px; font-size: 20px; color: #000;}
.wx .Nr .text h3 img{ display: inline-block; vertical-align: middle; transform: translateY(-3px);}
.wx .Nr .text ul{ width: 100%;}
.wx .Nr .text ul li{ height: 55px; font-size: 18px; color: #000; line-height: 55px; margin-bottom: 15px;}
.wx .Nr .text ul li img{ display: inline-block; vertical-align: middle; height: 55px; transform: translateY(-3px); margin-right: 20px;}
.wx .Nr .text ul li a{ color: #000;}

.wx .Nr2{ width: 100%; padding: 0 40px 40px 40px;}
.wx .Nr2 h2{ font-size: 16px; height: 55px; line-height: 55px; font-weight: 300; color: #000;}
.wx .Nr2 .sel{ width: 100%; height: 50px; position: relative;}
.wx .Nr2 .sel p{ cursor: pointer; cursor: pointer; width: 100%; height: 100%; border: 1px solid #d9d9d9; box-sizing: border-box; background: #f2f2f2; padding: 0 15px; font-size: 16px; line-height: 48px;}
.wx .Nr2 .sel .arrow{ width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(../images/arrow.png) center center no-repeat; transition: 0.5s;}
.wx .Nr2 .sel.on .arrow{ transform: rotate(180deg);}
.wx .Nr2 .sel .selBox{ display: none; background: #fff; width: 100%; position: absolute; top: 0; transform: translateY(-100%);}
.wx .Nr2 .sel .selBox .inp{ width: 100%; height: 46px; padding:3px; box-sizing: border-box;}
.wx .Nr2 .sel .selBox .inp input{ display: block; width: 100%; height: 100%; border: 1px solid rgba(170,170,170,1); padding:  0 10px; box-sizing: border-box;}
.wx .Nr2 .sel .selBox ul{ width: 100%; overflow-y: scroll; height: 200px;}
.wx .Nr2 .sel .selBox ul li{ height: 40px; padding: 0 10px; box-sizing: border-box; font-size: 16px; line-height: 40px; cursor: pointer;}
.wx .Nr2 .sel .selBox ul li.on{ background: rgb(221, 221, 221);}
.wx .Nr2 .sel .selBox ul li:hover{ background: rgb(67, 176, 42); color: #fff;}



.wx .Nr2 .bottom{ cursor: pointer; line-height: 50px; font-weight: bold; width: 100%; margin: 15px 0 0 0; height: 50px; background: #50b131; padding: 0 20px; box-sizing: border-box; font-size: 16px; color: #fff; position: relative;}
.wx .Nr2 .bottom:after{ content: ''; background: url(../images/footerIcon_03.png) center center no-repeat; display: block; width: 50px; height: 50px; position: absolute; right: 0; top: 0;}


.navGation{ width: 100%; height: 62px; background: #e6e6e6;}
.navGation ul{ width: 92%; height: 100%; overflow: hidden; margin: 0 auto;}
.navGation ul li{ padding: 0 40px; float: left; height: 62px; line-height: 62px; font-size: 22px; font-weight: bold; color: #484c47;}
.navGation ul li.on{ background: #43b02a; color: #fff;}
.navGation ul li.on a{ color: #fff;}


.Pagebanner{ margin-top: 20px; width: 100%; height: auto; overflow: hidden; position: relative;}
.Pagebanner img{ display: block; width: 100%; height: auto;}
.Pagebanner .swiper-button-next{ background: url(../images/Product_04.png); width: 40px; height: 72px; right: -100%; top: 50%; transform: translateY(-50%); background-size:100% 100% ; transition: 0.5s;}
.Pagebanner .swiper-button-prev{ background: url(../images/Product_02.png); width: 40px; height: 72px; left: -100%; top: 50%; transform: translateY(-50%); background-size:100% 100% ; transition: 0.5s;}
.Pagebanner .swiper-button-next:after{ display: none;}
.Pagebanner .swiper-button-prev:after{ display: none;}
.Pagebanner:hover .swiper-button-next{ right: 0;}
.Pagebanner:hover .swiper-button-prev{ left: 0;}

.Product_list{ width: 100%;}
.Product_list .bt{ width: 92%; margin: 0 auto; font-weight: bold; height: 130px; line-height: 130px; font-size: 42px; color: #808080;}
.Product_list ul{ overflow: hidden; width: 92%; margin: 0 auto;}
.Product_list ul li{ border: 2px solid #cccccc; box-sizing: border-box; width: 18.4%; float: left; margin: 0 2% 35px 0;}
.Product_list ul li:nth-child(5n){ margin-right: 0;}
.Product_list ul li .icon{ width: 100%; height: auto; overflow: hidden;}
.Product_list ul li .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.Product_list ul li .text{ width: 100%; padding: 17px 30px 30px 30px; box-sizing: border-box; }
.Product_list ul li .text .xian{ width: 100%; background: #ccc; margin: 0 auto; height: 2px; margin-bottom: 10px;}
.Product_list ul li .text a{ transition: 0.5s; display: block; width: 100%; height: 52px; line-height: 50px; text-align: center; font-size: 20px; font-weight:bold; border: 1px solid #43b02a; box-sizing: border-box;}
.Product_list ul li .text a span{ transition: 0.5s; display: inline-block; width: 24px; height: 16px; background: url(../images/indexIcon_06.png); background-size:100% 100%; margin-right: 15px;}
.Product_list ul li:hover .icon img{ transform: scale(1.1);}
.Product_list ul li:hover .text a{ background: #43b02a; color: #fff;}
.Product_list ul li:hover .text a span{ background: url(../images/indexIcon_12.png);  background-size:100% 100% ;}
.Product_list .layer{ padding-bottom: 35px;}
.Product_list .layer:nth-child(2n){ background: #f3f3f3;}

.pro_More{ width: 92%; margin: 0 auto 0 auto; padding: 25px 0 120px 0;}
.pro_More .tab{ width: 100%; margin-bottom: 10px;}
.pro_More .tab table{ background: #fff; width: 100%; border: 2px solid #dcdcdc; box-sizing: border-box;}
.pro_More .tab table tr td:first-child{ width: 16%; color: #000; font-size: 20px; font-weight: bold; height: 46px; padding-right: 30px; border-right:2px solid #dcdcdc ; text-align: right;}
.pro_More .tab table tr td span{  font-size: 18px; color: #000; cursor: pointer; display: inline-block; margin: 10px 0 10px 15px; height: 26px; border: 1px solid #43b02a; padding: 0 20px; line-height: 24px;}
.pro_More .tab table tr td span.on{ background: #43b02a; color: #fff;}

.pageContainer{ width: 100%;}
.pageContainer .Main{ overflow: hidden; width: 92%; margin: 0 auto; padding-bottom: 70px;}
.pageContainer .Main .MainLeft{ width: 390px; float: left; padding-top: 160px;}
.pageContainer .Main .MainLeft ul{ width: 100%;}
.pageContainer .Main .MainLeft ul li{ transition: 0.5s; width: 100%; border-top:2px solid #d9d9d9;}
.pageContainer .Main .MainLeft ul li > a{ line-height: 58px; transition: 0.5s; text-indent: 20px; display: block; width: 100%; height: 100%; font-size: 24px; font-weight: bold; color: #5c5c5c;}
.pageContainer .Main .MainLeft ul li dl{ display: none; padding: 10px 0;}
.pageContainer .Main .MainLeft ul li dl dd{ padding-left: 55px; width: 100%; box-sizing: border-box; background: url(../images/indexIcon_03.png) 20px center no-repeat; transition: 0.5s; line-height: 52px; background-size:auto 15px;}
.pageContainer .Main .MainLeft ul li dl dd a{ font-size: 22px; color: #646263;}
.pageContainer .Main .MainLeft ul li dl dd:hover{background: url(../images/indexIcon_06.png) 20px center no-repeat; background-size:auto 15px;}
.pageContainer .Main .MainLeft ul li dl dd:hover a{ color: #000;}

.pageContainer .Main .MainLeft ul li.on{ border-top:2px solid #43b02a;}
.pageContainer .Main .MainLeft ul li.on > a{ background: #f6f6f6;}
.pageContainer .Main .MainLeft ul li:hover{ border-top:2px solid #43b02a;}
.pageContainer .Main .MainLeft ul li:hover > a{ background: #f6f6f6;}

.pageContainer .Main .MainRight{ float: right; width: calc(100% - 390px); padding: 0 0 0 80px; box-sizing: border-box;}
.pageContainer .Main .MainRight .navGation2{ width: 100%; height: 160px;}
.pageContainer .Main .MainRight .navGation2 ul{ overflow: hidden;}
.pageContainer .Main .MainRight .navGation2 ul li{ float: left; height: 160px; line-height: 160px;}
.pageContainer .Main .MainRight .navGation2 ul li img{ display: inline-block; vertical-align: middle; margin-right: 10px; transform: translateY(-2px);}
.pageContainer .Main .MainRight .navGation2 ul li a{ font-size: 18px; color: #8c8c8c;}
.pageContainer .Main .MainRight .navGation2 ul li span{ font-weight: bold;}

.pageContainer .Main .MainRight .solution{ width: 100%; overflow: hidden; padding-bottom: 85px;}
.pageContainer .Main .MainRight .solution .icon{ width: 615px; float: right;}
.pageContainer .Main .MainRight .solution .icon img{ display: block; width: 100%; height: auto;}
.pageContainer .Main .MainRight .solution .text{  float: left; width: calc(100% - 615px); padding: 0 44px 0 0; box-sizing: border-box;}
.pageContainer .Main .MainRight .solution .text h2{ height: 110px; line-height: 110px; overflow: hidden; font-size: 56px; color: #777; margin: 30px 0;}
.pageContainer .Main .MainRight .solution .text p{ font-size: 18px; line-height: 32px; margin-bottom: 15px;}
.pageContainer .Main .MainRight .solution .text .more{ line-height: 68px; font-weight: bold; display: block; width: 175px; height: 68px; margin: 20px 0 0 0; background: #43b02a; text-align: center; font-size: 18px; color: #fff;}
.pageContainer .Main .MainRight .solution .text .more img{ display: inline-block; vertical-align: middle; margin-left: 30px;}
.pageContainer .pageBottom{ width: 100%; background: #f2f2f2;}
.pageContainer .pageBottom .bt{ line-height:180px; width: 100%; height: 180px; text-align: center; font-size: 56px; color: #808080;}
.pageContainer .pageBottom ul{ width: 92%; margin: 0 auto; overflow: hidden;}
.pageContainer .pageBottom ul li{ float: left; width: 50%; overflow: hidden; height: 500px; position: relative;}
.pageContainer .pageBottom ul li img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.pageContainer .pageBottom ul li .text{ width: 85%; position: absolute; left: 50%; bottom: 65px; transform: translateX(-50%); background: rgba(255,255,255,0.7); padding: 0 40px; box-sizing: border-box; height: 105px; line-height: 105px; font-size: 22px; color: #040001;}
.pageContainer .pageBottom ul li .text span{ font-size: 34px; font-weight: bold; margin-right: 20px;}
.pageContainer .pageBottom ul li .text a{ height: 68px; display: block; position: absolute; top: 50%; right: 0; transform: translate(50%,-50%);}
.pageContainer .pageBottom ul li:hover img{ transform: scale(1.1);}

.newList{ width: 100%;}
.newList ul{ width: 100%; overflow: hidden;}
.newList ul li{ width: 49%; float: left; margin: 0 2% 20px 0;}
.newList ul li:nth-child(2n){ margin-right: 0;}
.newList ul li .icon{ width: 100%; padding-top: 65%; background: #000; overflow: hidden; position: relative;}
.newList ul li .icon img{ display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.newList ul li .time{ width: 100%; height: 34px; line-height: 30px; background: #43b02a; text-indent: 42px; font-size: 18px; font-weight: bold; color: #fff;}
.newList ul li .time span{ display: block; float: right;}
.newList ul li .time span img{ display: block; height: 100%; width: auto;}
.newList ul li .text{ width: 100%; background: #f1f1f1; height: 200px; padding:35px 40px 0 40px; box-sizing: border-box;}
.newList ul li .text h2{ font-size: 32px; color: #000; line-height: 46px;}
.newList ul li .text p{ line-height: 32px; font-size: 20px; color: #000;}
.newList ul li .text p img{ display: inline-block; margin-left: 10px; vertical-align: middle; transform: translateY(-2px);}

.pageFull{  width: 100%; padding: 90px 0; text-align: center;}
.pageFull dd{ display: inline-block; margin: 0 6px; position: relative;}
.pageFull dd a{ display: block; width: 68px; height: 68px; font-size: 18px; text-align: center; line-height: 68px; color: #43b02a; background: #f2f2f2;}
.pageFull dd a img{ display: inline-block; vertical-align: middle; transform: translateY(-2px);}
.pageFull dd.prev img{ transform: translateY(-2px) rotate(180deg);}

.newDetails{ width: 100%; padding-top: 160px; padding-bottom: 80px;}
.newDetails .tit1{ color: #000; font-size: 56px; font-weight: bold; line-height: 86px; margin-bottom: 70px;}
.newDetails .time{ width: 100%; height: 74px; background: #f1f1f1;}
.newDetails .time span{ display: block; float: left; padding: 0 24px; height: 74px; line-height: 74px; font-weight: bold; font-size: 18px; color: #fff; background: #43b02a;}
.newDetails .time span img{ display: inline-block; vertical-align: middle; margin-right: 25px; transform: translateY(-2px) rotate(180deg);}
.newDetails .time span a{ color: #fff;}
.newDetails .tit2{ font-size: 34px; font-weight: bold; color: #333; line-height: 118px;}
.newDetails .Nr{ width: 100%; overflow: hidden;}
.newDetails .Nr .icon{ width: 635px; height: auto; float: left;}
.newDetails .Nr .icon img{ display: block; width: 100%; height: auto;}
.newDetails .Nr .text{ width: calc(100% - 635px); float: left; padding-left: 30px; box-sizing: border-box;}
.newDetails .text h2{ font-size: 18px; color: #000; margin-bottom: 20px; line-height: 30px;}
.newDetails .text p{ font-size: 17px; color: #000; line-height: 34px; margin-bottom: 20px;}
.newDetails .text ul{ padding-bottom: 30px; width: 100%;}
.newDetails .text ul li{ padding-left: 25px; line-height: 46px; font-size: 16px; color: #000000; background: url(../images/indexIcon_06.png) left center no-repeat; background-size:auto 12px;}
.newDetails .text{ width: 100%;}
.newDetails .text dl{ overflow: hidden; padding-bottom: 80px;}
.newDetails .text dl dd{ width: 23.5%; float: left; margin: 0 2% 0 0; float: left;}
.newDetails .text dl dd:last-child{ margin-right: 0;}
.newDetails .text dl dd img{ display: block; width: 100%; height: auto;}
.newDetails .text dl dd:last-child{ margin-right: 0;}

.jingzheng{ width: 100%;}
.jingzheng .Nr{ width: 100%; overflow: hidden; margin-bottom: 70px;}
.jingzheng .Nr .icon{ float: right; width: 615px;}
.jingzheng .Nr .icon img{ display: block; width: 100%; height: auto;}
.jingzheng .Nr .text{ width: calc(100% - 615px); float: left; padding: 0 45px 0 0; box-sizing: border-box;}
.jingzheng .Nr .text h2{ font-size:54px; font-weight: bold; color: #585758; margin-bottom: 30px;}
.jingzheng .Nr .text p{ font-size: 18px; margin-bottom: 20px; color: #000; line-height: 30px;}

.jingzheng .Nr:nth-child(2n) .icon{ float: left;}
.jingzheng .Nr:nth-child(2n) .text{ float: right; padding: 0 0 0 45px;}

.cantact{ width: 100%;}
.cantact .title{ padding-bottom: 90px;}
.cantact .title h2{ font-size: 74px; font-weight: bold; color: #808080;}
.cantact .title p{ padding: 55px 0 35px 0; color: #000; font-size: 20px;}
.cantact .title h3{ color: #020000; font-size: 34px; margin-bottom: 25px;}
.cantact .Nr{ width: 100%;}
.cantact .Nr h4{ height: 34px; line-height: 34px; font-size: 22px; color: #020000;}
.cantact .Nr h4 span{ color: #49b22d;}
.cantact .Nr select{ cursor: pointer; background: url(../images/arrow_03.png) right top no-repeat #f2f2f2; outline: none; width: 100%; height: 70px; border: 1px solid #d9d9d9; box-sizing: border-box; text-indent: 20px; font-size: 20px; color: #444; appearance: none; }
.cantact .Nr input{ background:#f2f2f2 ;width: 100%; height: 70px; border: 1px solid #d9d9d9; box-sizing: border-box; text-indent: 20px; font-size: 20px; color: #444;}



.cantact .bt{ width: 100%; height: 90px; position: relative;}
.cantact .bt span{ display: inline-block; height: 90px; line-height: 90px; padding-right: 25px; font-size: 34px; color: #020000; font-weight: bold; background: #fff; position: relative; z-index: 2;}
.cantact .bt:after{ display: block; width: 100%; height: 2px; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #f5f5f5;}
.cantact ul{ width: 100%; overflow: hidden;}
.cantact ul li{ width: 32%; float: left; margin: 0 2% 20px 0; overflow: hidden;}
.cantact ul li:nth-child(3n){ margin-right: 0;}
.cantact ul li .jiedao .Nr:nth-child(1){ width: calc(100% - 92px); float: left;}
.cantact ul li .jiedao .Nr:nth-child(2){ width: 72px; float: right;}
.cantact ul li .youzheng .Nr:nth-child(1){ width: 130px; float: left;}
.cantact ul li .youzheng .Nr:nth-child(2){ width: calc(100% - 150px); float: right;}

.cantact ul li .guojia .Nr:nth-child(1){ width: 125px; float: left;}
.cantact ul li .guojia .Nr:nth-child(2){ width: calc(100% - 155px); float: left;}
.cantact ul.two li{ width: 49%;}
.cantact ul.two li:nth-child(3n){ margin-right: 2%;}
.cantact ul.two li:nth-child(2n){ margin-right: 0;}
.cantact ul.one li{ width: 100%;}
.cantact ul.one li textarea{ width: 100%; height: 230px; background: #f2f2f2; border: 1px solid #d9d9d9; box-sizing:border-box; padding: 20px;}
.cantact .bottom{ width: 100%; height: 44px; line-height: 44px; font-size: 20px; color: #444;}
.cantact .bottom input{ box-sizing: border-box; transform: translateY(-3px); display: inline-block; vertical-align: middle; width: 44px; height: 44px; border: 1px solid #e3e3e3; box-sizing: border-box; background: #f5f5f5; margin-right: 15px;}
.cantact .code{ width: 100%; overflow: hidden; line-height: 76px; padding-top: 30px; font-size: 20px; color: #444;}
.cantact .code input{ float: left; width: 245px; height: 76px; border: 1px solid #dbdbdb; box-sizing: border-box; background: #f2f2f2;}
.cantact .code img{ display: inline-block; vertical-align: middle;  margin-left: 40px; margin-right: 20px;}
.cantact ul.one li button{ cursor: pointer; outline: none; border: none; width: 155px; height: 68px; display: block; float: right; background: #43b02a; font-size: 18px; color: #fff; font-weight: bold;}
.cantact ul.one li button img{ display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-left: 40px;}

.weizhi{ width: 100%;}
.weizhi h2{ height:80px; line-height: 80px; font-size: 56px; font-weight: bold; color: #808080; margin-bottom: 35px;}
.weizhi p{font-size: 20px; margin-bottom: 15px; line-height: 30px; color: #000;}
.weizhi p a{ color: #43b02a; font-weight: bold; color: #43b02a;}
.weizhi p img{ display: inline-block; vertical-align: middle; margin-left: 15px; transform: translateY(-3px); height: 14px; width: auto;}
.weizhi .More{ display: block; width: 175px; height: 68px; background: #43b02a; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 68px;}
.weizhi .More img{ display: inline-block; vertical-align: middle; margin-left: 25px;}

.huoban{ width: 100%;}
.huoban .bt{ padding: 50px 0;}
.huoban .bt h2{ font-size: 56px; font-weight: bold; color: #808080; padding-bottom: 60px;}
.huoban .bt p{ font-size: 18px; color: #000;}
.huoban ul{ overflow: hidden;}
.huoban ul li{ width: 32%; margin: 0 2% 35px 0; overflow: hidden; float: left;}
.huoban ul li:nth-child(3n){ margin-right: 0;}
.huoban ul li img{ transition: 0.5s; display: block; width: 100%; height: auto;}
.huoban ul li:hover img{ transform: scale(1.1);}

.navGation3{ width: 100%; height: 105px; background: #f3f3f2; padding: 0 4%; box-sizing: border-box;}
.navGation3 ul{ overflow: hidden;}
.navGation3 ul li{ float: left; height: 105px; line-height: 105px;}
.navGation3 ul li a{ font-size: 16px;}
.navGation3 ul li:last-child{ font-weight: bold;}
.navGation3 ul li img{ display: inline-block; vertical-align: middle; transform: translateY(-3px);}
.navGation3 ul li img.arrow{ height: 12px; width: auto;}

.product_details{ width: 92%; margin: 0 auto;}
.product_details .layer1{ width: 100%; overflow: hidden; border-bottom: 1px solid #dfdfdf; padding-bottom: 25px;}
.product_details .layer1 .icon{ float: left; width: 50%; float: left;}
.product_details .layer1 .icon ul{ width: 100%;}
.product_details .layer1 .icon ul li{ width: 100%; padding-top: 100%; position: relative;}
.product_details .layer1 .icon ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; position: absolute;left: 0; top: 0;}
.product_details .layer1 .icon .hd{ width: 100%; padding: 0 54px; box-sizing: border-box; position: relative;}
.product_details .layer1 .icon .hd .swiper-container{ width: 100%; overflow: hidden;}
.product_details .layer1 .icon .hd .swiper-container .swiper-slide{ cursor: pointer;  height: auto; border: 2px solid #c4c4c4;}
.product_details .layer1 .icon .hd .swiper-container .swiper-slide img{ display: block; width: 100%; height: auto; object-fit: cover;}
.product_details .layer1 .icon .hd .swiper-button-next{ cursor: pointer; color: #000;}
.product_details .layer1 .icon .hd .swiper-button-prev{ cursor: pointer; color: #000;}
.product_details .layer1 .text{ width: 50%; float: left;}
.product_details .layer1 .text .bt{ padding: 20px 0; line-height: 32px; color: #323232; font-size: 18px; font-weight: bold;} 
.product_details .layer1 .text .bt span{ display: block; font-size: 34px;}
.product_details .layer1 .text .tab{ width: 100%;}
.product_details .layer1 .text .tab table{ width: 100%;}
.product_details .layer1 .text .tab table td{ padding: 20px 0; border-bottom: 2px solid #dfdfdf; font-size: 16px; color: #000; font-weight: bold;}
.product_details .layer1 .text .tab table td p{ font-weight: bold; font-size: 18px; color: #000; line-height: 32px;}
.product_details .layer1 .text .tab table td span{ font-weight: normal; font-size: 18px; color: #888;}
.product_details .layer1 .text .tab table td img{ display: inline-block; vertical-align: middle;}
.product_details .layer1 .text .tab table td img:nth-child(1){ margin-right: 50px;}
.product_details .layer1 .text .tab table td img:nth-child(2){ margin-right: 10px;}
.product_details .layer1 .text ul{ overflow: hidden;}
.product_details .layer1 .text ul li{ float: left; margin-right: 30px; line-height: 55px;}
.product_details .layer1 .text ul li a{ font-size: 16px; font-weight: bold; color: #43b02a;}
.product_details .layer1 .text ul li img{ display: inline-block; vertical-align: middle; transform: translateY(-3px);}

.product_details .layer2{ width: 100%; padding-top: 25px;}
.product_details .layer2 .hd{ width: 100%; height: 66px; background: #f3f3f3;}
.product_details .layer2 .hd ul{ overflow: auto;}
.product_details .layer2 .hd ul li{ cursor: pointer; background: #e6e6e6; float: left; height: 66px; border: 2px solid #d8d8d8; box-sizing: border-box; line-height: 62px; padding: 0 18px; font-size: 19px; color: #5c5c5c;}
.product_details .layer2 .hd ul li.on{ border-bottom: 0; border-top:2px solid #43b02a; background: #fff;}
.product_details .layer2 .bd{ padding: 0 20px; box-sizing: border-box; width: 100%; height: 450px; border: 1px solid #e4e4e4; border-top:0; box-sizing: border-box; overflow-y:scroll;}
.product_details .layer2 .bd h2{ height: 98px; line-height: 98px; font-weight: normal; font-size: 40px; color: #818181;}
.product_details .layer2 table{ width: 100%;}
.product_details .layer2 table tr:first-child td{ font-weight: bold; color: #111111;}
.product_details .layer2 table tr td{ width: 50%; height: 38px; font-size: 16px; color: #565656; background: #e6e6e8; padding: 0 10px; box-sizing: border-box;}
.product_details .layer2 table tr:nth-child(2n) td{ background: #fff;}

.product_details .layer3{ padding-top: 35px; width: 100%;}
.product_details .layer3 .bt{ width: 100%; height: 95px; line-height: 95px; padding: 0 30px; box-sizing: border-box; background: #f3f3f3; font-weight: bold; color: #838383; font-size: 42px;}
.product_details .layer3Box{ width: 100%; height: 264px; border: 2px solid #d5d5d5; box-sizing: border-box;  margin-bottom: 25px;}
.product_details .layer3Box .icon{ float: left; width: 155px; height: 100%; border-right:2px solid #d5d5d5; position: relative; box-sizing: border-box;}
.product_details .layer3Box .icon img{ display: block; width: 100%; height: 100%;}
.product_details .layer3Box .icon input{ width: 26px; height: 26px; position: absolute; left: 5px; top: 5px; border: 2px solid #d2d2d2;}
.product_details .layer3Box .text{ float: left; width: calc(100% - 155px); float: left;}
.product_details .layer3Box .text .bt{ width: 100%; height: 108px; background: #f3f3f3; border-bottom: 2px solid #d2d2d2; text-indent: 30px; font-size: 24px; font-weight: bold; color: #000; position: relative;}
.product_details .layer3Box .text .bt .more{ width: 274px; height: 50px; border: 2px solid #43b02a; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); background: #fff;}
.product_details .layer3Box .text .bt .more a{border-left:2px solid #43b02a; text-indent: 0; text-align: center; display: block; width: 130px; float: right; height: 46px; line-height: 46px; text-align: center; font-weight: bold; font-size: 14px; color:#43b02a ; box-sizing: border-box;}
.product_details .layer3Box .text .bt .more a img{ height: 15px; width: auto; display: inline-block; vertical-align: middle; transform: translateY(-3px); margin-right: 15px; }
.product_details .layer3Box .text .bt .more .inp{ width: calc(100% - 130px); float: left; height: 100%; position: relative;}
.product_details .layer3Box .text .bt .more .inp input{ display: block; width: 100%; height: 100%; text-align: center; font-size: 18px; font-weight: bold;}
.product_details .layer3Box .text .bt .more .inp .add{ cursor: pointer; width: 46px; height: 46px; position: absolute; right: 0; top: 0; background: url(../images/anniu_05.png); background-size:100% 100% ;}
.product_details .layer3Box .text .bt .more .inp .remove{cursor: pointer; width: 46px; height: 46px; position: absolute; left: 0; top: 0; background: url(../images/anniu_03.png); background-size:100% 100% ;}
.product_details .layer3Box .text ul{ width: 100%; height: calc(100% - 110px); overflow: hidden;}
.product_details .layer3Box .text ul li{ float: left; width: 20%; padding: 30px 30px 0 30px; box-sizing: border-box;}
.product_details .layer3Box .text ul li h2{ height: 34px; line-height: 34px; font-size: 16px; font-weight: bold; color: #646464;}
.product_details .layer3Box .text ul li h2 img{ display: inline-block; vertical-align: middle; transform: translateY(-2px); margin-right: 5px;}
.product_details .layer3Box .text ul li h3{ font-weight: bold; font-size: 16px; line-height: 16px; color: #43b02a; margin-bottom: 5px;}
.product_details .layer3Box .text ul li h3 img{ display: inline-block; vertical-align: middle; transform: translateY(-2px); height: 14px; width: auto;}
.product_details .layer3Box .text ul li p{ font-size: 16px; color: #242424;}

.product_duibi{ width: 100%; padding: 60px 4% 0 4%;}
.product_duibi .bt{ width: 100%; height: 110px; line-height: 110px; font-size: 30px; font-weight: bold; color: #333;}
.product_duibi .tab{ width: 100%;}
.product_duibi .tab table{ width: 100%;}
.product_duibi .tab table td{ border: 1px solid #dcdcdc; padding: 20px; width: 35%; font-size: 18px; color: #333;}
.product_duibi .tab table tr:nth-child(2n) td{ background: #f2f2f2;}
.product_duibi .tab table td:first-child{ width: 30%;}
.product_duibi .tab table td p{ line-height: 30px; font-size:18px; color: #606060;}
.product_duibi .tab table td .Nr{ width: 100%; height: 100%;}
.product_duibi .tab table td .Nr .btn{ width: 100%; overflow: hidden;}
.product_duibi .tab table td .Nr .btn .close{ float: left;}
.product_duibi .tab table td .Nr .btn ul{ float: right; overflow: hidden;}
.product_duibi .tab table td .Nr .btn ul li{ float: left; margin-left: 8px;}
.product_duibi .tab table td .Nr .icon{ width: 100%;}
.product_duibi .tab table td .Nr .icon img{ display: block; width: 100%; height: auto;}
.product_duibi .tab table td .Nr .text{ width: 100%}
.product_duibi .tab table td .Nr .text h2{ height: 32px; line-height: 32px; font-size: 18px; font-weight: bold; color: #43b02a;}
.product_duibi .tab table td .Nr .text p{ font-size: 32px; line-height: 32px; font-size: 18px; color: #585858;}





.AppTop{ display: none;}
.SideBar{ display: none;}

/* 页头中等宽度：缩放与换行优化 */
@media (max-width: 1200px) and (min-width: 1001px) {
	.herder .serach{ max-width: 420px; font-size: 20px; }
	.herder .serach input{ font-size: 20px; }
	.herder .nav ul li{ padding: 0 14px; }
	.herder .nav ul li>a{ font-size: 20px; }
	.herder .nav ul li{ line-height: 56px; }
}
@media (max-width: 1100px) and (min-width: 1001px) {
	.herder .serach{ max-width: 360px; margin-left: 1%; }
	.herder .serach input{ font-size: 18px; }
	.herder .serach .bt{ font-size: 18px; width: 110px; line-height: 38px; }
	.herder .nav ul{ justify-content: flex-end; }
	.herder .nav ul li{ padding: 0 10px; }
	.herder .nav ul li>a{ font-size: 18px; }
	.herder .nav ul li{ line-height: 54px; }
}

/* 超大屏：首页内容最大宽度，避免过宽 */
@media (min-width: 1700px) {
	.indexContainer{ max-width: 1600px; margin-left: auto; margin-right: auto; }
	.indexContainer .layer1,
	.indexContainer .layer3{ width: 92%; margin-left: auto; margin-right: auto; }
	.footer .footerBox{ max-width: 1600px; margin-left: auto; margin-right: auto; }
	.copyRightBox{ max-width: 1600px; margin-left: auto; margin-right: auto; }
	
}
@media (max-width: 1700px) {
	.herder{ height: auto;}
	.herder .logo{}
	.jingzheng .Nr .icon{ width: 50%;}
	.jingzheng .Nr .text{ width: 50%;}
	.herder .nav{ padding: 0; float: right; transform: translateY(10px);}
	.herder .serach{ float: right; margin:20px 100px 0 0; position: relative; left: auto; top: auto;}
	.herder .serach .bt{ transform: translate(-100%,0); height: 58px; border: 1px solid #6c6c6c; border-top:2px solid #43b02a; border-right:0 ; line-height: 55px;}
	.herder .nav ul{ float: right;}
	.newDetails .tit1{ font-size: 48px;}
	.newDetails .tit2{ font-size: 24px;}
	.pageContainer .pageBottom ul li .text{ font-size: 16px; padding: 0 30px;}
	.pageContainer .pageBottom ul li .text span{ font-size: 24px;}
	.pageContainer .Main .MainRight .solution .icon{ width: 100%;}
	.pageContainer .Main .MainRight .solution .text{ width: 100%; padding: 0;}
	.newDetails .Nr .icon{ width: 100%;}
	.newDetails .Nr .text{ width: 100%; padding:30px 0 0 0 ;}
	.newList ul li .text{ padding: 30px 30px 0 30px;}
	.newList ul li .text h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 10px;}
	.indexContainer .layer1 .layer1Left{ width: 50%;}
	.indexContainer .layer1 .layer1Right{ width: 50%;}
	.indexContainer .layer1 .layer1Left h2{ font-size: 48px;}
	.indexContainer .layer1 .layer1Right ul li{ margin-bottom: 10px;}
}


/* 大屏略窄时：banner 与版心使用弹性宽度 */
@media (max-width: 1300px) {
	.banner .text{ width: 70%; max-width: 800px; right: 4%; padding: 24px 0 24px 30px; }
	.banner .text h2{ font-size: 42px; line-height: 1.4; }
	.banner .text h3{ font-size: 30px; line-height: 1.4; }
	
	.indexContainer .layer3 .bt{ font-size: 62px; }
	.indexContainer .layer2Box .text h2{ font-size: 56px; }
	.indexContainer .layer2Box .text a{ margin-top: 20px;}
	.indexContainer .layer2Box .text h2{ padding: 0;}
	
	
}

@media (max-width: 1400px) {
	.indexContainer .layer3 .bt{ font-size: 58px; }
	.indexContainer .layer2Box .text h2{ font-size: 48px; padding-top: 80px; }
	.indexContainer .layer2Box .text .textBox{ top: 38%; }
	.pageContainer .Main .MainRight{ width: calc(100% - 240px); padding-left: 30px;}
	.pageContainer .Main .MainLeft{ width: 240px;}
	.pageContainer .Main .MainLeft ul li > a{ font-size: 18px;}
	.pageContainer .Main .MainLeft ul li dl dd a{ font-size: 16px;}
	.pageContainer .Main .MainLeft ul li dl dd{ padding-left: 20px; background: url(../images/indexIcon_03.png) left center no-repeat; background-size:auto 10px; height: 52px; overflow: hidden;}
	.pageContainer .Main .MainLeft ul li dl dd:hover{background: url(../images/indexIcon_06.png) left center no-repeat; background-size:auto 10px;}
}

@media(max-width:1000px){
	.videoPop{ width: 90%;}
	.pageContainer .pageBottom ul li .text a{ width: 30px; height: 30px;}
	.wx{ width: 100%; right: 0; }
	.wx .bt{height: 50px; line-height: 50px; font-size: 16px; padding: 0 20px;}
	.wx .bt:after{ right: 20px;}
	.wx .Nr{ padding: 0 20px;}
	.product_duibi .tab table td { font-size: 14px;}
	.product_duibi .tab table td p{ font-size: 14px;}
	.product_duibi .tab table td{ padding: 5px;}
	.product_duibi .tab table td .Nr .btn{ height: 20px;}
	.product_duibi .tab table td .Nr .btn .close{ height: 100%;}
	.product_duibi .tab table td .Nr .btn img{ height: 100%; width: auto;}
	.product_duibi .tab table td .Nr .btn ul{ height: 100%;}
	.product_duibi .tab table td .Nr .btn ul li{ height: 100%;}
	.product_duibi .tab table td .Nr .text h2{ font-size: 14px; overflow: hidden;}
	.product_duibi .tab table td .Nr .text p{ font-size: 14px; overflow: hidden;}
	.herder{ display: none;}
	body{ padding-top: 60px; overflow-x: hidden;}
	.SideBar .serach{ width: 95%; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); top: 20px;}
	.SideBar .serach button{ float: right; background: url(../images/02.png) center center no-repeat #eee; width: 50px; height: 50px; border: none; border-radius:5px ; background-size:24px auto;}
	.SideBar .serach input{ display: block; float: left; border: 1px solid #ddd; width: calc(100% - 65px); border-radius:6px; height: 50px; box-sizing: border-box; padding: 0 15px;}
	.AppTop{width: 100%; display:block; position: fixed; left: 0; top: 0; background: #646263; box-shadow: 0 0 10px rgba(0,0,0,0.2);height: 60px; z-index: 99;}
	.AppTop .SideClick{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px; transition: 0.5s;}
	.AppTop .SideClick span{ display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #fff; border-radius:2px; transition: 0.5s;}
	.AppTop .SideClick span:nth-child(1){ top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0;}
	.AppTop .logo{ height: 60px; line-height: 60px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width:auto;}
	.AppTop .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.SideBar{ box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; width: 100%;  left: -100%; transition: 0.5s; height: calc(100vh - 60px); top: 0;  position: fixed; z-index: 109; background: #fff; top: 60px; padding: 0 0; box-sizing: border-box; overflow: hidden;}
	.SideBar .Warp{ width: 200%; height: 100%; overflow: hidden; transition: 0.5s; padding-top: 80px;}
	
	
	
	.SideBar .logo{ padding: 30px 0;}
	.SideBar .logo img{ display: block; width: 50%; height: auto; margin: 0 auto;}
	.SideBar .nav{ width: 50%;float: left;}
	.SideBar .nav ul li{ height: auto; line-height: 65px; position: relative; border-bottom: 1px solid #ddd; padding: 0 15px;}
	.SideBar .nav ul li .more{ width: 14px; height: 14px; position: absolute; right: 0; top: 28px; }
	.SideBar .nav ul li .more span:nth-child(1){ top: 50%; transform: translateY(-50%); position: absolute; display: block; width: 100%; height: 2px; background: #666;}
	.SideBar .nav ul li .more span:nth-child(2){ position: absolute; width: 2px; height: 100%; left: 50%; transform: translateX(-50%); background: #666;}
	.SideBar .nav ul li:hover .more{ transform: rotate(90deg);}
	.SideBar .nav ul li:hover .more span:nth-child(1){ display: none;}
	.SideBar .nav ul li
	 a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #333;}
	.SideBar .nav ul dl{ padding: 10px; display: none;}
	.SideBar .nav ul dl dd{ line-height: 30px; padding-left: 15px; position: relative; box-sizing: border-box;}
	.SideBar .nav ul dl dd:after{ width: 4px; height: 4px; border-radius:50%; left: 0; transform: translateY(-50%); top: 50%; content: ''; background: #999; display: block; position: absolute;}
	.SideBar .nav ul dl dd a{ font-size: 14px;}
	.SideBar .right{ width: 50%; float: left;}
	.SideBar .nav ul li.TwoClick:after{ background: url(../images/arrow2.png) center center no-repeat; width: 65px; height: 65px; position: absolute; right: 0; top: 0; content: ''; background-size:6px auto ;}
	.back{ width: 100%; padding: 0 15px; line-height: 65px; box-sizing: border-box; font-size: 16px; color: #333; border-bottom: 1px solid #ddd;}
	.SideBar .right ul li{ border-bottom: 1px solid #ddd; line-height: 65px; padding: 0 15px; box-sizing: border-box; position: relative;}
	.SideBar .right ul li p{height: 65px; line-height: 65px; font-size: 16px;}
	.SideBar .right ul li p a{ display: block; width: 100%; height: 100%;}
	.SideBar .right ul li dl{ display: none; padding:0 15px;}
	.SideBar .right ul li dl dd{ line-height: 48px;}
	.SideBar .right ul li dl dd img{ display: inline-block; vertical-align: middle; margin-right: 5px;}
	.SideBar .right ul li dl dd a{ font-size: 14px; color: #666;}
	.SideBar .right ul li span{ transition: 0.5s; display:none; position: absolute; right: 0; top: 0; width: 65px; height: 65px;  background: url(../images/arrow.png) center center no-repeat;}
	.SideBar .right ul li.on span{ transform: rotate(180deg);}

	/* 小屏内容区响应式 */
	.banner{ width: 96%; margin: 10px auto; }
	.banner .text{ width: 90%; max-width: none; right: 5%; left: 5%; padding: 20px 15px; box-sizing: border-box; }
	.banner .text h2{ font-size: 28px; line-height: 1.4; }
	.banner .text h3{ font-size: 22px; line-height: 1.4; }
	.banner .text a.page{ width: 50px; height: 50px; top: 15px; }
	.banner .swiper-button-next,
	.banner .swiper-button-prev{ width: 30px; height: 50px; }

	.indexContainer .layer1{ padding: 40px 4%; flex-direction: column; overflow: hidden; }
	.indexContainer .layer1 .layer1Left{ width: 100%; float: none; padding: 0 0 30px 0; }
	.indexContainer .layer1 .layer1Left h2{ font-size: 36px; line-height: 1.4; }
	.indexContainer .layer1 .layer1Left p{ line-height: 1.7; }
	.indexContainer .layer1 .layer1Right{ width: 100%; float: none; }
	.indexContainer .layer1 .layer1Right ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; height: auto; min-height: 200px; padding: 0 0 20px 0; }
	.indexContainer .layer1 .layer1Right ul li .icon{ height: 100px; line-height: 100px; }
	.indexContainer .layer1 .layer1Right ul li h2{ font-size: 24px; padding-bottom: 15px; }
	.indexContainer .layer1 .layer1Right ul li p{ font-size: 16px; }
	.indexContainer .layer2Box .text a{ min-height: 20px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; }
	.indexContainer .layer1 .layer1Right ul li:nth-child(3){ margin-bottom: 20px;}
	.indexContainer .layer1 .layer1Right ul li:nth-child(4){ margin-bottom: 20px;}
	.indexContainer .layer2Box .icon{ width: 100%; float: none; }
	.indexContainer .layer2Box .text{ position: static; width: 100%; float: none; }
	.indexContainer .layer2Box .text .textBox{ position: static; transform: none; padding:0 0 40px 0%; box-sizing: border-box; }
	.indexContainer .layer2Box .text h2{ font-size: 32px; padding-top: 30px; }
	.indexContainer .layer2Box .text ul li{ font-size: 16px; line-height: 40px; }
	.indexContainer .layer2Box .text a{ margin-top: 30px; font-size: 14px; padding: 0 15px; height: 50px; line-height: 50px; }

	.indexContainer .layer3{ padding: 40px 4% 40px; }
	.indexContainer .layer3 .bt{ font-size: 36px; height: auto; line-height: 1.4; padding: 20px 0; }
	.indexContainer .layer3 ul li{ width: 100%; margin-right: 0; margin-bottom: 25px; }
	.indexContainer .layer3 ul li .icon{ height: 220px; }
	.indexContainer .layer3 ul li .text{ padding: 15px 0; }
	.indexContainer .layer3 ul li .text p img{ height: 15px;}
	.indexContainer .layer3 ul li .text h2{ font-size: 22px; line-height: 1.4; }
	.indexContainer .layer3 ul li .text h3{ font-size: 14px; height: auto; line-height: 1.4; }
	.indexContainer .layer3 .More{ margin-top: 30px; width: 140px; height: 56px; line-height: 56px; font-size: 16px; min-height: 56px; display: inline-flex; align-items: center; justify-content: center; }

	.footer .footerBox{ padding: 50px 4% 30px; }
	.footer .footerBox .Nr{  display: none;}
	.footer .footerBox .Nr:first-child{ display: block; text-align: center;}
	.footer .footerBox .Nr ul{ display: none;}
	.footer .footerBox ul.friendLink{ padding-top: 30px;  text-align: center;}
	
	.footer .footerBox ul.friendLink li{ margin:0 4px; float: initial;  display: inline-block;}

	.copyRight{ min-height: 100px; height: auto; padding: 20px 0; }
	.copyRightBox{ padding: 0 4%; position: static; height: auto; overflow: visible; }
	.copyRightBox ul{ display: flex; flex-wrap: wrap; gap: 8px 20px; }
	.copyRightBox ul li{ font-size: 14px; margin-right: 0; line-height: 1.6; }
	.copyRightBox p{ font-size: 14px; padding-left: 0; padding-top: 10px; line-height: 1.6; clear: both; }
	
	.navGation ul{ padding: 0 4%; }
	.navGation ul li{ padding: 0 15px; font-size: 16px; }

	.Product_list .bt{ font-size: 28px; height: auto; line-height: 1.4; padding: 25px 4%; }

	.Product_list ul li{ width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.Product_list ul li:nth-child(5n){ margin-right: 4%; }
	.Product_list ul li:nth-child(2n){ margin-right: 0; }
	.Product_list ul li .text{ padding: 12px 15px 20px; }
	.Product_list ul li .text a{ font-size: 16px; height: 44px; line-height: 42px; }


	.pro_More .tab{ margin-bottom: 12px; }
	.pro_More .tab table tr td:first-child{ width: 28%; font-size: 16px; padding-right: 15px; }
	.pro_More .tab table tr td span{ font-size: 14px; padding: 0 12px; margin: 8px 0 8px 8px; }

	.pageContainer .Main{ padding: 0 4% 50px; }
	.pageContainer .Main .MainLeft{ width: 100%; float: none; padding-top: 30px; }
	.pageContainer .Main .MainRight{ width: 100%; float: none; padding-left: 0; padding-top: 20px; }
	.pageContainer .Main .MainRight .navGation2{ height: auto; padding: 15px 0; }
	.pageContainer .Main .MainRight .navGation2 ul{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
	.pageContainer .Main .MainRight .navGation2 ul li{ height: auto; line-height: 1.6; margin-bottom: 0; font-size: 14px; }
	.pageContainer .Main .MainRight .navGation2 ul li a{ font-size: 14px; }
	.pageContainer .Main .MainRight .solution .icon{ width: 100%; float: none; }
	.pageContainer .Main .MainRight .solution .text{ width: 100%; float: none; padding: 20px 0 0 0; }
	.pageContainer .Main .MainRight .solution .text h2{ font-size: 36px; height: auto; line-height: 1.3; padding-bottom: 30px; }
	.pageContainer .Main .MainRight .solution .text p{ font-size: 16px; line-height: 1.6; }
	.pageContainer .pageBottom .bt{ font-size: 36px; line-height: 1.4; padding: 30px 4%; height: auto; }
	.pageContainer .pageBottom ul li{ width: 100%; height: 320px; }
	.pageContainer .pageBottom ul li .text{ font-size: 16px; height: auto; line-height: 1.4; padding: 15px 20px; }

	.newList ul li{ width: 100%; margin-right: 0; }
	.newList ul li .text{ height: auto; padding: 25px 20px 20px; min-height: 0; }
	.newList ul li .text h2{ font-size: 24px; line-height: 1.4; }
	.newList ul li .text p{ font-size: 16px; }

	.newDetails{ padding-top: 80px; padding-bottom: 40px; }
	.newDetails .tit1{ font-size: 36px; line-height: 1.4; margin-bottom: 30px; }
	.newDetails .time span{ font-size: 14px; padding: 0 15px; }
	.newDetails .tit2{ font-size: 22px; line-height: 3; }
	.newDetails .Nr .icon{ width: 100%; float: none; }
	.newDetails .Nr .text{ width: 100%; float: none; padding-left: 0; padding-top: 20px; }
	.newDetails .text dl dd{ width: 48%; margin: 0 4% 15px 0; }
	.newDetails .text dl dd:nth-child(2n){ margin-right: 0; }

	.jingzheng .Nr .icon{ width: 100%; float: none; }
	.jingzheng .Nr .text{ width: 100%; float: none; padding: 20px 0 0 0; }
	.jingzheng .Nr:nth-child(2n) .icon{ float: none; }
	.jingzheng .Nr:nth-child(2n) .text{ float: none; padding: 0; }
	.jingzheng .Nr .text h2{ font-size: 36px; margin-bottom: 25px; }
	.jingzheng .Nr .text p{ font-size: 16px; line-height: 1.6; }

	.cantact .title{ padding-bottom: 50px; }
	.cantact .title h2{ font-size: 36px; }
	.cantact .title p{ font-size: 16px; padding: 30px 0 20px 0; }
	.cantact .title h3{ font-size: 24px; }
	.cantact .bt span{ font-size: 26px; padding-right: 15px; }
	.cantact ul li{ width: 100%; margin-right: 0; }
	.cantact ul.two li{ width: 100%; margin-right: 0; }
	.cantact .Nr input,
	.cantact .Nr select{ font-size: 16px; height: 56px;  background-size:56px 56px ;}
	.cantact .code input{ width: 100%; max-width: 200px; }
	.cantact ul.one li button{ width: 100%; max-width: 200px; }
	.cantact .bottom{ font-size: 16px; height: auto;  text-align: left;}
	.cantact .code{ font-size: 16px; line-height: 32px; padding-top: 20px; }
	.cantact .code img{ width: calc(100% - 220px); margin: 0 0 0 15px; height: 76px;}
	.weizhi h2{ font-size: 36px; height: auto; line-height: 1.4; }
	.weizhi p{ font-size: 16px; }
	.weizhi .More{ width: 100%; max-width: 200px; }

	.huoban .bt{ padding: 30px 0; }
	.huoban .bt h2{ font-size: 36px; padding-bottom: 30px; }
	.huoban .bt p{ font-size: 16px; line-height: 1.6; }
	.huoban ul li{ width: 100%; margin-right: 0; }

	
	.Pagebanner{ margin-top: 10px; }
	.Pagebanner .swiper-button-next,
	.Pagebanner .swiper-button-prev{ width: 28px; height: 50px; }
	.product_details .layer1 .icon{ width: 100%;}
	.product_details{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.product_details .layer1 .icon .hd { padding: 0;}
	.product_details .layer1 .icon .hd .swiper-button-prev{ display: none;}
	.product_details .layer1 .icon .hd .swiper-button-next{ display: none;}
	.product_details .layer1 .text .tab table td img{ height: 30px; width: auto;}
	.product_details .layer1 .text{ width: 100%;}
	.product_details .layer3Box{ height: auto; overflow: hidden;}
	.product_details .layer3Box .icon{ width: 100%; height: 200px;}
	.product_details .layer3Box .text{ width: 100%; height: auto;}
	.product_details .layer3Box .text .bt{ height: auto; right: auto; text-align: center; padding-bottom: 30px; text-indent: 0;}
	.product_details .layer3Box .text .bt .more{ position: relative; margin: 0 auto; transform: none; right: auto;}
	.product_details .layer3Box .text ul li{  width: 100%; padding:10px 20px;} 
}

/* 中等屏幕 768px–1000px：桌面头部仍显示，仅调整布局 */
@media (max-width: 1000px) and (min-width: 769px) {
	.herder .serach{ width: 45%; max-width: 400px; margin-left: 4%; }
	.herder .nav ul li{ padding: 0 18px; }

	.indexContainer .layer3 ul li{ width: 32%; }
	.footer .footerBox .Nr{ width: 25%; }
	.Product_list ul li{ width: 23%; margin-right: 2%; }
	.Product_list ul li:nth-child(5n){ margin-right: 2%; }
	.Product_list ul li:nth-child(4n){ margin-right: 0; }
	.indexContainer .layer1{ width: 96%; padding: 15px 0;}
	.indexContainer .layer1 .layer1Right{ width: 100%;}
	.indexContainer .layer1 .layer1Right ul li{ width: 49%; margin: 0 2% 15px 0;}
}

@media (max-width: 768px) {
	.indexContainer .layer3 ul li{ width: 100%; margin-right: 0; }
	.Product_list ul li{ width: 100%; margin-right: 0; }
	.Product_list ul li:nth-child(2n){ margin-right: 0; }
	.Product_list .pro_More{ padding: 0; }
	.pro_More .tab table{ display: block; }
	.pro_More .tab table tr{ display: block; border-bottom: 1px solid #e8e8e8; }
	.pro_More .tab table tr td{ display: block; width: 100% !important; border-right: none !important; padding: 10px 12px !important; text-align: left !important; box-sizing: border-box; }
	.pro_More .tab table tr td:first-child{ border-bottom: 1px solid #e0e0e0; margin-bottom: 4px; padding-bottom: 8px !important; }
	.pro_More .tab table tr td span{ margin: 6px 6px 6px 0; }
	.footer .footerBox .Nr{ width: 50%; }
	.copyRightBox .wx{ position: relative; margin: 15px auto 0; left: 0; right: 0; }
	.pageFull dd a{ width: 48px; height: 48px; line-height: 48px; font-size: 14px; }
	.newDetails .text dl dd{ width: 100%; margin-right: 0; }
}

@media (max-width: 576px) {
	body{ padding-top: 56px; }
	.AppTop{ height: 56px;background: #646263; }
	.SideBar{ top: 56px; height: calc(100vh - 56px); }
	.banner .text h2{ font-size: 22px; }
	.banner .text h3{ font-size: 16px; }
	.indexContainer .layer1 .layer1Left h2{ font-size: 28px; }
	.indexContainer .layer1 .layer1Right ul li{ min-height: 180px; }
	.indexContainer .layer2Box .text h2{ font-size: 26px; }
	.indexContainer .layer3 .bt{ font-size: 28px; }
	.indexContainer .layer3 ul li .icon{ height: 200px; }
	.footer .footerBox .Nr{ width: 100%; }
	.navGation ul{ padding: 0 10px; }
	.navGation ul li{ padding: 0 10px; font-size: 14px; }
	.Product_list .bt{ font-size: 22px; }
	.pro_More .tab table tr td span{ font-size: 12px; padding: 0 8px; }
	.newDetails .tit1{ font-size: 28px; }
	.newDetails .tit2{ font-size: 18px; }
	.jingzheng .Nr .text h2{ font-size: 28px; }
	.jingzheng .Nr .text p{ font-size: 15px; }
	.cantact .title h2{ font-size: 28px; }
	.cantact .bt span{ font-size: 22px; }
	.weizhi h2{ font-size: 28px; }
	.huoban .bt h2{ font-size: 28px; }
	.pageContainer .Main .MainRight .solution .text h2{ font-size: 28px; }
	.pageContainer .pageBottom .bt{ font-size: 28px; }
}