html { font-size:625%; } 
body{ min-width:320px; margin:0 auto; padding:0; position:relative;font-size:.14rem; color:#333; background-color:#fff;}
.btn, a.btn{color: #FFF;background-color: #D63239; padding: .01rem .4rem .02rem; border-radius: .03rem; margin: 0 .1rem; border:0; font-size: 0.18rem; box-shadow: 0.02rem 0.02rem 0.03rem #888888;}

.width13{width:13rem; margin:0 auto; position:relative; }
.width11{width:11rem; margin:0 auto; position:relative; }
.iconfont{font-size: 0.16rem;}
.more span,.position span,.position2 span{font-family:'宋体'; margin:0 .05rem; font-weight: bold ; }
.position2{border-bottom: .02rem solid #75942D; font-size: .14rem; padding-bottom: 0.05rem; margin-top: .2rem; }
.ad-box{position: relative;}
.ad-box img{width: 100%;border-bottom: 0.04rem #000 solid;}
.ad-box .ad-con{position: absolute; left: 12%; top:0.7rem}
.ad-box .ad-con dl{background-color: rgba(0,0,0,0.5); padding: .25rem; font-size: .28rem; color: #fff;}
.ad-box .ad-con dl dt{font-size: .18rem; margin-bottom: .1rem;}
.ad-box .ad-con dl dd{line-height: 1.3;}
.ad-box .ad-con p{background-color: rgba(0,0,0,0.5);padding: 0 .2rem; height: .4rem; line-height: .4rem; color: #fff; margin-top: .1rem; font-size: .12rem;}
.ad-box .ad-con p span{background-color: #fff; padding: .02rem .06rem; margin-right: .2rem; color: #333;}
.ad-box .ad-con2 dl{background:none; padding: 0;}
.ad-box .ad-con2 dl dt{font-size: .28rem;}
.ad-box .ad-con2 dl dd{font-size: .18rem;}

header{width:100%; position: relative; height:.6rem; background: #FFF; overflow: hidden; border-bottom: 0.01rem solid #DDDEE2;}
header .width13{height: 100%;}
header .logo{border:0;width:3.1rem; height: 100%;float: left; display: flex; align-items: center; color: #71A22C;}
header .logo img{width:0.94rem;height: 0.44rem;}
header .logo strong{font-weight: normal; display: block; height: .4rem; line-height: .4rem; border-left: 0.02rem solid #71A22C; padding-left: .1rem; margin-left: .1rem;}
header nav{float: left;height: 100%;width:7.2rem;}
header nav ul{height: .6rem;}
header nav ul li{height:.6rem; line-height:.6rem;   display:inline-block; position:relative}
header nav ul li a{display:block; padding:0 .1rem; font-size:.14rem; transition:all 0.1s ease-in;z-index: 1; position: relative;}
header nav ul li.current a, header nav ul li a:hover{}
header nav ul li.current a::before, header nav ul li a:hover::before{content:"";position: absolute; left: 11%; bottom: 0.12rem; width: 80%; height: 0.02rem;min-height: 2px; background-color: #71A22C;}
header .fr{height: .36rem;  width: 2.7rem; margin-top: 0.12rem;  border-bottom: 0.01rem solid #F5F5F5;  }
header .search {display: block; float: left;background-color: #fff; border: 0.01rem solid #F5F5F5; border-top:0; margin-left: 0.3rem; padding-right: .05rem;  }
header .search input{border: 0;height: .35rem; line-height: .35rem; width: 1.4rem;font-size: .14rem; padding: 0 .1rem; }
header .search .iconfont{font-size: .18rem; vertical-align: -0.03rem;}
header .fr a{display: block; float: left; padding-top: .07rem; margin-left: 0.1rem; color: #666;}



/*home*/
.ads{width: 100%; height: 5.1rem;}
.ads img{width: 100%; height: 100%; object-fit: cover;}
.ads .swiper-pagination-bullet{opacity:1; width:.12rem; height:.12rem; margin:0 .1rem; box-shadow: 0 0 .05rem #fff; }
.ads .swiper-pagination-bullet-active{box-shadow: 0 0 .05rem #000;}
.ads.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .1rem}
.ads .swiper-slide,.ads .swiper-slide a{color: #fff;}
.ads .slide-content{position: absolute; top: 1rem; left: 0.6rem;}
.ads .slide-content h4{font-size: 0.3rem; margin-bottom: .2rem;}
.ads .slide-content a{display: flex; height: .4rem; line-height: .4rem;}
.ads .slide-content a .iconfont{font-size: .28rem; margin-right: .1rem;}
.ads .slide3 .slide-content{top:auto; bottom: 1rem;}
.ads .slide4 .slide-content{left:auto; right: .6rem;}
.ads .slide5 .slide-content{left:auto; right: .2rem; width: 4rem;}
.ads .slide5 .slide-content h4{font-size: .26rem;}
.ads .slide5 .slide-content p{text-indent: 2em;}
.video-list{margin-top: .3rem; margin-bottom: .15rem; font-size: .12rem;}
.video-list li{width: 3.1rem; margin-right: .2rem; float: left; margin-bottom: .15rem;}
.video-list li:first-child{width: 6.4rem;}
.video-list li:last-child, .video-list li:nth-child(3){margin-right: 0;}
.video-list li .img{width: 3.1rem; height: 1.75rem; position: relative;}
.video-list li img{width: 100%; object-fit: cover;}
.video-list li .img span{position: absolute;top:0; left: 0; width: 3.1rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: rgba(0,0,0,0.2);}
.video-list li .img span .iconfont{font-size: .4rem; color: #fff;}
.video-list li .img span:hover{background-color: rgba(0,0,0,0);}
.video-list li h1{font-size: .22rem;}
.video-list li p{margin-top: .18rem;}
.video-list li h2{height: .4rem; width: 100%; overflow: hidden; margin-top: .1rem;}
.video-list li .more{color: #02A7F0; padding-top: .05rem; display: inline-block;}
.video-list li .more .iconfont{font-size: .2rem;}
.home .yhym{position: relative}
.home .yhym a{position: absolute; right: .8rem; bottom: .4rem;}
.service-nav{padding: .2rem; background-color: #000; color: #fff;}
.service-nav h2{font-size: .22rem;}
.service-nav p{margin: .06rem 0;}
.service-nav li{float: left; text-align: center; border-right: 1px solid #fff; padding: 0 .2rem; font-size: .16rem;}
.service-nav li:first-child{padding-left: 0;}
.service-nav li:last-child{border-right: none;}
.service-nav a{color: #fff;}
.service-nav a:hover,.service-nav a.active{color: #71A22C;}
.ntds-news{width: 100%; height: 3.68rem; overflow: hidden;}
.ntds-news .left{float: left; width: 5.2rem;height: 100%;}
.ntds-news .left .pics{width: 100%; height: 100%; }
.ntds-news .left .pics .swiper-slide{text-align: center;}
.ntds-news .left .pics img{width: 100%; height: 100%; object-fit: cover;}
.ntds-news .left .pics img.letter {width:auto}
.ntds-news .left .pics .swiper-pagination-bullet{opacity:1; width:.12rem; height:.12rem; margin:0 .1rem; box-shadow: 0 0 .05rem #fff; }
.ntds-news .left .pics .swiper-pagination-bullet-active{box-shadow: 0 0 .05rem #000;}
.ntds-news .left .pics h4{ position: absolute; left: 0; top: 0; text-align: center; width: 100%; padding: .08rem 0 .1rem; background-color: rgba(0,0,0,0.5);}
.ntds-news .left .pics h4 a{color: #fff;}
.ntds-news .left .pics h4 a:hover{color: #71A22C;}
.ntds-news .right{float: left; width: 7.8rem; background-color: #F2F2F2; padding: .2rem 0; padding-left: .4rem;}
.ntds-news .right dt{font-size: .2rem; margin-bottom: .2rem;}
.ntds-news .right dd{font-size: .12rem;}
.ntds-news .right ul{margin-top: .2rem; padding-left: .3rem;}
.ntds-news .right li .iconfont{margin-right: .1rem;}
.ntds-news .more{color: #02A7F0; margin-top: .1rem; margin-left: .3rem; display: inline-block;}
.ntds-news .more .iconfont{font-size: .2rem;}
.home .media{display: flex; padding: .1rem 0; align-items: center; justify-content: center;}
.home .media li{flex: auto;  text-align: center;}
.home .media li img{max-height: .9rem; max-width: 80%; }
.home .media li.more{width: 1.8rem; flex: none;}
.tech-product li{float: left;width:25%; height: 1.45rem; overflow: hidden; background-color: #555; border-right: 1px solid #797979;border-bottom: 1px solid #797979; color: #fff; padding: .1rem; font-size: .12rem; position: relative;}
.tech-product li:first-of-type{padding: .15rem;}
.tech-product li.img{overflow: visible;}
.tech-product li.img img{position: absolute; top:.4rem; left: .7rem; height: 1.6rem; z-index: 1;}
.tech-product li.img2 img{bottom:.4rem; right: .7rem; top: auto; left: auto;}
.tech-product li a{color: #fff;}
.tech-product li h4{font-size: .18rem;}
.tech-product li p{margin-top: .1rem;}
.tech-product li dt{font-size: .16rem;padding-bottom: 0.05rem; line-height: 1.3;}
.tech-product li dt p{font-size: .14rem; margin-top: 0;}
.tech-product li dd{margin-top: 0.05rem;line-height: 1.3;}
.tech-product li dd .iconfont{margin-right: .05rem;}
.tech-product li:nth-of-type(5){display: flex; align-items: center; justify-content: center; background-color: #D7D7D7;}
.tech-product li:nth-of-type(5) a{color: #02A7F0;}
.tech-product li:nth-of-type(5) .iconfont{color: #888; font-size: .36rem; margin-right: .05rem;}
.together > div{float: left; width: 50%; height: 3.65rem; overflow: hidden;}
.together > div:first-child{padding: .3rem .25rem; background-color: #D7D7D7;}
.together > div img{width: 100%; object-fit: cover;}
.together > div > div{width: 100%;}
.together > div > div h4{font-size: .18rem; font-weight: bold; margin-bottom: .2rem;}
.together > div dl{width: 50%; float: left; padding-right: .3rem; margin-top: .4rem;}
.together > div dl:last-of-type{padding-right: 0;}
.together > div dl dt{font-weight: bold;}
.together > div dl dd{margin-bottom: .1rem; font-size: 0.12rem;}
.together > div dl dd:last-of-type{font-size: .14rem;}
.together > div dl dd .iconfont{font-size: .2rem; margin-right: .1rem;}
.join{background-color: #8DBF1E; display: flex; align-items: center; color: #fff; padding: .25rem 0 .2rem;}
.join h4{width: 34%;font-size: .18rem; padding-left: .4rem;}
.join dl{width: 22%;}
.join dl dt{font-weight: bold; padding-bottom: .1rem;}
.join dl dd{margin-bottom: .1rem; font-size: 0.12rem;}
.join dl dd:last-of-type{font-size: .14rem;}
.join dl dd .iconfont{font-size: .2rem; margin-right: .1rem;}
.join a{color: #fff;}

/*service*/
.service-nav-box{background-color: #000;}
/*sfx*/
.pic-news{background-color: #000;}
.pic-news li{float: left; width: 3.15rem; height: 2.36rem; margin-right: .1rem; margin-bottom: .1rem; position: relative;}
.pic-news li:first-child{width: 6.3rem; height: 4.82rem; margin-left: .1rem;}
.pic-news li img{width: 100%; height: 100%; object-fit: cover;}
.pic-news li h2{display: block; text-align: center; padding: .1rem; background-color: rgba(0,0,0,0.5);position: absolute; left: 0; bottom: 0; width: 100%;}
.pic-news li h2 a{ color: #fff;}
.pic-news li:first-child h2{width: auto; left: 0.5rem; bottom: 1rem; font-size: .16rem; text-align: left; padding: .2rem;}
.pic-news li:first-child h2 strong{display: block; font-size: .2rem;}
.sfx{padding-top: .2rem;}
.sfx .col1,.sfx .col2,.sfx .col3{float: left; margin-right: 0.2rem; width: 3.3rem;}
.sfx .col2{width: 4.6rem;}
.sfx .col3{width: 2.5rem; float: right;}
.sfx .col1 h3{font-size: 0.24rem; padding-left: .9rem;}
.sfx .col1 dl{margin-top: 1rem; padding-left: .2rem;}
.sfx .col1 dl dt{font-size: .18rem; margin-bottom: .1rem;}
.sfx .col1 dl dd{margin-bottom: .1rem; display: flex; align-items: center; font-size: .12rem;}
.sfx .col1 dl dd .iconfont{margin-right: .1rem; font-size: .2rem;}
.sfx .col2 .img{position: relative; border:.1rem solid #000; margin-bottom: .2rem; width: 100%; height: 3.5rem;}
.sfx .col2 .img img{width: 100%; height: 100%; object-fit: cover;}
.sfx .col2 .img h2{display: block; text-align: center; padding: .1rem; background-color: rgba(0,0,0,0.5);position: absolute; left: 0; top: 0; width: 100%;}
.sfx .col2 .img h2 a{color: #fff; font-size: .12rem;}
.sfx .col3{margin-right: 0;}

.mod3-box{margin-top: .2rem;}
.mod3-box > div{width: 24%; float: left; margin-left: 1%;}
.mod3{margin-bottom: .2rem;border:1px solid #8DBF1E;}
.mod3 .title{border-bottom:1px solid #8DBF1E; display: flex; align-items: center; justify-content: center; padding: .3rem 0;}
.mod3 .title{color: #8DBF1E; line-height: 1.4;}
.mod3 .title img{width: .64rem; height: .64rem; margin-right: .2rem;}
.mod3 .title li:nth-of-type(2){font-size: .18rem;}
.mod3 .content{border-top:1px solid #8DBF1E;padding: .1rem;font-size: .12rem;}
.mod3-box.s2 .mod3, .mod3-box.s2 .mod3 .title, .mod3-box.s2 .mod3 .content{border-color: #000;}

.sfx .mod3{height: 3.5rem; overflow: hidden;}
.sfx .mod3 .content dt{font-size: .14rem; color: #000; font-weight: bold;}
.sfx2 .mod3{height: 3.68rem;}
.sfx2 .mod3 .content dt{font-size: .14rem; color: #000; font-weight: bold; margin-top: .2rem;}
.sfx2 .mod3 .content dt:first-of-type{margin-top: 0;}
.sfx2.mod3-box > .subject{color: #8DBF1E; padding-left: .2rem;  }
.sfx2.mod3-box > .subject h3{font-size: .24rem; font-weight:bold;}
.sfx2.mod3-box > .subject h4{font-size: .18rem; margin-top: .1rem;}
.sfx2.mod3-box > .subject dl{margin-top: 1rem; font-size: .16rem;}
.apply-form{margin-top: .2rem;}
.apply-form h4{font-size: .2rem; color: #8DBF1E; position: relative; margin-left: 8%; margin-bottom: .1rem;}
.apply-form h4::before{content:"";position: absolute; left: -3%; top:10%;  width: .03rem; height: 80%; background-color: #D63239;}
.apply-form .form-input{display: flex; align-items:flex-end}
.apply-form ul{width: 40%; padding-left: 5%;}
.apply-form ul:first-child{width: 30%;}
.apply-form ul li{width: 100%; margin-top: .2rem;}
.apply-form ul li label{font-size: .16rem; color: #000;}
.apply-form ul li label span{color: #ff0000;}
.apply-form ul li input[type="text"]{border:0; border-bottom: 1px solid #D5DCE2; width: 100%; padding: .05rem 0.05rem; margin-top: 0.05rem;}
.apply-form ul li input[type=radio]{-webkit-appearance: radio; margin: 0 .1rem ;}
.apply-form ul li p label{font-size: .14rem;color: #333; margin-top: .05rem; display: inline-block;}

.apply-form .btn-box{text-align: center; margin-left: .2rem; margin-bottom: .1rem;}

/*fzgh*/
.fzgh .mod3{height: 3.68rem;}
.fzgh .mod3 .content dt{font-size: .14rem; color: #000; font-weight: bold;}
.fzgh .mod3 .content dd{margin-bottom: .2rem;}
.fzgh .mod3 .content p .iconfont{font-size: .18rem; margin-right: .05rem;}
.fzgh .mod3 .content p a{color: #02A7F0;}
.fzgh.mod3-box > .subject{color: #000; padding-left: .2rem;  }
.fzgh.mod3-box > .subject h3{font-size: .24rem; font-weight:bold;}
.fzgh.mod3-box > .subject h4{font-size: .18rem; margin-top: .1rem;}
.counsel{padding: .2rem; padding-left: 30%; background-color: #000000; color: #fff;}
.counsel h6{font-size: .2rem; width: 100%; margin-bottom: .1rem;}
.counsel > div{ width: 47.5%; height: 2.47rem; background-color: #F2F2F2; float: left; margin-right: 2.5%; color: #000; padding: .1rem 0;}
.counsel > div:first-of-type{display: flex; align-items: center; justify-content: center;}
.counsel > div:first-of-type div{text-align: center; flex: auto;}
.counsel > div:first-of-type div:first-child{text-align: right;}
.counsel > div:first-of-type img{width: .9rem; height: .9rem; }
.counsel > div:first-of-type .iconfont{font-size: .2rem; margin-right: .05rem;}
.counsel h4{text-align: center; font-size: .16rem;}
.counsel li{width: 50%; float: left; display: flex; margin-top: .1rem; padding: 0 .1rem;}
.counsel li label{width: 28%; display: block; flex: none;}
.counsel li p{width: 62%;flex: none;}
.counsel li input{border:0; border-bottom: 1px solid #000;  background: none; width: 100%;}
.counsel textarea{border: 1px solid #000; width: 95%; height:0.8rem; padding: .05rem; background: none; margin-top: .1rem;margin-left: 2.5%;}
.counsel .btn-box{text-align: center; margin-top: .05rem;}

.mod{position: relative;}
.mod h4{font-size: .2rem;}
.mod-left{float: left; width: 40%; height: 100%; background-color: #F3F3F3; padding: .3rem 0;padding-left: 10%; padding-right: .1rem;}
.mod-right{padding: .3rem 0;padding-left: 5%; float: left; width: 60%; position: relative; background-color: #FFF;}
.list .title{position: relative; margin-bottom: .05rem; font-size: .16rem;}
.list .title::before{content:"";position: absolute; left: -0.15rem; top:10%;  width: .03rem; height: 80%; background-color: #D63239;}

/*yhym*/
.step{width: 100%; height:2.25rem; border: 0.04rem #000 solid; border-top:0; background-color: #1F3648; color: #fff;}
.step a{color: #fff;}
.step ul{display: flex; align-items: center;  height: 100%;}
.step ul li{width:20%; height: 100%;; text-align: center; padding-top: .2rem; }
.step ul li label{border: 2px solid #fff; border-radius: 50%; width: .64rem; height: .64rem; text-align: center; line-height: .64rem; display: inline-block;#4378BC}
.step ul li label .iconfont{font-size: .4rem;}
.step ul li p{margin-top: .1rem;}
.step ul li p:last-of-type{ margin-top: .4rem;}
.step ul li h4{font-size: .2rem; margin-top: .2rem;}
.step ul li:first-of-type{width: 30%; text-align: left; padding-left: 10%;}
.step ul li:nth-of-type(2){background-color: #4378BC;}
.step ul li:nth-of-type(3){background-color: #2B4B62;}
.step ul li:nth-of-type(3) label{line-height: .6rem; padding-right: .03rem; }
.yhym-data .mod-left p{margin-top: .2rem;}
.yhym-data .mod-right ul, .yhym .mod-right .btn-box{width: 60%;}
.yhym-data .mod-right ul li{width: 100%; margin-top: .2rem;}
.yhym-data .mod-right ul li label span{color: #ff0000;}
.yhym-data .mod-right ul li input{border:0; border-bottom: 1px solid #D5DCE2; width: 100%; padding: .05rem 0.05rem; margin-top: 0.05rem;}
.yhym-data .mod-right .btn-box{text-align: center; margin-top: .2rem; width: 60%;}
.yhym-data .qr{position: absolute;width: 1.36rem; text-align: center; right: 5%; top: 1rem;}
.yhym-data .qr p:first-of-type{font-size: .18rem; }
.yhym-data .qr img{width: 1.36rem;}
.guanmo{background-color: #6B9543; color: #FFF; padding: .2rem 0;}
.guanmo > div{display: flex; justify-content: center; align-items:center;}
.guanmo .list{width: 6.8rem;}
.guanmo .list ul{display: flex;}
.guanmo .list li{margin-right: .3rem; flex: auto;}
.guanmo .list a{display: block;color: #fff;}
.guanmo .right p a{color:#fff; margin-right: .15rem; display: inline-block; margin-top: .1rem;}
.search-box{height: 0.46rem; width: 2.4rem;padding: .08rem .1rem; background-color: #F9F9F9;border: .01rem solid #FBFBFB;}
.search-box div{border:1px solid #DEDEDE; height: .3rem; line-height: .3rem; overflow: hidden; display: flex;}
.search-box div input{border: 0; height: .3rem; flex: auto; padding: 0 .1rem; width: 85%;}
.search-box div .iconfont{background-color: #D63239; display: inline-block; height: 100%; text-align: center; font-size: .18rem; width: 15%; color: #fff;}
.news-list .mod-left{padding-right: .4rem;}
.news-list .title,.news-list h1{font-weight: bold;}
.news-list section{margin-top: .2rem; padding-bottom: .1rem;}
.news-list section p{line-height: 1.3; margin-top: .05rem;}
.news-list section div .img{width: .9rem; height: .9rem; overflow: hidden; display: inline-block;margin-right: .1rem; margin-top: .1rem;}
.news-list section div img{width: .9rem; height: .9rem; object-fit: cover; }
.news-list a{color: #000;}
.news-list .mod-right{padding-left: .4rem;}
.news-list .mod-right > div{width: 50%; float: left;padding-right: .4rem;}
.news-list-more{}
.news-list-more .mod-right > div:last-of-type{width: 100%; display: flex; align-items: center; margin-top: .2rem; padding-left: .2rem;}
.news-list-more .mod-right > div:last-of-type p{margin-right: .2rem;}
.news-list-more .mod-right > div:last-of-type a{margin: 0 .1rem;}
.news-list-more div.multipage{width: 100%; background:none; position: absolute; z-index: 1;}

/*news*/
.mod2{padding-top: .2rem;}
.mod2 .mod2-left{float: left; width: 75%;}
.mod2 .mod2-right{float: right; width: 18%;}
.mod2 .title{border-bottom: .02rem solid #75942D; font-size: .12rem; padding-bottom: 0.05rem;}
.mod2 .title p:first-of-type{font-size: .22rem;}
.mod2 .title .position{text-align: right;}
.mod2.noborder .title{border-bottom: 0}
.news-list2 {padding-bottom: .3rem;}
.news-list2 li{margin-top: .2rem; min-height: 1.1rem;}
.news-list2 li h1{font-weight: bold;}
.news-list2 li div{position: relative;}
.news-list2 li div p{padding-left: 1.1rem;}
.news-list2 li div.img{position: absolute; height: 0.9rem; width: .9rem;}
.news-list2 li div.img img{width: 100%; height: 100%; object-fit: cover;}
.news-list2 .mod2-right > div{margin-top: .5rem; margin-bottom: .3rem; font-size: .12rem;}
.news-list2 .mod2-right h2{font-weight: bold; font-size: .14rem;}
.news-list2 .mod2-right .email,.news-list2 .mod2-right .toutiao{margin-top: .2rem;}
.news-list2 .mod2-right img{width: 0.9rem;}

.news-detail {padding: .4rem 0}
.news-detail h1{font-weight: bold; font-size: .24rem; text-align: center; padding: .3rem .2rem 0;}
.news-detail > p{text-align: center; padding: .2rem 0;}
.news-detail > p span{margin: 0 .2rem;}
.news-detail .content{font-size: .16rem;}
.news-detail .content img{max-width: 100%;}

.p_bar{text-align: center;}
.p_bar a,.p_bar span{color: #000000; background-color: #FFF; padding: 0 .08rem; border:#000000 1px solid; margin: 0 .04rem; display: inline-block; height: .26rem; line-height: .26rem;}
.p_bar span{border-color: #6B9543; background-color: #6B9543; color: #FFF;}
.p_bar .p_redirect{font-family:'宋体';}

/*tech-pro*/
.tech-pro-list img{width: 100%;}
.tech-pro-list h1{font-size: .4rem; text-align: center;}

/*partnership*/
.partnership img{width: 100%;}

/*about*/
.mod2 .mod2-left2{float: left; width: 2rem; margin-right: 0.5rem;}
.mod2 .mod2-right2{float: left; width: 8.5rem;}
.side-nav{width: 100%;}
.side-nav li{margin-top: 0; min-height: auto;}
.side-nav li a{display: block; width: 100%; position: relative; height: .43rem; line-height: .43rem; border-bottom: 1px solid #333; padding-left: .1rem;}
.side-nav li a .iconfont{position: absolute; float: right; right: .1rem;}
.side-nav li a.current,.side-nav li a:hover{background-color: #8DBF1E; color: #fff;}
.about .content{padding-top: .1rem;}
.about .content p{margin-bottom:.2rem ;}

.about .contact .img li{float: left; margin-right: .2rem; text-align: center;}
.about .contact .img li img{width: 1.25rem;}
.about .contact .img li img.wx{width: 1.56rem;}
.about .contact .img li img.douyin{width: 1.6rem;}
.about .contact .img li img.toutiao{margin-top: .5rem;}
.about .content .img li p{margin-bottom: 0;}
.about .content .img li p:last-of-type{margin-bottom:.2rem ;}

.about .culture .ct-item{margin-top: .3rem;height: 1.66rem; width: 100%;}
.about .culture .ct-item > div{ float: left; width: 50%; text-align: center; position: relative;}
.about .culture .ct-item > div ul{display: inline-block; background-color: #8DBF1E; height: 1.66rem; width: 1.86rem; padding: .25rem 0;}
.about .culture .ct-item > div ul li{color: #fff; min-height: auto; margin-top: 0;}
.about .culture .ct-item > div ul li:nth-of-type(2){font-size: .22rem; margin: .05rem 0;}
.about .culture .ct-item > div img{position: absolute; right: .12rem; width: 1.32rem;}
.about .culture .ct-item > div img.m2{ height: 1.65rem; width: auto; right: .4rem;}
.about .culture .ct-item:nth-of-type(2) div{width: 100%;}
.about .culture .ct-item:nth-of-type(2) div ul{padding: .15rem 0;}
.about .culture .ct-item > div img.m3{height: 1.65rem; width: auto; right: 2.4rem;}
.about .culture .ct-list2{margin-top: 1.6rem;}
.about .culture .ct-title{border-bottom: .02rem solid #75942D; font-size: .12rem; padding-bottom: 0.05rem; position: relative; margin-bottom: .1rem;}
.about .culture .ct-title h2{font-size: .2rem; display: inline-block;}
.about .culture .ct-title h3{font-size: .2rem; float: right; font-size: .16rem; letter-spacing: .05rem; color: #fff;; background-color: #8DBF1E; text-align: center; height: 0.34rem; line-height: 0.32rem; width: 1.56rem;}
.about .culture .ct-title img{position: absolute; height: 1.5rem; right: 1.02rem; top:-1.16rem}
.about .culture .ct-body img{ vertical-align: top;}
.about .culture .ct-body img:first-of-type{max-width: 6.2rem; margin-right: .2rem;}

.about .recruitment{padding-top: .2rem;}
.about .recruitment ul.itr li{min-height: auto; margin-top: 0; float: left; width: 33.3%; padding: 0 .3rem;}
.about .recruitment ul.itr li .img{text-align: center; width: 100%; height: 1.6rem;position: relative;}
.about .recruitment ul.itr li .img img{height: 1.6rem; width: auto;  }
.about .recruitment ul.itr li p{color: #8DBF1E; margin-bottom: .05rem; margin-top: 0.1rem; font-weight: bold;}
.about .recruit-title{border: 0.03rem solid #D7D7D7; width: 50%; margin: .5rem auto; text-align: center; padding: .1rem 0; font-size: .26rem;}
.about .recruit-title img{height: 1.2rem; margin-right: .5rem;}
.about .recruit-list{background-color: #F2F2F2; padding: .3rem;}
.about .recruit-list li{margin-top: 0; min-height: auto;  background-color: #fff; }
.about .recruit-list li:first-of-type{background-color: #D7D7D7;}
.about .recruit-list li p{margin-bottom: 0; padding-left: 0;}
.about .recruit-list li .item{width: 100%;}
.about .recruit-list li .item p{float: left; width: 16%; height: .34rem; line-height: .34rem;}
.about .recruit-list li .item p:first-of-type{width: 36%;padding-left:.1rem;cursor: pointer; position: relative;}
.about .recruit-list li .item p .iconfont{font-size: .14rem; margin-left: .1rem; display: inline-block;}
.about .recruit-list li.cur .item p .iconfont{transform:rotate(180deg);}
.about .recruit-list li .item p a{color: #D9001B; border:1px solid #D9001B; border-radius: 10px; font-size: .12rem; padding: 0 .1rem;}
.about .recruit-list li .detail{background-color: #F2F2F2;padding-left:.1rem; padding-right: .1rem; border-top: 1px solid #aaa; height: 1px; overflow: hidden;}
.about .recruit-list li.cur .detail{height: auto; overflow: auto;border-top: 2px solid #aaa;}
.about .recruit-list li .detail > p{border-left: 1px solid #D9001B; padding-left: .1rem; margin: .1rem 0 0.05rem;}
.about .recruit-list li .detail > div{padding-left: .11rem; padding-bottom: .1rem;}

.about .ht-list{height: 3rem; margin-bottom: 1rem;}
.about .ht-list .swiper{float: left; width: 4.2rem; height: 100%;}
.about .ht-list .swiper .pics{width: 100%; height: 100%; }
.about .ht-list .swiper .pics .swiper-slide{text-align: center;}
.about .ht-list .swiper .pics img{width: 100%; height: 100%; object-fit: cover;}
.about .ht-list .swiper .pics img.letter {width:auto}
.about .ht-list .swiper .pics .swiper-pagination-bullet{opacity:1; width:.12rem; height:.12rem; margin:0 .05rem; box-shadow: 0 0 .05rem #fff; }
.about .ht-list .swiper .pics .swiper-pagination-bullet-active{box-shadow: 0 0 .05rem #000;}
.about .ht-list .event{float: left; width: 4rem; height: 100%; margin-left: .3rem;}
.about .ht-list .event h2,.about .ht-list .event h3{font-size: .26rem; line-height: .33rem; height: .33rem;}
.about .ht-list .event h2{font-style: italic;}
.about .ht-list .event > div{height: 2.34rem; overflow-y: auto; padding-top: .08rem;font-style: italic;}
.about .ht-list .event p{margin-bottom: .08rem;}
.about .ht-list .event li{margin-top:0px; margin-bottom: .08rem; min-height: auto;}
.about .ht-list2 .swiper{float: right;}
.about .ht-list2 .event{ margin-left: 0; margin-right: .3rem;}
.about .ht-list3{height: 2.8rem;}
.about .ht-list3 .event > div{height: 2.49rem; overflow-y: auto; padding-top: .08rem;font-style: italic;}
.about .ht-list3 .event p{margin-bottom: .1rem; font-size: .18rem; font-weight: bold; margin-top: .08rem;}

.about h1{font-weight: bold; font-size: .24rem; text-align: center; padding: .3rem .2rem 0;}

footer{border-top:0.05rem solid #75942D; border-bottom:0.03rem solid #000; padding-top: .3rem; background-color: #F3F3F3; }
footer dl{float: left;width: 25%;}
footer dl dt{font-weight: bold;}
footer dl dd{margin-top: .05rem; font-size: .12rem;}
footer .cr{border-top:0.01rem solid #666; padding: .1rem 0; margin-top: .5rem; display: flex;}
footer .cr a{font-size: .12rem; position: relative; }
footer .cr div:first-child{flex: auto;}
footer .cr div:first-child a{margin-right: .3rem;}
footer .cr div:first-child a::after{content:''; position: absolute;background-color: #000;width: 1px; height: 80%;  right: -0.15rem; top:10%;}
footer .cr div:first-child a:last-child::after{width: 0;}
footer .cr div:last-child a{margin-left: .3rem;}

#totop{position: fixed; right: 0.2rem; bottom: 0.2rem; display: none; cursor: pointer;}
#totop .iconfont{font-size: 0.32rem; color: #72A42E;}

.dialog-box{padding: 20px; position: relative;  padding-bottom: 50px;}
.dialog-box p{margin-bottom: 10px;}
.dialog-box p input[type="text"]{padding: 3px 5px; border: 1px solid #aaa; width: 60%;}
.dialog-box .btn-box{text-align: right;  user-select: none; pointer-events:auto; padding: 12px 15px 12px; position: relative; }
.dialog-box .btn-box .btn{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background: none;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none;display:inline-block;*display:inline;*zoom:1;vertical-align:top; box-shadow:none; font-size: 14px;}
.dialog-box .btn-box .btn:hover{opacity:.9;text-decoration:none}
.dialog-box .btn-box .btn:active{opacity:.8}
.dialog-box .btn-box .yes{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}
.dialog-box .btn-box span{position: absolute; left: 15px; top: 12px; display: block;}
.dialog-box .btn-box span a{color: #71A22C;}

#logreg{display: none;}
.log-box{padding: 0.3rem; display: none;}
.log-box form > p{margin-bottom: .1rem;}
.log-box form > p > span{ display: inline-block; width: .9rem; text-align: right; margin-right: .1rem;}
.log-box form > p input[type="text"], .log-box form > p input[type="password"]{padding: .05rem; border: 1px solid #666; width: 2rem;}
.log-box form > p input[type="text"].vlt_error_bd, .log-box form > p input[type="password"].vlt_error_bd{border: 1px dashed #F00;}
.log-box form > p input.short{width: 1rem;}
.log-box form > p img{margin-left: .1rem; cursor: pointer;}
.log-box form > p .get-serial{color: #71A22C; cursor: pointer; margin-left: .1rem; display: none;}
.log-box form > p .get-serial.disabled{color: #999999; cursor: auto;}
.log-box.cur{display: block;}

@media screen and (max-width: 1366px) {
	html {font-size: 617.222%; }
}
@media screen and (max-width: 1280px) {
	html {font-size: 585.652%;}
}
@media screen and (max-width: 1024px) {
	html {font-size: 468.521%;}
}
@media screen and (max-width: 768px) {
	html { font-size:351.391%; }
	
}
@media screen and (max-width: 425px) {
	html {font-size: 194.455%;}
}
@media screen and (max-width: 414px) {
	html {font-size: 189.422%; }
	
	.main .mod .md-title h1{font-size:.5rem}
	
	.main .business li{font-size:.4rem}
	
	.main .project li div>div{font-size:.4rem;}
	
	.main .partners dl dt{ font-size:.44rem}
	.main .partners dl dd{ font-size:.4rem}
	
	.main .nav a{font-size:.46rem;}
	.main .nav a{padding:.08rem .15rem; margin-right:.15rem;}
	
	.main .container .content .con{font-size:.42rem}
	.main .container .content .con h2,.main .container .content .con h3{ font-size:.5rem;}
	.main .container .content .con h4{ font-size:.46rem}
	
	.main .container .content .modle .img{ width:100%; margin-right:0}
	.main .container .content .modle .detail{ max-width:100%;}
	
}
@media screen and (max-width: 375px) {
	html {font-size: 171.578%;}
}
@media screen and (max-width: 360px) {
	html {font-size: 164.714%;}
}
@media screen and (max-width: 320px) {
	html {font-size: 146.413%;}
}