/* title */
.in_tit{position: relative;margin-bottom: 3vw;}
.in_tit .title{font-size: 2.4vw;text-align: center;color: #404040;}
@media screen and (max-width:1080px){
.in_tit .title{font-size: 3vw;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:4vw;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 20px;}
.in_tit .title{font-size:22px;}
}
 
/* banner */
.banner{position:relative;overflow:hidden;}
.banner .odcontent{max-width:72.8vw}
.banner .swiper-pagination{bottom: 3%;}
.banner .swiper-pagination-bullet{border-radius:5px;width:40px;height:4px;transition: all .5s;background: #fff;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet::after{position: absolute;content: "";left: 0;top: 0;background: #105653;width: 100%;height: 4px;opacity: 0;}
.banner .swiper-pagination-bullet-active{width: 80px;}
.banner .swiper-pagination-bullet-active::after{animation: cpth 4s ease;}
.banner .img img{width:100%}
.banner .info{position:absolute;top:35%;left:0;width:100%;transform:translate(0,-50%)}
.banner .info .t1{font-size:2.5vw;font-family:AlibabaPuHuiTi-Bold;color:#105653;margin-bottom:1vw;opacity: 0;}
.banner .info .text p{font-size:1.5vw;color:#105653;line-height:1.5;opacity: 0;}
.banner .swiper-slide-active .info .t1{animation: indbanDown 1s ease both 0.4s;}
.banner .swiper-slide-active .info .text p{animation: indbanDown 1s ease both 0.5s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}
@keyframes cpth{0%{opacity:0;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{opacity:1;-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}}
@media screen and (max-width:1080px) {
.banner .info{top: 40%;}
.banner .info .t1{font-size: 3.5vw;}
.banner .info .text p{font-size: 2vw;}
.banner .swiper-pagination-bullet{height: 3px;}
.banner .swiper-pagination-bullet::after{height: 3px;}
}
@media screen and (max-width:768px) {
.banner{margin-top: 80px;}
.banner .info{top: 35%;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 69px;}
.banner .info .t1{font-size: 20px;margin-bottom: 5px;}
.banner .info .text p{font-size: 14px;line-height: 1.6;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper-pagination-bullet{width: 30px;}
.banner .swiper-pagination-bullet-active{width: 68px;}
}


/* index1 */
.index1{padding: 90px 0 0;}
.index1 .text p{font-size:.85vw;color:#666;text-align:center;line-height:2}
.index1 .btn{margin: 0 auto;margin-top: 3vw;}
@media screen and (max-width:1080px){
.index1{padding-top: 60px;}
.index1 .text p{font-size: 15px;}
}
@media screen and (max-width:520px){
.index1{padding-top: 35px;}
.index1 .in_tit{margin-bottom: 15px;}
.index1 .text p{font-size: 14px;line-height: 28px;}
.index1 .btn{margin-top: 25px;}
}


/* index2 */
.index2{padding: 90px 0;overflow: hidden;}
.index2 .rd{display: flex;justify-content: space-between;align-items: center;width: 85%;margin: 0 auto;margin-bottom: 4vw;padding-bottom: 1.5vw;border-bottom: 1px solid #ddd;}
.index2 .rd a{color: #333;font-size: .9vw;position: relative;}
.index2 .rd a::after{position: absolute;}
.index2 .rd a::after{content:'';position:absolute;height: 2px;z-index:9;width:0;right: 0;transition: all .5s ease-in-out;bottom: -1.55vw;background: #105653;}
.index2 .rd a.active:after,.index2 .rd a:hover:after{width: 100%;left: 0;right: auto;}
.index2 .hd .list{display: flex;flex-wrap: wrap;}
.index2 .hd .item{transition: .55s;border: 1px solid #fff;background: #fff;border-radius: 10px;width:calc(23.5% - 2px);margin-right: 2%;}
.index2 .hd .item:nth-child(4){margin-right: 0;}
.index2 .hd .item a{display: block;padding: 1.5vw 0;}
.index2 .hd .item:hover{border: 1px solid #e4eaf0;transform: translateY(-10px);box-shadow: 0px 4px 5px #0da8a042;}
.index2 .hd .item .t1{text-align:center;margin-top:2.5vw;font-size:.9vw;color:#333}
.index2 .btn{margin: 0 auto;margin-top: 3vw;}
@media screen and (max-width:1280px){
.index2 .rd{width: 100%;}
}
@media screen and (max-width:1080px){
.index2{padding: 60px 0;}
.index2 .rd a{font-size: 1.6vw;}
.index2 .hd .item .img{text-align: center;}
.index2 .hd .item .t1{font-size: 1.6vw;}
}
@media screen and (max-width:768px){
.index2 .rd{flex-wrap: wrap;margin-bottom: 25px;padding-bottom: 10px;}
.index2 .rd a{font-size: 15px;width: 33.3%;margin-bottom: 20px;text-align: center;}
.index2 .rd a::after{bottom: -8px;}
.index2 .rd a.active:after, .index2 .rd a:hover:after{width: 40%;left: 30%;}
.index2 .hd .item{width:calc(32% - 2px);}
.index2 .hd .item:nth-child(4n+4){margin-right: 2%;}
.index2 .hd .item:nth-child(3n+3){margin-right: 0;}
.index2 .hd .item:nth-child(4){display: none;}
}
@media screen and (max-width:520px){
.index2{padding: 35px 0;}
.index2 .rd{margin-bottom: 20px;padding-bottom: 0;width: 90%;}
.index2 .rd a{font-size: 14px;margin-bottom: 16px;}
.index2 .rd a.active:after, .index2 .rd a:hover:after{width: 40%;left: 30%;}
.index2 .hd .item{width:calc(48.5% - 2px);margin-bottom: 3%;border: 1px solid #e4eaf0;box-shadow: 0px 1px 1px #0da8a042;border-radius: 4px;}
.index2 .hd .item:nth-child(odd){margin-right: 3%;}
.index2 .hd .item:nth-child(even){margin-right: 0;}
.index2 .hd .item:nth-child(4){display: block;}
.index2 .hd .item a{padding: 6px;}
.index2 .hd .item .t1{font-size: 14px;margin-bottom: 8px;}
.index2 .btn{margin-top: 15px;}
}

/* index3 */
.index3{padding-bottom: 90px;}
.index3 .cont{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.index3 .cont .item{position: relative;}
.index3 .cont .item .img img{border-radius: 2px;}
.index3 .cont .item .info{position: absolute;left: 2vw;bottom: 2vw;z-index: 99;}
.index3 .cont .item .info .t1{color: #fff;font-size: 1.2vw;margin-bottom: 1.25vw;}
.index3 .cont .item .info .btn{width: 7vw;height: 2vw;line-height: 2vw;}
.index3 .cont .item .info .btn span{font-size: .7vw;color: #fff;z-index: 99;position: relative;transition: all 0.5s;font-family: "AlibabaPuHuiTi-Light";padding-right: .5vw;}
.index3 .cont .item .css3 {position: absolute;z-index: 9;left: 1em;top: 1em;right: 1em;bottom: 1em;}
.index3 .cont .item .border{position: absolute;z-index: 1;background-color: #fff;}
.index3 .cont .item .border.b_t {left: 0;right: 100%;top: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item .border.b_r {top: 0;bottom: 100%;right: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item .border.b_b {left: 0;right: 100%;bottom: 0;height: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item .border.b_l {top: 0;bottom: 100%;left: 0;width: 1px;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item:hover .b_t {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item:hover .b_r {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item:hover .b_b {left: 0;right: 0;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .item:hover .b_l {top: 1em;bottom: 1em;-webkit-transition: all 340ms linear 150ms;transition: all 340ms linear 150ms}
.index3 .cont .left{display: flex;flex-wrap: wrap;justify-content: space-between;width: 59.85%;}
.index3 .cont .left .item:nth-child(1){width: 100%;margin-bottom: 1%;}
.index3 .cont .left .item:nth-child(2){width: 32.7%;}
.index3 .cont .left .item:nth-child(3){width: 66.3%;}
.index3 .cont .right{width: 39.65%;}
@media only screen and (max-width:1080px){
.index3{padding-bottom: 60px;}
.index3 .cont .item .info .btn{width: 110px;height: 34px;line-height: 32px;}
.index3 .cont .item .info .btn::after{right: -14px;}
.index3 .cont .item .info .btn p{font-size: 15px;}
.index3 .cont .item .info .t1{font-size: 1.8vw;}
}
@media only screen and (max-width:768px){
.index3 .cont .left{width: 100%;margin-bottom: 1%;}
.index3 .cont .right{width: 100%;}
.index3 .cont .right .item .img{height: 320px;}
.index3 .cont .item .info{left: 3vw;bottom: 3vw;}
.index3 .cont .item .info .t1{font-size: 16px;}
.index3 .cont .item .img img{height: 100%;object-fit: cover;width: 100%;}
}
@media only screen and (max-width:520px){
.index3{padding-bottom: 35px;}
.index3 .cont .item .info{left: 20px;bottom: 20px;}
.index3 .cont .item .info .btn{width: 90px;height: 30px;line-height: 29px;}
.index3 .cont .item .info .btn p{font-size: 13px;padding-right: 20px;}
.index3 .cont .item .info .btn::after{right: -20px;width: 29px;}
.index3 .cont .left .item:nth-child(2){width: 40%;}
.index3 .cont .left .item:nth-child(3){width: 59%;}
.index3 .cont .left .item .img{height: 158px;}
.index3 .cont .right .item .img{height:220px;}
}


/* index4 */
.index4{padding-bottom: 90px;overflow: hidden;position: relative;}
.index4 .in_tit .title{text-align: left;}
.index4 .in_tit .title span{font-family: "AlibabaPuHuiTi-Bold";color: #29b2ab;}
.index4 .item a{display: flex;align-items: center;justify-content: space-between;}
.index4 .item .img{overflow: hidden;width: 50%;border-radius: 20px;}
.index4 .item .img img{transition:all .5s ease;}
.index4 .item:hover .img img{transform:scale(1.06)}
.index4 .item .info{width: 45%;order: -1;}
.index4 .item .info .t1{color: #0FA9A1;font-size: 1vw;}
.index4 .item .info .t2{color: #333;font-size: 1.8vw;margin: 1.2vw 0;}
.index4 .item .info .btn{width: 7vw;height: 2vw;line-height: 2vw;}
.index4 .item .info .btn span{font-size: .7vw;color: #fff;z-index: 99;position: relative;transition: all 0.5s;font-family: "AlibabaPuHuiTi-Light";padding-right: .5vw;}
.index4 .bom{width: 50%;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-top: 3.5vw;}
.index4 .bom .swiper-button-next,.index4 .bom .swiper-button-prev{position: relative;margin: 0 2vw;border-radius: 100%;border: 2px solid #0FA9A1;width: 2.4vw;height: 2.4vw;}
.index4 .bom .swiper-button-next:after,.index4 .bom .swiper-button-prev:after{color: #0FA9A1;font-size: .9vw;font-weight: bold;transition: all .6s;}
.index4 .bom .swiper-button-next::before,.index4 .bom .swiper-button-prev:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);background-color:#0FA9A1;border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1}
.index4 .bom .swiper-button-next:hover:after,.index4 .bom .swiper-button-prev:hover:after{color: #fff;}
.index4 .bom .swiper-button-next:hover:before,.index4 .bom .swiper-button-prev:hover:before{transform: none;}
@media only screen and (max-width:1080px){
.index4{padding-bottom: 60px;}
.index4 .bom .swiper-button-next, .index4 .bom .swiper-button-prev{width: 3.4vw;height: 3.4vw;margin: 0 3vw;}
.index4 .bom .swiper-button-next:after, .index4 .bom .swiper-button-prev:after{font-size: 1.5vw;}
.index4 .item .info .btn{width: 110px;height: 34px;line-height: 32px;}
.index4 .item .info .btn::after{right: -14px;}
.index4 .item .info .btn p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.index4 .cont{width: 92%;margin: 0 auto;}
.index4 .item .info .t1{font-size: 20px;}
.index4 .item .info .t2{font-size: 15px;margin: 15px 0;line-height: 28px;}
.index4 .item .img{border-radius: 6px;}
.index4 .bom .swiper-button-next, .index4 .bom .swiper-button-prev{width: 34px;height: 34px;margin: 0 20px;}
.index4 .bom .swiper-button-next:after, .index4 .bom .swiper-button-prev:after{font-size: 15px;}
}
@media only screen and (max-width:520px){
.index4{padding-bottom: 35px;}
.index4 .item a{flex-wrap: wrap;}
.index4 .item .info{width: 100%;margin-bottom: 20px;}
.index4 .item .info .t1{font-size: 16px;}
.index4 .item .info .t2{font-size: 14px;margin: 10px 0;line-height: 24px;}
.index4 .item .img{border-radius: 6px;width: 100%;}
.index4 .item .info .btn{width: 90px;height: 30px;line-height: 29px;}
.index4 .item .info .btn p{font-size: 13px;padding-right: 20px;}
.index4 .item .info .btn::after{right: -20px;width: 29px;}
.index4 .bom .swiper-button-next, .index4 .bom .swiper-button-prev{width: 32px;height: 32px;}
.index4 .bom .swiper-button-next:after, .index4 .bom .swiper-button-prev:after{font-size: 13px;}
}




/* index5 */
.index5{padding-bottom: 90px;}
.index5 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index5 .cont .item{width: 32%;}
.index5 .cont .item .img{padding-bottom:68%;position: relative;overflow: hidden;border-radius: 2px;}
.index5 .cont .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index5 .cont .item:hover .img img{transform:scale(1.06)}
.index5 .cont .item .info .date{margin: 1.28vw auto;color: #666;font-size: .9vw;padding-left: 2vw;}
.index5 .cont .item .info .t1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;font-size:1.1vw;padding-left:2vw;position:relative;line-height: 1.8;}
.index5 .cont .item .info .t1:after{position: absolute;content: "";left: 0;top: 0;height: 100%;width: 7px;background: #0DA8A0;}
.index5 .cont .item:hover .info .t1{color: #0DA8A0;}
@media only screen and (max-width:1080px){
.index5{padding-bottom: 60px;}
.index5 .cont .item .info .t1{font-size: 1.7vw;}
.index5 .cont .item .info .t1:after{width: 5px;}
.index5 .cont .item .info .date{font-size: 1.7vw;}
}
@media only screen and (max-width:768px){
.index5 .cont .item{width: 48.5%;margin-right: 3%;}
.index5 .cont .item:nth-child(2){margin-right: 0;}
.index5 .cont .item:nth-child(3){display: none;}
.index5 .cont .item .info .t1{font-size: 18px;line-height: 28px;}
.index5 .cont .item .info .date{font-size: 15px;margin: 10px auto;}
}
@media only screen and (max-width:520px){
.index5{padding-bottom: 35px;}
.index5 .cont .item .info .t1{font-size: 15px;line-height: 24px;padding-left: 15px;}
.index5 .cont .item .info .t1:after{width: 3px;}
.index5 .cont .item .info .date{font-size: 14px;margin: 8px auto;padding-left: 15px;}
}