.banner{height: 666px;position: relative;overflow: hidden;}
.banner i{display: block;width:100%;height:100%;background-size: cover;background-position: top center;background-position: top center;}
.banner .swiper-pagination{bottom:0;}
.banner .swiper-pagination-bullet{background: none;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background: #fff;}


.banner_ad{background: #f5f5f5;text-align: center;display: flex;align-items: center;padding: 30px 10px;}
.banner_ad img{flex:none;margin: 0 auto;}

.contTitle{font-size:33px;color: #333;text-align: center;font-weight: bold;padding: 42px 0 75px 0;position: relative;}
.contTitle span{display: block;font-size: 16px;font-weight: normal;letter-spacing: -1px;}
.contTitle i{background: #bebebe;width:62px;height: 3px;display: block;margin: 10px auto 0 auto;}

button:hover{transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;}


.weDo .col_1{position: relative;}
.weDo .col_1 img{position: absolute;top:-24px;width: 268px;height: 199px;}
.weDo .col_1 .cont{background: #f5f5f5;padding-bottom: 20px;margin-left: 50px;font-size: 14px;}
.weDo .col_1 .cont h4{display: inline-block;margin: 50px 0 0 270px;font-size: 16px;font-weight: bold;position: relative;padding-bottom: 15px;}
.weDo .col_1 .cont h4:after{display: block;width:16px;height: 3px;position: absolute;bottom:0;left:0;background: #0a7c78;}
.weDo .col_1 .cont h4 i{display: block;width:16px;height: 3px;position: absolute;bottom:0;left:0;background: #0a7c78;}
.weDo .col_1 .cont h5{padding: 15px 50px 0 270px;line-height: 23px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.weDo .col_1 .cont h5 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.weDo .col_1 .cont a.link{text-align: right;display: block;padding-right: 60px;color: #0a7c78;}

.weDo .col_2{overflow: hidden;}
.weDo .col_2 ul{text-align: center;padding-top: 40px;overflow: hidden;height: 240px;display: flex;justify-content: space-between;}
.weDo .col_2 li{width:148px;height: 148px;position: relative;display: inline-block;float: left;flex:none;}
.weDo .col_2 li i{background: url('../image/indeximg_2.png') center center no-repeat;background-size:cover;width:100%;height: 100%;position: absolute;top:0;left: 0;}
.weDo .col_2 li b{display: flex;width:80%;height: 80%;background: #0a7c78;margin:10% auto 0 auto;border-radius: 50%;text-align: center;align-items: center}
.weDo .col_2 li b span{display: inline-block;line-height: 17px;color: #fff;width: 80%;white-space: nowrap;font-size: 14px;padding: 7px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;flex: 1;}
.weDo .col_2 li:nth-child(odd){animation: glow 2000ms ease-in-out infinite alternate;}
.weDo .col_2 li:nth-child(even){animation: glow2 2000ms ease-in-out infinite alternate;}
.weDo .col_2 li:hover i{-webkit-animation: revolve .8s ;animation: revolve .8s;}
.weDo .col_2 li:hover b{background: #1c2c69;}
.weDo .col_3{text-align: center;margin-bottom: 30px;overflow: hidden;position: relative;}
.weDo .col_3 ul{flex-wrap: nowrap;}
.weDo .col_3 ul li{display: inline-block;font-size: 14px;}
.weDo .col_3 ul li a{display: block;padding: 10px;}
.weDo .col_3 ul li i{display: inline-block;width:49%;height: 110px;background-color: #fff;background-position: center;background-repeat: no-repeat;background-size: cover;}
.weDo .col_3 li img{width:49%;}
.weDo .col_3 li h5{width: 100%;margin: 0 auto;text-align: left;color: #333;padding: 20px 0;}
.weDo .col_3 li h5 b{display: block;font-size: 16px;position: relative;height: 30px;margin-bottom: 20px;}
.weDo .col_3 li h5 b:before{content: '';width:16px;height: 3px;background: #1591d2;display: block;position: absolute;bottom:0;left:0;}
.weDo .col_3 li h5 span{line-height: 22px;}
.weDo .col_3 li h5 span p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.weDo .col_3 li h5 button{float:right;color: #0a7c78;font-size: 14px;background: none;border:0;margin-top: 10px;}
.weDo .col_3 .swiper-button-next,.weDo .col_3 .swiper-button-prev{top:25%;color:rgba(255,255,255,1);}
.weDo .col_3 .swiper-button-prev:after,.weDo .col_3 .swiper-button-next:after{font-size: 26px;}

.case{background: #f8f8f8;text-align: center;}

.case ul{display: flex;flex-wrap:wrap;justify-content: space-between;}
.case .swiper-case ul{flex-wrap: nowrap;}
.case li{display: inline-block;text-align: center;font-size: 24px;color: #333333;line-height: 30px;width: 420px;position: relative;}
.case li a:hover{color: #333;}
.case li img{display: block;width: 100%;}
.case li span{padding: 30px 0;display: inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.case li em{color:#f5f5f5;font-style:normal;position: absolute;top: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;}
.case li em i{display: inline-block;padding: 20px;font-style:normal;position: relative;}
.case li em i:after{position: absolute;left: 50%;bottom: 0;display: block;height: 2px;width: 70px;content: '';background-color: #fff;
margin-left: -35px;-webkit-transform: scaleX(0);transform: scaleX(0);}
.case li:hover em{transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0.45s;top: 0;opacity: 1;}
.case li:hover em i:after{transition-property: all;transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.63, 0.01, 0, 1.39);transition-delay: 0.65s;-webkit-transform: scaleX(1);transform: scaleX(1);}
.case button{font-size: 24px;background: #0a7c78;width:200px;height: 58px;color: #fff;border:0;margin-bottom: 40px;}
.case button:hover{box-shadow: 0 0 10px #0a7c78;}
.case .swiper-case{position: relative;overflow: hidden;/* padding-left:10px; */}
.case .swiper-case li img{/* padding-right:10px; */}
.case .swiper-button-next,.case .swiper-button-prev{top:43%;color:rgba(255,255,255,1);}
.case .swiper-button-prev:after,.case .swiper-button-next:after{font-size: 26px;}

.why{text-align: center;padding-bottom: 90px;overflow: hidden;}
.why .cont{position: relative;width: 600px;height: 600px;margin: 0 auto;background: #edf1f5;border-radius: 50%;display: flex;align-items: center;border:3px solid #e8ebee;}
.why .cont .img{flex: 1;width: 100%;height: 100%;max-width: 386px;max-height: 386px;margin: 0 auto;}
.why .cont .img h5{width: 100%;height: 100%;margin: 0 auto;position: relative;color: #fff;line-height: 37px;}
.why .cont .img img{display: block;border-radius: 50%;position: absolute;top:0;left:0;z-index: 5;width: 100%;height: 100%;}
.why .cont .img i.cirle2{position: absolute;background: #0a7c78;width: 223px;height: 223px;border-radius: 100% 0 0 0;top:-30px;left:-30px;z-index:2;-webkit-animation: revolve 20s Linear  infinite;animation: revolve 20s Linear  infinite;transform-origin:right bottom;}
.why .cont .img i.cirle3{position: absolute;width: 100%;height: 100%;border: 15px solid #c0c0c0;top:-15px;left:-15px;border-radius: 50%;box-sizing: content-box;}
.why .cont .img i.cirle1{position: absolute;top:0;left:0;width: 100%;height: 100%;border-radius: 50%;background: rgba(0,0,0,.5);z-index: 6;}
.why .cont .img b{position: relative;z-index: 10;display: block;font-size: 26px;padding-top:30%;}
.why .cont .img span{position: relative;z-index: 10;font-size: 22px;display: block;padding: 0 30px;}
.why .cont ul{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 10;}
.why .cont ul li{position: absolute;cursor: pointer;display: flex;align-items: center;}
.why .cont ul li a{display: flex;align-items: center;}
.why .cont ul li h4{flex:1;white-space: nowrap;font-size: 22px;color: #404040;line-height: 36px;text-align: left;}
.why .cont ul li h5{width:93px;height: 93px;border:3px solid #0a7c78;background: #fff;border-radius: 50%;text-align: center;line-height: 93px;color: #0a7c78;font-size: 47px;flex:none;}
.why .cont ul li.li01{bottom: -30px;left: -120px;}
.why .cont ul li.li01 h4{text-align: right;margin-right: 55px;}
.why .cont ul li.li02{bottom: 130px;left: -250px;}
.why .cont ul li.li02 h4{text-align: right;margin-right: 50px;}
.why .cont ul li.li03{bottom: 360px;left: -250px;}
.why .cont ul li.li03 h4{text-align: right;margin-right: 55px;}
.why .cont ul li.li04{top: -40px;left: -160px;}
.why .cont ul li.li04 h4{text-align: right;margin-right: 90px;}
.why .cont ul li.li05{top: -40px;right: -90px;}
.why .cont ul li.li05 h4{margin-left: 40px;}
.why .cont ul li.li06{bottom: 360px;right: -240px;}
.why .cont ul li.li06 h4{margin-left: 40px;}
.why .cont ul li.li07{bottom: 130px;right: -260px;}
.why .cont ul li.li07 h4{margin-left: 40px;}
.why .cont ul li.li08{bottom: -20px;right: -120px;}
.why .cont ul li.li08 h4{margin-left: 40px;}
.why .cont ul li:hover h5{transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;background: #0a7c78;color:#fff;}
.why .cont ul li:hover h4{transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;color:#0a7c78;}
.why .contBox{position: absolute;top:0;left:0;z-index: 20;width:100%;height: 100%;overflow: hidden;padding-top: 50px;color:#fff;}
.why .contBox h5{font-size: 47px;line-height: 93px;color:#fff;}
.why .contBox h4{font-size: 22px;line-height: 36px;color:#fff;}

.product{background: #f5f5f5;text-align: center;}
.product .tabnav{margin-bottom: 80px;}
.product .tabnav ul{position: relative;text-align: center;}
.product .tabnav ul:before{background: #d3d3d3;width:100%;height: 1px;content: "";position: absolute;top:50%;left: 0;}
.product .tabnav li{display: inline-block;height: 46px;line-height: 46px;padding: 0 40px;border-radius: 46px;border:1px solid #d0d0d0;background: #fff;margin: 0 45px;font-size:20px;position: relative;z-index: 2;cursor: pointer;}
.product .tabnav li.active{background: #0a7c78;color:#fff;}
.product .cont{}
.product .cont ul{display: none;flex-wrap:wrap;justify-content: space-between;}
.product .cont ul.active{display: flex;}
.product .cont li{display: inline-block;text-align: center;font-size: 24px;color: #333333;line-height: 30px;max-width: 420px;position: relative;width: 30%;}
.product .cont li a:hover{color: #333;}
.product .cont li img{display: block;width: 100%;}
.product .cont li span{padding: 30px 0;display: inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.product .cont li em{color:#f5f5f5;font-style:normal;position: absolute;top: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;}
.product .cont li em i{display: inline-block;padding: 20px;font-style:normal;position: relative;}
.product .cont li em i:after{position: absolute;left: 50%;bottom: 0;display: block;height: 2px;width: 70px;content: '';background-color: #fff;
    margin-left: -35px;-webkit-transform: scaleX(0);transform: scaleX(0);}
.product .cont li:hover em{transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0.45s;top: 0;opacity: 1;}
.product .cont li:hover em i:after{transition-property: all;transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.63, 0.01, 0, 1.39);transition-delay: 0.65s;-webkit-transform: scaleX(1);transform: scaleX(1);}
.product button{font-size: 24px;background: #0a7c78;width:200px;height: 58px;color: #fff;border:0;margin-bottom: 40px;}
.product button:hover{box-shadow: 0 0 10px #0a7c78;}

.about .col_1{overflow: hidden;display: flex;flex-wrap: wrap;}
.about .col_1 .video{flex:none;margin: 0 auto;}
.about .col_1 .video video{width:480px;height: 360px;box-shadow: 0 0 5px rgba(0,0,0,.5);background: #000;}
.about .col_1 .info{flex:1;margin-right: 50px;}
.about .col_1 .title{margin-bottom: 40px;}
.about .col_1 .title b{font-size: 24px;display: block;margin-bottom: 5px;}
.about .col_1 .title span{font-size: 14px;color: #494949;}
.about .col_1 ul{display: flex;}
.about .col_1 li{flex:1;white-space: nowrap;margin-right: 10px;}
.about .col_1 li:last-child{margin-right: 0;}
.about .col_1 li h4{font-size: 14px;color: #8d8d8d;}
.about .col_1 li h4 b{font-size: 63px;color: #0a7c78;font-weight: normal;}
.about .col_1 li h5{font-size: 14px;color: #494949;line-height: 28px;}
.about .col_1 p{font-size: 14px;line-height: 28px;margin-top: 30px;text-align: left;text-indent: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.about .col_1 button{font-size: 14px;background: #e7e7e7;width:111px;height: 45px;color: #000;border:0;margin-bottom: 40px;}
.about .col_1 button:hover{box-shadow: 0 0 10px #e7e7e7;}
.about .col_2{position: relative;padding-bottom: 60px;}
.about .col_2 .leftArrow{position: absolute;color:#e0e0e0;font-family: '宋体';font-size: 49px;font-weight: bold;top:120px;left:30px;cursor: pointer;}
.about .col_2 .rightArrow{position: absolute;color: #e0e0e0;font-family: '宋体';font-size: 49px;font-weight: bold;top:120px;right:30px;cursor: pointer;}
.about .col_2 .movePics{width: 100%;overflow: hidden;margin: 0 auto;}
.about .col_2 .movePics ul{overflow: hidden;padding-top: 20px;white-space: nowrap;}
.about .col_2 .movePics li{width:355px;height: 200px;display:inline-block;text-align: center;}
.about .col_2 .movePics li a{display: block;padding: 10px;}
.about .col_2 .movePics li img{max-width: 100%;max-height:200px;display: block;margin: 0 auto 30px auto;}
.about .col_2 .movePoint{text-align: center;padding-top: 20px;}
.about .col_2 .movePoint li{display: inline-block;width: 15px;height: 3px;background: #d9d9d9;margin-right: 10px;cursor: pointer;}
.about .col_2 .movePoint li.active{background: #ff2832;}

.about .col_3{padding: 10px;overflow: hidden;}
.about .col_3 .moveBox{text-align: center;line-height: 50px;overflow: hidden;}
.about .col_3 .moveBox img{display: block;margin: 0 auto;}
.about .col_3 .moveBox span{white-space: nowrap;font-size: 14px;}
.about .col_3 .moveBox .swiper-wrapper{align-items: baseline;}
.about .col_3 .moveBox .swiper-pagination{bottom:20px;}
.about .col_3 .moveBox .swiper-pagination-bullet-active{background:#0a7c78;}
.about .col_3 .pagination{margin: 0;}

.news{background: #f4f4f4;padding-bottom: 44px;}
.news .cont{overflow: hidden;}
.news .col_1{float:left;width:35%;}
.news .col_2{float:right;width:30%;}
.news .cont .title{border-bottom:1px solid #d4d4d4;overflow: hidden;width:95%;}
.news .cont .title label{font-size: 18px;color:#1f1a17;margin-right: 30px;margin-bottom: 7px;cursor: pointer;}
.news .cont .title label.active{color:#0a7c78;position: relative;}
.news .cont .title label.active:before{position: absolute;left: 0;bottom: -7px;display: block;height: 4px;width: 40px;content: '';background-color: #0a7c78;}
.news .cont .title .more{float: right;font-size: 15px;color:#646464;}
.news .colList{overflow: hidden;margin-top: 35px;display: none;}
.news .colList.active{display: block;}
.news .colList .box{width:95%;height: 345px;background: #fff;padding-bottom: 20px;}
.news .colList .box img{width: 100%;height: 165px;}
.news .colList .box h4{font-size: 17px;color: #333333;font-weight: bold;border-bottom:1px solid #e1e1e1;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 20px 30px;}
.news .colList .box h5{padding: 0 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 30px;font-size: 14px;color:#555555;}
.news .colList .box h5 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news .colList .box .more{float: right;margin-right: 30px;font-size: 14px;color:#0a7c78;}
.news .colList .newList{padding: 40px 30px 0 30px;}
.news .colList .newList li{font-size: 14px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .colList .newList li span{display: inline-block;line-height: 18px;font-size: 12px;background: #9c9a98;color: #fff;width: 18px;height: 18px;text-align: center;margin-right: 10px;}
.news .colList .newList li b{font-weight: normal;color:#292929;}
.news .colList .newList li:hover span{background: #0a7c78;}
.news .col_2 .box{width: 100%;padding-bottom: 30px;height: 345px;}
.news .colList .ask{padding: 20px 20px;overflow: hidden;height: 100%;overflow-y: auto;}
.news .colList .ask li{overflow: visible;white-space: normal;border-bottom:1px solid #d4d4d4;padding-bottom: 10px;margin-bottom: 20px;line-height: 30px;}
.news .colList .ask li label{display: flex;align-items: baseline;}
.news .colList .ask li span{flex:none;display: inline-block;line-height: 18px;font-size: 12px;background: #9c9a98;color: #fff;width: 18px;height: 18px;text-align: center;margin-right: 10px;font-weight: normal;}
.news .colList .ask li b{flex:1;font-weight: normal;color:#292929;font-size: 14px;}
.news .colList .ask li b p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news .colList .ask li label:last-child span{background: #0a7c78;}

.friend{text-align: center;}
.friend ul{overflow: hidden;margin-bottom: 20px;display: flex;flex-wrap: wrap;justify-content: center;}
.friend li{border:1px solid #dbdbdb;width: 260px;height: 182px;display: flex;margin: 0 20px 20px 0 ;text-align: center;float: left;align-items: center;flex: none;}
.friend li:nth-child(5n){/*margin-right: 0;*/}
.friend li a{flex: 1;/*padding: 20px;*/}
.friend li img{/*max-width: 100%;*/max-width: 207px;max-height: 166px;}
.friend button{font-size: 24px;background: #0a7c78;width:200px;height: 58px;color: #fff;border:0;margin-bottom: 40px;}
.friend button:hover{box-shadow: 0 0 10px #0a7c78;}
.friend .swiper-button-next,.friend .swiper-button-prev{top:40%;}
.friend .swiper-button-prev:after,.friend .swiper-button-next:after{font-size: 26px;}

@-webkit-keyframes revolve {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes glow{
    0%{
        margin-top: -30px;
    }
    100%{
        margin-top: 30px;
    }
}

@-webkit-keyframes glow2{
    0%{
        margin-top: 30px;
    }
    100%{
        margin-top: -30px;
    }
}