@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"΢ÈíÑźÚ","ºÚÌå";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "΢ÈíÑźÚ"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}
h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.w1600{ width: 1600px; margin: 0 auto;}
.top{ position:relative; z-index: 999; width: 100%; height: 130px; background: #00923f;} 
.topBox{  height: 130px;}
.topBox .logo{ float: left; height: 130px; line-height: 130px;}
.topBox .logo img{ display: inline-block; vertical-align: middle;}
.topBox .serach{position: relative; float: right; height: 130px; line-height: 130px;}
.topBox .serach span{ display: inline-block; vertical-align: middle; width: 64px; height: 26px; background: url(/images/product_06.jpg) center center no-repeat; border-left:1px solid  #98d3b2;}
.topBox .serach .serachBox{ display: none; width: 350px; height: 50px; border-radius:10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); top: 125px; right: 0; position: absolute; overflow: hidden; z-index: 99;}
.topBox .serach .serachBox form{ display: block; width: 100%; height: 100%;}
.topBox .serach .serachBox input{display: block; box-sizing: border-box; width: calc(100% - 2px); height: 100%; border: none; padding: 0 15px; box-sizing: border-box; font-size:16px;}
.topBox .serach .serachBox button{ width: 60px; height: 50px; position: absolute; right: 0; top: 0; outline: none; border: none; background: url(/images/product_06.jpg) center center no-repeat #00923f; cursor: pointer;}
.topBox .serach:hover .serachBox{ display: block;}
.topBox .nav{ float: right;}
.topBox .nav ul{ float: right; overflow: hidden;}
.topBox .nav ul li{position: relative; float: left; height: 130px; line-height: 130px; margin-right: 35px;}
.topBox .nav ul li a{ font-size: 18px; color: #fff;}
.topBox .nav ul li span{ width: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; background: #fed805; transition: 0.5s;}
.topBox .nav ul li:hover span{ width: 100%;}

.indexContainer{ overflow: hidden; width: 100%; height: calc(100vh - 130px);}
.indexContainer .mySwiper{ width: 100%; height: 100%;}
.indexContainer .mySwiper .indexBox:last-child{ height:auto!important;}
.indexContainer .mySwiper .indexBox{ width: 100%; height: 100%;}
.indexContainer .banner{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.indexContainer .banner .mySwiper2{ width: 100%; height: 100%;}
.indexContainer .banner .swiper-button-next{ background: url(/images/indexIcon_21.png); width: 78px; height: 78px; right: 40px; top: 50%; transform: translateY(-50%); margin: 0;}
.indexContainer .banner .swiper-button-prev{ background: url(/images/indexIcon_18.png); width: 78px; height: 78px; left: 40px; top: 50%; transform: translateY(-50%); margin: 0;}
.indexContainer .banner .mySwiper2 img{ display: block; width: 100%; height: 100%;}
.indexContainer .banner .swiper-pagination{ width: 100%; bottom: 55px; text-align: center; height: 10px;}
.indexContainer .banner .swiper-pagination span{ width: 10px; height: 10px; border-radius:50%; background: #fff; opacity: 1; transition: 0.5s;border-radius:5px ; }
.indexContainer .banner .swiper-pagination span.swiper-pagination-bullet-active{ width: 30px; background:#00923f;}
.indexContainer .layer1{ width: 100%; height: 100%;}
.indexContainer .layer1 .icon{ width: 50%; height: auto; float: right; overflow: hidden;}
.indexContainer .layer1 .text{ background: url(/images/indexBg2_03.png); background-size:100% 100%; padding-left: 16.5%; box-sizing: border-box; padding-top: 125px; width: 50%; float: left; overflow: hidden; height: 100%;}
.indexContainer .layer1 .text h2{ font-size: 54px; font-family: 'ËÎÌå'; font-weight: bold; color: #d9d9d9;}
.indexContainer .layer1 .text p{ font-size: 26px; color: #333; font-weight: bold;}
.indexContainer .layer1 .text span{ display: block; width: 62px; height: 2px; background: #00923f; margin-top: 20px;}
.indexContainer .layer1 .text .nr{ width: 100%; box-sizing: border-box; padding: 65px 60px 40px 0; font-size: 16px; line-height: 30px;}
.indexContainer .layer1 .text ul{ overflow: hidden; width: 100%; padding-right: 60px; box-sizing: border-box;}
.indexContainer .layer1 .text ul li{ width: 25%; float: left;}
.indexContainer .layer1 .text ul li h2{ height: 74px; line-height: 74px; font-size: 14px; color: #333;}
.indexContainer .layer1 .text ul li h2 b{ font-size: 42px; font-weight: bold; font-family: impact; color: #d81418; margin-right: 10px;}
.indexContainer .layer1 .text ul li h3{ font-size: 14px; color: #2a2a2a;}
.indexContainer .layer1 .text a{ margin-top: 100px; display: block; width: 150px; height: 40px; text-align: center; line-height: 40px; border-radius:20px; font-size: 14px; color: #fff; background: #00923f;}

.indexContainer .layer1 .icon img{ display: block; height: 100%; width: 100%;}
.indexContainer .layer2{ width: 100%; height: 100%; background: url(/images/indexBg_07.png); background-size:100% 100% ;}
.indexContainer .layer2Box{ padding: 100px 45px 0 45px; box-sizing: border-box;}
.indexContainer .layer2Box .tit{ width: 100%; height: 40px; font-weight: bold; color: #fff; font-size: 40px;}
.indexContainer .layer2Box .tit ul{ float: right;}
.indexContainer .layer2Box .tit ul li{ font-weight: normal; float: left; width: 150px; height: 40px; border-radius:20px; background: #fff; text-align: center; line-height: 40px; font-size: 14px; color: #00923f; cursor: pointer; margin-left: 30px;}
.indexContainer .layer2Box .tit ul li.on{ background:#00923f; color: #fff;}
.indexContainer .layer2Box .bt{ font-size: 16px; color: #fff; padding: 45px 0 55px 0;}
.indexContainer .layer2Box .bd{ width: 1320px; height: 440px; position: relative; margin: 0 auto; transition: 0.5s; background: rgba(0,0,0,0.5); border-radius:8px ;}
.indexContainer .layer2Box .bd .mySwiper3{ width: 100%; height: 100%; overflow: hidden;}
.indexContainer .layer2Box .bd .swiper-button-next{ transition: 0.3s; background: url(/images/arrow_03.png); width: 59px; height: 59px; margin: 0; top: 50%; transform: translateY(-50%); right: -100px;}
.indexContainer .layer2Box .bd .swiper-button-prev{ transition: 0.3s; background: url(/images/arrow2_06.png); width: 59px; height: 59px; margin: 0; top: 50%; transform: translateY(-50%); left: -100px;}
.indexContainer .layer2Box .bd .swiper-button-next::after{ display: none;}
.indexContainer .layer2Box .bd .swiper-button-prev::after{ display: none;}
.indexContainer .layer2Box .bd .swiper-button-prev:hover{ background: url(/images/arrow_06.png);}
.indexContainer .layer2Box .bd .swiper-button-next:hover{ background: url(/images/arrow2_03.png);}
.indexContainer .layer2Box .bd .title{ width: 300px; float: left; padding-top: 185px;}
.indexContainer .layer2Box .bd .title h2{ font-size: 32px; text-align: center; color: #fff; font-weight: bold; margin-bottom: 30px;}
.indexContainer .layer2Box .bd .title p{ text-align: center; font-size: 16px; color: #fff;}
.indexContainer .layer2Box .bd .text{ width: 485px; float: left; padding-top: 110px; font-size: 18px; color: #fff; line-height: 46px;}
.indexContainer .layer2Box .bd .text a{ color: #fff;}
.indexContainer .layer2Box .bd .icon{ width: 440px; height: 440px; padding: 35px; float: right; box-sizing: border-box;}
.indexContainer .layer2Box .bd .icon img{ display: block; width: 100%; height: 100%;}
.joinLayer2 .conBox .bt p.xizi{float:right; padding-right:100px;width:365px;}
.indexContainer .layer3{ width: 100%; height: 100%; position: relative;}
.indexContainer .layer3 .bd{ width: 100%; height: 100%; position: relative;}
.indexContainer .layer3 .bdBox{opacity: 0; width: 100%; height: 100%; transition: 2s; position: absolute;left: 0; top: 0; overflow: hidden;}
.indexContainer .layer3 .bdBox img{ transition: 2s; transform: scale(1.1); width: 100%; height: 100%;}
.indexContainer .layer3 .bdBox.on{ opacity: 1;}
.indexContainer .layer3 .bdBox.on img{ transform: scale(1);}
.indexContainer .layer3 .hd{ width: 50%; height: 100%; left: 0; top: 0; z-index: 1; position: absolute; z-index: 2; background: rgba(0,0,0,0.5);}
.indexContainer .layer3 .hd ul { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indexContainer .layer3 .hd ul li{ transition: 0.5s; cursor: pointer; width: 100%; height: 135px; padding-left: 30%; box-sizing: border-box; overflow: hidden;}
.indexContainer .layer3 .hd ul li .tp{ transition: 0.5s; width: 135px; height: 135px; position: relative; float: left;}
.indexContainer .layer3 .hd ul li .tp img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer3 .hd ul li p{ float: left; padding-left: 70px; line-height: 135px; font-size: 20px; color: #fff;}
.indexContainer .layer3 .hd ul li.on{ background: #6bac16;}
.indexContainer .layer3 .hd ul li.on .tp{ background: #fec603;}
.indexContainer .layer4{ background: url(/images/indexBg_10.png); background-size:100% 100% ; width: 100%; height: 100%; position: relative;}
.indexContainer .layer4 .layer4Box{ width: 1360px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 500px;}
.indexContainer .layer4 .layer4Box .mySwiper4{ overflow: hidden;}
.indexContainer .layer4 .layer4Box .swiper-button-prev{ height: 78px; border-radius:50%; background: #fff; left: -85px; margin:-45px 0 0 0; width: 78px;}
.indexContainer .layer4 .layer4Box .swiper-button-next{  height: 78px; border-radius:50%; background: #fff; right: -85px; margin:-45px 0 0 0; width: 78px;}
.indexContainer .layer4 .layer4Box .mySwiper4{ width: 100%; height: 100%;}
.indexContainer .layer4 .layer4Box .nr{ width: 100%; height: auto; transition: 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .layer4 .layer4Box .nr img{ width: 100%; height: auto;}
.indexContainer .layer4 .layer4Box .nr p{opacity: 0; padding-top: 15px; font-size: 16px; transition: 0.5s; color: #fff; text-align: center;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-next .nr{ transform: translate(-50%,-50%) scale(1.3) ; z-index: 2;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-prev .nr{ transform: translate(-50%,-50%) scale(1.3); z-index: 2;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-active .nr{ transform: translate(-50%,-50%) scale(1.6); z-index: 3!important;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-active{ z-index: 3;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-prev{ z-index: 2;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-next{ z-index: 2;}
.indexContainer .layer4 .layer4Box .mySwiper4 .swiper-slide.swiper-slide-active .nr p{ opacity: 1;}
.indexContainer .layer2.layer5{ width: 100%; height: 100%; background: url(/images/indexBg_11.png); background-size:100% 100% ;}
.indexContainer .layer2.layer5 .mySwiper5{ overflow: hidden;}
.indexContainer .layer2.layer5 .layer2Box{ padding: 0; padding-top: 55px;}
.indexContainer .layer2.layer5 .layer5Bd .swiper-pagination{ display: none; width: 100%; bottom: 45px;}
.indexContainer .layer2.layer5 .layer5Bd .swiper-pagination span{ width: 12px; height: 12px; margin: 0 15px; border-radius:6px; opacity: 1; background: #94989b; transition: 0.5s; }
.indexContainer .layer2.layer5 .layer5Bd .swiper-pagination span.swiper-pagination-bullet-active{width: 48px;}
.layer5Bd{ width: 100%; box-sizing: border-box;}
.layer5Bd .nr{ width: 100%; overflow: hidden; background: #fff; padding: 30px;}
.layer5Bd .nr .nrLeft{ width: 670px; height: 465px; float: left; position: relative;}
.layer5Bd .nr .nrLeft img{ display: block; width: 100%; height: 100%;}
.layer5Bd .nr .nrLeft .text{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0;}
.layer5Bd .nr .nrLeft .text .textBox{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 50px; box-sizing: border-box;}
.layer5Bd .nr .nrLeft .text .textBox h3{ font-weight: bold; color: #fff; font-size: 16px;}
.layer5Bd .nr .nrLeft .text .textBox span{ display: block; width: 20px; height: 3px; background: #fff; margin: 15px 0 35px 0;}
.layer5Bd .nr .nrLeft .text .textBox h2{ font-size: 20px; font-weight: bold; color: #fff; height: 20px; overflow: hidden; margin-bottom: 20px;}
.layer5Bd .nr .nrLeft .text .textBox p{ font-size: 16px; line-height: 28px; color: #fff; margin-bottom: 55px;}
.layer5Bd .nr .nrLeft .text .textBox a{ transition: 0.5s; display: block; width: 94px; height: 48px; text-align: center; line-height: 46px; border: 1px solid #fff; border-radius:24px; font-size: 18px; color: #fff;}
.layer5Bd .nr .nrLeft .text .textBox a:hover{ background: #00923f; color: #fff;}
.layer5Bd .nr .nrRight{ width: 835px; float: right;}
.layer5Bd .nr .nrRight ul{ width: 100%;}
.layer5Bd .nr .nrRight ul li{ width: 100%; overflow: hidden; height: 215px; overflow: hidden; margin-bottom: 35px;}
.layer5Bd .nr .nrRight ul li:last-child{ margin-bottom: 0;}
.layer5Bd .nr .nrRight ul li .icon{ width: 315px; height: 215px; float: left;}
.layer5Bd .nr .nrRight ul li .icon img{ display: block; width: 100%; height: 100%;}
.layer5Bd .nr .nrRight ul li .text{ width: calc(100% - 315px); float: left; padding-left: 25px; box-sizing: border-box;}
.layer5Bd .nr .nrRight ul li .text h2{ height: 36px; line-height: 36px; padding-left: 30px; background: url(/images/newBg_11.png) left center no-repeat; font-size: 16px; font-weight: normal; color: #333;}
.layer5Bd .nr .nrRight ul li .text h3{ height: 50px; line-height: 50px; font-size: 22px; font-weight: bold; color: #000;}
.layer5Bd .nr .nrRight ul li:hover .text h3{ color: #00923f;}
.layer5Bd .nr .nrRight ul li .text span{ margin-bottom: 20px; display: block; font-size: 12px; color: #999;}
.layer5Bd .nr .nrRight ul li .text p{ font-size: 15px; line-height: 28px; height: 56px; overflow: hidden; color: #666;}
.indexContainer .layer6{ width: 100%; height: ; background: url(/images/indexBg_12.png) center center no-repeat; height: 100%; background-size:auto 100% ; }
.indexContainer .layer6 .layer6Box{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.indexContainer .layer6 h2{ text-align: center; font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 60px;}
.indexContainer .layer6 p{ line-height: 24px; text-align: center; color: #fff ; font-size: 15px;}
.indexContainer .layer6 span{ display: block; text-align: center; text-decoration: underline; font-size: 17px; color: #fff; margin: 40px 0;}
.indexContainer .layer6 a{ display: block; width: 172px; height: 42px; margin: 0 auto; border-radius:21px; border: 1px solid rgba(255,255,255,0.8); color:rgba(255,255,255,0.8) ; transition: 0.5s; font-size: 16px; text-align: center; line-height: 40px;}
.indexContainer .layer6 a:hover{ color: #333; background: #fff; border: 1px solid #fff;}
.banner{ width: 100%; height: auto; overflow: hidden;}
.banner img{ transform: scale(1); display: block; width: 100%; height: auto; transition: 4s;}
.banner.on img{ transform: scale(1.1);}

.navGation{ width: 100%; border-bottom: 1px solid #d1d1d1;}
.navGation .navGationBox{ overflow: hidden;}
.navGationBox ul{ float: left;}
.navGationBox ul li{ float: left; height: 70px; line-height: 70px; font-size: 13px; color: #aaa;}
.navGationBox ul li:first-child{ padding-left: 32px; background: url(/images/product_13.jpg) 6px center no-repeat;}
.navGationBox ul li a{ font-size: 13px; color: #aaa;}
.navGationBox dl{ float: right;}
.navGationBox dl dd{ height: 70px; line-height: 70px; box-sizing: border-box; float: left; margin-left: 20px;}
.navGationBox dl dd a{ font-size: 14px; color: #333;}
.navGationBox dl dd.on{ border-bottom: 3px solid #00923f;}
.navGationBox dl dd.on a{ color: #00923f;}

.product{ width: 100%; background: #f7f8f8; padding-top: 80px;}
.product ul{ overflow: hidden; padding: 0 30px; box-sizing: border-box;}
.product ul li{ width: 340px; float: left; margin-right: 60px; margin-bottom: 75px; border-bottom: 5px solid #00923f;}
.product ul li:nth-child(4n){ margin-right: 0;}
.product ul li .icon{ width: 100%; height: 270px; overflow: hidden;}
.product ul li .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.product ul li .text{ background: #f3f3f3; width: 100%; height: 150px; padding: 0 15px; box-sizing: border-box; transition: 0.5s;}
.product ul li .text h2{ font-size: 16px; color: #282828; height: 70px; line-height: 70px; transition: 0.5s;}
.product ul li .text span{ display: inline-block; float: right; line-height: 70px; padding-right: 18px; background: url(/images/icon_05.png) right center no-repeat; color: #00923f; transition: 0.5s;}
.product ul li .text p{ transition: 0.5s; font-size: 12px; color: #333; line-height: 24px; height: 48px; overflow: hidden;}
.product ul li:hover{ border-bottom: 5px solid #feea05;}
.product ul li:hover .text{ background: #00923f;}
.product ul li:hover .text h2{ color: #fff;}
.product ul li:hover .text h2 span{ color: #fff; background: url(/images/icon_03.png) right center no-repeat;}
.product ul li:hover .text p{ color: #fff;}

.pageMain{ width: 100%; text-align: center; padding-bottom: 75px;}
.pageMain dd{ display: inline-block; margin: 0 4px;}
.pageMain dd a{ display: block; height: 32px; line-height: 32px; padding: 0 12px; border: 1px solid #dadadd; color: #747474; font-size: 13px;}
.pageMain dd.on a{ color: #fff; border: 1px solid #289912; background: #289912;}

.footer{ width: 100%; background: #393939; border-top:5px solid #00923f; padding: 65px 0;}
.footer .footerBox{ overflow: hidden;}
.footerBox .footerLeft{ float: left}
.footerBox .footerLeft ul{ float: left; margin-right: 115px;}
.footerBox .footerLeft ul:last-child{ margin-right: 0;}
.footerBox .footerLeft ul h2{ margin-bottom: 15px; font-size: 20px; color: #fff; padding-bottom: 28px; position: relative;}
.footerBox .footerLeft ul span{ width: 100%; height: 1px; background: #535353; position: absolute; left: 0; bottom: 0;}
.footerBox .footerLeft ul span::after{ content: ''; display: block; width:12px; height: 1px; background: #fff; left: 0; bottom: 0; transition: 0.5s;}
.footerBox .footerLeft ul li{ padding-top: 15px; font-size: 14px; line-height: ;}
.footerBox .footerLeft ul li a{ font-size: 14px; color: #c9c9c9; transition: 0.5s;}
.footerBox .footerLeft ul li:hover a{ color: #fff;}
.footerBox .footerLeft ul:hover h2 span::after{ width: 100%;}

.footerBox .footerRight{ float: right; font-size: ;}
.footerBox .footerRight p{ font-size: 15px; text-align: right; color: #fff;}
.footerBox .footerRight h2{ height: 86px; line-height: 86px; color: #fff; padding-left: 52px; background: url(/images/product_24.jpg) left center no-repeat; font-size: 24px;}
.footerBox .footerRight dl{ display: none; overflow: hidden; height: 45px;}
.footerBox .footerRight dl dd{ float: right; margin-left: 15px; line-height: 45px; font-size: 14px; color: #8a8a8a;}
.footerBox .code{ width: 160px; float: right; margin-right: 30px;}
.footerBox .code img{ display: block; width: 100%; height: auto;}
.footerBox .code p{ text-align: center; padding-top: 15px; color: #8a8a8a; line-height: 26px;}

.copyRight{ width: 100%; background: #393939; border-top:1px solid #494949;}
.copyRight .copyRightBox{ overflow: hidden; font-size: 14px; line-height: 75px; color: #898989;}
.copyRight .copyRightBox a{ color: #2c9c19;}
.copyRight .copyRightBox p{line-height: 75px; color: #898989; float: right; font-size: 14px;}

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

.productDetails{ padding: 95px 25px 200px 25px; box-sizing: border-box;}
.productDetails .con h2{ font-size: 34px; font-weight: bold; color: #00923f; margin-bottom: 50px;}
.productDetails .con span{ display: block; font-size: 22px; color: #000;padding-bottom: 50px;}
.productDetails .con p{ font-size:16px; line-height: 25px; color: #595959; margin-bottom: 35px;}
.productDetails .icon{ width: 100%; overflow: hidden;}
.productDetails .icon .iconBox{ width: 380px; float: left; margin-right: 15px; }
.productDetails .icon .iconBox:last-child{ margin-right: 0;}
.productDetails .icon .iconMain{ width: 760px; float: left; height: 570px; margin-right: 15px;}
.productDetails .icon .iconMain img{ display: block; width: 100%; height: 100%;}
.productDetails .icon .iconBox img{ display: block; width: 100%; height: 275px; margin-bottom: 20px;}
.productDetails .icon .iconBox img:last-child{ margin-bottom: 0;}
.productDetails .tit{ background: url(/images/about_03.png) bottom center no-repeat; background-size:100% auto; margin-bottom: 60px;}

.productDetails.about{ background:#f7f8f8 ;}
.productDetails.about .con{ padding:80px 25px 60px 25px; box-sizing: border-box;}
.aboutLayer1{position: relative; width: 100%; height: 810px;  background: url(/images/about_06.png); background-size:100% 100%; background-attachment:fixed ;}
.aboutLayer1 .aboutLayer1Box{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.aboutLayer1 .aboutLayer1Box h2{ font-size: 40px; color: #fff; text-align: center; margin-bottom: 60px;}
.aboutLayer1 .aboutLayer1Box p{ width: 1375px; margin: 0 auto; font-size: 22px; color: #fff; line-height:42px;}
.aboutLayer1 .aboutLayer1Box a{ display: block; width: 230px; height: 68px; border: 1px solid #fff; border-radius:8px; text-align: center; line-height: 66px; font-size: 22px; color: #fff; box-sizing: border-box; transition: 0.5s; margin: 70px auto 0 auto;}
.aboutLayer1 .aboutLayer1Box a:hover{ background: #fff; color: #333;}

.aboutLayer2{ overflow: hidden; padding-bottom: 130px;}
.aboutLayer2 .bt{ padding: 100px 0 40px 0;}
.aboutLayer2 .bt h2{ text-align: center; font-size: 42px; font-weight: bold; color: #333;}
.aboutLayer2 .bt span{ display: block; width: 40px; height: 5px; margin: 25px auto; background: #00923f;}
.aboutLayer2 .bt p{ text-align: center; font-size: 16px; color: #333;}
.aboutLayer2 ul{ width: 100%; overflow: hidden;}
.aboutLayer2 ul li{ overflow: hidden; float: left; width: 32%; height: 520px; margin-right: 2%; position: relative;}
.aboutLayer2 ul li img{ display: block; transition: 0.5s; width: 100%; height: 100%;}
.aboutLayer2 ul li .text{ position: absolute; left: 0; bottom: 50px; width: 100%; padding: 0 40px; box-sizing: border-box;}
.aboutLayer2 ul li .text h2{ font-size: 25px; font-weight: bold; color: #fff; margin-bottom: 22px;}
.aboutLayer2 ul li .text span{ display: block; width: 35px; height: 1px; background: #fff;}
.aboutLayer2 ul li:hover img{ transform: scale(1.1);}
.aboutLayer2 ul li:last-child{ margin-right: 0;}

.newList ul{ width: 100%; padding: 50px 0;}
.newList ul li{ height: 52px; line-height: 52px; width: 100%; padding-left: 30px; border-bottom: 1px dashed #e3e4e4; background: url(/images/new_03.png) left center no-repeat;}
.newList ul li a{ font-size: 14px; color: #4b4b4b;}
.newList ul li span{ display: inline-block; float: right; font-size: 14px; color: #4b4b4b;}

.cantact{ padding: 100px 45px; box-sizing: border-box;}
.cantact .cantactLayer1{ overflow: hidden;}
.cantact .cantactLayer1 .icon{ width: 700px; float: left;}
.cantact .cantactLayer1 .icon img{ display: block; width: 100%; height: auto;}
.cantact .cantactLayer1 .text{ float: left; width: calc(100% - 700px); float: left; padding-left: 75px; box-sizing: border-box;}
.cantact .cantactLayer1 .text .bt{ width: 100%; border-bottom: 5px solid #efefef; padding-bottom: 24px;}
.cantact .cantactLayer1 .text .bt h2{ font-size: 22px; font-weight: normal; color: #343434; padding-bottom: 18px;}
.cantact .cantactLayer1 .text .bt span{ font-size: 27px; font-weight: bold; color: #00923f;}
.cantact .cantactLayer1 .text .nr{ padding: 20px 0;}
.cantact .cantactLayer1 .text .nr p{ line-height: 36px; font-size: 14px; color: #494949;}
.cantact .cantactLayer1 .text dl{ width: 100%; overflow: hidden;}
.cantact .cantactLayer1 .text dl dd{ float: left; width: 140px; margin-right: 40px;}
.cantact .cantactLayer1 .text dl dd img{ display: block; width: 100%; height: auto;}
.cantact .cantactLayer1 .text dl dd p{ display: block; text-align: center; padding-top: 20px; color: #494949;}

.cantact .cantactLayer2 .bt{ width: 100%; padding: 35px 0;}
.cantact .cantactLayer2 .bt h2{ text-align: center; font-size: 24px; color: #333;}
.cantact .cantactLayer2 .bt span{ display: block; width: 30px; height: 2px; margin: 15px auto; background: #008b4a;}
.cantact .cantactLayer2 .bt p{ text-align: center; font-size: 15px; color: #595959;}
.cantact .cantactLayer2 ul{ width: 100%;}
.cantact .cantactLayer2 ul li{ overflow: hidden; margin-bottom: 20px;}
.cantact .cantactLayer2 ul li textarea{ display: block; width: 100%; height: 160px; border: 1px solid #ccc; box-sizing: border-box; padding: 15px; border-radius:4px ;}
.cantact .cantactLayer2 ul li input{ display: block; width: 470px; height: 36px; border: 1px solid #ccc; box-sizing: border-box; text-indent: 15px; border-radius:4px; float: left; margin-right: 25px;}
.cantact .cantactLayer2 ul li img{ display: block; float: left; height: 100%; width: auto;}
.cantact .cantactLayer2 ul li button{ width: 100%; height: 54px; border-radius:4px ; text-align: center; font-size: 14px; outline: none; background: #016134; border:none; cursor: pointer; color: #fff;}

.joinLyaer1{ width: 100%; overflow: hidden; background: #f5f4f4;}
.joinLyaer1 .text{ width: 100%; overflow: hidden; padding: 70px 0 45px 0;}
.joinLyaer1 .text h2{ margin-bottom: 30px; text-align: center; font-size: 32px; font-weight: bold; color: #00923f;}
.joinLyaer1 .text p{ text-align: center; color: #686767; line-height: 32px; font-size: 15px;}

.joinLyaer1 .Main{padding: 0 100px 50px 100px; box-sizing: border-box; overflow: hidden;}
.joinLyaer1 .Main .MainLeft{ float: left; width: 254px;}
.joinLyaer1 .Main .MainRight{ float: right; width: 1134px; overflow: hidden;}

.joinLayer2{ width: 100%; padding-bottom: 90px; padding-top: 70px;}
.joinLayer2 .tit{ padding: 18px 0; width: 245px; margin:0 auto 70px auto; background: #00923f; border-radius:50px;}
.joinLayer2 .tit h2{ font-size: 18px; text-align: center; font-weight: normal; padding-bottom: 10px; color: #fff; font-weight: normal;}
.joinLayer2 .tit p{ text-align: center; font-size: 10px; color: #74b689;}
.joinLayer2 .hd{ margin-bottom: 25px; overflow: hidden; height: 70px; background: #00923f;}
.joinLayer2 .hd .HdBt{ float: left; width: 150px; text-align: center; line-height: 70px; font-size: 18px; color: #fff;}
.joinLayer2 .hd ul{ width: calc(100% - 150px); float: left; overflow: hidden; line-height: 70px;}
.joinLayer2 .hd ul li{ float: left;}
.joinLayer2 .hd ul li span{ font-size: 14px; display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; border-radius:14px ; padding: 0 18px; color: #fff; cursor: pointer;}
.joinLayer2 .hd ul li.on span{ background: #fff; color: #4264ac;}
.joinLayer2 .conBox{ width: 100%; margin-bottom: 20px;}

.joinLayer2 .conBox .bt{ cursor: pointer; position: relative; width: 100%; height: 70px; background: #eff0f7;}
.joinLayer2 .conBox .bt p{ height: 70px; color: #333; line-height: 70px; float: left; margin-left: 25px; padding-left: 25px; background: url(/images/join_31.png) left center no-repeat; font-size: 14px;}
.joinLayer2 .conBox .bt .num{ position: absolute; width: 100%; height: 100%; text-align: center; line-height: 70px; color: #333; font-size: 14px;}
.joinLayer2 .conBox .bt .arrow{ transition: 0.5s; transition: 0.5s; position: absolute; right: 0; top: 0; width: 70px; height: 70px; background: url(/images/join_10.png) center center no-repeat;background-size:25px 25px ;}
.joinLayer2 .conBox .nr{ display: none; width: 100%; padding: 20px; box-sizing: border-box; border: 1px solid #e6e6e6;}
.joinLayer2 .conBox .nr ul{ padding-bottom: 30px;}
.joinLayer2 .conBox .nr ul li{ font-size: 14px; color: #5f5f5f; line-height: 30px;}
.joinLayer2 .conBox .nr ul li h2{ font-weight: bold; color: #414040; font-size: 14px;}
.joinLayer2 .conBox .nr .phone h2{ font-size: 34px; font-family: impact; color: #76b61b; padding-left: 60px; background: url(/images/join_28.png) left center no-repeat; height: 34px; margin-bottom: 20px;}
.joinLayer2 .conBox .nr .phone p{ font-size: 16px; color: #444; line-height: 32px;}
.joinLayer2 .conBox .bt.on .arrow{ transform: rotate(90deg);}

.joinLayer2 .conBox .bt.on .arrow{ transform: rotate(90deg); background: url(/images/join_10.png) center center no-repeat; background-size:25px 25px ;}
.joinLayer2 .conBox .nr a{ color: #fff; display: block; width: 170px; height: 54px; border-radius:27px; text-align:center; line-height: 54px; font-size:16px; background: #00923f;}

.honor{  box-sizing: border-box;}
.honor ul{padding: 125px 35px; }
.honor ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.2); float: left; width: 32%; margin-right: 2%; margin-bottom: 95px;}
.honor ul li .icon{ width: 100%; height: 340px;}
.honor ul li .icon img{ display: block; width: 100%; height: 100%;}
.honor ul li .text{ width: 100%; height: 115px; line-height: 115px; font-size: 18px; color: #333; text-align: center;}
.honor ul li:nth-child(3n){ margin-right: 0;}

.newList2 ul{ width: 100%; padding:100px 0 0 0 ;}
.newList2 ul li{ transition: 0.5s; padding: 20px; width: 100%; box-sizing: border-box; overflow: hidden; margin-bottom: 65px; border-radius:8px ; background: #f3f3f4;}
.newList2 ul li .icon{ padding: 12px; box-sizing: border-box; float: left; width: 330px; height: 220px; border-radius:6px; background: #fff; box-sizing: border-box;}
.newList2 ul li .icon img{ display: block; width: 100%; height: 100%;}
.newList2 ul li .text{ width: calc(100% - 330px); float: left; padding-left: 30px; box-sizing: border-box;}
.newList2 ul li .text h2{ transition: 0.5s; height: 48px; line-height: 48px; color: #00923f; font-size: 18px;}
.newList2 ul li .text p{ transition: 0.5s; padding-top: 15px; font-size: 15px; line-height: 26px; color: #767677; line-height: 52px; height: 52px; overflow: hidden; padding-bottom: 60px;}
.newList2 ul li .text .bottom{  margin-top: 45px; height: 45px; overflow: hidden; line-height: 45px;}
.newList2 ul li .text .bottom span{ transition: 0.5s; background: url(/images/Time_05.png) left center no-repeat; display: block; float: left; padding-left: 22px; height: 45px; line-height: 45px; color: #afafb0; transition: 0.5s;}
.newList2 ul li .text .bottom a{display: block; transition: 0.5s; display: block; float: right; height: 45px; line-height: 45px; border-radius:23px; text-align: center; font-size: 15px; color: #fff; background: #00923f; width: 170px;}
.newList2 ul li:hover{ background: #00923f;}
.newList2 ul li:hover .text h2{ color: #f3f3f4;}
.newList2 ul li:hover .text p{ color: #cbe2d2;}
.newList2 ul li:hover .text .bottom span{ color: #cbe2d2; background: url(/images/Time_03.png) left center no-repeat;}
.newList2 ul li:hover .text .bottom a{ color: #00923f; background: #fff;}

.newDetails .tit{ padding: 55px 0;}
.newDetails .tit h2{ text-align: center; font-size: 16px; color: #333; margin-bottom: 45px;}
.newDetails .tit ul{ text-align: center;}
.newDetails .tit ul li{ display: inline-block; margin: 0 55px; height: 14px; line-height: 14px; font-size: 12px; color: #b2b2b2;}
.newDetails .tit ul li img{margin-right: 15px; display: inline-block; vertical-align: middle;}
.newDetails .nr{ width: 100%;}
.newDetails .nr p{ font-size: 15px; color: #333; line-height: 26px; margin-bottom: 40px;}
.newDetails .nr .icon{ padding-bottom: 40px;}
.newDetails .nr .icon img{ display: block; margin: 0 auto 40px auto;}
.newDetails .nr .icon p{ text-align: center; font-size: 15px; color: #333;}
.newDetails .page2{ width: 100%; overflow: hidden; margin-top: 30px; border-top: 1px solid #e4e5e5}
.newDetails .page2 li{ width: 50%; float: left; text-align: left; color: #666; font-size: 16px; height: 80px; line-height: 80px;}
.newDetails .page2 li:last-child{ text-align: right;}
.newDetails .page2 li span{  color: #00923f; font-weight: bold; font-size: 16px;}
@media (max-width:1000px) {
	body{ padding-top: 60px;}
	.AppTop{ display: block; position: fixed; left: 0; top: 0; z-index: 100; background: #fff; width: 100%; height: 60px; padding: 0 15px; box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,.1);}
	.AppTop .logo{ float: left; height: 60px; line-height: 60px;}
	.AppTop .logo img{ display: inline-block; height: 50%; width: auto; vertical-align: middle;}
	.top{ display: none;}
	.PopLeft{ display: none;}
	.PopRight{ display: none;}
	.AppTop .sideClick{transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}
	.AppTop .sideClick span{transition: 0.5s; display: block; width: 100%; height: 3px; background: #5e9a08; position: absolute;}
	.AppTop .sideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .sideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ left: 0; bottom: 0;}
	.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{ z-index: 101; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; position: fixed; transition: 0.5s; width: 70%; left: -100%; height: 100vh; background: #fff; top: 0;}
	.sideBar .logo{ padding: 50px 0; text-align: center;}
	.sideBar .logo a{ font-size: 60px; font-weight: bold;}
	.sideBar .logo img{ display: block; width: 60%; height: auto; margin: 0 auto;} 
	.sideBar .nav{ width: 70%; margin: 0 auto;}
	.sideBar .nav ul li{ line-height: 40px;}
	.sideBar .nav ul li a{ font-size: 16px; color: #333;}
	.top{ display: none;}
	.w1600{ width: 100%;}
	.navGationBox dl { width: 100%; padding: 0 15px;}
	.navGationBox dl dd{ overflow: hidden; text-align: center; height: 50px; line-height: 50px; width: 25%; margin: 0;}
	.navGationBox dl dd a{ font-size: 12px;}
	.product{ padding-top: 30px;}
	.product ul{ padding: 0 10px; box-sizing: border-box;}
	.product ul li{ width: 49%; margin: 0 2% 15px 0;}
	.product ul li:nth-child(2n){ margin-right: 0;}
	.product ul li .icon{ height: auto;}
	.product ul li .text p{ display: none;}
	.product ul li .text span{ display:block; text-align: left; width: 100%;}
	.pageMain dd{ margin-bottom: 8px;}
	.footer .footerLeft{ display: none;}
	.footerBox .footerRight{ text-align: center; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.footerBox .footerRight h2{ background: url(/images/product_24.jpg) 15% center no-repeat;}
	.footerBox .footerRight p{ text-align: center;}
	.footerBox .footerRight dl{ width: 100%; text-align: center;}
	.footerBox .footerRight dl dd{ display: inline-block; float: inherit; margin: 0 3px;}
	.footerBox .footerRight dl dd:last-child{ display: none;}
	.footerBox .code{ padding-top: 25px; width: 100%; margin: 0;}
	.footerBox .code img{ width: 40%; height: auto; margin: 0 auto; display: block;}
	.copyRight .copyRightBox{ padding: 25px 15px; box-sizing: border-box; line-height: 28px; font-size: 14px; text-align: center; }
	.copyRight .copyRightBox p{ line-height: 28px; text-align: center; width: 100%; font-size: 14px;}
	
	.productDetails{ padding: 30px 15px;}
	.productDetails .con h2{ font-size: 24px; line-height: 36px;}
	.productDetails .con span{ display: block; font-size: 18px; line-height: 26px;}
	.productDetails .icon .iconBox{ padding-bottom: 15px; width: 100%; margin: 0;}
	.productDetails .icon .iconBox img{ display: block; width: 100%; height: auto; margin-bottom: 15px;}
	.productDetails .icon .iconMain{ width: 100%; height: auto;}
	.productDetails .icon .iconMain img{ display: block; margin-bottom: 15px; width: 100%; height: auto;}
	.aboutLayer1{ height: auto; padding: 50px 25px; box-sizing: border-box;}
	.aboutLayer1 .aboutLayer1Box{ position: relative; transform: none;}
	.aboutLayer1 .aboutLayer1Box h2{ font-size: 18px;}
	.aboutLayer1 .aboutLayer1Box p{ width: 100%; font-size: 14px; line-height: 28px;}
	.aboutLayer1 .aboutLayer1Box a{ width: 160px; height: 48px; line-height: 46px; font-size:14px ;}
	.aboutLayer2{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.aboutLayer2 .bt{ padding: 45px 0;}
	.aboutLayer2 .bt h2{ font-size: 24px;}
	.aboutLayer2 .bt p{ font-size: 14px; line-height: 24px;}
	.aboutLayer2 ul li{ width: 100%; margin: 0 0 15px 0; height: auto;}
	.aboutLayer2 ul li img{ width: 100%; height: auto;}
	.newList ul{ padding: 30px 15px; box-sizing: border-box;}
	.newList ul li a{ display: block; float: left; width: 70%; overflow: hidden; height: 52px;}
	.cantact{ padding: 30px 15px; box-sizing: border-box;}
	.cantact .cantactLayer1 .icon{ width: 100%; height: auto;}
	.cantact .cantactLayer1 .text{ width: 100%; height: auto; padding:20px 0 0 0 ;}
	.cantact .cantactLayer1 .text .bt span{ font-size: 18px;}
	.cantact .cantactLayer2 ul li input{ width: 100%; margin-bottom: 15px;}
	.cantact .cantactLayer2 ul li input:nth-child(2) { width: 60%;}
	.joinLyaer1{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.joinLyaer1 .text{ padding: 30px 0;}
	.joinLyaer1 .text h2{ font-size: 24px;}
	.joinLyaer1 .text p{ font-size: 13px; line-height: 24px;}
	.joinLyaer1 .Main{ width: 100%; padding: 0;}
	.joinLyaer1 .Main .MainLeft{ width: 100%; height: auto; margin-bottom: 15px;}
	.joinLyaer1 .Main .MainRight{ width: 100%; height: auto;}
	.joinLyaer1 .Main img{ display: block; width: 100%; height: auto;}
	.joinLayer2 .hd{ height: auto;}
	.joinLayer2 .hd ul{ float: left; width: 100%; padding: 0 15px; box-sizing: border-box; }
	.joinLayer2 .hd ul li{  height: 40px; line-height: 40px; text-align: center;}
	.joinLayer2 .hd ul li span{ font-size: 12px;}
	.joinLayer2 .hd .HdBt{ width: 100%; text-align: center;}
	
	.honor{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.honor ul{ padding:30px 0 0  0;}
	.honor ul li{ width: 100%; margin: 0 0 15px 0;}
	.honor ul li .icon{ width: 100%; height: auto;}
	.honor ul li .text{ width: 100%; height: 70px; line-height: 70px; font-size: 12px;}
	
	.newList2{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.newList2 ul{ width: 100%; padding: 30px 0 0 0;}
	.newList2 ul li{ padding: 15px; margin-bottom: 25px;}
	.newList2 ul li .icon{ width: 100%; height: auto;}
	.newList2 ul li .text{ width: 100%; height: auto; padding: 0;}
	.newList2 ul li .text h2{ height: auto; padding: 10px 0; font-size: 16px; line-height: 28px;}
	.newList2 ul li .text p{ padding: 0; margin: 20px 0; font-size: 12px; line-height: 26px; height: 52px; overflow: hidden;}
	.newDetails .tit ul li{ margin: 0 3px;}
	.newDetails .nr{ padding: 0 15px; box-sizing: border-box;}
	.newDetails .nr .icon{ width: 100%;}
	.newDetails .nr .icon img{ width: 100%; height: auto;}
	.newDetails .page2{ padding:15px; box-sizing: border-box;}
	.newDetails .page2 li{ text-align: left; width: 100%; overflow: hidden; height: 50px; line-height: 50px;}
	.newDetails .page2 li:last-child{ text-align: left;}
	
	.indexContainer{ width: 100%; height: auto;}
	.indexContainer .mySwiper .indexBox{ width: 100%; height: auto; overflow: hidden;}
	.indexContainer .warpBox{ display: block; width: 100%; height: auto;}
	.indexContainer .banner .swiper-button-next{ display: none;}
	.indexContainer .banner .swiper-button-prev{ display: none;}
	.indexContainer .banner .swiper-pagination{ bottom: 15px;}
	.indexContainer .layer1 .text{ width: 100%; height: auto; padding:25px 15px; box-sizing: border-box;}
	.indexContainer .layer1 .text p{ font-size: 22px; margin-top: 15px;}
	.indexContainer .layer1 .text .nr{ width: 100%; padding:25px 0 0 0;}
	.indexContainer .layer1 .text ul{ width: 100%; padding: 0;}
	.indexContainer .layer1 .text ul li{ padding: 0 5px; text-align: center; box-sizing: border-box;}
	.indexContainer .layer1 .text ul li h3{ font-size: 12px; line-height: 18px;}
	.indexContainer .layer1 .text a{ margin: 30px auto 0 auto;}
	.indexContainer .layer1 .icon{ width: 100%; height: 300px;}
	.indexContainer .layer1 .icon img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer2Box{ padding:35px 15px; box-sizing: border-box; text-align: center;}
	.indexContainer .layer2Box .tit{ height: auto; overflow: hidden;}
	.indexContainer .layer2Box .tit ul{ overflow: hidden; width: 100%; padding: 15px 0;}
	.indexContainer .layer2Box .tit ul li{ width: 32%;margin: 0 2% 15px 0; font-size: 12px;}
	.indexContainer .layer2Box .tit ul li:nth-child(3n){ margin-right: 0;}
	.indexContainer .layer2Box .bt{padding: 0 0 20px 0; font-size: 14px; line-height: 24px;}
	.indexContainer .layer2Box .bd{ width: 100%; height: auto;}
	.indexContainer .layer2Box .bd .title{ width: 100%; padding: 35px 0;}
	.indexContainer .layer2Box .bd .text{ width: 100%; padding:0 25px 25px 25px; box-sizing: border-box; line-height: 32px; font-size: 14px;}
	.indexContainer .layer2Box .bd .icon{ width: 100%; padding: 0;}
	.indexContainer .layer2Box .bd .icon img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer2.layer5 .layer2Box{ padding: 35px 15px; box-sizing: border-box;}
	.layer5Bd .nr{ width: 100%; padding: 15px 15px 30px 15px; box-sizing: border-box;}
	.layer5Bd .nr .nrLeft{ width: 100%; height: 365px;}
	.layer5Bd .nr .nrLeft .text .textBox{ padding: 0 10px; box-sizing: border-box;}
	.layer5Bd .nr .nrLeft .text .textBox span{ margin: 15px auto;}
	.layer5Bd .nr .nrLeft .text .textBox a{ margin: 0 auto;}
	.layer5Bd .nr .nrRight{ width: 100%; padding-top: 15px; height: auto;}
	.layer5Bd .nr .nrRight ul li{ height: auto;}
	.layer5Bd .nr .nrRight ul li .icon{ width: 100%; height: auto;}
	.layer5Bd .nr .nrRight ul li .text{ width: 100%; padding: 0;}
	.layer5Bd .nr .nrRight ul li .text h2{ text-align: left;}
	.layer5Bd .nr .nrRight ul li .text span{ text-align: left;}
	.indexContainer .layer6{ height: 550px; padding: 45px 15px 0 15px; box-sizing: border-box; background-size:auto 100%;}
	.indexContainer .layer3{ width: 100%; height: 450px; background-size:auto 100%;}
	.indexContainer .layer3 .hd{ width: 100%;}
	.indexContainer .layer3 .hd ul li{ height: 60px;}
	.indexContainer .layer3 .hd ul li .tp{ width: 60px; height: 60px;}
	.indexContainer .layer3 .hd ul li .tp img{ width: 50%!important; width: auto;}
	.indexContainer .layer3 .hd ul li p{ padding-left: 30px; line-height: 60px; font-size: 12px;}
	.indexContainer .layer1 .text ul li h2 b{ font-size: 24px;}
	.indexContainer .layer2{ background-size:auto 100%;}
	.layer5Bd .nr .nrRight ul li .text h3{ height: 40px; line-height: 40px; font-size: 18px; overflow: hidden; text-align: left; margin-bottom: 10px;}
	
	.page_conate img{ display: block; width: 100%; height: auto;}
	.page_conate p{ width: 100%;}
	.page_conate p img{ display: block; width: 100%; height: auto;}
	.indexContainer .layer2.layer5{ background-size:auto 100%;}
	.indexContainer .layer3 .bdBox img{ width: auto;}
	.cantact .cantactLayer1 .text dl dd{ width: 49%; margin-right: 2%;}
	.cantact .cantactLayer1 .text dl dd:last-child{ margin-right: 0;}
	.newDetails .nr p img{ display: block; width: 100%; height: auto;}
	.joinLayer2 .conBox .bt p.xizi{float:none; padding-right:0px; }
	.joinLayer2 .conBox .bt{ height:140px;}
	.joinLayer2 .conBox .bt p{ float:none}
}
@media (min-width:1001px) and (max-width:1600px) {
	.indexContainer .mySwiper .indexBox{ overflow: hidden;}
	.w1600{ width: 90%; margin: 0 auto;}
	.indexContainer .layer1 .text{ padding: 55px 0 0 8.5%;}
	.indexContainer .layer1 .text .nr{padding: 35px 60px 10px 0;}
	.indexContainer .layer1 .text a{ margin-top: 20px;}
	.topBox .nav ul li{ margin-right: 20px;}
	.aboutLayer1 .aboutLayer1Box p{ width: 80%; margin:0 auto;}
	.indexContainer .layer2Box .bd{ width: 100%; height: 340px;}
	.indexContainer .layer2Box .bd .title{ padding: 13% 0 0 0;}
	.indexContainer .layer2Box .bd .text{ padding: 5% 0 0 0;}
	.indexContainer .layer2Box .bd .icon{ width: calc(100% - 785px); height: auto;}
	.indexContainer .layer4 .layer4Box{ width: 90%; margin: 0 auto;}
	.layer5Bd .nr .nrLeft{ width: 49%; float: left;}
	.layer5Bd .nr .nrRight{ width: 49%; float: right;}
	.layer5Bd .nr .nrRight ul li .text h3{ overflow: hidden;}
	.joinLyaer1 .Main{ padding: 0;}
	.joinLyaer1 .Main .MainLeft{ display: none;}
	.joinLyaer1 .Main .MainRight{ display: block; width: 100%; height: auto;}
	.product ul{ overflow: hidden;}
	.product ul li{ width: 32%; margin-right: 2%;}
	.product ul li:nth-child(4n){ margin-right: 2%;}
	.product ul li:nth-child(3n){ margin-right: 0;}
	.topBox .nav ul li a{ font-size: 14px;}
	.indexContainer .layer2Box .tit ul li{ width: 120px; font-size: 12px;}
	.indexContainer .layer2Box .bt{ padding: 25px 0;}
	.layer5Bd .nr{ padding: 15px;}
	
	
}
.page{ padding-top: 10px; }
.page_conate img{ display: inline; }
.nr img{ display: inline; }