/* banner */
.banner{position:relative;overflow:hidden;margin-top: 7.5vw;}
.banner .img img{width: 100%;}
.banner .info{transform: translate(0 , -50%);left: 0;top: 24%;width: 100%;position: absolute;}
.banner .info .t1{font-size: 2.92vw;color: #fff;font-weight: bold;filter: drop-shadow(1px 2px 4px #211d1e4f);}
.banner .bom{display: flex;align-items: center;position: absolute;right: 12%;bottom: 12%;width: max-content;}
.banner .bom .swiper-pagination{position: initial;margin-right: 2vw;}
.banner .bom .swiper-pagination-bullet{background: none;width: .8vw;height: .8vw;margin: 0 15px !important;position: relative;border: 1px solid #fff;opacity: 1;}
.banner .bom .swiper-pagination-bullet-active{background: #fff;}
.banner .bom .swiper-button-next,.banner .bom .swiper-button-prev{position: relative;margin: 0 1vw;width: 2.8vw;height: 2.8vw;border-radius: 50%;background: #fff;display: table;left: 0;right: 0;bottom: 0;top: 0;}
.banner .bom .swiper-button-next img,.banner .bom .swiper-button-prev img{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 1.62vw;}
.banner .bom .swiper-button-next:after, .banner .bom .swiper-button-prev:after{font-size: 0;}
@media screen and (max-width:1080px) {
.banner{margin-top: 110px;}
.banner .info{top: 30%;}
.banner .info .t1{font-size: 36px;}
.banner .bom .swiper-pagination{display: none;}
.banner .bom .swiper-button-next, .banner .bom .swiper-button-prev{margin: 0 15px;width: 40px;height: 40px;}
.banner .bom .swiper-button-next img, .banner .bom .swiper-button-prev img{width: 26px;}
}
@media screen and (max-width:768px) {
.banner .info{top: 35%;}
.banner .info .t1{font-size: 28px;}
.banner .bom .swiper-button-next, .banner .bom .swiper-button-prev{width: 36px;height: 36px;}
.banner .bom .swiper-button-next img, .banner .bom .swiper-button-prev img{width: 22px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 106px;}
.banner .info{top: 45%;}
.banner .info .t1{font-size: 22px;}
.banner .info .btn{margin-top: 15px;}
.banner .bom .swiper-button-next, .banner .bom .swiper-button-prev{width: 34px;height: 34px;}
.banner .bom .swiper-button-next img, .banner .bom .swiper-button-prev img{width: 20px;}
}

/* index1 */
.index1{padding: 4.702196vw 0;}
.index1 .cont{margin-top: 3.58vw;display: flex;justify-content: space-between;}
.index1 .wrap{width: 32.66667%;}
.index1 .wrap .item{background:#fff;box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 26%);padding:2.1vw;border-radius:6px;position: relative;overflow: hidden;}
.index1 .wrap .item .info .fl{font-size:.85vw;color:#000;font-weight:700;width:max-content;border-radius:30px;background:#fff;padding:.4vw .88vw;border:1px solid #6660;}
.index1 .wrap .item .info .t1{font-size:1.25392vw;color:#000;font-weight:700;margin:3vw 0 1.68vw}
.index1 .wrap .item .info .bt{display:flex;align-items:center;width: max-content;}
.index1 .wrap .item .info .bt p{color: #000;font-size: .85vw;margin-right: 1.58vw;transition: all .6s;}
.index1 .wrap .item .info .bt span{width: 1.2vw;height: 1.2vw;background: #24262C;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .6s;}
.index1 .wrap .item .info .bt span img{width: .627vw;filter: brightness(0) invert(1);}
.index1 .wrap .item .img{width: 15vw;margin: 0 auto;margin-right: 0;margin-top: 1vw;}
.index1 .wrap .item .img img{transition:all .5s;}
.index1 .wrap .item:hover .img img{transform:scale(1.08)}
.index1 .wrap .item .icon{position: absolute;right: 2.1vw;width: 9.875vw;}
.index1 .wrap .item:hover .info .fl{background:linear-gradient(to right,#5dbe7f,#8ed450);color: #fff;}
.index1 .wrap .item .info .bt:hover  span{background:linear-gradient(to right,#5dbe7f,#8ed450);}
.index1 .wrap:nth-child(1) .item,.index1 .wrap:nth-child(3) .item{padding-bottom: 3.58vw;}
.index1 .wrap:nth-child(2) .item a{display: flex;align-items: center;justify-content: space-between;}
.index1 .wrap:nth-child(2) .item:nth-child(1){margin-bottom: 3%;padding-bottom: 1.8vw;}
.index1 .wrap:nth-child(2) .item:nth-child(2){padding-bottom: 1.8vw;}
.index1 .wrap:nth-child(2) .item:nth-child(2) .img{width: 12vw;position: absolute;bottom: 0;right: 0;}
.index1 .wrap:nth-child(2) .item:nth-child(2) .info{width: 13vw;}
.index1 .wrap:nth-child(2) .img{margin-top: 0;width: 18vw;}
.index1 .wrap:nth-child(3) .item .img{margin-right: auto;}
.index1 .wrap:nth-child(3) .item{background: url(../images/in1_bg.jpg);background-size: cover;background-position: bottom;}
.index1 .wrap:nth-child(3) .item .info .fl{border: 1px solid #666;background: none;}
.index1 .wrap:nth-child(3) .item:hover .info .fl{background:linear-gradient(to right,#5dbe7f,#8ed450);color: #fff;border: 1px solid #6660;}
@media only screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .cont{margin-top: 60px;}
.index1 .wrap .item{padding: 25px;}
.index1 .wrap:nth-child(1) .item{padding-bottom: 42px;}
.index1 .wrap:nth-child(3) .item{padding-bottom: 64px;}
.index1 .wrap:nth-child(2) .item:nth-child(2) .info{width: 50%;}
.index1 .wrap .item .info .fl{font-size: 15px;padding: 6px 15px;}
.index1 .wrap .item .info .t1{font-size: 18px;margin: 30px 0 20px;}
.index1 .wrap .item .info .bt p{font-size: 14px;margin-right: 15px;}
.index1 .wrap .item .info .bt span{width: 20px;height: 20px;}
.index1 .wrap .item .info .bt span img{width: auto;}
.index1 .wrap .item .img{width: 65%;}
.index1 .wrap:nth-child(2) .img{width: 80%;}
.index1 .wrap:nth-child(2) .item:nth-child(2) .img{width: 50%;}
.index1 .wrap .item .icon{width: 40%;right: 25px;}
}
@media only screen and (max-width:870px){
.index1 .cont{flex-wrap: wrap;}
.index1 .wrap{width: 49%;}
.index1 .wrap:nth-child(2){justify-content: space-between;order: 1;width: 100%;margin-top: 2%;display: flex;}
.index1 .wrap:nth-child(2) .item{width: calc(49% - 50px);height: max-content;}
.index1 .wrap:nth-child(2) .item:nth-child(1){margin-bottom: 0;}
.index1 .wrap:nth-child(2) .item:nth-child(2) .img{position: initial;bottom: 0;}
.index1 .wrap:nth-child(2) .item .info{width: 50%;}
.index1 .wrap:nth-child(2) .img{width: 50%;}
.index1 .wrap .item{padding: 25px !important;}
.index1 .wrap .item .info .t1{font-size: 16px;}
}
@media only screen and (max-width:520px){
.index1{padding: 30px 0;}
.index1 .cont{margin-top: 30px;}
.index1 .wrap .item{padding: 15px !important;box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 26%);}
.index1 .wrap .item .icon{right: 2px;top: 20px;}
.index1 .wrap .item .info .fl{font-size: 14px;padding:3px 8px;}
.index1 .wrap .item .info .t1{margin: 20px 0;}
.index1 .wrap .item .info .bt p{font-size: 13px;margin-right: 10px;}
.index1 .wrap .item .img{margin-right: auto;margin-top: 15px;width: 68%;}
.index1 .wrap:nth-child(2){flex-wrap: wrap;}
.index1 .wrap:nth-child(2) .item{width: 100%;}
.index1 .wrap:nth-child(2) .item:nth-child(2){margin-top: 2%;}
.index1 .wrap:nth-child(2) .item .img{margin-top: 0;width: 40% !important;}
}


/* index2 */
.index2 .in_tit{width:36vw;margin:0 auto}
.index2 .text{font-size: .8vw;color:#656565;line-height:1.8;width:66%;margin:2.58vw auto;}
.index2 ul{display:flex;justify-content:space-between;align-items:center;width:95%;margin:0 auto}
.index2 ul li img{width:8.778vw}
@media only screen and (max-width:1080px){
.index2 .in_tit{width: auto;}
.index2 .text{width: auto;font-size: 16px;line-height: 1.68;margin: 40px auto;}
}
@media only screen and (max-width:520px){
.index2 .in_tit{width: auto;}
.index2 .text{font-size: 14px;margin: 20px auto;}
}



/* index3 */
.index3{padding: 7.315vw 0;}
.index3 .tit{font-size: .8vw;color: #000;margin: 1vw 0 2.58vw;}
.index3 ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.index3 ul li{background:#fff;border-radius:6px;transition:.5s;width:49.25%;margin-bottom:1.5%;box-shadow: 0 0 3px rgb(0 0 0 / 0.12);text-align:center;}
.index3 ul li:nth-child(3),.index3 ul li:nth-child(4){margin-bottom: 0;}
.index3 ul li:hover{box-shadow: 0px 20px 20px 0px rgba(53, 103, 112, 0.12);transform: translateY(-10px);}
.index3 ul li .info{padding:1.58vw 2.8vw}
.index3 ul li .info .icon img{width:3.867vw}
.index3 ul li .info .t1{font-size:1.2vw;font-weight:700;margin:1.3vw 0}
.index3 ul li .info .text{font-size:.85vw;line-height:1.58}
@media only screen and (max-width:1080px){
.index3{padding: 60px 0;}
.index3 .tit{font-size: 16px;margin: 10px 0 30px;}
.index3 ul li .info{padding: 15px 20px;}
.index3 ul li .info .icon img{width: 65px;}
.index3 ul li .info .t1{font-size: 18px;margin: 15px 0;}
.index3 ul li .info .text{font-size: 14px;}
}
@media only screen and (max-width:520px){
.index3{padding: 30px 0;}
.index3 .tit{font-size: 15px;}
.index3 ul li{width: 100%;margin-bottom:15px;}
.index3 ul li .info{padding: 15px;}
.index3 ul li .info .icon img{width: 58px;}
.index3 ul li .info .t1{margin: 12px 0;}
.index3 ul li .info .text{line-height: 1.68;}
}


/* index4 */
.index4{padding-bottom: 4.702196vw;}
.index4 .tit{font-size: 1.04493vw;color: #000;margin: 1vw 0 2.58vw;}
.index4 ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top: 2.58vw;}
.index4 ul li{background:linear-gradient(to right,#5dbe7f,#8ed450);border-radius: 25px;transition:.5s;width:23%;text-align:center;color: #fff;}
.index4 ul li:hover{border-radius: 25px 58px 25px 58px;}
.index4 ul li .info{padding: 1.35vw 0;}
.index4 ul li .info .icon img{width: 3.344vw;margin-bottom: .25vw;}
.index4 ul li .info span{font-size: 2.28vw;font-weight:700;margin:1.3vw 0;}
.index4 ul li .info i{font-size: 1.88vw;font-weight: bold;margin-left: .5vw;}
.index4 ul li .info p{font-size:.85vw;line-height: 1.5;width: 68%;margin: 0 auto;min-height: 2.508vw;display: flex;align-items: center;justify-content: center;}
@media only screen and (max-width:1080px){
.index4{padding-bottom: 60px;}
.index4 ul{margin-top: 40px;}
.index4 ul li{border-radius: 20px;}
.index4 ul li .info{padding: 20px 0;}
.index4 ul li .info .icon img{width: 45px;margin-bottom: 15px;}
.index4 ul li .info span{font-size: 32px;}
.index4 ul li .info i{font-size: 28px;}
.index4 ul li .info p{font-size: 14px;width: 85%;font-size: 14px;}
}
@media only screen and (max-width:850px){
.index4 ul li{width: 49%;margin: 1% 0;}
.index4 ul li .info p{width: 95%;}
}
@media only screen and (max-width:520px){
.index4{padding-bottom: 30px;}
.index4 ul{margin-top: 25px;}
.index4 ul li{border-radius: 15px;}
.index4 ul li .info{padding: 15px 0;}
.index4 ul li .info .icon img{width: 40px;margin-bottom: 10px;}
.index4 ul li .info span{font-size: 30px;}
.index4 ul li .info i{font-size: 26px;}
.index4 ul li .info p{font-size: 13px;min-height: 35px;}
}



/* index5 */
.index5{padding-bottom: 4.702196vw;position: relative;}
.index5 .bg img{width: 100%;}
.index5 .info{position: absolute;top: 13.5vw;left: 50%;transform: translate(-50% , -50%);}
.index5 .info .in_tit .title{color: #fff;margin-bottom: 2.5vw;letter-spacing: 2px;}
.index5 .info .btn{margin: 0 auto;}
.index5 .cont{background: #24262C;padding: 3vw 3vw 3vw 6vw;border-radius: 6px;margin: 0 auto;width: 93%;max-width: 50vw;margin-top: -14vw;z-index: 9;position: relative;}
.index5 .cont .t1{color:#5dbe7f;font-family:Times New Roman;font-size:2.5vw;font-weight:700;margin-bottom:2.5vw}
.index5 .cont .t1 i{padding:.1vw .68vw;font-size:1.58vw;border:2px solid #5dbe7f;margin-right:1vw;display:inline-block}
.index5 .cont .flx{align-items: center;}
.index5 .cont .flx .txt{font-size:.85vw;color:#f5f5f5eb;width: 49%;line-height:2;}
.index5 .cont .flx .text{color:#f5f5f5;font-size:.95vw;line-height:3}
.index5 .cont .flx .text img{width:.627vw;margin-right: 5px;}
@media only screen and (max-width:1080px){
.index5 .info{top: 100px;}
.index5 .cont{max-width: 1600px;width: 70%;padding:30px 50px;margin-top: -160px;}
.index5 .cont .t1{font-size: 30px;margin-bottom: 25px;}
.index5 .cont .t1 i{font-size: 24px;padding: 2px 10px;margin-right: 10px;}
.index5 .cont .flx .txt{font-size: 15px;}
.index5 .cont .flx .text img{width: 12px;}
.index5 .cont .flx .text{font-size: 16px;}
}
@media only screen and (max-width:980px){
.index5 .cont{width: calc(92% - 100px);margin-top: -100px;}
.index5 .cont .flx .txt{width: 100%;}
.index5 .cont .flx .text{margin-top: 20px;}
}
@media only screen and (max-width:768px){
.index5 .cont{margin-top: -60px;width: calc(92% - 60px);padding: 30px;}
}
@media only screen and (max-width:520px){
.index5 .info{width: 100%;top: 70px;}
.index5 .info .btn{margin-top: 20px;}
.index5 .cont{margin-top: -60px;width: calc(92% - 40px);padding: 20px;}
.index5 .cont .t1{font-size: 22px;margin-bottom: 15px;}
.index5 .cont .t1 i{font-size: 18px;padding: 2px 6px;margin-right: 8px;}
.index5 .cont .t1 img{width: 45px;}
.index5 .cont .flx .txt{font-size: 14px;line-height: 1.68;}
.index5 .cont .flx .text img{width: 8px;}
.index5 .cont .flx .text{font-size: 14px;margin-top: 15px;line-height: 2.4;}
}


/* index6 */
.index6{padding-bottom: 4.702196vw;position: relative;overflow: hidden;}
.index6 .in6{margin-top: 2.58vw;overflow: initial;}
.index6 .in6 .swiper-slide{background-color: #EEEEEE;height: auto;border-radius: 6px;}
.index6 .in6 .item{overflow: hidden;padding: 2.4vw;text-align: center;}
.index6 .in6 .item .img{width: auto;}
.index6 .in6 .item .img img{transition:all .5s;}
.index6 .in6 .item:hover .img img{transform:scale(1.068)}
.index6 .in6 .item .t1{font-size: .95vw;margin-top: 2vw;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index6 .in6 .item:hover .t1{color: #5dbe7f;}
@media only screen and (max-width:1080px){
.index6{padding-bottom: 60px;}
.index6 .in6{margin-top: 40px;}
.index6 .in6 .item{padding: 20px;}
.index6 .in6 .item .t1{font-size: 16px;margin-top: 20px;}
}
@media only screen and (max-width:520px){
.index6{padding-bottom: 30px;}
.index6 .in6{margin-top: 30px;}
.index6 .in6 .item{padding: 15px;}
.index6 .in6 .item .t1{font-size: 15px;}
}



/* index7 */
.index7{padding-bottom: 4.702196vw;}
.index7 .in7{margin-top: 2.58vw;padding: 4px 4px 4vw;}
.index7 .in7 .item .text{background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, .1);font-size: .85vw;color: #6E6E6E;font-style: italic;line-height: 1.68;padding: 1.5vw;border-radius: 10px;min-height: 7.1vw;position: relative;margin-bottom: 2vw;display: inline-table;}
.index7 .in7 .item .text:before {content: "";position: absolute;bottom: -20px;left: 18%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #ffffff;filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.08));}
.index7 .in7 .item .text span {position: relative;z-index: 1;padding: .35vw .5vw;display: inline-table;}
.index7 .in7 .item .text span:after {position: absolute;content: "";background: #FCFF5F;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;border-radius: 6px;opacity: 0.9; }
.index7 .in7 .item .info {display: flex;align-items: center;padding: 0 4vw;}
.index7 .in7 .item .info img {width: 3.6051vw;border-radius: 50%;margin-right: 1vw;}
.index7 .in7 .item .info .txt {line-height: 1.5;}
.index7 .in7 .item .info .txt h3 {color: #3d3d3d;font-size: .95vw;margin: 0;}
.index7 .in7 .item .info .txt p {color: #6c6c6c;font-size: .85vw;margin: 0;}
.index7 .in7 .swiper-pagination{bottom:0}
.index7 .in7 .swiper-pagination-bullet{width:.68vw;height:.68vw;margin:0 .58vw}
.index7 .in7 .swiper-pagination-bullet-active{background:#5dbe7f}
@media only screen and (max-width:1080px){
.index7{padding-bottom: 60px;}
.index7 .in7{padding: 3px 3px 60px;margin-top: 40px;}
.index7 .in7 .item .text{padding: 20px;margin-bottom: 40px;font-size: 14px;min-height: 162px;}
.index7 .in7 .item .text:before{border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 18px solid #ffffff;bottom: -18px;left: 28%;}
.index7 .in7 .item .info img{width: auto;}
.index7 .in7 .item .info .txt h3{font-size: 18px;}
.index7 .in7 .item .info .txt p{font-size: 16px;}
.index7 .in7 .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 8px;}
}
@media only screen and (max-width:520px){
.index7{padding-bottom: 30px;}
.index7 .in7{padding: 3px 3px 30px;margin-top: 30px;}
.index7 .in7 .item .text{padding: 15px;margin-bottom: 30px;min-height: 128px;}
.index7 .in7 .item .text:before{border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 16px solid #ffffff;bottom: -16px;left: 28%;}
.index7 .in7 .item .info{justify-content: center;}
.index7 .in7 .item .info img{width: 58px;}
.index7 .in7 .item .info .txt h3{font-size: 16px;}
.index7 .in7 .item .info .txt p{font-size: 14px;}
}


/* index8 */
.index8{position: relative;background: url(../images/in8_bg.jpg);background-size: cover;padding: 4.702196vw 0;}
.index8 .cont{width: 38vw;margin: 0 auto;margin-right: 0;}
.index8 .cont .in_tit .title{color: #fff;text-align: left;}
.index8 .cont .in_tit .tit{font-size: .8vw;color: #fff;margin-top: .58vw;text-align: left;}
.index8 .cont form{margin-top:4vw}
.index8 .cont form .flx{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.index8 .cont form .input{margin-bottom:.88vw;width:49%}
.index8 .cont form .input input{width:100%;height:2.4vw;text-indent:1.25em;font-size:.8vw;border: 1px solid #fff;border-radius: 4px;}
.index8 .cont form .textarea textarea{width:100%;height:7vw;text-indent:1.25em;font-size:.8vw;font-family:Roboto-Regular;border: 1px solid #fff;padding-top: 1vw;border-radius: 4px;}
.index8 .cont form input:focus,.index8 .cont form textarea:focus{border: 1px solid #5dbe7f;}
.index8 .cont form .submit{margin-top:.88vw}
.index8 .cont form .submit input{width:100%;height:2.4vw;background:linear-gradient(to right,#5dbe7f,#8ed450);color:#fff;font-size:.85vw;border-radius: 4px;}
@media only screen and (max-width:1080px){
.index8{padding: 60px 0;}
.index8 .cont{width: 60%;}
.index8 .cont .in_tit .tit{font-size: 16px;margin-top: 15px;}
.index8 .cont form .input{margin-bottom: 3%;width: 48.5%;}
.index8 .cont form .input input{height: 36px;font-size: 13px;}
.index8 .cont form .textarea textarea{height: 90px;padding-top: 10px;font-size: 13px;}
.index8 .cont form .submit input{height: 36px;font-size: 15px;}
}
@media only screen and (max-width:768px){
.index8 .cont{width: auto;}
}
@media only screen and (max-width:520px){
.index8{padding: 35px 0;}
.index8 .cont .in_tit .tit{font-size: 15px;margin-top: 10px;}
.index8 .cont form{margin-top: 25px;}
.index8 .cont form .input{margin-bottom: 3%;width: 48.5%;}
.index8 .cont form .input input{height: 32px;font-size: 12px;}
.index8 .cont form .textarea textarea{height: 70px;font-size: 12px;}
.index8 .cont form .submit{margin-top: 3%;}
.index8 .cont form .submit input{font-size: 14px;}
}


/* index9 */
.index9{padding: 4.702196vw 0;background: #F9F9F9;}
.index9 .cont{margin-top: 2.58vw;display: flex;justify-content: space-between;}
.index9 .cont .item{width: 23.5%;border-radius: 6px;position: relative;}
.index9 .cont .item .img{padding-bottom:58%;position:relative;overflow:hidden}
.index9 .cont .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index9 .cont .item:hover .img img{transform:scale(1.068)}
.index9 .cont .item .date{background:#24262c;width:max-content;color:#fff;padding:.5vw 1.58vw;line-height:1.68;font-size:.82vw;position:absolute;right:0;top:0;transition:all .5s}
.index9 .cont .item:hover .date{background:#5DBE7F;}
.index9 .cont .item .info{background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);padding: 1.28vw 1.28vw 1.68vw 1.28vw;}
.index9 .cont .item .info .t1{font-size:1vw;font-weight:700;line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .35s}
.index9 .cont .item .info .t2{color:#8c8c8c;font-size:.85vw;line-height:1.68;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:1.68vw 0}
.index9 .cont .item .info .bt{display:flex;align-items:center;width:max-content}
.index9 .cont .item .info .bt p{color:#000;font-size:.85vw;margin-right: 1vw;transition:all .6s;position: relative;}
.index9 .cont .item .info .bt p:after{content:'';position:absolute;height: 2px;z-index:9;width: 12px;left: 0;transition: all .5s ease-in-out;bottom: -10px;background: #000000;}
.index9 .cont .item:hover .info .bt p:after{background: #5dbe7f;width: 100%;}
.index9 .cont .item .info .bt span{width:1.2vw;height:1.2vw;background: #EEEEEE;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .6s;}
.index9 .cont .item .info .bt span img{width:.627vw;filter:brightness(0) invert(1)}
.index9 .cont .item:hover .info .bt span{background:linear-gradient(to right,#5dbe7f,#8ed450);}
.index9 .btn{margin: 0 auto;margin-top: 3.5vw;}
@media only screen and (max-width:1080px){
.index9{padding: 60px 0;}
.index9 .cont{margin-top: 40px;}
.index9 .cont .item .date{padding: 5px 20px;font-size: 14px;}
.index9 .cont .item .info{padding: 20px 20px 25px 20px;}
.index9 .cont .item .info .t1{font-size: 16px;}
.index9 .cont .item .info .t2{font-size: 14px;margin: 20px 0;}
.index9 .cont .item .info .bt p{font-size: 14px;margin-right: 15px;}
.index9 .cont .item .info .bt span{width: 20px;height: 20px;}
.index9 .cont .item .info .bt span img{width: 12px;}
.index9 .btn{margin-top: 40px;}
}
@media only screen and (max-width:890px){
.index9 .cont{flex-wrap: wrap;}
.index9 .cont .item{width: 49%;margin-bottom: 2%;}
}
@media only screen and (max-width:520px){
.index9{padding: 30px 0;}
.index9 .cont{margin-top: 30px;}
.index9 .cont .item .date{padding: 5px 20px;font-size: 13px;}
.index9 .cont .item .info{padding: 10px 10px 20px 10px;}
.index9 .cont .item .info .t1{font-size: 15px;line-height: 1.45;}
.index9 .cont .item .info .t2{-webkit-line-clamp: 2;margin: 15px 0;}
.index9 .cont .item .info .bt p{font-size: 13px;}
.index9 .cont .item .info .bt span{width: 20px;height: 20px;}
.index9 .cont .item .info .bt span img{width: 12px;}
.index9 .btn{margin-top: 30px;}
}