.top-wz{width:100%;height: .31rem;overflow:hidden;background: #eaeaea;}
.top-nei{width:12rem;margin:auto;height: 100%;}
.top-nei p{display:inline-block;float:left;line-height: .30rem;color:#333333;font-size:.12rem;}
.dit-con{float:right;height: 100%;color:#777777;}
.dit-con a , .dit-con i{display:inline-block;line-height: .30rem;color:#777777;margin:0rem .10rem;font-size:.14rem;}
.dit-con i{font-style: normal;}
.dit-con a:hover{text-decoration:underline;}
.dit-con p{display:inline-block;text-decoration:underline;}
/*轮播图*/
#banner{width: 100%;overflow: hidden;position: relative;}
.swiper-slide{width: 100%;}
.swiper-slide img{width: 100%;display: block;}
.swiper-container-banner{overflow: hidden;}
.swiper-pagination-banner{position: absolute;z-index: 88;text-align: center;}
.swiper-container-banner .swiper-pagination-bullet{height: .15rem !important;width: .15rem !important;}
.swiper-container-banner .swiper-pagination-bullet-active{background: #11a866 !important;}
/*搜索*/
#search{width: 100%;background: #e8e8e8;}
.search-box{width: 100%;max-width: 12rem;margin: 0 auto;height: .8rem;}
.search-keyword{line-height: .8rem;float: left;font-size: .18rem;color: #000000;}
.search-keyword img{float: left;width: .36rem;height: .33rem;margin-top: .2rem;margin-right: .1rem;}
.search-inp{float: right;height: .50rem;width: 4.5rem;margin-top: .15rem;font-size: .14rem;}
.search-inp input{width: 3.8rem;float: left;height: .5rem;border: 0;padding: .2rem;box-sizing: border-box;}
.search-inp button{width: .70rem;height: .5rem;color: #ffffff;float: right;cursor: pointer;border: 0;background: #11a866;}
.search-inp img{width: .26rem;height: .27rem;}
/*sparkles*/
#sparkles{width: 100%;height: 7.8rem;background: url(../img/Sparkles_bg.jpg)no-repeat center center;background-size: 19.2rem 7.8rem;}
.section-box{width: 12rem;margin: 0 auto;}
.sparkles-box{padding:.3rem 0;box-sizing: border-box;}
.sparkles-box-left{width: 5.3rem;float: left;}
.sparkles-box-left h4{font-size: .5rem;font-weight: bold;background: linear-gradient(to top,#008742,#05a855,#008742);-webkit-background-clip: text;color: transparent;text-align: center;line-height: .8rem;}
.sparkles-box-left h4 strong{background: linear-gradient(to top,#2e2a29,#8f8b8a,#2e2a29);-webkit-background-clip: text;color: transparent;}
.sparkles-box-left-pk{width: 100%;position: relative;}
.sparkles-box-left-pk ul li{width: 100%;margin-top: .12rem;position: relative;}
.sparkles-box-left-pk ul li:first-child{margin-top: 0;}
.sparkles-box-left-pk ul li img{width: 100%;display: block;}
.sparkles-box-left-pk ul li h6{height: .64rem;width: 100%;background: #303030;color: #FFFFFF;position: absolute;left: 0;bottom: 0;line-height: .64rem;font-size: .26rem;text-align: center;letter-spacing: .03rem;}
.sparkles-box-left-pk ul li h6 strong{font-size: .28rem;}
.sparkles-box-left-pk ul li:first-child h6{background: #0c9358;top: 0;bottom: auto;}
.sparkles-box-left-pk i{font-style: normal;display: block;height: 1.26rem;width: 1.26rem;border-radius: 50%;background: linear-gradient(to top,#9e9e9e,#ebebeb,#9e9e9e);font-size: .7rem;color: #05a654;font-weight: bold;text-align: center;line-height: 1.26rem;position: absolute;top: 50%;left: 50%;transform: translate(-.63rem,-.63rem);}
.sparkles-box-right{width: 6.7rem;float: right;padding: .3rem .26rem;box-sizing: border-box;}
.sparkles-box-right-title{width: 3.4rem;height: 2rem;border: .08rem solid #373737;margin-left: .3rem;}
.sparkles-box-right-title-con{width: 4.8rem;height: 1.48rem;position: relative;margin-top: .26rem;margin-left: .3rem;}
.sparkles-box-right-title-con:before{content: '';width: 1rem;height: 100%;background: #FFFFFF;z-index: 1;position: absolute;left: 3rem;top: 0;}
.sparkles-box-right-title-con h3{font-size: 1.4rem;position: absolute;top: 0;left: 0;z-index: 2;background: linear-gradient(to top,#008742,#05a855,#008742);-webkit-background-clip: text;color: transparent;font-weight: bold;line-height: 1.5rem;}
.sparkles-box-right-title-con h4{font-size: .6rem;position: absolute;top: 0;right: 0;z-index: 2;background: linear-gradient(to top,#008742,#05a855,#008742);-webkit-background-clip: text;color: transparent;font-weight: bold;letter-spacing: .1rem;}
.sparkles-box-right-i{width: 2.85rem;height: .42rem;position: absolute;bottom: .12rem;right: 0;z-index: 2;}
.sparkles-box-right-i i{display: block;height: .42rem;line-height: .42rem;text-align: center;font-size: .2rem;color: #FFFFFF;float: left;font-style: normal;}
.sparkles-box-right-i i:first-child{background: #353535;width: 1.65rem;}
.sparkles-box-right-i i:last-child{background: #038f52;width: 1.2rem;}
.sparkles-box-right-con{width: 100%;height: .86rem;position: relative;margin-left: .4rem;margin-top: .4rem;}
.sparkles-box-right-con h6{font-size: .4rem;text-transform: uppercase;color: #9f9f9f;}
.sparkles-box-right-con div{background: #FFFFFF;width: 4.2rem;height: .52rem;position: absolute;bottom: 0;left: 0;}
.sparkles-box-right-con h5{font-size: .48rem;font-weight: bold;background: linear-gradient(to left,#009b4c,#18d474,#009b4c);-webkit-background-clip: text;color: transparent;line-height: .52rem;}
.sparkles-box-right-ul{width: 100%;height: 2.67rem;background: url(../img/sparkles_box_right_ul.png)no-repeat left center;background-size: 2.73rem 2.67rem;padding-left: 2.8rem;padding-top: .2rem;box-sizing: border-box;margin-top: .8rem;}
.sparkles-box-right-ul ul li{font-size: .24rem;color: #008f46;line-height: .6rem;position: relative;padding-left: .36rem;box-sizing: border-box;}
.sparkles-box-right-ul ul li:before{content: '';height: .02rem;width: .25rem;background: #008b44;position: absolute;top: .29rem;left: 0;}
.sparkles-box-right-ul ul li strong{font-size: .28rem;}

/*product*/
#product{padding: .86rem 0;box-sizing: border-box;width: 100%;background: url(../img/product_bg.jpg) top center;background-size: 19.2rem 11.41rem;}
#product .sec-title{width: 100%;background: url(../img/product_title_bg.jpg)no-repeat;background-size: 19.2rem 2.35rem;height: 2.35rem;padding-top: .5rem;box-sizing: border-box;}
#product .sec-title h2{text-align: center;font-size: .72rem;color: #FFFFFF;font-weight: bold;transform: translateX(1.7rem);width: 3rem;margin: 0 auto;}
#product .sec-title span{text-align: center;color: #FFFFFF;display: block;margin-top: .1rem;margin-left: 3.4rem;}
#product .sec-title i{font-size: .16rem;opacity: .4;font-style: normal;text-align: center;text-transform: uppercase;display: block;color: #FFFFFF;margin-top: .07rem;margin-left: 2.85rem;}
.sec-title{margin: 0 auto;color: #2c2b27;line-height: 1;}
.sec-title h2{font-size: .42rem;font-weight: bold;position: relative;margin-bottom: .1rem;}
.sec-title span{font-size: .18rem;}
.product-box{margin-top: .8rem;}
.left-nav{width: 2.5rem;float: left;}
.left-nav-top{width: 100%;height: .76rem;padding: .1rem .2rem;box-sizing: border-box;text-align: right;background: #038f52;position: relative;box-shadow: 0 0 .15rem #cdcdcd;}
.left-nav-top a{color: #FFFFFF;}
.left-nav-top h3{line-height: .44rem;font-size: .3rem;font-weight: bold;}
.left-nav-top h3,.left-nav-top span{text-shadow: 0.03rem .03rem .05rem #013b22;}
.left-nav-top span{text-transform:uppercase;font-size: .14rem;line-height: 1;display: block}
.left-nav-top img{height: .49rem;width: .43rem;position: absolute;top: .13rem;left: .2rem;}
.left-nav-con{background: #FFFFFF;width: 100%;padding: 0 .18rem .2rem;box-sizing: border-box;border: .01rem solid #bfbcbc;margin: .1rem 0;text-align: center;}
.left-nav-con-box{width: 100%;padding: .2rem 0 0;box-sizing: border-box;}
.left-nav-list-title{height: .4rem;line-height: .4rem;width: 100%;background: linear-gradient(to left,#038f52,#24ca82,#038f52);font-size: .18rem;border-radius: .1rem;}
.left-nav-list-title a{color: #FFFFFF;display: block;}
.left-nav-con-box ul li{height: .54rem;width: 100%;line-height: .54rem;padding-left: .6rem;font-size: .18rem;border-bottom: .01rem dashed #d2d2d2;box-sizing: border-box;position: relative;text-align: left;overflow: hidden;}
.left-nav-con-box ul li:last-child{border-bottom: 0;}
.left-nav-con-box ul li a{color: #4d4d4d;}
.left-nav-con-box ul li:before{height: .12rem;width: .12rem;border: .01rem solid #333333;box-sizing: border-box;border-radius: 50%;content: '';position: absolute;top: .21rem;left: .38rem;}
.left-nav-con-box ul li:hover:before{border: .03rem solid #038f52;}
.left-nav-con-box ul li:hover a{color: #038f52;}
.left-nav-bot{width: 100%;height: 1.3rem;color: #FFFFFF;padding: .1rem .4rem;box-sizing: border-box;background: #038f52;}
.left-nav-bot h5{font-size: .18rem;line-height: .36rem;font-weight: 400;letter-spacing: -.01rem;text-align: center;}
.left-nav-bot p{font-size: .16rem;line-height: .35rem;padding-left: .35rem;box-sizing: border-box;position: relative;background: url(../img/left_nav_bot_ioc01.png)no-repeat left center;background-size: .25rem .25rem;}
.left-nav-bot p:last-child{background: url(../img/left_nav_bot_ioc02.png)no-repeat left center;background-size: .25rem .25rem;}
.pro-list{width: 9.2rem;float: right;}
.pro-list ul li{width: 32%;margin-left: 2%;float: left;}
.pro-list ul li:nth-child(3n+1){margin-left: 0;}
.pro-img{width: 100%;height: 2.9rem;border: .01rem solid #b5b5b5;box-sizing: border-box;padding: .13rem;transition:all .5s;box-sizing: border-box;}
.pro-img img{width: 100%;height: 100%;}
.pro-title{width: 100%;height: .5rem;line-height: .5rem;font-size: .18rem;color: #333333;background: linear-gradient(to left,#bebebe,#e6e6e6,#bebebe);margin: .12rem 0 .22rem;}
.pro-list ul li:hover .pro-img{border: .01rem solid #0a7b3b;padding: 0;}
.pro-list ul li:hover .pro-title{color: #FFFFFF;background: linear-gradient(to left,#037f49,#0dc575,#037f49);}
.pro-title h3{height: .5rem;width: 100%;overflow: hidden;font-size: .18rem;font-weight: 500;text-align: center;}

.index-contact{width: 100%;height: 2rem;background-size: 19.2rem 2rem;background: url(../img/index_contact_bg.jpg)no-repeat;padding: .3rem 0;box-sizing: border-box;}
.index-contact-box{width: 12rem;margin: 0 auto;color: #FFFFFF;position: relative;}
.index-contact-box h3{font-size: .48rem;line-height: 1;}
.index-contact-box h3 strong{color: #038f52;}
.index-contact-box span{font-size: .18rem;line-height: .6rem;}
.index-contact-box-telephone{height: .3rem;line-height: .3rem;width: 4rem;}
.index-contact-box-telephone p{float: left;font-size: .18rem;}
.index-contact-box-telephone a{color: #FFFFFF;display: block;height: .3rem;width: 1.2rem;text-align: center;background: #038f52;float: right;}
.index-contact-box img{width: 1.4rem;height: 1.4rem;position: absolute;top: 0;left: 6.5rem;}
/*reason*/
#reason{width: 100%;height: 18rem;background: url(../img/reason_bg.jpg);background-size: 19.2rem auto;padding: .36rem 0;box-sizing: border-box;}
.reason-box-title{width: 7rem;height: 1.7rem;margin: 0 auto .4rem;}
.reason-box-title img{width: 100%;display: block;}
.reason-one{width: 100%;background: url(../img/reason_one_bg.png)no-repeat bottom right;background-size: 4.9rem 4.9rem;padding-bottom: .1rem;box-sizing: border-box;}
.reason-box{width: 12rem;margin: 0 auto;color: #4c4c4c;}
.reason-one .reason-box{padding-top: .46rem;box-sizing: border-box;}
.reason-one-left{width: 5.8rem;float: left;padding: 0 .2rem .76rem;box-sizing: border-box;border: .01rem solid #eaeaea;border-top: 0;box-shadow: .05rem .1rem .1rem #939393;}
.reason-one-title{width: 100%;height: 1.2rem;position: relative;padding-left: 1.5rem;box-sizing: border-box;padding-top: .2rem;}
.reason-one-title:before{content: '';width: 1.2rem;height: 1.2rem;background: #cecdcd;border-radius: 50%;box-shadow: .02rem .02rem .1rem #717171;position: absolute;top: 0;left: 0;}
.reason-one-title:after{content: '01';width: 1.05rem;height: 1.05rem;background: linear-gradient(to top,#000000,#ffffff);border: .01rem solid #FFFFFF;box-sizing: border-box;box-shadow: .02rem .02rem .1rem #717171;color: #FFFFFF;font-size: .7rem;line-height: 1.05rem;text-align: center;font-weight: bold;text-shadow: .05rem 0 .1rem #4e4e4e;position: absolute;top: .08rem;left: .08rem;border-radius: 50%;}
.reason-box h3{line-height: .5rem;font-size: .32rem;font-weight: bold;}
.reason-box span{line-height: .4rem;font-size: .2rem;letter-spacing: .01rem;}
.reason-box strong{color: #038f52;}
.reason-box h5{line-height: .34rem;width: 100%;height: .34rem;border-bottom: .01rem dashed #b2b2b2;color: #b2b2b2;font-size: .16rem;text-transform: uppercase;font-weight: bold;opacity: .9;margin-top: .2rem;margin-left: .1rem;}
.reason-box ul{margin-left: .1rem;}
.reason-box ul li{line-height: .6rem;font-size: .18rem;color: #333333;padding-left: .5rem;box-sizing: border-box;background: url(../img/reason_box_ul_li_ioc.png)no-repeat left center;background-size: .29rem .26rem;border-bottom: .01rem dashed #b8b8b8;}
.reason-one-right{width: 6.2rem;height: 4.35rem;float: right;position: relative;}
.reason-one-right:before{content: '';height: 3.6rem;width: 5.4rem;background: repeating-linear-gradient(to top right,#000000,#5c5b5b);position: absolute;top: -.3rem;right: -.3rem;}
.reason-one-right img{width: 100%;position: absolute;left: 0;bottom: 0;height: 100%;box-shadow: -.02rem .02rem .05rem #939393;}
.reason-two-left{width: 5.8rem;float: right;padding: 0 .2rem .76rem;box-sizing: border-box;margin-top: .5rem;}
.reason-two-title{width: 100%;height: 1.2rem;position: relative;padding-right: 1.5rem;box-sizing: border-box;padding-top: .2rem;}
.reason-two-title:before{content: '';width: 1.2rem;height: 1.2rem;background: #cecdcd;border-radius: 50%;box-shadow: .02rem .02rem .1rem #717171;position: absolute;top: 0;right: 0;}
.reason-two-title:after{content: '02';width: 1.05rem;height: 1.05rem;background: linear-gradient(to top,#000000,#ffffff);border: .01rem solid #FFFFFF;box-sizing: border-box;box-shadow: .02rem .02rem .1rem #717171;color: #FFFFFF;font-size: .7rem;line-height: 1.05rem;text-align: center;font-weight: bold;text-shadow: .05rem 0 .1rem #4e4e4e;position: absolute;top: .08rem;right: .08rem;border-radius: 50%;z-index: 99;}
.reason-two{width: 100%;height: 5.4rem;background: rgba(0,0,0,.04);padding: .3rem 0 .2rem;box-sizing: border-box;}
.reason-two-right{float: left;height: 4.8rem;width: 6.2rem;overflow: hidden;}
.swiper-container-zizi{width: 100%;padding: .46rem 0;box-sizing: border-box;}
.swiper-container-zizi .swiper-slide{width: 45% !important;transition:all .5s;}
.swiper-container-zizi .swiper-slide-active{z-index: 99;transform: scale(1.1) !important;box-shadow: 0 0 .05rem #b4b4b4;}
.swiper-container-zizi .swiper-slide-prev{transform:translateX(1rem) scale(.8) !important;}
.swiper-container-zizi .swiper-slide-next{transform:translateX(-.6rem) scale(.8) !important;}
.reason-three{padding-top: .6rem;box-sizing: border-box;}
.reason-three .reason-one-title:after{content: '03';}

.index-contacts{background-size: 19.2rem 2rem;background: url(../img/index_contact_bg2.jpg)no-repeat;}
.index-contacts .index-contact-box{padding-left: 5.9rem;box-sizing: border-box;}
.index-contacts .index-contact-box h3{font-size: .3rem;}
.index-contacts .index-contact-box span{margin-left: .3rem;}
.index-contacts .index-contact-box span b{font-size: .3rem;font-weight: 500;}
.index-contacts .index-contact-box img{right: .2rem;left: auto;}
.index-contacts .index-contact-box a{display: block;height: .38rem;line-height: .38rem;width: 1.2rem;text-align: center;font-size: .18rem;color: #FFFFFF;border: .01rem solid #ffffff;margin-left: .3rem;}

/*case*/
#case{width: 100%;background: url(../img/case_bg.jpg)no-repeat top center;background-size: 19.2rem 9rem;padding: .6rem 0 .7rem;box-sizing: border-box;}
.section-box-title{color: #FFFFFF;margin: 0 auto;width: 11.5rem;position: relative;}
.section-box-title:before{content: '';height: .05rem;width: 3.96rem;background: linear-gradient(to left,#ffffff,#0a8550);position: absolute;top: .42rem;left: 0;}
.section-box-title:after{content: '';height: .05rem;width: 3.96rem;background: linear-gradient(to right,#ffffff,#0a8550);position: absolute;top: .42rem;right: 0;}
.section-box-title-con{width: 3.58rem;height: .9rem;margin: 0 auto;position: relative;padding: 0 .35rem;box-sizing: border-box;}
.section-box-title-con:before{content: '';height: .54rem;width: .08rem;background: #FFFFFF;position: absolute;top: .18rem;left: 0;}
.section-box-title-con:after{content: '';height: .54rem;width: .08rem;background: #FFFFFF;position: absolute;top: .18rem;right: 0;}
.section-box-title-con i:first-child{font-size: 1.2rem;line-height: 1.2rem;float: left;display: block;font-family: Georgia;transform: translateY(-.2rem);}
.section-box-title-con-span{width: 1.9rem;height: .9rem;float: right;}
.section-box-title-con-span h3{font-size: .3rem;line-height: .46rem;color: #03864d;background: #FFFFFF;border-radius: .1rem;height: .46rem;letter-spacing: .08rem;font-weight: bold;}
.section-box-title-con-span h3 i{display: block;height: .4rem;line-height: .4rem !important;float: left;width: .96rem;background: #03864d;color: #FFFFFF;margin-left: .05rem;margin-top: .03rem;font-size: .3rem !important;transform: translateY(0) !important;font-style: normal;padding-left: .1rem;box-sizing: border-box;margin-right: .1rem;border-radius: .1rem;}
.section-box-title-con-span i:last-child{font-size: .4rem;line-height: .46rem;letter-spacing: .1rem;text-align: center;font-family: Georgia;display: block;}
.section-box-title p{text-align: center;font-size: .22rem;margin-top: .2rem;line-height: 1;}
.case-box-con{width: 100%;margin-top: .5rem;position: relative;}
.index-case-list{width: 5.14rem;height: 5.8rem;border: .03rem solid #b9b9b9;box-sizing: border-box;float: right;padding: .3rem 0 0 .5rem;position: relative;background: #FFFFFF;}
.index-case-list ul{width: 100%;}
.index-case-list ul li{width: 100%;line-height: 1.1rem;line-height: 1.1rem;border-bottom: .01rem dashed #b9b9b9;padding: .26rem .26rem .26rem 1.1rem;box-sizing: border-box;background: url(../img/index_case_list_ioc.png)no-repeat .54rem center;background-size: .33rem .28rem;position: relative;}
.index-case-list ul li:before{content:'';height: 100%;width: 0;background: #01783c;position: absolute;top: 0;left: 0;transition:all .5s;}
.index-case-list ul li h4{font-size: .16rem;color: #010101;line-height: .3rem;width: 3.1rem;height: .3rem;overflow: hidden;}
.index-case-list ul li p{font-size: .14rem;color: #807e7e;line-height: .3rem;height: .3rem;width: 3.1rem;overflow: hidden;}
.index-case-list-bom{width: 100%;padding: .1rem .4rem 0 .3rem;box-sizing: border-box;}
.index-case-list-bom h5{font-size: .3rem;text-transform: uppercase;width: 2.2rem;float: left;position: relative;color: #323335;}
.index-case-list-bom h5:before{content: 'DS原色配方';font-size: .36rem;font-weight: bold;color: #323335;background: #FFFFFF;line-height: .4rem;position: absolute;top: .22rem;left: 0;}
.index-case-list-bom h5:after{content: '';height: .2rem;width: 100%;background: rgba(255,255,255,.2);position: absolute;top: .22rem;left: 0;}
.index-case-list-bom a{display: block;height: .3rem;width: 1rem;line-height: .3rem;text-align: center;color: #FFFFFF;font-size: .16rem;background: #009b4c;border-radius: .15rem;float: right;margin-top: .2rem;}
.index-case-hot{position: absolute;width: 7.3rem;top: .7rem;left: 0;z-index: 2;}
.index-case-hot img{width: 100%;display: block;}
.index-case-hot-text{width: 100%;color: #FFFFFF;height: .4rem;line-height: .4rem;font-size: .14rem;}
.index-case-hot-text h4{float: left;font-size: .14rem;width: 4.1rem;height: .3rem;overflow: hidden;}
.index-case-hot-text span{display: block;float: left;width: 1rem;text-align: center;}
.index-case-hot-text a{display: block;float: right;background: #0b0b0b;color: #FFFFFF;text-align: center;width: 1.9rem;height: .4rem;}
.index-case-list ul li:hover:before{width: .13rem;}
.index-case-list ul li:hover h4{color: #01783c;}
.index-case-list ul li:hover{background: url(../img/index_case_list_iocs.png)no-repeat .54rem center;}
/*scene*/
#scene{width: 100%;background:url(../img/scene_bg.jpg) no-repeat;padding: .65rem 0 0 0;box-sizing: border-box;overflow: hidden;background-size: 100% 100%;}
.section-box-titles{color: #03864d;}
.section-box-titles:before{background: linear-gradient(to left,#0a8550,#ffffff);}
.section-box-titles:after{background: linear-gradient(to right,#0a8550,#ffffff);}
.section-box-titles .section-box-title-con:before{background: #0a8550;}
.section-box-titles .section-box-title-con:after{background: #0a8550;}
.section-box-titles .section-box-title-con-span h3{color: #FFFFFF;background: #0a8550;}
.section-box-titles .section-box-title-con-span h3 i{background: #FFFFFF;color: #0a8550;}
.section-box-titles p{color: #575757;}
.scene-box-ul{width: 100%;margin-top: .45rem;}
.gallery-thumbs-scene{width: 8rem;height: .6rem;background: linear-gradient(to top,#cbcbcb,#f4f4f4);box-shadow: -.03rem .03rem .05rem #a1a1a1;overflow: hidden;line-height: .6rem;font-size: .28rem;color: #000000;float: left;}
.gallery-thumbs-scene .swiper-slide{text-align: center;}
.scene-box-ul-contact{width: 4rem;height: .6rem;background: #038f52;float: right;box-shadow: .03rem .03rem .05rem #cacaca;}
.scene-box-ul-contact-con{width: 3.3rem;height: .4rem;line-height: .4rem;background: #FFFFFF;margin: .1rem auto;box-shadow: 0 0 .05rem #FFFFFF;border-radius: .3rem;}
.scene-box-ul-contact img{float: left;height: .24rem;width: .25rem;margin-top: .08rem;display: block;margin-left: .24rem;}
.scene-box-ul-contact i{display: block;width: 2.6rem;height: .34rem;background: #038f52;float: right;color: #FFFFFF;text-align: center;font-size: .22rem;line-height: .34rem;margin-top: .03rem;margin-right: .03rem;border-radius: .17rem;}
.gallery-top-scene{width: 100%;overflow: visible;margin-top: .7rem;position: relative;}
.gallery-top-scene .swiper-slide-prev,.gallery-top-scene .swiper-slide-next{opacity: .4;}
.gallery-thumbs-scene .swiper-slide-thumb-active{background: linear-gradient(to top,#038f52,#15d682);color: #FFFFFF;}
.scene-p i{font-size: .9rem;color: #038f52;position: absolute;top: 50%;transform: translateY(-.45rem);cursor: pointer;}
.scene-p .icon-left{left: -1.3rem;}
.scene-p .icon-right{right: -1.3rem;}

/*about*/
#about{background-color: #f2f2f2;width: 100%;background:url(../img/about_bg.png)no-repeat top center;background-repeat: no-repeat;background-size: 19.2rem 11.4rem;padding: .5rem 0 .8rem;box-sizing: border-box;}
.about-box-con{width: 100%;margin-top: .5rem;}
.about-box-con-title{width: 100%;height: .6rem;line-height: .6rem;border-top: .01rem solid #e5e5e5;border-bottom: .01rem solid #e6e6e6;background: url(../img/about_box_con_title_ioc.png)no-repeat .3rem center;background-size: .27rem .22rem;padding:0 .4rem 0 .7rem;box-sizing: border-box;}
.about-box-con-title h4{font-size: .2rem;font-weight: bold;color: #038f52;float: left;}
.about-box-con-title span{float: right;font-size: .14rem;color: #c2c2c2;opacity: .3;text-transform: uppercase;}
.about-text{width: 100%;background: #FFFFFF;padding: .3rem .4rem .4rem .25rem;box-sizing: border-box;}
.about-text-img{width: 5.68rem;height: 4.35rem;float: left;}
.about-text-img img{width: 100%;height: 100%;display: block;box-shadow: 0 0 .1rem #d3d3d3;}
.about-text-con{width: 5.35rem;float: right;}
.about-text-con h3{font-size: .28rem;color: #c2c2c2;font-weight: bold;text-transform: uppercase;margin-top: .1rem;line-height: .5rem;}
.about-text-con h4{font-size: .2rem;color: #038f52;font-weight: bold;line-height: .3rem;}
.about-text-con p{width: 100%;margin-top: .3rem;padding-top: .3rem;box-sizing: border-box;border-top: .02rem solid #cacacc;font-size: .16rem;color: #4c4c4c;line-height: .3rem;text-align: justify;height: 1.8rem;overflow: hidden;}
.about-text-con i{display: block;width: 3.08rem;height: .4rem;border: .01rem solid #e5e5e5;border-radius: .2rem;float: right;font-style: normal;margin-top: .8rem;}
.about-text-con i a{font-size: .18rem;display: block;float: left;text-align: center;height: .4rem;line-height: .4rem;}
.about-text-con i a:first-child{width: 45%;}
.about-text-con i a:last-child{width: 55%;background: #038f52;color: #FFFFFF;border-radius: .2rem;}
.about-img-list{width: 100%;padding: 0 .6rem;box-sizing: border-box;margin-top: .45rem;position: relative;}
.swiper-container-about{width: 100%;overflow: hidden;}
.about-img-list i{position: absolute;top: 0;width: .44rem;height: 100%;background: #fafafa;color: #038f52;cursor: pointer;line-height: 2.05rem;font-size: .3rem;text-align: center;}
.about-img-list .icon-arrow-left{left: 0;}
.about-img-list .icon-arrow-right{right: 0;}
.swiper-container-about .swiper-slide{background: #FFFFFF;padding: .04rem;box-sizing: border-box;}
/*news*/
#news{width: 100%;padding: .6rem 0;box-sizing: border-box;background: url(../img/news_bg.jpg)no-repeat top center;background-size: 19.2rem 11.2rem;}
.news-index-box{width: 8.5rem;float: left;}
.gallery-thumbs-news{width: 100%;height: .36rem;line-height: .36rem;color: #393939;font-size: .2rem;border-bottom: .01rem solid #bfbfbf;margin-top: .6rem;}
.gallery-thumbs-news .swiper-wrapper{width: 7.6rem;float: left;overflow: hidden;}
.gallery-thumbs-news .swiper-wrapper .swiper-slide{text-align: center;cursor: pointer;}
.gallery-thumbs-news a{float: right;color: #393939;}
.gallery-top-news{width: 100%;height: 3.9rem;margin-top: .42rem;}
.news-index-box-hot{width: 3.7rem;float: left;}
.news-index-box-hot-img{width: 100%;position: relative;}
.news-index-box-hot-img img{width: 3.7rem;height: 2.4rem;display: block;}
.news-index-box-hot-bg{width: 100%;height: 1.5rem;background: #038f52;}
.news-index-box-hot-text{width: 3rem;height: 1.8rem;background: #FFFFFF;position: absolute;left: .35rem;bottom: .34rem;color: #333333;padding: .14rem .24rem;box-sizing: border-box;}
.news-index-box-hot-text h3{font-size: .18rem;text-align: center;line-height: .5rem;height: .5rem;overflow: hidden;font-weight: 500;}
.news-index-box-hot-text p{font-size: .14rem;line-height: .26rem;text-align: justify;height: .52rem;overflow: hidden;}
.news-index-box-hot-text a{display: block;width: 1rem;height: .3rem;line-height: .3rem;text-align: center;border: .01rem solid #038f52;font-size: .14rem;color: #038f52;margin: .16rem auto;box-sizing: border-box;}
.news-index-box-list{width: 4.5rem;float: right;margin-top: -.1rem;}
.news-index-box-list li{width: 100%;height: .5rem;line-height: .5rem;position: relative;border-bottom: .01rem dashed #dcdcdc;padding-left: .18rem;box-sizing: border-box;}
.news-index-box-list li h3{font-size: .16rem;width: 3.3rem;height: .5rem;overflow: hidden;float: left;}
.news-index-box-list li a{color: #333333;}
.news-index-box-list li:after{content: '';height: .07rem;width: .07rem;border-radius: 50%;background: #a6a6a6;position: absolute;top: .21rem;left: 0;}
.news-index-box-list li span{float: right;font-size: .16rem;}
.news-index-box-list li:hover a{color: #038f52;}
.news-index-box-list li:hover:after{background: #8fb56a;}
.gallery-thumbs-news .swiper-slide-thumb-active{background: #038f52;color: #FFFFFF;}
.news-index-qfa{width: 3.2rem;float: right;border: .01rem solid #bfbfbf;margin-top: .6rem;height: 4.7rem;background: #FFFFFF;}
.news-index-qfa-title{width: 100%;height: .4rem;line-height: .4rem;text-align: center;color: #FFFFFF;font-size: .2rem;background: linear-gradient(to left,#038f52,#25c27d,#038f52);}
.news-index-qfa ul{width: 100%;padding: 0 .08rem;box-sizing: border-box;height: 4.3rem;overflow-y: scroll;overflow-x: hidden;}
.news-index-qfa ul::-webkit-scrollbar{width: .05rem;height: .05rem;}
.news-index-qfa ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #038f52;border-radius: .25rem;}
.news-index-qfa ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #FFFFFF;border-radius: .05rem;}
.news-index-qfa ul li{width: 100%;border-bottom: .01rem dashed #dcdcdc;padding: .2rem 0;box-sizing: border-box;}
.news-index-qfa ul li:last-child{border-bottom: 0;}
.news-index-qfa ul li div{line-height: .3rem;font-size: .14rem;color: #545454;position: relative;padding-left: .38rem;box-sizing: border-box;}
.news-index-qfa ul li a{color: #333333;}
.news-index-qfa ul li h3{width: 2.6rem;height: .3rem;overflow: hidden;font-size: .18rem;font-weight: 500;}
.news-index-qfa ul li p{height: .6rem;width: 2.6rem;overflow: hidden;text-align: justify;}
.q:after{content: '问';height: .24rem;width: .24rem;text-align: center;line-height: .24rem;color: #FFFFFF;font-size: .16rem;position: absolute;top: .03rem;left: 0;background: #0a7b3b;}
.a:after{content: '答';height: .24rem;width: .24rem;text-align: center;line-height: .24rem;color: #FFFFFF;font-size: .16rem;position: absolute;top: .03rem;left: 0;background: #030303;}
.a{margin-top: .1rem;}
.news-index-qfa ul li a:hover{color: #8fb56a;}

/*links*/
.links{width: 100%;padding: .5rem 0 0;box-sizing: border-box;border-top: .01rem solid #6c6c6c;margin-top: .8rem;}
.links-box{width: 12rem;margin: 0 auto;}
.links-box ul{width: 10.8rem;float: right;}
.links-box ul li{float: left;line-height: .40rem;font-size: .16rem;}
.links-box-title{float: left;width: 1.1rem;font-size: .24rem;color: #333333;font-weight: bold;}

/*footer*/
footer{background: url(../img/footer_bg.jpg) top left;width: 100%;color: #FFFFFF;}
.footer-box{width: 12rem;margin: 0 auto;padding: .4rem 0 .2rem;box-sizing: border-box;}
.footer-box-logo{width: 2rem;float: left;}
.footer-box-logo img{height: 1.8rem;width: 1.37rem;}
.footer-box-contact{float: left;width: 6.8rem;}
.footer-box-contact ul li{line-height: .6rem;padding-left: .6rem;box-sizing: border-box;font-size: .2rem;color: #ffffff;}
.footer-box-contact ul li:nth-child(1){background: url(../img/footer_contact_ioc01.png)no-repeat left center;background-size: .36rem .37rem;}
.footer-box-contact ul li:nth-child(2){background: url(../img/footer_contact_ioc02.png)no-repeat .05rem center;background-size: .25rem .27rem;}
.footer-box-contact ul li:nth-child(3){background: url(../img/footer_contact_ioc03.png)no-repeat .07rem center;background-size: .22rem .32rem;}
.footer-box-erweima{width: 1.28rem;float: right;margin-top: .2rem;}
.footer-box-erweima img{width: 100%;display: block;margin-bottom: .05rem;}
.footer-box-erweima p{font-size: .18rem;color: #FFFFFF;text-align: center;line-height: .28rem;} 
.footer-botm{width: 100%;height: .74rem;line-height: .74rem;text-align: center;border-top: .01rem solid #abacac;font-size: .16rem;}
.footer-botm a{color: #FFFFFF;}
/*公共*/
#content{width: 12rem;margin: 0 auto;padding: .2rem 0 .4rem;box-sizing: border-box;}
#content-banner{width: 100%;}
#content-banner img{width: 100%;display: block;}
.content-nav{line-height: .44rem;width: 100%;font-size: .14rem;color: #000000;}
.content-box-nav{line-height: .44rem;width: 100%;font-size: .14rem;color: #000000;}
.content-box-nav img{float: left;margin: .12rem .10rem;width: .14rem;height: .18rem;}
.content-box-nav a{color: #000000;}
.content-box-nav a:hover{color: #8fb56a;}
.content-left{float: left;width: 2.5rem;}
.content-list{border-top: 0;float: right;width: 9.2rem;}
.content-list .pro-text{border: .01rem solid #d9d9d9;}
.content-list-title{height: .5rem;line-height: .5rem;background: linear-gradient(to left,#038f52,#00aa60,#038f52);width: 100%;padding-left: .28rem;box-sizing: border-box;}
.content-list-title img{float: left;height: .36rem;width: .36rem;margin-top: .07rem;margin-right: .12rem;}
.content-list-title-hot{font-size: .24rem;height: .5rem;box-shadow: none;margin-top: 0;font-style: normal;width: 1.60rem;text-align: left;padding-right: 0;float: left;color: #FFFFFF;}
.content-list-title span{font-size: .18rem;color: #030303;font-style: normal;opacity: .44;margin-left: .2rem;}
.content-list-title a{font-size: .14rem;color: #FFFFFF;float: right;margin-right: .28rem;}
.pro-news-list{width: 100%;padding: .20rem 2%;box-sizing: border-box;}
.pro-news-list ul li{width: 47%;float: left;line-height: .5rem;font-size: .14rem;color: #595858;height: .5rem;border-bottom: .01rem dashed #d7d7d7;margin-left: 6%;}
.pro-news-list ul li i{float: left;display: block;font-size: .18rem;font-style: normal;margin-right: .14rem;}
.pro-news-list ul li h4{font-size: .18rem;float: left;height: .50rem;width: 3.2rem;overflow: hidden;}
.pro-news-list ul li span{float: right;font-size: .18rem;}
.pro-news-list ul li:nth-child(odd){margin-left: 0;}
.pro-news-list ul li a:hover{color: #038f52;}
.pro-news-list ul li a:hover div{border-color: transparent transparent transparent #038f52;}
.left-nav-contact{width: 100%;padding: .24rem .3rem;box-sizing: border-box;border: .01rem solid #d3d3d3;}
.left-nav-contact img{width: 100%;display: block;}
.left-nav-contact h6{font-size: .2rem;color: #000000;font-weight: bold;background: url(../img/left_nav_contact_ioc.png)no-repeat left center;padding-left: .3rem;box-sizing: border-box;}

.pro-list-row{padding: .3rem .2rem 0;box-sizing: border-box;background: #f5f5f5;}
.pro-list-row ul li{width: 100%;margin: 0;background: #FFFFFF;margin-top: .3rem;transition:all .5s;}
.pro-list-row ul li:hover{box-shadow: .03rem .03rem .05rem #d0d1d1;}
.pro-list-row ul li:first-child{margin-top: 0;}
.pro-list-row ul li:hover h3 a{color: #00a65e;}
.pro-list-row-box .pro-img{float: left;width: 2rem;height: 2rem;background: #FFFFFF;box-shadow: 0 0 .1rem #f1f1f1;border: 0;}
.pro-content{float: left;color: #323333;position: relative;height: 2rem;width: 6.75rem;padding: 0 .7rem;box-sizing: border-box;}
.pro-content h3{margin: .18rem 0 .1rem;font-size: .16rem;font-weight: bold;line-height: .30rem;width:100%;overflow: hidden;height: .30rem;}
.pro-content p{line-height: .30rem;font-size: .14rem;font-weight: bold;height: .9rem;width: 100%;overflow: hidden;}
.pro-link{height: .3rem;line-height: .3rem;width: .72rem;text-align: center;position: absolute;bottom:.18rem;right: .7rem;background: #626262;}
.pro-link a{color: #FFFFFF;display: block;}
.pro-list-row ul li:hover .pro-link{background: linear-gradient(to left,#038f52,#0eb66d,#038f52);}
.pro-list-row ul li:hover .pro-link a{color: #FFFFFF;}
.page{width: 100%;height: .60rem;line-height: .30rem;padding: .15rem 2%;box-sizing: border-box;font-size: .14rem;}
.page a{display: block;height: .30rem;padding: 0 .10rem;box-sizing: border-box;border: .01rem solid #b2b1b1;border-radius: .05rem;float: left;margin: 0 .05rem;background: #FFFFFF;}
.page span{float: left;padding: 0 .10rem;box-sizing: border-box;color: #FFFFFF;background: linear-gradient(to left,#038f52,#0cc675,#038f52);margin: 0 .05rem;}
.page-list{float: right;}
/*详情页*/
.pro-desc{width: 100%;margin-bottom: .40rem;}
.pro-desc-swp{width: 3.80rem;float: left;position: relative;}
.pro-desc-swp .gallery-top{width: 3.8rem;overflow: hidden;height: 3.8rem;border: .01rem solid #d9d9d9;box-sizing: border-box;}
.pro-desc-swp .gallery-top .swiper-slide img{border: .01rem solid #888888;box-shadow: .02rem .03rem .05rem #c2cadb;}
.pro-desc-swp .gallery-thumbs{width: 3rem;overflow: hidden;margin: 0 auto;margin-top: .1rem;}
.pro-desc-swp .gallery-thumbs .swiper-slide{border: .01rem solid #a6a6a6;box-sizing: border-box;}
.pro-desc-swp .swiper-slide img{width: 100%;height:100%;display: block;}
.pro-desc-swp i{height: .78rem;width: .34rem;background: linear-gradient(to left,#037f49,#1dbd77,#037f49);font-size: .2rem;line-height: .78rem;text-align: center;color: #FFFFFF;position: absolute;bottom: .08rem;z-index: 2;cursor: pointer;border-radius: .1rem;}
.pro-desc-swp i.next{right: 0;}
.pro-desc-swp i.prev{left: 0;}
.pro-desc-swp i.swiper-button-disabled{background: linear-gradient(to left,#030000,#404040,#030000);}
.pro-desc-con{width: 8rem;float: right;box-shadow: .02rem .03rem .05rem #c2cadb;border: .01rem solid #888888;padding: 0 .25rem .4rem;box-sizing: border-box;}
.pro-desc-con h1{font-size: .24rem;color: #333333;font-weight: bold;line-height: .72rem;height: .72rem;padding-left: .45rem;box-sizing: border-box;border-bottom: .01rem solid #333333;background: url(../img/pro_desc_con_h2_bg.png)no-repeat .05rem center;background-size: .19rem .22rem;overflow: hidden;width:100%}
.pro-desc-con-box{width: 100%;}
.pro-desc-con-box p{margin-top: .25rem;line-height: .3rem;height: 2.4rem;width: 100%;overflow: hidden;}
.pro-desc-con-box p strong{color: #037f49;}
.pro-desc-con-link{float: right;width: 8rem;margin-top: .2rem;height: .96rem;}
.pro-desc-con-link h4{font-size: .32rem;text-shadow: .02rem .03rem .05rem #709684;color: #037f49;line-height: .96rem;float: right;padding-right: .4rem;box-sizing: border-box;font-size: .32rem;letter-spacing: .05rem;font-weight: 500;}
.pro-desc-con-link a{display: block;height: .56rem;width: 1.45rem;line-height: .56rem;text-align: center;float: right;background: linear-gradient(to left,#037f49,#1dbd77,#037f49);color: #FFFFFF;font-size: .22rem;border-radius: .1rem;margin-top: .2rem;}
.pro-text img{max-width:100%;}
/*news-desc*/
.news-con{width: 100%;padding: .20rem;box-sizing: border-box;}
.news-con h1{height: .60rem;line-height: .60rem;text-align: center;border-bottom: .01rem dashed #b1b3b2;font-size: .20rem;font-weight: bold;}
.news-con-at{text-align: center;line-height: .40rem;font-size: .14rem;color: #b1b2b2;}
.news-con-at span{margin: 0 .20rem;}
.news-text img{max-width:100%;}
.news-text{padding: 0 .30rem;box-sizing: border-box;}
.news-con p{line-height: .32rem;font-size: .16rem;color: #808080;text-indent: .02em;word-wrap:break-word}
.page-x{width: 100%;line-height: .66rem;padding-left: .30rem;box-sizing: border-box;background: #f5f5f5;font-size: .18rem;}
.news-key{line-height: .64rem;font-size: .16rem;padding-left: .30rem;box-sizing: border-box;}
.review-list{width: 100%;padding: .10rem .30rem;box-sizing: border-box;}
.review-list ul li{padding: .25rem 0;box-sizing: border-box;border-bottom: .01rem solid #f0f0f0;}
.review-list ul li:last-child{border: 0;}
.review-list-top{font-size: .18rem;color: #038f52;font-weight: 400;line-height: .32rem;}
.review-list-top span{margin-right: .60rem;}
.review-list-user{line-height: .24rem;color: #4c4b4b;font-size: .14rem;}
.review-list-adm{border: .01rem dashed #90acd1;line-height: .24rem;padding: .10rem .12rem;box-sizing: border-box;margin-top: .10rem;}
.review-list-adm strong{color: #038f52;}
.review-form{width: 92%;margin: .30rem 4%;}
.review-form-text{width: 100%;border: .01rem dashed #038f52;height: 1.15rem;}
.review-form-text textarea{width: 100%;height: 100%;border: 0;padding: .15rem;box-sizing: border-box;font-size: .14rem;color: #4d413e;}
.review-form span{font-size: .14rem;color: #4d413e;margin-left: .15rem;line-height: .30rem;}
.review-form-btn{text-align: right;}
.review-form-btn button{width: 1rem;margin-left: .08rem;height: .32rem;border: 0;font-size: .20rem;color: #FFFFFF;background: #272727;cursor: pointer;}
.review-form-btn button:nth-child(2){background: #038f52;}

.pro-list-dan{width: 100%;}
.pro-list-dan ul li{width: 100%;padding: 0;margin-bottom: .2rem;float: none;height: auto;border: 0;}
.pro-list-dan ul li:before{opacity: 0;}
.pro-list-dan ul li .pro-img{height: auto;}
.pro-list-dan ul li .pro-title{margin: .15rem 0;padding: 0 .2rem;box-sizing: border-box;}
.pro-list-dan ul li .pro-title i{float: right;height: .24rem;width: .24rem;border: .01rem solid #333333;border-radius: 50%;margin-top: .13rem;margin-right: 0;line-height: .22rem;}
.pro-list-dan ul li:hover .pro-title{color: #FFFFFF;background: linear-gradient(to left,#037f49,#0dc575,#037f49);}
.pro-list-dan ul li:hover .pro-title i{border-color: #FFFFFF;background: none;color: #FFFFFF;}
.news-list-dan ul li{border: 0;padding: 0;}
.news-list-dan ul li:before{opacity: 0;}
.news-list-dan ul{padding-bottom: 0;}
.news-list-dan ul li{overflow: hidden;}
.news-list-dan ul li i{width: .18rem;height: .18rem;text-align: center;line-height: .16rem;border: .01rem solid #b8b7b7;border-radius: .02rem;font-size: .12rem;color: #333232;margin-right: .12rem;margin-top: .09rem;font-style: normal;display: block;float: left;}
.news-list-dan ul li:hover i{color: #FFFFFF;background: #037f49;border-color: #037f49;}
.left-nav-news-hot ul li{line-height: .36rem;height: .36rem;}
/*新闻*/
.news-company{width: 100%;padding: .24rem;box-sizing: border-box;}
.news-company ul li{width: 2.7rem;float: left;margin-left: .29rem;}
.news-company ul li:first-child{margin-left: 0;}
.news-company-img{width: 2.7rem;height: 2.2rem;margin-bottom: .2rem;}
.news-company-img img{width: 100%;display: block;height: 100%;}
.news-company ul li span{font-size: .18rem;color: #393939;letter-spacing: .01rem;line-height: 1;}
.news-company ul li h3{font-size: .2rem;line-height: .5rem;height: .5rem;width: 2.7rem;overflow: hidden;color: #038f52;font-weight: 500;}
.news-company ul li p{width: 100%;height: .52rem;line-height: .26rem;overflow: hidden;font-size: .16rem;color: #525252;}
.news-company ul li i:last-child{display: block;height: .28rem;width: 1.1rem;line-height: .28rem;text-align: center;color: #FFFFFF;font-size: .14rem;letter-spacing: .02rem;background: linear-gradient(to left,#038f52,#00a65e,#038f52);border-radius: .14rem;float: right;margin-top: .2rem;font-style: normal;}
.news-company ul li i a{color:#ffffff;}
.content-list .content-box-con{margin-top: .4rem;border: .01rem solid #d0d0cf;}
.content-list .content-box-con:first-child{margin-top: 0;}
.gallery-thumbs-newss{width: 8.6rem;margin: .32rem auto;}
.news-type-box-hot{width: 4.1rem;position: relative;float: left;}
.news-type-box-hot-con{width: 100%;height: .46rem;padding: 0 .25rem;box-sizing: border-box;line-height: .46rem;background: rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;font-size: .18rem;}
.news-type-box-hot-con a{color: #FFFFFF;}
.news-type-box-hot-img{width: 100%;}
.news-type-box-hot-img img{width: 100%;height: 100%;display: block;}

.gallery-top-newss{width: 8.6rem;margin: 0 auto;padding-bottom: .4rem !important;box-sizing: border-box;}
.gallery-top-newss ul{width: 4.1rem;float: right;margin-top: -.14rem;}
.gallery-top-newss ul li{width: 100%;height: .5rem;line-height: .5rem;border-bottom: .01rem dashed #d7d7d7;font-size: .18rem;box-sizing: border-box;}
.gallery-top-newss ul li a{color: #3a353f;}
.gallery-top-newss ul li:hover a{color: #038f52;}
.gallery-top-newss ul li h4{font-size: .18rem;float: left;width: 3rem;overflow: hidden;height: .5rem;font-weight: 500;}
.gallery-top-newss ul li span{float: right;font-size: #7e807f;}
.gallery-top-newss ul li div{float: left;height: .05rem;width: .05rem;background: #7e807f;margin: .12rem .15rem;}
.gallery-thumbs-newss ul{width: 100%;}
.gallery-thumbs-newss ul li{background: #afafaf;color: #FFFFFF;font-size: .22rem;text-align: center;cursor: pointer;line-height: .5rem;}
.gallery-thumbs-newss .swiper-slide-thumb-active{background: linear-gradient(to left,#038f52,#00aa60,#038f52);}

.content-fqa{width: 100%;padding: .2rem;box-sizing: border-box;}
.content-fqa .news-type-box-hot{width: 4.3rem;}
.content-fqa .news-type-box-hot-con{background: linear-gradient(to left,#038f52,#00aa60,#038f52);height: .7rem;line-height: .7rem;padding: 0 .1rem;}
.content-fqa .news-type-box-hot-con h4{float: left;font-size: .2rem;width: 2.8rem;height: .7rem;overflow: hidden;}
.content-fqa .news-type-box-hot-con span{float: right;font-size: .2rem;letter-spacing: .01rem;}
.content-fqa ul{float: right;width: 4.1rem;margin-top: -.1rem;}
.content-fqa ul li{width: 100%;border-bottom: .01rem dashed #d7d7d7;box-sizing: border-box;padding: .1rem 0;font-size: .18rem;}
.content-fqa ul li span{line-height: .3rem;color: #ababab;}
.content-fqa ul li h4{color: #3e3e3e;line-height: .3rem;width: 100%;height: .3rem;overflow: hidden;font-size: .18rem;}
.content-fqa ul li p{line-height: .3rem;margin-top: .1rem;height: .3rem;width: 100%;overflow: hidden;}

/*news-list*/
.news-list{box-sizing: border-box;float: left;border: .01rem solid #d0d0cf;margin-bottom: .4rem;}
.news-list ul li{width: 100%;box-sizing: border-box;padding:  0 .2rem;}
.news-list ul li .li-box{width: 100%;box-sizing: border-box;padding: .30rem .2rem;border-bottom: .01rem solid #dddddd;height: 1.80rem;}
.news-list ul li:last-child{border-bottom: 0;}
.news-list-date{height: .6rem;width: .90rem;float: left;margin: .20rem .40rem;}
.news-list-date-ri{font-size: .24rem;color: #212121;letter-spacing: .02rem;font-weight: 500;line-height: .4rem;}
.news-list-date-all{font-size: .16rem;color: #5b5b5b;letter-spacing: .01rem;line-height: .2rem;}
.news-list-img{height: 1.20rem;float:left;width: 1.47rem;}
.news-list-img img{height: 1.10rem;margin: .05rem;width: 1.34rem;}
.news-list-con{float: left;width: 5.2rem;}
.news-list-con h3{font-size: .2rem;font-weight: bold;line-height: .30rem;height: .30rem;width: 6.40rem;overflow: hidden;}
.news-list-con p{font-size: .18rem;line-height: .28rem;margin-top: .05rem;width: 6.40rem;height: .84rem;overflow: hidden;}
.news-list ul li{transition:all .5s;}
.news-list ul li a{display: block;}
.news-list ul li:hover{background: #f9f9f9;box-shadow: 0 0 .1rem #f7f7f7;}
.news-list ul li a:hover .news-list-date div{color: #038f52;border-color:#038f52;}
.news-list ul li a:hover .news-list-img{background: linear-gradient(to left bottom,#8fb56a,#bde398,#8fb56a,#bde398,#8fb56a);}
.news-list-dome .news-list-con h3{width: 4.5rem;}
.news-list-dome .news-list-con p{width: 4.5rem;}
.news-list-dome .news-list-con{position: relative;}
.news-list-dome .news-list-con i{display: block;position: absolute;right: 0;height: .32rem;width: .32rem;border: .01rem solid #afafaf;color: #afafaf;line-height: .32rem;text-align: center;top: 50%;transform: translateY(-.16rem);font-style: normal;font-size: .2rem;}
.news-list ul li a:hover .news-list-con i{background: #038f52;border-color: #038f52;color: #FFFFFF;}
.left-nav-contact{margin-top: .2rem;}
/*case*/
.case-list{background: #f5f5f5;margin-bottom: .4rem;}
.case-list ul li{width: 100%;background: #FFFFFF;height: 2rem;margin-top: .2rem;}
.case-list .news-list-img{width: 3.65rem;height: 2rem;}
.case-list .news-list-img img{height: 100%;margin: 0;width: 100%;}
.case-list .news-list-con{height: 2rem;width: 5.2rem;float: right;padding: 0 .46rem;box-sizing: border-box;}
.case-list .news-list-con h3{font-size: .16rem;color: #000000;width: 100%;line-height: .5rem;height: .5rem;overflow: hidden;}
.case-list .news-list-con p{font-size: .14rem;line-height: .3rem;width: 100%;height: .9rem;overflow: hidden;}
.case-list .news-list-con span{font-size: .14rem;display: block;float: right;background: #626262;color: #FFFFFF;width: .8rem;height: .32rem;line-height: .32rem;text-align: center;}
.case-list ul li:hover h3{color: #038f52;}
.case-list ul li:hover p{color: #333333;}
.case-list ul li:hover{box-shadow: .03rem .03rem .05rem #d0d1d1;}
.case-list ul li:hover span{background: linear-gradient(to left,#038f52,#01b466,#038f52);}

.contact-box{width: 100%;} 
.contact-box-title{width: 100%;height: .8rem;background: url(../img/contact_title_bg.jpg)no-repeat;background-size: 9.3rem .8rem;line-height: .8rem;color: #FFFFFF;}
.contact-box-title h2{width: 4.9rem;font-size: .48rem;font-weight: bold;text-shadow: .03rem .03rem .05rem #07492c;text-align: center;float: left;}
.contact-box-title h3{width: 4.2rem;float: right;font-size: .3rem;letter-spacing: .06rem;padding-left: .25rem;box-sizing: border-box;font-weight: 500;}
.contact-box-title h3 img{float: left;height: .28rem;width: .4rem;margin-right: .25rem;margin-top: .26rem;}
.contact-box-con-left{float: left;width: 5.7rem;padding: .1rem 0 .1rem .15rem;box-sizing: border-box;}
.contact-box-con-left img{width: 4.4rem;height: .6rem;margin: .15rem 0;}
.contact-box-con-left ul{padding: 0 .25rem .25rem .35rem;box-sizing: border-box;border-top: .01rem solid #666666;border-bottom: .01rem solid #666666;}
.contact-box-con-left ul li{line-height: .36rem;margin-top: .24rem;padding-left: .55rem;box-sizing: border-box;font-size: .24rem;color: #333333;position: relative;}
.contact-box-con-left ul li:before{content: '';height: .32rem;width: .32rem;background: url(../img/contact_box_con_left_ioc01.png)no-repeat;background-size: 100% 100%;top: .02rem;position: absolute;left: 0;}
.contact-box-con-left ul li:nth-child(2):before{background: url(../img/contact_box_con_left_ioc02.png)no-repeat;background-size: 100% 100%;}
.contact-box-con-left ul li:nth-child(3):before{background: url(../img/contact_box_con_left_ioc03.png)no-repeat;background-size: 100% 100%;}
.contact-box-con-left ul li:nth-child(4):before{background: url(../img/contact_box_con_left_ioc04.png)no-repeat;background-size: 100% 100%;}
.contact-box-con-left p{font-size: .24rem;color: #3c3c3c;line-height: .6rem;text-align: center;font-weight: 500;letter-spacing: .02rem;}
.contact-box-con-right{width: 2.8rem;float: right;padding-top: 1rem;box-sizing: border-box;text-align: center;padding-right: .15rem;}
.contact-box-con-right img{width: 2.14rem;height: 2.14rem;margin-top: .2rem;}
.contact-box-con-right p{font-size: .3rem; color: #3c3c3c;}
/*contact*/
.message-box{width: 8.20rem;height: 3.30rem;margin: .25rem auto .60rem;border: .01rem solid #f0f0f0;box-sizing: border-box;}
.message-box-img{width: 3.30rem;height: 3.30rem;float: left;border: .01rem solid #b3b1b1;box-sizing: border-box;text-align: center;}
.message-box-img img{height: 80%;margin: 10% auto;}
.message-box-con{width: 4.80rem;float: right;padding: .20rem .90rem;box-sizing: border-box;}
.message-box-con table td{height: .60rem;font-size: .16rem;}
.message-box-con table td input{height: .40rem;width: 3.30rem;border:.01rem solid #e5e5e5;border-radius: .05rem;padding: 0 .15rem;box-sizing: border-box;}
.message-box-con table td textarea{height: .90rem;width: 3.30rem;border:.01rem solid #e5e5e5;border-radius: .05rem;padding: .15rem;box-sizing: border-box;margin-top: .10rem;}
.message-box-con table td button{width: 1.50rem;height: .40rem;color: #FFFFFF;background: #00a75e;float: right;border: 0;box-shadow: .01rem .02rem .05rem #ecefea;cursor: pointer;font-size: .16rem;}
.contact-map{width: 100%;height: 6rem;}
#map{width: 100%;height: 100%;}
.about-con{width: 100%;padding: .30rem .2rem;box-sizing: border-box;border: .01rem solid #d9d9d9;margin-bottom: .4rem;}
.about-con .about-img{width: 4.2rem;height: 3.5rem;float: right;margin-left: .5rem;margin-bottom: .1rem;margin-top: .3rem;}
.about-img img{width: 100%;}
.about-con p{font-size: .16rem;color: #333333;line-height: .32rem;text-indent: 2em;margin-top: .2rem;text-align: justify;}
.about-con ul{width: 100%;margin-top: .10rem;}
.about-con ul li{border: 0;float: left;height: auto;width: 48%;padding: 0;margin-top: .10rem;margin-left: 1.33%;}
.about-con ul li:hover{background: none;}
.about-con img{max-width: 100%;display: block;}
.about-team-title{width: 90%;margin: 0 auto;height: .38rem;line-height: .38rem;text-align: center;background: url(../img/about_title_bgs.png) no-repeat center center;background-size: auto .38rem;font-size: .20rem;color: #FFFFFF;}
.about-team{padding: .10rem 0 .50rem;box-sizing: border-box;}
.about-team ul{width: 100%;margin-top: .10rem;}
.about-team ul li{border: 0;float: left;height: auto;width: 48%;padding: 0;margin-top: .10rem;margin-left: 1.33%;}
.about-team ul li:hover{background: none;}
.about-team ul li img{width: 100%;display: block;}
.about-honor{position: relative;}
.swiper-container-about-zizi{width: 7.2rem;margin: .55rem auto;overflow: hidden;}
.about-honor .iconfont{width: .3rem;height: .8rem;background: #038f52;color: #FFFFFF;line-height: .8rem;text-align: center;font-size: .2rem;position: absolute;top: 50%;transform: translateY(-.4rem);background-image: none;}
.about-honor .swiper-button-next{left: .2rem;right: auto;}
.about-honor .swiper-button-prev{right: .2rem;left: auto;}
.about-honor .iconfont:after{content: '';}