@charset "utf-8";
.content{width: 1400px; margin: 0 auto;}
i,em,b{font-style: normal;}
@media screen and (max-width:1680px) {
  .content{width: 1200px;}
}

.tit01 h2{font-size: 50px; text-align: center; font-family: "Microsoft YaHei";color: #000000; font-weight: normal; line-height: 64px;}
.tit01 a{color: #000000; }
.tit01 p{font-weight: normal; display: block;font-size:22px;color: #666666; line-height: 32px;text-align: center; font-family: "Microsoft YaHei";padding-top: 15px; }

/**/
.banner {width: 100%; max-height: 910px; position:relative;max-width: 1920px;overflow: hidden;;}
.banner img{ width:100%; display: block;}
.banner .swiper-pagination{bottom: 3% !important; z-index: 1}
.banner .swiper-pagination .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.7);opacity: 1; width: 100px;height: 3px;color: #fff; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#43a477;}
.banner .ban-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .ban-prev {left: 5%;  background:url(../images/lefts.png) no-repeat center center; display: none;}
.banner .ban-next {right: 5%; background:url(../images/rights.png) no-repeat center center;display: none;}  
.banner video{width: 100%;height: 100%;display: block;}

/**/
.g-guide{ background:#e7ebe9; background-size: 100%; height:auto; padding:112px 0 90px;box-sizing: border-box;  font-family:"Microsoft Yahei";clear: both;overflow: hidden;}
.guide dt{width: 900px;position: relative;float: right;}
.guide dt img{width:100%;display: block;}
.guide dt p{font-size:16px; color: #4c4c4c; line-height:30px;text-align: justify;display: block;}
.guide dt ul{margin-top: 2.91vw;clear: both;overflow: hidden;}
.guide dt li{width: 18.44%;position: relative; float: left;font-size: 16px;text-align: center;}
.guide dt li em{display: block;width: 100%;position: absolute;left:0;bottom:0;}
.guide dt li:nth-child(1){width:44.68%;border-top-left-radius: 10px;
    overflow: hidden;}
.guide dt li:nth-child(2) em{color: #ffffff;bottom: 3.3vw;}
.guide dt li:nth-child(4) em{color: #4c4c4c;bottom: 1vw;}
.guide dd{width:405px; float: left;}
.guide dd em{display: block; font-size: 26px;color: #04683a;font-weight: bold;}
.guide dd h2{font-size: 48px;color: #1a1a1a;font-weight: bold;;margin: 15px 0 60px;}
.guide dd h2 span{position: relative;}
.guide dd h2 span i{position: relative;z-index: 1;}
.guide dd h2 span::before{content: ""; width:15px;height:15px;background: url(../images/titico1.png);position: absolute; left:-10px;top:22px;}
.guide dd h2 span::after{content: ""; width:40px;height:29px;background: url(../images/titico2.png);position: absolute; right:-26px;top:10px;}
.guide dd .guide-btn{text-align: center; height: 42px;line-height: 42px;border-radius: 20px;background: #04683a;color: #fff;font-size: 16px;display: block;width: 200px;}

@media screen and (max-width:1680px) {
  .guide dt{width: 740px;}

}
/**/
.g-digital{ background:#fff;height:auto; padding:60px 0 100px;box-sizing: border-box;  font-family:"Microsoft Yahei";clear: both;overflow: hidden;}
.digital{height:180px;box-sizing: border-box; position: relative; clear:both;overflow: hidden;}
.digital li{height:180px;width:280px; box-sizing: border-box; float: left; text-align: center; position: relative;cursor: pointer;}
.digital li::after{content: ""; width:1px;height:130px;background:#b0c9bd;position: absolute; right:0;top:10px;}
.digital li em{position: relative;display: block;  font-family: "Arial"; color: #04683a; font-weight: bold; font-size:35px;width: 100%;}
.digital li em b{ font-size: 60px; color: #04683a;font-weight: bold;font-family: "Century Gothic","Arial";}
.digital li em i{ font-size:18px;  color: #808080;text-align: center; font-weight: normal;width:28px; line-height: 28px;height: 28px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:12px; right:0px;display: block;border-radius: 100%;}
.digital li h4{font-size:20px; color: #1a1a1a; text-align: center; line-height: normal; font-weight: normal;}
.digital li:last-child::after{width: 0;}
.digital li:nth-child(1){width: 270px;background: url(../images/count-ico1.png) no-repeat center bottom;}
.digital li:nth-child(1) em i{right:88px;}
.digital li:nth-child(2){width: 320px;background: url(../images/count-ico2.png) no-repeat center bottom;}
.digital li:nth-child(3){background: url(../images/count-ico3.png) no-repeat center bottom;}
.digital li:nth-child(3) em i{right:50px;}
.digital li:nth-child(4){background: url(../images/count-ico4.png) no-repeat center bottom;}
.digital li:nth-child(5){width: 250px;background: url(../images/count-ico5.png) no-repeat center bottom;}
.digital li:nth-child(5) em i{right:28px;}

@media screen and (max-width:1680px) {
  .digital li{width:235px;}
  .digital li em b{ font-size: 50px;}
  .digital li h4{font-size:16px;}
  .digital li:nth-child(1){width: 240px;}
  .digital li:nth-child(1) em i{right:72px;}
  .digital li:nth-child(2){width: 240px;}
  .digital li:nth-child(3) em i{right:30px;}
  .digital li:nth-child(5){width: 250px;}
  .digital li:nth-child(5) em i{right:28px;}

}



/**/
.g-products{height: 910px;background:url(../images/probg.jpg) no-repeat center top;overflow: hidden; padding:54px 0  0; box-sizing: border-box; font-family: "Microsoft YaHei";clear: both;overflow: hidden;margin:0 auto; }
.pro-tit{ height: 85px; }
.pro-tit h2{font-size: 48px;color: #fff;font-weight: bold;float: left;margin-top:15px;}
.pro-tit h2 a{color:#fff;}
.pro-tit h2 span{position: relative;}
.pro-tit h2 span i{position: relative;z-index: 1;}
.pro-tit h2 span::before{content: ""; width:15px;height:15px;background: url(../images/titico1.png);position: absolute; left:0px;top:-22px;}
.pro-tit h2 span::after{content: ""; width:40px;height:29px;background: url(../images/titico3.png);position: absolute; right:-26px;top:10px;}
.pro-tit ul{ float: right;width: 536px;padding-top: 55px; }
.pro-tit ul li{ float: left;padding-left: 30px;margin-left:  24px;font-size: 18px;color: #fff;line-height: 22px;background: url(../images/pro_ic.png) no-repeat left;font-weight: bold;}
.pro-tit ul li a{color:#fff;}
.products{position: relative;}
.sprev{width:58px;height:58px;position: absolute;left:-30px;top:50%;margin-top:-29px;z-index:5;background: url(../images/sprev.png) no-repeat;}
.snext{width:58px;height:58px;position: absolute;right:-30px;top:50%;margin-top:-29px;z-index:5;background:url(../images/snext.png) no-repeat;}
.pro-cat{ position: relative;overflow: hidden; border-radius: 5px;}
.pro-cat img{ display: block;width:100%;max-height: 400px;}
.pro-c{width:100%;border-right: 1px solid #bcd4c9;box-sizing: border-box;margin: 50px 0;position: relative;border-radius: 5px;overflow:hidden;}
.pro-t{position: absolute;left:25.5%;top:1.5vw;}
.pro-t h4{font-size:24px;line-height:35px;color: #1a1a1a;font-weight: bold;margin-bottom: 18px;}
.pro-t p{font-size: 16px;color: #737373;line-height: 28px;}
.pro-con{display: none;position: absolute;top:0;left:0;width:calc(100% + 50px);height:100%;border:2px solid #04683a;box-sizing: border-box;z-index: 99;padding: 50px 46px 0;background: #fff;box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.16);margin-top: 0;border-radius: 10px;}
.pro-con h4{font-size:24px;color: #04683a;font-weight: bold;}
.pro-con p{font-size: 16px;color: #737373;line-height: 28px;margin:10px 0 20px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;overflow: hidden; text-overflow: ellipsis;position:relative;}
.pro-con img{margin-top:-90px;}
.pro-con tr{ font-size:14px;line-height: 2rem;height: 2rem;color: #095f38; }
.pro-con tr:nth-child(2n){ color: #737373; }
.pro-con td{width: 50%;border-right: 1px solid #e2f1ea;box-sizing: border-box;padding-left: 1.4vw;}
.pro-con td:nth-child(2n){ border-right: 0; }
.pro-cat .swiper-slide a:hover .pro-con{display: block;}
.pro-cat .curr  a:hover .pro-con{left:-50px;}
.pro-ss{background: #fff;border-radius: 5px;height: 200px;padding:38px 28px;box-sizing: border-box;}
.pro-s1{width: 1095px;float: left;}
.pro-s1 dl{background: #fafafa;height: 56px;line-height: 56px;margin-bottom: 14px;font-size: 14px;clear: both;overflow: hidden;}
.pro-s1 dt{width: 112px;border-radius: 5px;color: #006d3a;padding-left: 52px;box-sizing: border-box;background:#ccedde url(../images/pro-s2.png) no-repeat 12px center;float:left;}
.pro-s1 dt a{color: #006d3a;}
.pro-s1 dd{padding-left: 0px;box-sizing: border-box;float: left;}
.pro-s1 dd a{display: inline-block;margin-left: 38px;color: #333333;}
.pro-s1 dd a:hover{color: #006d3a;font-weight: bold;}
.pro-s1 dl:nth-child(1) dt{background:#006d3a url(../images/pro-s1.png) no-repeat 12px center;}
.pro-s1 dl:nth-child(1) dt a{color: #fff;}
.pro-s2{width: 245px;height: 125px;background: #04683a;color: #fff;float: right;border-top-right-radius: 15px;border-bottom-right-radius: 15px;position: relative;}
.pro-s2 h3{height: 125px; line-height: 125px;background: url(../images/sou-ico.png) no-repeat 58px center;padding-left: 100px;font-weight: normal;cursor: pointer;}
.pro-sou{background: #fff;box-shadow: 0 0 5px #ccc; width: 520px;border-radius: 15px;overflow: hidden; position: absolute;right: 0;top:0;display: none;}
.pro-sou .sou1{height: 125px; line-height: 125px;width:355px;float: left;padding-left: 12px;box-sizing: border-box;}
.pro-sou .sou2{float: left;width: 165px; height: 125px; line-height: 125px;background:#04683a url(../images/sou-ico.png) no-repeat 45px center;padding-left: 90px;font-weight: normal;cursor: pointer;text-align: left;color: #fff;}

@media screen and (max-width:1680px) {
  .pro-s1{width: 899px;}
  .pro-s1 dd{padding-left: 0;box-sizing: border-box;}
  .pro-t h4{font-size:20px;}
  .pro-t p{font-size: 14px;}
  .pro-con h4{font-size:20px;}
  .pro-con em{font-size: 14px;}

}




/**/
.g-cases{ max-height:972px; background:url(../images/casebg.jpg) no-repeat center top; padding:70px 0 175px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px;overflow: hidden; }
.case-tit{ height:120px; }
.case-tit h2{font-size: 48px;color: #1a1a1a;font-weight: bold;float: left;margin-top:15px;}
.case-tit h2 span{position: relative;}
.case-tit h2 span i{position: relative;z-index: 1;color: #1a1a1a;}
.case-tit h2 span::before{content: ""; width:15px;height:15px;background: url(../images/titico1.png);position: absolute; left:0px;top:12px;}
.case-tit h2 span::after{content: ""; width:40px;height:29px;background: url(../images/titico2.png);position: absolute; right:-26px;top:10px;}
.case-tit ul{ float: right;width: auto;padding-top: 55px; }
.case-tit ul li{ float: left;padding-left: 30px;margin-left:  24px;font-size: 18px;color: #04683a;line-height: 22px;background: url(../images/caset-ico.png) no-repeat left;font-weight: bold;}
.cases{width:100%; position: relative;margin-bottom: 17px;}
.case-prev{width:58px;height:58px;position: absolute;left:-30px;top:50%;margin-top:-29px;z-index:5;background: url(../images/case-prev.png) no-repeat;}
.case-next{width:58px;height:58px;position: absolute;right:-30px;top:50%;margin-top:-29px;z-index:5;background:url(../images/case-next.png) no-repeat;}
.case-con{overflow: hidden;}
.case-con dl{width:100%;background: #fff;clear: both;overflow: hidden;border-radius: 5px;}
.case-con dt{width:50%;float: left;}
.case-con dt img{width:100%;display: block;}
.case-con dd{width: 50%; padding:80px 66px  0 58px;box-sizing: border-box;float: left;}
.case-con dd h4{font-size:26px;color: #1a1a1a; height:42px;line-height: 42px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case-con dd h4 a{color: #1a1a1a;}
.case-con dd p{line-height: 28px;font-size: 16px;color: #737373;text-align: justify;margin: 1vw 0 1.5vw;}
.case-con dd .desc{margin-bottom:1.5625vw;height: 42px;line-height: 42px;color: #737373;font-size: 14px;background: #fafafa;padding:0 20px;}
.case-con dd .desc b{color: #1a1a1a;font-weight: normal;}
.case-con dd span{display: block;background:#04683a; width: 150px;height: 42px;line-height: 42px;text-align: center;font-weight: normal;font-size: 16px;color: #ffffff;border-radius:25px;}
.case-nav{height: 112px;position: relative;}
.case-nav-con{overflow: hidden;}
.case-nav li{width: 23.85%;height: 112px;background:#fff;border:2px solid #fff; padding:15px 0 0 20px;border-radius: 5px;float: left;box-sizing: border-box;}
.case-nav li img{width: 100%;display: block;max-width: 102px;float: left;border-radius: 5px;}
.case-nav h4{font-size: 18px;line-height: 38px;font-weight: normal;color: #1a1a1a;float: left;margin-left:1.3vw;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-nav i{font-size: 14px;color: #737373;height: 30px;line-height: 30px;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.gallery-thumbs .swiper-slide-thumb-active {
      border:2px solid #5fa887;
    }

@media screen and (max-width:1680px) {


}
/**/
.g-super{ max-height: 865px;background:url(../images/superbg.jpg) no-repeat center top;padding:50px 0 94px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.super-tit{ height:120px; }
.super-tit h2{font-size: 48px;color: #1a1a1a;font-weight: bold;float: left;margin-top:15px;}
.super-tit h2 span{position: relative;}
.super-tit h2 span i{position: relative;z-index: 1;}
.super-tit h2 span::before{content: ""; width:15px;height:15px;background: url(../images/titico1.png);position: absolute; left:0px;top:12px;}
.super-tit h2 span::after{content: ""; width:40px;height:29px;background: url(../images/titico2.png);position: absolute; right:-26px;top:10px;}
.super-tit ul{ float: right;padding-top: 55px; }
.super-tit ul li{font-size:26px;color: #04683a;line-height: 32px;font-weight: bold;}
.super{position: relative;height: 600px;}
.super-nav{ position: absolute;left:0;top:0;width: 440px;height: 290px;z-index: 5; }
.super-nav li{ float: left;width: 220px;height: 145px;box-sizing: border-box;padding-top: 28px; background: #fff;position: relative;border-right: 1px solid #bcd4c9;border-bottom: 1px solid #bcd4c9;}
.super-nav li:nth-child(2n){border-right: 0;}
.super-nav li:nth-child(n+3){border-bottom: 0;}
.super-nav li img{display: block;width: 72px;height: 54px;margin: 0 auto;  }
.super-nav li span{ display: block;font-size: 20px;line-height: 20px;text-align: center;font-weight: bold;color: #171717;padding-top: 8px; }
.super-nav li i{display: none;}
.super-nav li:nth-child(1){border-top-left-radius: 5px;overflow:hidden;}
.super-nav li.cur i{ display: block;font-size: 36px;height: 30px;overflow: hidden;color: #006d3a;font-style: italic;font-weight: bold;text-align: center;margin-top: 5px; }
.super-nav li.cur{ box-sizing: border-box; }
.super-nav li.cur:before{content: "";position: absolute;left:0px;right: 0; top:0;bottom: 0; border:2px solid #006d3a;box-shadow: 0px 9px 51px rgba(0, 114, 58, 0.26);border-radius: 5px;}
.super-con{width:100%;position: relative;overflow: hidden;}
.super-con dl{width: 100%;height: 600px;position: relative;;}
.super-con dt{width:960px;float: right;border-radius: 5px;overflow: hidden;}
.super-con img{width:100%;display:block;}
.super-con dd{width: 600px;height: 310px; position:absolute;bottom: 0;z-index: 1;background: #04683a;padding:2vw 2.18vw 0 2.5vw;box-sizing: border-box;border-radius: 5px;}
.super-con dd h4{font-size: 30px;color:#ffffff;font-weight: bold; line-height:50px;margin-bottom: 10px;}
.super-con dd p{font-size:16px; color:#c1d5b4;line-height:30px;text-align: justify;margin-bottom: 1vw; }
.super-con dd span{width: 230px;height: 42px;line-height: 42px;font-size: 16px;color: #04683a;position: relative; border-radius: 20px;background: #e6f0ec;display: block;padding-left: 1.5vw;box-sizing: border-box;}
.super-con dd span:after{position: absolute;right:36px;top:15px;width: 19px;height: 12px;background: url(../images/super-btn.png) no-repeat;content: "";}
.super-con dd span a{color: #04683a;}
.super-prev{width:50px;height:50px;position: absolute;bottom:0;right:162px;z-index:5;background: url(../images/super-prev.png) no-repeat;}
.super-next{width:50px;height:50px;position: absolute;bottom:0;right:0;z-index:5;background:url(../images/super-next.png) no-repeat;}
.super-con .swiper-pagination{bottom: 18px !important; z-index: 1;text-align: right;left:-62px !important;}
.super-con .swiper-pagination .swiper-pagination-bullet{background: #c5c7c5;opacity: 1; width: 8px;height: 8px;color: #fff; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 10px;}
.super-con .swiper-pagination .swiper-pagination-bullet-active{background:#04683a;width: 30px;}


@media screen and (max-width:1680px) {
  .super-con dd h4{font-size: 28px;}
  .super-con dd p{font-size:15px; line-height:28px;}
  .super-con dd span{font-size: 15px;}
}


/**/
.g-news{ height: auto; box-sizing: border-box; background:#fff; padding:66px 0 114px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.news-tit{ height:95px; }
.news-tit h2{font-size: 48px;color: #1a1a1a;font-weight: bold;float: left;}
.news-tit h2 span{position: relative;}
.news-tit h2 span i{position: relative;z-index: 1;color: #1a1a1a;}
.news-tit h2 span::before{content: ""; width:15px;height:15px;background: url(../images/titico1.png);position: absolute; left:-5px;top:5px;}
.news-tit h2 span::after{content: ""; width:40px;height:29px;background: url(../images/titico2.png);position: absolute; right:-26px;top:10px;}
.news-tit ul{ float: right;width: 600px; }
.news-tit ul li{font-size:26px;color: #04683a;line-height: 32px;font-weight: bold;float: left;}
.news-tit ul li:nth-child(2){float: right;padding-top:0;}
.news{position: relative;}
.news::after{content: ""; width:1px;height:560px;background:#c7c7c7;position: absolute; left:50%;top:15px;}

.news1{width: 42.85%; overflow: hidden; float: left;position: relative;}
.news-nav{height: 40px;margin-bottom: 40px;}
.news-nav a{display: inline-block;margin-right: 30px;height: 40px; line-height: 40px;border-bottom: 2px solid #fff; font-size: 18px;color: #1a1a1a;}
.news-nav a.cur,.news-nav a:hover{font-size: 20px;color: #04683a;border-bottom: 2px solid #097045;}
.news1 li{width:100%;margin-bottom: 35px;}
.news1 li .newst{clear: both;overflow: hidden;}
.news1 li h4{font-size:18px; font-weight: normal;height: 38px; line-height: 38px;color:#1a1a1a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:"Microsoft Yahei";float: left;}
.news1 li h4 a{ text-decoration: none; color:#1a1a1a;}
.news1 li em{float: left;display: block; font-size: 16px;color: #999999; line-height: 38px;padding-left: 10px;margin-left: 10px;background: url(../images/news-line.gif) no-repeat left center;}
.news1 li p{overflow: hidden;font-size: 14px; line-height:30px; color:#737373;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news1 i{display: block;box-sizing: border-box;width: 99%; border:1px solid #e3e3e3;height: 56px;line-height: 56px;text-align: center;font-size: 16px;color: #666666;margin-top:63px;}
.news1 i img{width:20px;height: 12px;display: inline-block;margin-left: 10px;}

.news2{width: 42.85%; overflow: hidden; float: right;position: relative;margin-top: 70px;}
.news2 dl{width:100%;height: 503px;}
.news2 dt{border-radius: 5px;overflow: hidden;}
.news2 dt img{width:100%;display:block;}
.news2 dd{width:85.6%;height: 216px;padding:40px 50px 0;box-sizing: border-box; background: #eff5f2;border-radius: 5px; position: absolute;left:0;bottom:0;}
.news2 dd h4{font-size:18px; font-weight: normal;height: 33px; line-height:33px;margin-bottom: 22px; color:#1a1a1a;overflow: hidden;text-overflow: ellipsis;font-family:"Microsoft Yahei";}
.news2 dl h4 a{ text-decoration: none; color:#1a1a1a;}
.news2 dl h4 em{padding-right:30px;background: url(../images/newstico.png) no-repeat right center;}
.news2 dd p{font-size: 14px;color: #737373; line-height: 30px;}
.news2-con{position: relative;}
.news2-con .swiper-pagination{bottom: 155px !important; z-index: 1;left:120px !important;}
.news2-con .swiper-pagination .swiper-pagination-bullet{background: #c5c7c5;opacity: 1; width: 8px;height: 8px;color: #fff; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 10px;}
.news2-con .swiper-pagination .swiper-pagination-bullet-active{background:#04683a;width: 30px;}

@media screen and (max-width:1680px) {
    .news2 dl h4 em{background:none;}
}
/**/
.g-about{background:url(../images/about.jpg) no-repeat center top;height:917px;overflow: hidden; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;padding:98px 0 0;}
.g-about img{width: 100%;display: block;}
.about-tit{ height:98px; }
.about-tit h2{font-size: 48px;color: #fff;font-weight: bold;}
.about-tit h2 span{position: relative;}
.about-tit h2 span i{position: relative;z-index: 1;}
.about-tit h2 span::after{content: ""; width:40px;height:29px;background: url(../images/titico3.png);position: absolute; right:-26px;top:10px;}

.about-con{width: 560px;overflow: hidden;position: relative;}
.about-prev{width:37px;height:37px;position: absolute;bottom:155px;right:78px;z-index:5;background: url(../images/zprev.png) no-repeat;}
.about-next{width:37px;height:37px;position: absolute;bottom:155px;right:31px;z-index:5;background:url(../images/znext.png) no-repeat;}
.about-con dl{width: 100%;height: 324px;background: #0d744c;border-radius: 3px;padding:34px 31px 0 39px;box-sizing: border-box;}
.about-con dl dt{clear: both;overflow: hidden;margin-bottom: 1.2vw;}
.about-con dl dt em{display: block;float: left;width: 68.97%;}
.about-con dl dt b{font-size: 60px;color: #ffffff; font-family: Arial, Helvetica, sans-serif;float: left;margin-left: 0.78vw;}
.about-con dl dd {font-size: 14px; color: #c1d5b4;line-height: 28px;text-align: justify;}

.about-nav{ float: right;}
.abt-tit{height:342px;overflow: hidden;}
.about-nav li{ font-size: 14px;color: #fff;height: 32px; line-height: 28px;margin-bottom: 30px;}
.about-nav li a{color:#fff;}
.about-nav li b{font-size: 24px;text-align: center;font-weight: bold;color: #ffffff;position: relative;padding:0 5px; margin-right: 20px;font-family:Arial, Helvetica, sans-serif;}
.about-nav li b i{position: relative;z-index: 1;}
.about-nav li.swiper-slide-thumb-active b{ box-sizing: border-box; }
.about-nav li.swiper-slide-thumb-active b::before{content: "";position: absolute;left:0px;bottom: 2px;width: 100%;height: 4px; background: #04683a;}

.aboout-ico li{width: 32px;height:32px; background: #04683a;border-radius: 100%; position: absolute;left: 50%;top: 390px;}
.aboout-ico li em{}
.aboout-ico li em i{position: relative;z-index:2;display: block;width: 32px;height: 32px; display: block;line-height: 32px; color: #fff;text-align: center;font-size: 20px; font-family: Arial, Helvetica, sans-serif;}
.aboout-ico li:nth-child(1){top:467px;margin-left:75px;}
.aboout-ico li:nth-child(2){top:412px;margin-left:220px;}
.aboout-ico li:nth-child(3){top:390px;margin-left:-174px;}
.aboout-ico li:nth-child(4){top:281px;margin-left: 118px;}
.aboout-ico li:nth-child(5){top:222px;margin-left:-65px;}
.aboout-ico li:nth-child(6){top:66px;margin-left: 27px;}
.about{height: 500px;position: relative;}

.aboout-ico li.cur em::after{content: "";position: absolute;left:-24px;top:-24px;width: 78px;height: 78px; background: rgba(4, 104, 58, 0.6);border-radius: 100%;z-index: 1;animation: living 2s linear infinite;}
.aboout-ico li.curr em::after{content: "";position: absolute;left:-10px;top:-10px;width: 52px;height: 52px; background: rgba(4, 104, 58, 0.6);border-radius: 100%;z-index: 1;animation: living 3s linear infinite;}


@media screen and (max-width:1680px) {
  .about-con{width: 500px;}
  .about-con dl dt b{font-size: 50px;}

}



/*友情链接*/
.link{height:auto;width: 1400px;line-height:30px;position: relative;margin: 0 auto;font-size:14px;color:#333;padding:10px 0;}
.link_c{width:100%;text-align: left;}
.link a{display: inline-block;color:#666;padding:0 15px;}


@media screen and (max-width:1680px) {
  .link{width: 1200px;}
  .link_c{margin-left: -144px;}
}

@keyframes living {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.5);
    }
    100%{
        transform: scale(1);
    }
}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}