/* banner */
.banner{position:relative;overflow:hidden;}
.banner .swiper-slide{width:100%;overflow:hidden}
.banner .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2)}
.banner .swiper-slide .img img{width: 100%;height: 100vh;}
.banner .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.banner .swiper-pagination{bottom: 3%;}
.banner .swiper-pagination-bullet{background: #fff;transition: .5s all;width: 2vw;height: .24vw;margin: 0 .68vw !important;opacity: 1;border-radius: 3px;}
.banner .swiper-pagination-bullet-active{width: 3vw;}
@media screen and (max-width:1080px) {
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .swiper-slide .img img{height: auto;}
.banner .swiper-pagination-bullet{width: 40px;height: 3px;margin: 0 6px !important;}
.banner .swiper-pagination-bullet-active{width: 60px;}
}
@media screen and (max-width:520px){
.banner .swiper-pagination{bottom: 5%;}
.banner .swiper-pagination-bullet{width: 25px;}
.banner .swiper-pagination-bullet-active{width: 40px;}
}

/* index1 */
.index1{padding: 6vw 0 8vw;background: url(../images/in1_bg.jpg);background-size: cover;background-position: bottom;overflow: hidden;}
.index1 .top{display: flex;align-items: center;justify-content: space-between;}
.index1 .top .in_tit{display: flex;align-items: baseline;}
.index1 .top .in_tit .tit{margin-left: .68vw;transform: translateY(-2px);}
.index1 .top  .in_tit .tit:after{left: 70%;}
.index1 .top .rd{display: flex;align-items: center;}
.index1 .top .rd a{background: #D3D3D3;border-radius: 30px;width: 8.8vw;text-align: center;padding: .58vw 0;position: relative;color: #253D55;margin-left: 1.2vw;}
.index1 .top .rd a:nth-child(1){margin-left: 0;}
.index1 .top .rd a p{font-size: .9vw;transition: all .5s;color: #253D55;z-index: 9;position: relative;}
.index1 .top .rd a:before{width:100%;height:100%;position:absolute;left:0;top:0;background: #253D55;content:'';border-radius: 40px;transition: all .5s cubic-bezier(.175, .885, .32, 1.275);transform: scale(0);z-index: 1;}
.index1 .top .rd a:hover:before,.index1 .top .rd a.active:before{transform: scale(1.05);}
.index1 .top .rd a:hover p,.index1 .top .rd a.active p{color: #fff;}
.index1 .cont .item{background: #D3D3D3;border-radius: 4px;padding: 2.5vw 0;text-align: center;position: relative;overflow: hidden;}
.index1 .cont .item .img img{transition:all .5s ease;}
.index1 .cont .item:hover .img img{transform:scale(1.06)}
.index1 .cont .item .t1{background: #253D55;padding: .58vw 0;transition: .5s all;transform: translateY(100%);opacity: 0;position: absolute;z-index: 99;bottom: 0;width: 100%;color: #fff;font-size: .85vw;font-weight: bold;}
.index1 .cont .item .t1 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: .9vw;text-align: center;z-index: 99;}
.index1 .cont .item:hover .t1{opacity: 1;transform: translateY(1.5%);}
.index1 .swiper-pagination{display: none;}
@media screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .top .in_tit .tit{margin-left: 8px;}
.index1 .top .rd a{width: 158px;padding: 8px 0;margin-left: 20px;}
.index1 .top .rd a p{font-size: 15px;}
.index1 .cont .item{padding: 30px 0;}
.index1 .cont .item .t1{font-size: 15px;padding: 10px 0;}
.index1 .swiper{padding-bottom: 30px;}
.index1 .swiper-pagination{bottom: 0 !important;display: block;}
.index1 .swiper-pagination-bullet{background: #253D55;transition: .5s all;width: 30px;height: 3px;margin: 0 6px !important;opacity: 1;border-radius: 3px;}
.index1 .swiper-pagination-bullet-active{width: 60px;}
}
@media screen and (max-width:768px){
.index1 .top{flex-wrap: wrap;}
.index1 .top .in_tit{width: 100%;margin-bottom: 20px;}
.index1 .top .rd{margin-bottom:40px;}
}
@media screen and (max-width:520px){
.index1{padding: 30px 0;}
.index1 .top .in_tit{margin-bottom: 15px;}
.index1 .top .rd{margin-bottom:25px;}
.index1 .top .rd a{width: 140px;margin-left: 15px;}
.index1 .top .rd a p{font-size: 14px;}
.index1 .cont .item .img img{width: 58%;}
.index1 .cont .item .t1{font-size: 14px;padding: 8px 0;}
.index1 .swiper-pagination-bullet{width: 25px;}
.index1 .swiper-pagination-bullet-active{width: 40px;}
}



/* index2 */
.index2{position: relative;padding-bottom: 6vw;overflow: hidden;}
.index2 .cont{position: relative;z-index: 9;}
.index2 .cont .item{position:relative;box-shadow: 0 0 5px rgba(0, 0, 0, .1);background: #fff;}
.index2 .cont .item:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background: #00000095;z-index: 1;opacity: 1;transition: all .5s}
.index2 .cont .swiper-slide-active .item:after{opacity: 0;z-index: -1;}
.index2 .cont .item .img{position:relative}
.index2 .cont .item .img:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#253d554d}
.index2 .cont .item .img img{width:100%}
.index2 .cont .item .info{position:absolute;transform:translate(-50% ,-50%);top: 53%;left:50%;text-align:center;width:90%;}
.index2 .cont .item .info .t1{font-size:3.134798vw;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:2px;width: 80%;margin:0 auto;opacity: 0;}
.index2 .cont .item .info .t2{font-size:1.58vw;color:#fff;position:relative;width: max-content;margin: 0 auto;margin-top: 7vw;opacity: 0;}
.index2 .cont .item .info .t2:after{position: absolute;content: "";right: -8vw;top: 50%;transform:translate(0 ,-50%);width: 0vw;height: 1px;background-color: #fff;transition: .5s all;}
.index2 .cont .item .info .t2:before{position: absolute;content: "";left: -8vw;top: 50%;transform:translate(0 ,-50%);width: 0vw;height: 1px;background-color: #fff;transition: .5s all;}
.index2 .cont .item .bt{display:flex;align-items:flex-end;position:absolute;right: 4%;bottom: 4%;opacity: 0;}
.index2 .cont .item .bt p{color:#fff;}
.index2 .cont .item .bt img{filter: initial;}
.index2 .cont .swiper-button-next, .index2 .cont .swiper-button-prev{width: 2vw;}
.index2 .cont .swiper-button-next{right: 12%;}
.index2 .cont .swiper-button-prev{left: 12%;}
.index2 .cont .swiper-button-next:after, .index2 .cont .swiper-button-prev:after{font-size: 0;background: url(../images/s_icon.png);width: 3.8vw;height: 3.8vw;background-size: cover;}
.index2 .cont .swiper-button-prev:after{transform: rotate(180deg);}
.index2 .cont .swiper-slide-active .item .info .t2:after,.index2 .cont .swiper-slide-active .item .info .t2:before{width: 6.8vw;}
.index2 .cont .swiper-slide-active .item .info .t1{animation: banDown 1s ease both 0.4s;}
.index2 .cont .swiper-slide-active .item .info .t2{opacity: 1;}
.index2 .cont .swiper-slide-active .item .bt{opacity: 1;}
@keyframes banDown {0%{opacity: 0;transform: translateY(-40%);}100%{opacity: 1;transform: translateY(0);}}
@media only screen and (max-width:1080px){
.index2{padding-bottom: 60px;}
.index2 .cont .item .info{top: 58%;}
.index2 .cont .item .info .t1{font-size: 30px;}
.index2 .cont .item .info .t2{font-size: 18px;margin-top: 12%;}
.index2 .cont .swiper-slide-active .item .info .t2:after, .index2 .cont .swiper-slide-active .item .info .t2:before{width: 50px;}
.index2 .cont .item .info .t2:before{left: -68px;}
.index2 .cont .item .info .t2:after{right: -68px;}
.index2 .cont .swiper-button-prev,.index2 .cont .swiper-button-next{width: 50px;}
.index2 .cont .swiper-button-next{right: 3%;}
.index2 .cont .swiper-button-prev{left: 3%;}
.index2 .cont .swiper-button-next:after, .index2 .cont .swiper-button-prev:after{width: 24px;height: 45px;}
}
@media only screen and (max-width:768px){
.index2 .cont .item .info .t1{font-size: 26px;}
.index2 .cont .item .info .t2{font-size: 16px;}
}
@media only screen and (max-width:520px){
.index2{padding-bottom: 60px;}
.index2 .cont .item .info .t1{font-size: 20px;width: auto;}
.index2 .cont .item .info .t2{font-size: 15px;margin-top: 10%;}
.index2 .cont .swiper-slide-active .item .info .t2:after, .index2 .cont .swiper-slide-active .item .info .t2:before{width: 50px;}
.index2 .cont .swiper-button-next{right: 0;}
.index2 .cont .swiper-button-prev{left: 0;}
.index2 .cont .swiper-button-next:after, .index2 .cont .swiper-button-prev:after{width: 20px;height: 40px;}
}


/* index3 */
.index3{position: relative;padding-bottom: 6vw;overflow: hidden;}
.index3 .cont{margin-top: 2.2vw;}
.index3 .cont .item{position: relative;}
.index3 .cont .item:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background: #00000059;z-index: 1;opacity: 1;transition: all .5s}
.index3 .cont .swiper-slide-next .item:after{opacity: 0;z-index: -1;}
.index3 .cont .item .img{padding-bottom: 60%;position:relative;overflow:hidden;}
.index3 .cont .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index3 .cont .item:hover .img img{transform:scale(1.06)}
.index3 .cont .swiper-button-next{width: 2vw;right: 15%;}
.index3 .cont .swiper-button-prev{width: 2vw;left: 15%;}
.index3 .cont .swiper-button-next:after, .index3 .cont .swiper-button-prev:after{font-size: 0;background: url(../images/s_icon.png);width: 3.8vw;height: 3.8vw;background-size: cover;}
.index3 .cont .swiper-button-prev:after{transform: rotate(180deg);}
@media only screen and (max-width:1080px){
.index3{padding-bottom: 60px;}
.index3 .cont .swiper-button-prev,.index3 .cont .swiper-button-next{width: 50px;}
.index3 .cont .swiper-button-next:after, .index3 .cont .swiper-button-prev:after{width: 24px;height: 45px;}
}
@media only screen and (max-width:768px){
.index3 .cont .item:after{display: none;}
}
@media only screen and (max-width:520px){
.index3{padding-bottom: 30px;}
.index3 .cont .swiper-button-prev{left: 20%;}
.index3 .cont .swiper-button-next{right: 20%;}
.index3 .cont .swiper-button-next:after, .index3 .cont .swiper-button-prev:after{width: 20px;height: 40px;}
}


/* index4 */
.index4{padding-bottom: 6vw;overflow: hidden;}
.index4 .top{margin-bottom:5vw;padding-right:2vw}
.index4 .top .in_tit{display:flex;align-items:baseline;justify-content:flex-end;margin-bottom:2vw}
.index4 .top .in_tit .tit{margin-left:.68vw;transform:translateY(-2px)}
.index4 .top .in_tit .tit:after{left:70%}
.index4 .top .bt{justify-content:flex-end;width: max-content;margin: 0 auto;margin-right: 0;}
.index4 .cont{display: flex;align-items: center;justify-content: space-between;}
.index4 .cont .item{width: 49%;}
.index4 .cont .item .img{padding-bottom: 60%;position:relative;overflow:hidden;}
.index4 .cont .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index4 .cont .item:hover .img img{transform:scale(1.06)}
.index4 .cont .item .info{background: #EAEAEA;padding: 2vw 3vw;}
.index4 .cont .item .info .t1{color: #253D55;font-size: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-bottom: .5vw;}
.index4 .cont .item .info .t2{color: #253D55;font-size: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@media only screen and (max-width:1080px){
.index4{padding-bottom: 60px;}
.index4 .top .in_tit .tit{margin-left: 10px;}
.index4 .cont .item .info{padding: 20px 30px;}
.index4 .cont .item .info .t1{font-size: 18px;margin-bottom: 15px;}
.index4 .cont .item .info .t2{font-size: 15px;line-height: 1.5;}
}
@media only screen and (max-width:768px){
.index4 .cont .item .info{padding: 20px;}
.index4 .cont .item .info .t1{font-size: 17px;}
}
@media only screen and (max-width:520px){
.index4{padding-bottom: 25px;}
.index4 .cont{flex-wrap: wrap;}
.index4 .cont .item{width: 100%;margin-bottom: 15px;}
.index4 .cont .item .info{padding: 15px;}
.index4 .cont .item .info .t1{font-size: 16px;margin-bottom: 10px;}
.index4 .cont .item .info .t2{font-size: 14px;line-height: 22px;}
}