/* title */
.in_tit{margin-bottom: 3vw;width: max-content;}
.in_tit .title{font-size: 2.2vw;color: #373737;position: relative;padding-left: 1.2vw;}
.in_tit .title:after{position: absolute;content: "";left: 0;top: 20%;height: 70%;width: 3px;background: #123280;}
@media screen and (max-width:1080px){
.in_tit{margin-bottom: 40px;}
.in_tit .title{font-size: 3vw;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:4vw;padding-left: 12px;}
}
@media screen and (max-width:520px){
.in_tit{margin: 0 auto;margin-bottom: 25px;}
.in_tit .title{font-size: 22px;line-height: 1.4;text-align: center;letter-spacing: 3px;}
.in_tit .title:after{top: 15%;}
}
 
/* 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%;}
.banner .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.banner .swiper-pagination{bottom: 2.5%;}
.banner .swiper-pagination-bullet{background: rgba(255,255,255);width: 10px;height: 10px;margin: 0 10px !important;position: relative;}
.banner .swiper-pagination-bullet:after{position: absolute;content: "";width: 16px;height: 16px;border-radius: 50%;border: 1px solid #fff;opacity: 0;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-pagination-bullet-active:after{opacity: 1;}
@media screen and (max-width:1080px) {
.banner .swiper-pagination{bottom: 4%;}
}
@media screen and (max-width:768px) {
.banner{margin-top: 73px;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 60px;}
.banner .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 8px !important;}
.banner .swiper-pagination-bullet:after{width: 12px;height: 12px;}
}

/* index1 */
.index1{padding:90px 0;overflow: hidden;}
.index1 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index1 .cont .item{width: 49%;margin-bottom: 2%;position: relative;border-radius: 2px;}
.index1 .cont .item:after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: rgba(18,50,128,.4);display: none;}
.index1 .cont .item:nth-child(1){background: #F8F9FB;}
.index1 .cont .item:nth-child(2){background: #eef1f8;}
.index1 .cont .item:nth-child(3){background: #eef1f8;}
.index1 .cont .item:nth-child(4){background: #F8F9FB;}
.index1 .cont .item a{display: flex;align-items: center;justify-content: space-between;}
.index1 .cont .item .info{transition:ease .5s;position:absolute;left:8%;top:50%;transform:translate(0 ,-50%);}
.index1 .cont .item .info .en{font-size:1.1vw;color:#666;}
.index1 .cont .item .info .cn{font-size:1.28vw;letter-spacing:1px;margin:.3vw 0 3vw}
.index1 .cont .item .info .bt{width: max-content;}
.index1 .cont .item .info .bt img{width:1.881vw;transition:ease .5s;}
.index1 .cont .item .img{max-width:21vw;margin:0 auto;margin-right:0}
.index1 .cont .item:hover:after{display: block;z-index: 1;}
.index1 .cont .item:hover .info{transform:translate(-50% ,-50%);left:50%;z-index: 9;}
.index1 .cont .item:hover .info .en{color: #fff;}
.index1 .cont .item:hover .info .cn{color: #fff;}
.index1 .cont .item .bt:hover img{transform: rotate(45deg);}
@media screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .cont .item .info .en{font-size: 16px;}
.index1 .cont .item .info .cn{font-size: 20px;margin: 5px 0 20px;}
.index1 .cont .item .info .bt img{width: 30px;}
}
@media screen and (max-width:768px){
.index1 .cont .item .info .en{font-size: 14px;}
.index1 .cont .item .info .cn{font-size: 18px;}
.index1 .cont .item .info .bt img{width: 30px;}
.index1 .cont .item .img{max-width: initial;width: 50%;}
}
@media screen and (max-width:580px){
.index1{padding: 30px 0;}
.index1 .cont .item{width: 100%;margin-bottom: 3%;}
.index1 .cont .item .info .en{font-size: 16px;}
.index1 .cont .item .img{width: 45%;}
}


/* index2 */
.index2 .cont{display: flex;justify-content: space-between;}
.index2 .cont .left{width: 38vw;}
.index2 .cont .left .in_tit{margin-bottom: 2vw;}
.index2 .cont .left .text p{color: #585858;font-size:.85vw;line-height:2;}
.index2 .cont .left .btn{margin: 2vw 0 2.25vw;}
.index2 .cont .left .ul{display: flex;align-items: center;justify-content: space-between;}
.index2 .cont .left .ul li{text-align: center;position: relative;}
.index2 .cont .left .ul li .icon{display: flex;align-items: center;justify-content: center;}
.index2 .cont .left .ul li img{width: 2.09vw;margin-right: .5vw;}
.index2 .cont .left .ul li span{font-size: 2.8vw;color: #123280;font-weight: bold;}
.index2 .cont .left .ul li sup{top: 0;font-size: .85vw;color: #123280;font-weight: bold;width: max-content;margin-top: -1vw;}
.index2 .cont .left .ul li p{color: #666;font-size: .9vw;margin-top: .3vw;}
.index2 .cont .right{width: 34vw;}
.index2 .cont .right iframe{width: 100%;height: 100%;}
.index2 .pic{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2%;}
.index2 .pic img{width: 49%;}
@media screen and (max-width:1080px){
.index2 .cont .left{width: 50%;}
.index2 .cont .left .text p{font-size: 14px;}
.index2 .cont .left .btn{margin: 20px 0 25px;}
.index2 .cont .right{width: 45%;}
.index2 .cont .left .ul li img{width: 26px;}
.index2 .cont .left .ul li span{font-size: 40px;}
.index2 .cont .left .ul li sup{font-size: 14px;}
.index2 .cont .left .ul li p{font-size: 14px;margin-top: 5px;}
}
@media screen and (max-width:850px){
.index2 .cont{flex-wrap: wrap;}
.index2 .cont .left{width: 100%;margin-bottom: 30px;}
.index2 .cont .right{width: 100%;}
.index2 .cont .right iframe{height: 388px;}
}
@media screen and (max-width:520px){
.index2 .cont .left{margin-bottom: 20px;}
.index2 .cont .left .text p{line-height: 26px;}
.index2 .cont .left .ul li img{width: 24px;margin-right: 3px;}
.index2 .cont .left .ul li span{font-size: 36px;}
.index2 .cont .left .ul li sup{font-size: 13px;}
.index2 .cont .right iframe{height: 320px;}
.index2 .pic{margin-top: 0;}
.index2 .pic img{width: 100%;margin-top: 2%;}
}


/* index3 */
.index3{padding: 90px 0;}
.index3 ul{display: flex;justify-content: space-between;width: 85%;margin: 0 auto;}
.index3 ul li{width: 32%;text-align: center;transition: .5s;border-bottom: 6px solid #fff;padding-bottom: .6vw;cursor: pointer;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.index3 ul li img{width: 3.24vw;}
.index3 ul li .cn{font-size: 1.28vw;color: #123280;margin: .5vw 0;}
.index3 ul li .en{font-size: 1vw;color: #666;}
.index3 ul li .t1{color: #666;font-size: .9vw;font-weight: bold;margin-top: 1.5vw;}
.index3 ul li:hover{transform: translateY(-6px);border-bottom:6px solid #123280;}
@media screen and (max-width:1080px){
.index3{padding: 60px 0;}
.index3 ul{width: 100%;}
.index3 ul li img{width: 40px;}
.index3 ul li .cn{font-size: 18px;margin: 10px 0;}
.index3 ul li .en{font-size: 16px;}
.index3 ul li .t1{font-size: 15px;margin-top: 15px;}
}
@media screen and (max-width:580px){
.index3{padding: 30px 0 20px;}
.index3 ul{flex-wrap: wrap;}
.index3 ul li{width: 100%;margin-bottom: 20px;padding-bottom: 6px;}
.index3 ul li img{width: 36px;}
.index3 ul li .cn{margin: 5px 0;}
.index3 ul li .t1{font-size: 14px;margin-top: 10px;}
}


/* index4 */
.index4{padding-bottom: 90px;position: relative;}
.index4 .top{display: flex;align-items: center;justify-content: space-between;}
.index4 .top .in_tit{margin-bottom: 0;}
.index4 .top .in_tit .tit{font-size: .85vw;color: #666;margin-top: .5vw;}
.index4 .top .inbtn{display: flex;align-items: center;}
.index4 .top .inbtn .swiper-button-next,.index4 .top .inbtn .swiper-button-prev{position: initial;margin: 0;margin-left: 1.5vw;background: url(../images/in1_icon1.png);background-size: 1.881vw;width: 1.881vw;height: 1.881vw;transform: rotate(45deg);opacity: .35;}
.index4 .top .inbtn .swiper-button-next{transform: rotate(225deg);}
.index4 .top .inbtn .swiper-button-next:hover, .index4 .top .inbtn .swiper-button-prev:hover{opacity: 1;}
.index4 .top .inbtn .swiper-button-next:after, .index4 .top .inbtn .swiper-button-prev:after{display: none;}
.index4 .cont{margin-top: 3vw;}
.index4 .item .img{padding-bottom: 65%;position:relative;overflow:hidden;}
.index4 .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index4 .item:hover .img img{transform:scale(1.06)}
.index4 .item .info{padding: 1.5vw;background: #F7F7F7;display: flex;align-items: center;justify-content: space-between;transition: all .35s;}
.index4 .item .info .t1{font-size:1vw;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition: all .5s;}
.index4 .item .info .bt img{width: .732vw;filter: invert(.9);transition: all .5s;}
.index4 .item:hover .info{background: #123280;}
.index4 .item:hover .info .t1{transform: translateX(10px);color: #fff;}
.index4 .item:hover .info .bt img{transform: translateX(-10px);filter: initial;}
@media screen and (max-width:1080px){
.index4{padding-bottom: 60px;}
.index4 .top .in_tit .tit{font-size: 14px;width: 68%;margin-top: 10px;}
.index4 .top .inbtn .swiper-button-next, .index4 .top .inbtn .swiper-button-prev{width: 33px;height: 33px;background-size: 33px;margin-left: 20px;}
.index4 .cont{margin-top: 40px;}
.index4 .item .info{padding: 20px;}
.index4 .item .info .t1{font-size: 15px;}
.index4 .item .info .bt img{width: 15px;}
}
@media screen and (max-width:580px){
.index4{padding-bottom: 30px;}
.index4 .top{flex-wrap: wrap;}
.index4 .top .in_tit .title:after{left: 35%;}
.index4 .top .in_tit .tit{width: 100%;text-align: center;}
.index4 .top .inbtn{justify-content: center;width: 100%;margin-top: 20px;}
.index4 .top .inbtn .swiper-button-next, .index4 .top .inbtn .swiper-button-prev{margin: 0 15px;}
.index4 .cont{margin-top: 20px;}
.index4 .item .info{padding: 15px;}
}


/* index5 */
.index5{background: url(../images/in5_bg.jpg);background-size: cover;padding: 90px 0;}
.index5 .top{display: flex;align-items: center;justify-content: space-between;}
.index5 .top .in_tit{margin-bottom: 0;}
.index5 .top .in_tit .tit{font-size: .85vw;color: #666;margin-top: .5vw;}
.index5 .top .btn{margin-top: 0;margin-right: 0;}
.index5 .cont{display: flex;justify-content: space-between;margin-top: 3vw;}
.index5 .left{width: 35vw;}
.index5 .left .item .img{padding-bottom: 65%;position:relative;overflow:hidden;}
.index5 .left .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index5 .left .item:hover .img img{transform:scale(1.06)}
.index5 .left .item .info .t1{font-size: 1.1vw;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition: all .5s;color: #222;margin: 1vw 0;}
.index5 .left .item .info .t2{color:#666;font-size:.8vw;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index5 .left .item .info .bt{margin-top: 2vw;}
.index5 .left .item .info .bt img{width:1.881vw;transition:ease .5s}
.index5 .left .item .info .bt:hover img{transform: rotate(45deg);}
.index5 .left .item:hover .info .t1{color: #123280;}
.index5 .right{width: 40vw;}
.index5 .right li{margin-bottom: 1.5vw;}
.index5 .right li:last-child{margin-bottom:0}
.index5 .right li a{display:flex;align-items:center;justify-content: space-between;}
.index5 .right li .img{padding-bottom: 25.5%;position:relative;overflow:hidden;width: 30%;}
.index5 .right li .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index5 .right li:hover .img img{transform:scale(1.06)}
.index5 .right li .info{width: 65%;}
.index5 .right li .info .t1{font-size: 1.1vw;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:all .5s;color:#222;margin-bottom: 1vw;}
.index5 .right li .info .t2{color:#666;font-size:.8vw;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index5 .right li .info .bt{margin-top: 2vw;}
.index5 .right li .info .bt img{width:1.881vw;transition:ease .5s}
.index5 .right li .info .bt:hover img{transform: rotate(45deg);}
.index5 .right li:hover .info .t1{color: #123280;}
@media screen and (max-width:1080px){
.index5{padding: 60px 0;}
.index5 .cont{margin-top: 40px;}
.index5 .top .in_tit .tit{font-size: 14px;margin-top: 10px;}
.index5 .left{width: 45%;}
.index5 .left .item .info .t1{font-size: 18px;margin: 15px 0;}
.index5 .left .item .info .t2{font-size: 14px;}
.index5 .left .item .info .bt{margin-top: 30px;}
.index5 .left .item .info .bt img{width: 32px;}
.index5 .right{width: 50%;}
.index5 .right li .info .t1{font-size: 18px;margin-bottom: 10px;}
.index5 .right li .info .t2{font-size: 14px;}
.index5 .right li .info .bt img{width: 32px;}
}
@media screen and (max-width:850px){
.index5 .top .in_tit{width: 68%;}
.index5 .cont{flex-wrap: wrap;}
.index5 .left{width: 100%;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dashed #999;}
.index5 .left .item .info .t1{font-size: 20px;}
.index5 .right{width: 100%;}
.index5 .right li{margin-bottom: 20px;}
}
@media screen and (max-width:520px){
.index5{padding: 30px 0;}
.index5 .cont{margin-top: 20px;}
.index5 .top{flex-wrap: wrap;}
.index5 .top .in_tit{width: 100%;}
.index5 .top .in_tit .title:after{left: 35%;}
.index5 .top .in_tit .tit{width: 100%;text-align: center;}
.index5 .top .btn{display: none;}
.index5 .left{margin-bottom: 20px;padding-bottom: 25px;}
.index5 .left .item .info .t1{font-size: 18px;margin:15px 0 10px 0;}
.index5 .left .item .info .t2{line-height: 26px;}
.index5 .left .item .info .bt{margin-top: 20px;}
.index5 .left .item .info .bt img{width: 30px;}
.index5 .right li{margin-bottom: 15px;}
.index5 .right li .img{width: 35%;padding-bottom: 30%;}
.index5 .right li .info{width: 60%;}
.index5 .right li .info .t1{font-size: 16px;margin-bottom: 5px;}
.index5 .right li .info .t2{line-height: 26px;}
.index5 .right li .info .bt{margin-top: 10px;}
.index5 .right li .info .bt img{width: 30px;}
}


/* index6 */
.index6{padding: 90px 0;overflow: hidden;}
.index6 .in6{padding: 3px;}
.index6 .item{background-color:#fff;border-radius: 2px;box-shadow: 0 0 7px rgba(0, 0, 0, .1);}
.index6 .item .img{position:relative;padding-bottom: 50%;width:100%;height:0;overflow:hidden;box-sizing:border-box;transition:all .5s ease;}
.index6 .item .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 75%;}
.index6 .item .img:hover{transform: rotateY(180deg);}
@media screen and (max-width:1080px){
.index6{padding: 60px 0;}
.index6 .cont .img{text-align: center;padding-bottom: 50%;}
.index6 .cont .img img{transition:all .6s;width: 80%;}
}
@media screen and (max-width:520px){
.index6{padding: 30px 0;}
}