.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative; z-index: 3;}
.banroll{bottom:0; }

.allroll{ text-align: center; width:100%;height:1.6rem; z-index: 3;left: 0; width:100%; position: absolute; }
.allroll span{display: inline-block;width:0.35rem;height:0.35rem; margin:0 0.4rem;border-radius: 100%;background:#a0a0a0;opacity: 1;}
.allroll .swiper-pagination-bullet-active{background:#019c58; width:1.4rem; border-radius: 2rem;}

.tit01{ height:5.1rem; line-height: 5.1rem;font-weight: bold; color:#019c58; font-size: 1.2rem; text-align: center;}
.tit01 a{ display: block;color:#019c58;}

nav{ height:6.7rem; background:#404040; position: relative; overflow: hidden;}
nav a{ display: block;width:33.3%; float: left; height:3.35rem; color:#fff; text-align: center; line-height: 3.35rem; position: relative; font-size: 1rem;font-weight: bold;}
nav a::before{position: absolute; content:""; width: 1px; height:0.8rem;background:#545454;border-right: 1px solid #333333; top: 1.7rem; right: 0;}
nav a:nth-child(3n)::before {height:0;}

.ted{ margin-top: 2.1rem;}
.ted dl{ width:50%; float: left; height:15rem; overflow: hidden;}
.ted dt{ width:38.4375%; margin: 0 auto;}
.ted dd {padding: 0.6rem 3rem;}
.ted dd h3{ font-size: 1rem; color:#009f36;font-weight: bold; text-align: center;}
.ted dd p{ font-size: 0.9rem; line-height: 1.4rem; color:#333333; padding-top: 0.8rem;}

.case{background: url(../images/casebg.jpg) no-repeat 0 0 ;background-size: 100%; padding-top: 1.9rem; position: relative;}
.case .caseroll{ top: 26.7rem;}
.caseroll span{ background:#4eba8a;}
.caseroll .swiper-pagination-bullet-active{background:#fff;}

.case_nav{ height:2rem; overflow: hidden;margin-bottom: 1.2rem;}
.case_nav p{width:28.4375%; float: left;height:2rem; background:#979797; text-align: center; font-size: 0.9rem; color:#fff; line-height: 2rem; margin-right: 1.875%;}
.case_nav p:first-child{margin-left: 5.6%;}
.case_nav p.cur{background:#019c58;}
.case_con dd{ position: relative;margin:-0.8rem 5.6% 0;background:#019c58; height:21rem; overflow: hidden; padding-top: 3.8rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.case_con dd h3{padding-left: 2.2rem; height:2rem; line-height: 2rem; position: relative; overflow: hidden; font-size: 1.1rem; font-weight: bold;}
.case_con dd h3 a{ display: block; color:#fff;}
.case_con dd h3::before{position: absolute; content:""; width:0.5rem; height:0.5rem; background:#fff; top: 0.7rem; left: 1.2rem;}
.casewz{padding: 0 2.3rem;height:11rem;overflow:hidden;}
.casewz p{ margin-top: 0.8rem; font-size: 0.9rem; line-height: 1.1rem; color:#fff;}
.case_con dd em{ display: block;padding: 0.7rem 0 0 2.3rem;}
.case_con dd em a{ display: inline-block;margin-right: 1.2rem; width:7.2rem;height:1.7rem; line-height: 1.7rem;border:0.1rem solid #fff; border-radius: 30rem; font-size: 0.9rem; color:#fff; text-align: center;}
.case_con dd em img{ width:0.6rem; height:0.5rem; margin-left: 0.5rem;}

.pro{background: url(../images/probg.jpg) no-repeat 0 0 ;background-size: 100%; padding: 2.2rem 0 2.5rem; position: relative;}
.proroll{ height:1.5rem; bottom:0;}
.pro_nav{ height:2rem; overflow: hidden;}
.pro_nav p{width:28.4375%; float: left;height:2rem; background:#979797; text-align: center; font-size: 0.9rem; color:#fff; line-height: 2rem; margin-right: 1.875%;}
.pro_nav p:first-child{margin-left: 5.6%;}
.pro_nav p.cur{background:#019c58;}
.pro_con ul{margin-top: 1.9rem;}
.pro_con li{ width:43.59%; margin-left:5.6%; float: left; overflow: hidden;}
.pro_con li:nth-child(2n){ margin-left: 1.87%;}
.pro_con li span{ display: block; height:3.1rem; line-height: 3.1rem;text-align: center; overflow: hidden; font-size: 0.9rem; color:#333333;}

.shili{ padding-bottom: 2.8rem;position: relative;}
.shili .tit01{height:4.5rem; line-height: 4.5rem;}
.shiliroll{ height:1.6rem; bottom:0;}
.shili_nav{ height:2rem; overflow: hidden;    margin-bottom: 1.2rem;}
.shili_nav p{width:22.1875%; float: left;height:2rem; background:#979797; text-align: center; font-size: 0.9rem; color:#fff; line-height: 2rem; margin-right: 1.09%;}
.shili_nav p:first-child{margin-left: 4.2%;}
.shili_nav p.cur{background:#019c58;}
.shili_con p{padding: 1.3rem 2.4rem 0;  font-size: 0.9rem; line-height: 1.6rem; color:#fff;}
.shili_con dd{height:12.5rem; background:#019c58; position: relative;margin:-2.8rem 5.6% 0;}
.shili_con dd em{ display: block;padding: 1.7rem 0 0 2.3rem;}
.shili_con dd em a{ display: inline-block;margin-right: 1.2rem; width:7.2rem;height:1.7rem; line-height: 1.7rem;border:0.1rem solid #fff; border-radius: 30rem; font-size: 0.9rem; color:#fff; text-align: center;}
.shili_con dd em img{ width:0.6rem; height:0.5rem; margin-left: 0.5rem;}

.baoz{position: relative; padding-bottom:3.4rem;}
.baoz .tit01{height:4rem; line-height: 4rem;}
.baozroll{ height:2.6rem; bottom:0;}
.baoz_nav{ height:2rem; overflow: hidden;}
.baoz_nav p{width:22.1875%; float: left;height:2rem; background:#979797; text-align: center; font-size: 0.9rem; color:#fff; line-height: 2rem; margin-right: 1.09%;}
.baoz_nav p:first-child{margin-left: 4.2%;}
.baoz_nav p.cur{background:#019c58;}
.baoz_con{padding-top: 1.2rem;}
.baoz_con h3{ height:3.6rem;line-height: 3.6rem; border-bottom: 1px dashed #788b84;margin:0 2.5rem 0 2rem; font-size: 1.1rem; color:#019c58;font-weight: bold;padding-left: 1.3rem; position: relative;}
.baoz_con h3::before{position: absolute;content:""; width:0.5rem; height:0.5rem; background:#019c58; top:1.5rem; left: 0;} 
.baoz_con dd p{margin:0 12.5% 0 8.7%; padding-left: 1.2rem;background: url(../images/baozicon.gif) no-repeat 0 0.4rem ;background-size: 0.4rem 0.4rem; line-height: 1.2rem; font-size: 0.9rem; color:#333333; margin-top: 1rem;}

.wit{background: url(/mobile/images/index/witbg.jpg) no-repeat 0 0 ;background-size:100%;height:34.45rem; overflow: hidden;  position: relative;}
.witroll{ height:3rem; bottom: 0;}
.wit .tit01{ padding-top: 1rem; height:4.8rem;}
.wit .tit01 a{ color:#fff;}
.wit_con dl{ width:89.0625%; margin: 0 auto; overflow: hidden; background:#fff;}
.wit_con dd{ height:10.8rem; overflow: hidden;}
.wit_con dd h3{padding: 1.8rem 0 0 2.4rem; position: relative; font-size: 1.1rem; color:#019c58; position: relative;}
.wit_con dd h3 a{display: block; font-weight: bold;  color:#019c58;}
.wit_con dd h3 span{display: block; font-size: 0.8rem; color:#888888; margin-top: 0.6rem;}
.wit_con dd h3::before{position: absolute; content:""; width:0.4rem; height:0.4rem; left: 1.25rem; top: 2.3rem;background:#979797;}
.wit_con dd p{padding: 1rem 2.4rem 0; font-size: 0.9rem; line-height: 1.6rem; color:#666666;}

.coo{ margin-top: 0.45rem;}
.coo .tit01{height:5.4rem;}
.coo li{ float: left; width:30.3125%; margin: 0 1.09% 0.7rem 0; overflow: hidden; line-height: 0;}
.coo li:nth-child(1) , .coo li:nth-child(4), .coo li:nth-child(7){ margin-left: 3.59%;}
.coo em{ display: block;padding: 1.7rem 0 0 ; text-align: center; height:4.2rem; overflow: hidden;}
.coo em a{ display: inline-block;margin-right: 1.2rem; width:8.2rem;height:1.7rem; line-height: 1.7rem;border:0.1rem solid #019c58; border-radius: 30rem; font-size: 0.9rem; color:#019c58; text-align: center;}
.coo em img{ width:0.6rem; height:0.5rem; margin-left: 0.5rem;}

.about{background:#f7f7f7; padding-bottom: 2.1rem;}
.about .tit01{ padding-top: 0.45rem;}
.about dd h3{ height:2rem; line-height: 2rem; font-size: 1.1rem;font-weight: bold; padding: 1.9rem 0 0 3.9rem ; position: relative;}
.about dd h3 a{ color:#019c58;}
.about dd h3::before{position: absolute; content:""; width:0.5rem; height:0.5rem; background:#979797; top: 2.6rem; left: 2.8rem;}
.about dd p{padding: 0.6rem 3.9rem 0; font-size: 0.9rem; line-height: 1.6rem;}

.xc{background:#f7f7f7; padding-bottom: 2.8rem;}
.xc_nav{ height:4.5rem; overflow: hidden;}
.xc_nav p{width:28.4375%; float: left;height:1.8rem; text-align: center; font-size: 0.9rem; color:#fff;  line-height: 1.8rem; margin-right:1.875%;background:#979797;}
.xc_nav p:first-child{margin-left: 5.6%;}
.xc_nav p.cur{background:#019c58; color:#fff;}
.xc_con li{ margin-left: 4.2%; width:44.53%; float: left; overflow: hidden;}
.xc_con li:nth-child(2n){margin-left: 2.5%;}
.xc_con li span{ display: block; line-height: 3rem; color:#333333; font-size: 0.9rem; text-align: center;}

.news{ margin-top: 0.6rem; position: relative; padding-bottom: 1.5rem;}
.news_nav{ height:2rem; overflow: hidden; margin-bottom: 1rem;}
.news_nav p{width:28.4375%; float: left;height:2rem; background:#979797; text-align: center; font-size: 0.9rem; color:#fff; line-height: 2rem; margin-right: 1.875%;}
.news_nav p:first-child{margin-left: 5.6%;}
.news_nav p.cur{background:#019c58;}

.news_con{}
.news_con dl{ padding: 1rem 0;margin:0 2rem; border-bottom: 1px dashed #b3b3b3;}
.news_con dt{ padding-left: 1rem;background: url(../images/newsicon.gif) no-repeat 0 0.5rem ;background-size:0.3rem 0.35rem; font-size: 0.9rem; color:#333333;font-weight: bold; line-height: 1.4rem;}
.news_con dt a{ color:#333333; display: block;}
.news_con dd{ padding: 0.5rem 0 0 1rem; font-size: 0.9rem; line-height: 1.4rem; color:#333333;}
.news_con dl:last-child{border-bottom: 0;}

html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}