/* banner */
.banner{position:relative;overflow:hidden;margin-top: 4.7vw;}
.banner .img img{width:100%;}
.banner .video{height: 46.8vw;position: relative;}
.banner .video video{height: 100%;width: 100%;object-fit: cover;}
.banner .video .play{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 50px;display: none;padding: 6px 10px;border: 1px solid #fff;color: #fff;font-size: 15px;text-align: center;border-radius: 5px;width: auto;}
.banner .info{position: absolute;left: 50%;top: 45%;width: 100%;transform: translate(-50% ,-50%);}
.banner .info h1{font-size: 2.61233vw;font-weight:bold;color: #fff;letter-spacing:3px;width:max-content;opacity:0;}
.banner .info h1 em{font-size: 5.8vw;color:#e60012;font-style:italic;font-family:arial;font-weight:bold;margin:0 .3vw;vertical-align:-.5vw;}
.banner .info h2{font-weight: 100;font-size: 1.42vw;color: #fff;margin: 0 0 1.8vw;opacity:0;}
.banner .info dl{font-size: 1.15vw;color: #e60012;line-height: 2.28;margin-bottom:2.4vw;letter-spacing: 1px;}
.banner .info dl dt{font-weight:bold;color: #e60012;}
.banner .info ul{display:flex;align-items:center;}
.banner .info ul li{margin-right:1.58vw;}
.banner .swiper-slide-active .info h1{animation:bounceInRight 2s ease forwards;}
.banner .swiper-slide-active .info h2{animation:bounceInRight 2s ease forwards;}
.banner .swiper-pagination{bottom:2.2vw;left:50%;transform:translateX(-50%);width:auto;display:flex;align-items:center;}
.banner .swiper-pagination-bullet{width: .58vw;height: .58vw;background: #A2A2A2;opacity:1;border-radius:50%;margin: 0 .3vw !important;transition:all .3s;}
.banner .swiper-pagination-bullet-active{width: 2vw;background:#e60012;border-radius:50px;}
@keyframes bounceInRight{
0%{opacity:0;transform:translateX(20%)}
100%{opacity:1;transform:translateX(0)}
}
@media screen and (max-width: 1080px){
.banner{margin-top: 91px;}
.banner .nban{transform: translate(0px, 0px) !important;}
.banner .info{top: 50%;}
.banner .info h1{font-size: 30px;}
.banner .info h1 em{font-size: 40px;}
.banner .info h2{font-size: 18px;margin: 10px 0 16px;}
.banner .info dl{font-size: 16px;margin-bottom: 20px;letter-spacing: initial;}
.banner .video{height: 340px;}
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px !important;}
.banner .swiper-pagination-bullet-active{width: 35px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 84px;}
.banner .info h1{font-size: 24px;letter-spacing: 2px;}
.banner .info h1 em{font-size: 40px;}
.banner .info h2{font-size: 16px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 76px;}
.banner .info h1{font-size: 20px;}
.banner .info h1 em{font-size: 28px;vertical-align: -3px;}
.banner .info h2{font-size: 15px;width: 78%;filter: drop-shadow(0px 1px 3px #999);line-height: 1.45;}
.banner .info dl{display: none;}
.banner .img{height: 220px;}
.banner .img img{object-fit: cover;height: 100%;}
.banner .video{height: 220px;}
.banner .video .play{display: block;}
}


/* index2 */
.index2{position:relative;overflow:hidden;background: url(../images/in2_bg.jpg);background-size: cover;padding: 6vw 0 15vw;}
.index2 .cont{width:100%;height:100%;display:flex;}
.index2 .cont .left{width: 45%;}
.index2 .cont .left .t1{font-size:2.4vw;font-weight:bold;color:#1c1c1c;margin:1vw 0 1.2vw;}
.index2 .cont .left .text{width:36vw;}
.index2 .cont .left .text p{font-size: .941vw;color: #000000;line-height: 2;}
.index2 .cont .left .btn{margin-top:2vw;}
.index2 .cont .right{width: 28%;margin-left:auto;}
.index2 .cont .right ul li{border-left: .28vw solid #FF0014;padding-left:1vw;margin-bottom: 2.58vw;margin-left: 1vw;}
.index2 .cont .right ul li:nth-child(2){margin-left: 4.5vw;}
.index2 .cont .right ul li:nth-child(3){margin-left: 7.5vw;}
.index2 .cont .right ul li:nth-child(4){margin-left: 8.5vw;}
.index2 .cont .right ul li .num{display:flex;align-items:baseline;}
.index2 .cont .right ul li .num span{font-size: 3vw;color:#e60012;font-weight:bold;line-height: .8;}
.index2 .cont .right ul li .num i{font-size:1vw;color: #e60012;font-weight:bold;margin-left:.2vw;}
.index2 .cont .right ul li .num em{font-size:1vw;color:#e60012;font-weight:bold;font-style:normal;margin-left:.15vw;}
.index2 .cont .right ul li p{font-size: .835947vw;color: #000;margin-top: .28vw;}
@media screen and (max-width: 1080px){
.index2{padding: 60px 0 120px;background-position: right;}
.index2 .cont .left{width: 55%;}
.index2 .cont .left .t1{font-size: 28px;}
.index2 .cont .left .in_tit{margin-bottom: 25px;}
.index2 .cont .left .btn{margin-top: 25px;}
.index2 .cont .left .text{width: 90%;}
.index2 .cont .left .text p{font-size: 15px;}
.index2 .cont .right{width: 31%;}
.index2 .cont .right ul li{padding-left: 15px;margin-bottom: 30px;border-left-width: 3px;}
.index2 .cont .right ul li .num span{font-size: 40px;}
.index2 .cont .right ul li .num i,.index2 .cont .right ul li .num em{font-size: 14px;}
.index2 .cont .right ul li p{font-size: 15px;margin-top: 6px;}
}
@media screen and (max-width:768px){
.index2{padding: 60px 0;background-position: unset;}
.index2 .cont{position:relative;flex-wrap:wrap;}
.index2 .cont .left{width: 100%;}
.index2 .cont .right{margin-top: 20px;}
.index2 .cont .right{width: 100%;margin-top: 40px;}
.index2 .cont .right ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index2 .cont .right ul li{width: 45%;margin-left: 0 !important;border-left: .28vw solid #ffffff;}
.index2 .cont .right ul li .num span{color: #fff;}
.index2 .cont .right ul li .num i, .index2 .cont .right ul li .num em{color: #fff;filter: drop-shadow(0px 1px 3px #999);}
.index2 .cont .right ul li p{color: #fff;filter: drop-shadow(0px 1px 3px #999);}
}
@media screen and (max-width: 520px){
.index2{padding: 35px 0;background-position: initial;}
.index2 .cont .left .t1{font-size: 28px;}
.index2 .cont .left .in_tit{margin-bottom: 20px;}
.index2 .cont .left .btn{margin-top: 20px;}
.index2 .cont .left .text{width: 90%;}
.index2 .cont .left .text p{font-size: 14px;line-height: 26px;}
.index2 .cont .right ul li{padding-left: 10px;border-left-width: 3px;margin: 10px 0;}
.index2 .cont .right ul li .num span{font-size: 30px;filter: drop-shadow(0px 1px 3px #999);}
.index2 .cont .right ul li p{font-size: 14px;}
}



/* index6 */
.index6{padding:5vw 0;overflow:hidden;background: url(../images/in6_bg.jpg);background-size: cover;background-position: bottom;}
.index6 .cont{display:flex;justify-content:space-between;}
.index6 .cont .lf{width:27%;}
.index6 .cont .lf .t1{font-size: 2vw;font-weight:bold;color:#1c1c1c;line-height: 1.58;margin: -1.5vw 0 3vw;}
.index6 .cont .lf .t1.mo{display: none;}
.index6 .cont .lf .t1 em{color:#e60012;font-style:normal;}
.index6 .cont .rt{width:66%;}
.index6 .cont .rt .text p{font-size: .88819vw;color: #333333;line-height:1.85;margin-bottom:2.2vw;text-align:justify;}
.index6 .cont .rt ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.index6 .cont .rt ul li{width:18.6%;background:#fff;box-shadow:0 0 12px rgb(0 0 0 / 6%);border-radius:4px;display:flex;align-items:center;justify-content:center;height:5.4vw;margin-bottom:1.1vw;border: 1px solid #e4e4e454;transition:all .35s;}
.index6 .cont .rt ul li:hover{box-shadow:0 5px 22px rgb(0 0 0 / 12%);transform:translateY(-4px);}
.index6 .cont .rt ul li img{max-width:72%;max-height:66%;}
.index6 .cont .rt .case_hd{font-size: .941vw;font-weight:bold;color:#1c1c1c;margin:0 0 1vw;}
.index6 .cont .rt .cases{display:flex;justify-content:space-between;margin-bottom:1.8vw;}
.index6 .cont .rt .cases a{width:23.4%;height:8.6vw;background:#fff;box-shadow:0 0 12px rgb(0 0 0 / 6%);border:1px solid #e4e4e454;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .35s;}
.index6 .cont .rt .cases a:hover{box-shadow:0 5px 22px rgb(0 0 0 / 12%);transform:translateY(-4px);}
.index6 .cont .rt .cases a > img{max-width:66%;max-height:56%;}
.index6 .cont .rt .cases a .play{position:absolute;left:50%;bottom:1.1vw;transform:translateX(-50%);width:2.1vw;height:2.1vw;border-radius:50%;background-image:linear-gradient(90deg,#337dfe,#36c0fb);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgb(51 125 254 / 40%);}
.index6 .cont .rt .cases a .play:after{content:"";display:block;width:0;height:0;border-left:.62vw solid #fff;border-top:.4vw solid transparent;border-bottom:.4vw solid transparent;margin-left:.16vw;}
@media screen and (max-width: 1080px){
.index6{padding: 60px 0;}
.index6 .cont .lf{width: 32%;}
.index6 .cont .lf .in_tit{margin-bottom: 20px;}
.index6 .cont .lf .t1{font-size: 22px;margin: 0;}
.index6 .cont .rt{width: 62%;}
.index6 .cont .rt .text p{font-size: 16px;margin-bottom: 20px;}
.index6 .cont .rt ul li{height: 64px;margin-bottom: 12px;width: 31%;}
.index6 .cont .rt .case_hd{font-size: 16px;margin-bottom: 15px;}
.index6 .cont .rt .cases{margin-bottom: 24px;}
.index6 .cont .rt .cases a{height: 96px;width: 23.8%;}
.index6 .cont .rt .cases a .play{width: 30px;height: 30px;bottom: 10px;}
.index6 .cont .rt .cases a .play:after{border-left-width: 9px;border-top-width: 6px;border-bottom-width: 6px;margin-left: 2px;}
}
@media screen and (max-width:768px){
.index6 .cont{flex-wrap:wrap;}
.index6 .cont .lf{width: 100%;}
.index6 .cont .lf .t1.pc{display: none;}
.index6 .cont .lf .t1.mo{display: block;margin: 0;}
.index6 .cont .lf .btn{display: none;}
.index6 .cont .rt{width: 100%;margin-top: 20px;}
.index6 .cont .rt ul li{width: 32%;}
}
@media screen and (max-width:520px){
.index6{padding: 30px 0;}
.index6 .cont .rt ul li{width: 31%;height: 54px;}
.index6 .cont .rt .cases{flex-wrap: wrap;}
.index6 .cont .rt .cases a{width: 48%;height: 80px;margin-bottom: 12px;}
.index6 .cont .rt .cases a .play{bottom: 8px;}
.index6 .cont .rt .text p{font-size: 14px;line-height: 26px;}
}


/* index7 */
.index7{position:relative;padding:4.5vw 0 5vw;overflow:hidden;background:url(../images/in7_bg.jpg);background-size: cover;background-position: bottom;background-size: cover;}
.index7 .cont{position:relative;z-index:2;display:flex;justify-content:space-between;}
.index7 .cont .lf{width: 45%;}
.index7 .cont .lf .t1{font-size: 2vw;font-weight:bold;color:#1c1c1c;line-height: 1.58;}
.index7 .cont .lf .t1 em{color:#e60012;font-style:normal;}
.index7 .cont .lf .text{margin-top:6.5vw;line-height:1.85;font-size: .88819vw;color: #333333;width:26vw;}
.index7 .cont .rt{width:53%;}
.index7 .cont .rt .form .input{display:flex;margin-bottom:1.2vw;justify-content: space-between;}
.index7 .cont .rt .form .input .li{width: 48.5%;padding-right:1.8vw;}
.index7 .cont .rt .form .input .li:last-child{padding-right:0;}
.index7 .cont .rt .form .input .li.w100{width: 100%;}
.index7 .cont .rt .form input{width:100%;border-bottom:1px solid #c9c9c9;padding: 1.1vw 0;font-size: .835947vw;color:#333;font-family:Roboto-Regular;background:transparent;}
.index7 .cont .rt .form textarea{width:100%;border-bottom:1px solid #c9c9c9;padding:.9vw 0;height:4.6vw;font-size:.83vw;color:#333;font-family:Roboto-Regular;background:transparent;resize:none;}
.index7 .cont .rt .form input::placeholder,.index7 .cont .rt .form textarea::placeholder{color:#999;}
.index7 .cont .rt .form input:focus,.index7 .cont .rt .form textarea:focus{border-bottom: 1px solid #337dfe;}
.index7 .cont .rt .form .sub{margin-top:2vw;display:flex;}
.index7 .cont .rt .form .sub button{background: none;}
.index7 .cont .rt .form .sub .reset{margin-right: 1vw;}
.index7 .cont .rt .form .sub .reset:after{background: #333333;}
@media screen and (max-width: 1080px){
.index7{padding: 60px 0;}
.index7 .cont .lf{width: 45%;}
.index7 .cont .lf .t1{font-size: 22px;}
.index7 .cont .lf .text{margin-top: 50px;font-size: 16px;width: 90%;}
.index7 .cont .rt{width: 52%;}
.index7 .cont .rt .form input,.index7 .cont .rt .form textarea{padding: 15px 0;font-size: 14px;}
.index7 .cont .rt .form textarea{height: 70px;}
.index7 .cont .rt .form .sub{margin-top: 30px;}
.index7 .cont .rt .form .sub .reset{margin-right: 15px;}
.index7 .cont .rt .form .reset,.index7 .cont .rt .form .submit{padding: 10px 26px;font-size: 15px;}
}
@media screen and (max-width:768px){
.index7 .cont{flex-wrap:wrap;}
.index7 .cont .lf{width: 100%;}
.index7 .cont .lf .text{margin-top: 20px;}
.index7 .cont .rt{width: 100%;margin-top: 30px;}
}
@media screen and (max-width: 520px){
.index7{padding: 30px 0;}
.index7 .cont .lf .t1{font-size: 20px;}
.index7 .cont .lf .text{margin-top: 15px;font-size: 14px;width: auto;line-height: 26px;}
.index7 .cont .rt{margin-top: 20px;}
.index7 .cont .rt .form input,.index7 .cont .rt .form textarea{padding: 15px 0;font-size: 14px;}
.index7 .cont .rt .form textarea{height: 70px;}
.index7 .cont .rt .form .sub{margin-top: 20px;}
.index7 .cont .rt .form .reset,.index7 .cont .rt .form .submit{padding: 10px 26px;font-size: 15px;}
}


/* index3 */
.index3 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index3 .cont .left{width: 51.35%;}
.index3 .cont .left .img{height: 100%;}
.index3 .cont .left .img img{width: 100%;height: 100%;object-fit: cover;}
.index3 .cont .right{width: 48.65%;}
.index3 .cont .right ul li{padding: 3vw 4vw;}
.index3 .cont .right ul li .in_tit{margin-bottom: 2vw;}
.index3 .cont .right ul li .in_tit h2{font-size: 2vw;display: flex;align-items: baseline;}
.index3 .cont .right ul li .in_tit sub{color: #e60012;font-size: .835947vw;margin-left: .28vw;}
.index3 .cont .right ul li:nth-last-child(1){background: #F3F3F3;}
.index3 .cont .right ul li .text{font-size:.941vw;line-height:1.88;color:#333;margin-bottom: 2vw;}
@media screen and (max-width: 1080px){
.index3 .cont .right ul li{padding: 30px 40px;}
.index3 .cont .right ul li .in_tit{margin-bottom: 20px;}
.index3 .cont .right ul li .in_tit h2{font-size: 26px;}
.index3 .cont .right ul li .in_tit sub{font-size: 15px;margin-left: 3px;}
.index3 .cont .right ul li .text{font-size: 15px;margin-bottom: 20px;}
}
@media screen and (max-width: 850px){
.index3 .cont .left{width: 100%;order: 1;}
.index3 .cont .right{width: 100%;}
}
@media screen and (max-width: 520px){
.index3 .cont .right ul li{padding: 20px;}
.index3 .cont .right ul li .in_tit{margin-bottom: 10px;}
.index3 .cont .right ul li .in_tit h2{font-size: 20px;}
.index3 .cont .right ul li .in_tit sub{font-size: 14px;}
.index3 .cont .right ul li .text{font-size: 14px;margin-bottom: 10px;line-height: 26px;}
}


 


/* index5 */
.index5{padding:5vw 0 0;background:#fff;}
.index5 .top{display:flex;justify-content:space-between;align-items:center;margin-bottom: 3.58vw;}
.index5 .top .in_tit{margin-bottom: 0;}
.index5 .top .tab ul{display:flex;}
.index5 .top .tab ul li{padding:.6vw 1.9vw;border:1px solid #ddd;border-radius:50px;margin-left:1vw;font-size:.83vw;color:#666;cursor:pointer;transition:all .3s;}
.index5 .top .tab ul li.active{background-image:linear-gradient(90deg,#337dfe,#36C0FB);color:#fff;border-color:transparent;}
.index5 .item{background: #F5F6F7;box-shadow:0 0 15px rgb(0 0 0 / 8%);border-radius:6px;overflow:hidden;transition:all .35s;}
.index5 .item:hover{box-shadow:0 5px 25px rgb(0 0 0 / 14%);transform:translateY(-5px);}
.index5 .item .img{overflow:hidden;position: relative;padding-bottom: 65%;}
.index5 .item .img img{width:100%;height:100%;object-fit:cover;transition:all .5s;position: absolute;}
.index5 .item:hover .img img{transform:scale(1.06);}
.index5 .item .info{padding: 2vw;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.index5 .item .info .ad .t1{font-size: 1.1vw;font-weight:bold;line-height:1.6;margin-bottom:1vw;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index5 .item .info .ad .text{font-size: .835947vw;color:#888;line-height:1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index5 .item .info .bd{display:flex;align-items:stretch;position: relative;padding-left: 2vw;margin-left: 2vw;}
.index5 .item .info .bd:after{position: absolute;content: "";left: 0;top: -150%;height: 400%;width: 1px;background: #e6e6e6;}
.index5 .item .info .bd .date{display:flex;flex-direction:column;justify-content:flex-end;}
.index5 .item .info .bd .date .d{font-size: 2vw;color:#1c1c1c;font-family:arial;}
.index5 .item .info .bd .date .ym{font-size: .835947vw;color: #333333;}
.index5 .cont{position:relative;}
.index5 .cont .swiper-button-next, .index5 .cont .swiper-button-prev{width: 2.613vw;height: 2.613vw;border-radius: 50%;border: 2px solid #C1C1C1;}
.index5 .cont .swiper-button-next{right: -6%;}
.index5 .cont .swiper-button-prev{left: -6%;}
.index5 .cont .swiper-button-next:after, .index5 .cont .swiper-button-prev:after{color: #c1c1c1;font-size: 1.05vw;font-weight: bold;}
.index5 .cont .swiper-button-next:hover, .index5 .cont .swiper-button-prev:hover{border: 2px solid #337dfe;background: #337dfe;}
.index5 .cont .swiper-button-next:hover:after, .index5 .cont .swiper-button-prev:hover:after{color: #fff;}
@media screen and (max-width: 1080px){
.index5{padding: 60px 0 0;}
.index5 .top{margin-bottom: 40px;}
.index5 .top .tab ul li{padding: 8px 22px;font-size: 15px;}
.index5 .item .info{padding: 20px;}
.index5 .item .info .ad .t1{font-size: 18px;margin-bottom: 15px;}
.index5 .item .info .ad .text{font-size: 14px;line-height: 26px;}
.index5 .item .info .bd{padding-left: 20px;margin-left: 20px;}
.index5 .item .info .bd .date .d{font-size: 32px;}
.index5 .item .info .bd .date .ym{font-size: 14px;}
.index5 .cont .swiper-button-next, .index5 .cont .swiper-button-prev{width: 35px;height: 35px;border: 2px solid #ffffff;}
.index5 .cont .swiper-button-next{right: 1%;}
.index5 .cont .swiper-button-prev{left: 1%;}
.index5 .cont .swiper-button-next:after, .index5 .cont .swiper-button-prev:after{font-size: 16px;}
}
@media screen and (max-width:768px){
.index5 .top{flex-wrap:wrap;}
.index5 .top .tab{width: 100%;margin-top: 15px;}
.index5 .top .tab ul li{margin: 0 10px 0 0;}
}
@media screen and (max-width:520px){
.index5{padding: 30px 0 0;}
.index5 .top{margin-bottom: 30px;}
.index5 .top .tab ul li{padding: 8px 22px;font-size: 14px;}
.index5 .item .info{padding: 18px;}
.index5 .item .info .ad .t1{font-size: 16px;margin-bottom: 10px;}
.index5 .item .info .ad .text{}
.index5 .item .info .bd{padding-left: 20px;margin-left: 20px;}
.index5 .item .info .bd .date .d{font-size: 28px;}
.index5 .item .info .bd .date .ym{margin-top: 5px;}
.index5 .cont .swiper-button-next, .index5 .cont .swiper-button-prev{width: 32px;height: 32px;}
}




/* index3 */
.index4{position: relative;}
.index4 .in4_1 .item .bg{position: relative;height: 45.9vw;background:#0b0f18;}
.index4 .in4_1 .item .bg video{width:100%;height:100%;object-fit:cover;display:block;}
.index4 .in4_1 .item .bg:after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(90deg, hsl(0 0% 0% / .8) 0%, transparent 68%);z-index: 1;}
.index4 .in4_1 .item .bg img{width:100%;height: 100%;object-fit: cover;}
.index4 .in4_1 .item .info{position:absolute;top:35%;left:0;width:100%;transform:translate(0,-50%);z-index: 9;}
.index4 .in4_1 .item .info .in_tit .tit{color: #fff;}
.index4 .in4_1 .item .info .in_tit h2{color: #fff;}
.index4 .in4_1 .item .info .t2{font-size:.95vw;color:#fff;width: 45%;line-height:1.8;margin-bottom: 2.58vw;}
.index4 .in4_1 .swiper-slide-active .info .in_tit{animation: indbanDown 1s ease both .8s;}
.index4 .in4_1 .swiper-slide-active .info .t2{animation: indbanDown 1s ease both .6s;}
.index4 .in4_1 .swiper-slide-active .info .btn{animation: indbanDown 1s ease both .8s;}
.index4 .in4_2{position:absolute;left:0;width:100%;z-index: 99;bottom: 0;}
.index4 .in4_2 .li{padding: 2.28vw 1.5vw;text-align: center;transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor: pointer;position: relative;transform: translateY(3vw);}
.index4 .in4_2 .li:after{position: absolute;content: "";background: #0000007a;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index4 .in4_2 .li .icon img{width: 2.613vw;position: relative;z-index: 9;}
.index4 .in4_2 .li .t1{font-size: .941vw;margin-top: 1.2vw;color: #fff;position: relative;z-index: 9;}
.index4 .in4_2 .li .bt{background: #fff;border-radius: 50%;width: 1.881vw;height: 1.881vw;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 9;margin: 0 auto;margin-top: 1vw;transition: .5s all;transform: translateY(3vw);}
.index4 .in4_2 .li .bt img{width: .8882vw;margin: 0 auto;transition: .5s all;}
.index4 .in4_2 .li .bt:hover img{transform: rotate(49deg);}
.index4 .in4_2 .swiper-wrapper{justify-content: flex-end;}
.index4 .in4_2 .swiper-slide-thumb-active .li{transform: translateY(0.5vw);}
.index4 .in4_2 .swiper-slide-thumb-active .li:after{background-image: linear-gradient( 0deg, rgb(0,192,245) 0%, rgb(0,91,231) 100%);opacity: .8;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.index4 .in4_2 .swiper-slide-thumb-active .li .bt{transform: translateY(.5vw);}
@keyframes indbanDown{from{
opacity:0;transform:translate3d(0,15px,0)}
to{opacity:1;transform:none}
}
@media only screen and (max-width:1080px){
.index4 .in4_1 .item .bg{height: 600px;}
.index4 .in4_1 .item .info .t2{font-size: 16px;width: 68%;filter: drop-shadow(0px 0px 1px #5f5f5f);margin-bottom: auto;}
.index4 .in4_1 .item .info .btn{margin-top: 40px;}
.index4 .in4_2 .li{padding: 25px 0;transform: translateY(28%);}
.index4 .in4_2 .li .icon img{width: 40px;}
.index4 .in4_2 .li .t1{font-size: 16px;margin: 15px 0;}
.index4 .in4_2 .li .bt img{width: 14px;}
.index4 .in4_2 .li .bt{width: 30px;height: 30px;}
.index4 .in4_2 .swiper-wrapper{justify-content: initial;}
.index4 .in4_2 .swiper-slide-thumb-active .li{transform: translateY(2%);}
.index4 .in4_2 .swiper-slide-thumb-active .li:after{border-top-left-radius: 8px;border-top-right-radius: 8px;}
}
@media only screen and (max-width:768px){
.index4 .in4_1 .item .info .t1{font-size: 26px;}
.index4 .in4_1 .item .info .t2{width: 100%;}
}
@media only screen and (max-width: 520px){
.index4 .in4_1 .item .bg{height: 430px;}
.index4 .in4_1 .item .info{top: 35%;}
.index4 .in4_1 .item .info .in_tit{margin-bottom: 20px;}
.index4 .in4_1 .item .info .t2{line-height: 24px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index4 .in4_1 .item .info .btn{margin-top: 20px;}
.index4 .in4_2 .li{padding: 15px 0;transform: translateY(30%);}
.index4 .in4_2 .li .icon img{width: 30px;}
.index4 .in4_2 .li .t1{font-size: 15px;margin: 10px 0;}
.index4 .in4_2 .li .bt img{width: 10px;}
.index4 .in4_2 .li .bt{width: 26px;height: 26px;}
}