

.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative; z-index: 1;}

.tit02{ font-size: 2.2rem; color:#141414;text-align: center; position: relative;padding-bottom: 1.1rem;}
.tit02 a{ color:#141414;font-weight: bold;}
.tit02 span{font-weight: bold;}
.tit02::before { position: absolute;    content: ''; width:1.5rem; height:0.1rem; background: #141414; bottom:0; left: 50%; margin-left: -0.75rem; }

.tedian{padding: 3.5rem 0 3.9rem;}
.tedian .tit02{margin-bottom: 1.9rem;}
.tedian dl{ width:45.86%; border:1px solid #e2e3e7; height:18.8rem;overflow: hidden; float: left; margin-right: -1px; position: relative;}
.tedian dl.dl01{ margin-left: 4%;}
.tedian dt {position: relative; height:8.9rem;overflow: hidden; position: relative; font-size: 1.5rem; color:#141414; text-align: center;font-weight: bold; line-height: 3rem;}
.tedian dt::before { position: absolute;    content: ''; width:0.9rem; height:0.1rem; background: #141414; bottom:0; left: 50%; margin-left: -0.45rem; }
.tedian dt span{display: block;position: absolute; top: 0; right:0; width:2.1rem;}
.tedian dt img{margin: 1.7rem auto 0; width:4rem; display: block;}
.tedian dt span img{ width:2.1rem; margin: 0 auto;}
.tedian dd{padding: 1rem 2.1rem 0; font-size: 1rem; line-height: 1.7rem; color:#919191;}

.tit01{text-align: center; font-size: 2.2rem; color:#141414;font-weight: bold; line-height: 2.6rem;}
.tit01 a{ color:#141414;}
.tit01 span{ display: block; font-size: 1.1rem; color:#a7a7a7;font-weight: normal;}

.pro{background:#eeeff0;padding: 3.3rem 0 4rem; position: relative;}
.pro_nav{ margin-top: 0.9rem; height:4.2rem; overflow: hidden; position: relative;}
.pro_nav::before{position: absolute; content:""; width:100%; height:1px; background:#dddee2; bottom:0.15rem; left: 0;}
.pro_nav p{ width:33.3%; float: left;font-size: 1.2rem; color:#212121;text-align: center;line-height: 3.6rem; height:4.2rem;}
.pro_nav p.cur{position: relative; color:#00a54e;font-weight: bold;}
.pro_nav p.cur::before{position: absolute; content:""; width:8.2rem; height:0.35rem; background:#00a54e; bottom:0rem; left: 50%; margin-left: -4.1rem; border-radius: 0.5rem;}
.proprev{position: absolute; top: 37.6rem;left: 4%; width:2.4rem; background:rgba(0,0,0,0.5); z-index: 3;}
.pronext{position: absolute; top: 37.6rem;right: 4%; width:2.4rem; background:rgba(0,165,78,1); z-index: 3;}
.pro_con dl{ width:92%;background:#fff; margin:1.4rem auto 0;}
.pro_con dd{padding: 1rem 2.4rem 1.7rem;}
.pro_con dd h3{ height:3.4rem; border-bottom: 1px solid #dddee2; font-size: 1.5rem; color:#141414; line-height: 3.4rem;}
.pro_con dd h3 span{font-size: 0.9rem;}
.pro_con dd h3 img{ width:0.45rem; vertical-align: middle; margin-left: 0.5rem;}
.pro_con dd p img{ display: block;}
.pro_con dd p {margin: 0.8rem auto 0; font-size: 1.1rem; color:#a8a8a8; line-height: 1.5rem;}

.case{margin: 3.5rem 0 4rem;}
.case_nav{ margin-top: 1.3rem; overflow: hidden; height:13.3rem;}
.case_nav p{ float: left; width:33.3%; height:6.3rem; font-size: 1.2rem; color:#373737; text-align: center; }
.case_nav p img{ display: block; width:3.3rem; margin: 0 auto;}
.case_nav p.cur{ color:#00ac54;}
.case_nav  a{font-size: 1.2rem; color:#373737;}

.case_con dl{width:92%; margin:0 auto 0; position: relative;}
.case_con dd {position: absolute; bottom:0;left: 0; width:100%;padding: 1rem 1.5rem;background:rgba(0,0,0,0.9);
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.case_con dd h3{ font-size: 1.3rem; color:#fff;background: url(../images/casemore.png) no-repeat right center ;background-size:1.85rem 1.85rem; line-height: 2rem;}
.case_con dd p{ font-size: 1rem; color:#b9b9b9; line-height: 1.4rem; margin-top: 0.5rem;}

.news{ padding: 3rem 0;background:#eeeff0;}
.news dl{margin-top: 1.7rem;}
.news dt { float: left; margin-left: 4%; width:22%;}
.news dd{ float: right; margin-right: 4%; width:64%; overflow: hidden;}
.news dd h3{ font-size: 1.2rem; color:#3d3d3d; line-height: 1.5rem;}
.news dd p{ font-size: 1.1rem; line-height: 1.4rem; color:#989898; height:2.5rem; line-height: 2.5rem; overflow: hidden;}
.news dd span{ font-size: 1.1rem; color:#989898; font-weight: bold; margin-top: 0.5rem;}

.about{margin: 3.5rem 0 2.5rem;}
.about  dl{margin-top: 1.5rem;}
.about  dd{padding: 1.4rem 1.5rem 0; font-size: 1.1rem; line-height: 2.1rem; color:#919191;}
.about  dd span{ color:#00ac54;}
.about  dd  a{ color:#919191;}





