/* title */
.in_tit{position: relative;margin-bottom: 4vw;}
.in_tit .title{font-size: 2.5vw;font-weight: bold;text-align: center;letter-spacing: 1px;background: linear-gradient(90deg,#1a334d 0%,#2b557e 40%,#1f7fff 70%,#144d92 100%);-webkit-background-clip: text;color: transparent;margin-bottom: 1.5vw;padding-bottom: 1.5vw;position: relative;}
.in_tit .title::after{position: absolute;content: "";width: 68px;height: 4px;border-radius: 4px;background: #1f7fff;left: 50%;bottom: 0;transform: translate(-50%,-50%);box-shadow: 0 0 0 4px rgba(31,127,255,0.18);}
.in_tit .tit{color: #586573;font-size: .95vw;text-align: center;}
@media screen and (max-width:1080px){
.in_tit .title{font-size: 3vw;}
.in_tit .tit{font-size: 15px;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size: 3.5vw;margin-bottom: 15px;padding-bottom: 20px;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 30px;}
.in_tit .title{font-size: 20px;margin-bottom: 12px;padding-bottom: 15px;}
.in_tit .tit{font-size: 14px;}
.in_tit .title::after{width: 55px;height: 3px;box-shadow: 0 0 0 3px rgba(31,127,255,0.18);}
}

 
/* banner */
.banner{position:relative;overflow:hidden;margin-top:5.3vw}
.banner .odcontent{max-width:72.8vw}
.banner .img img{width:100%}
.banner .info{position:absolute;top:68%;left:0;width:100%;transform:translate(0,-50%)}
.banner .bottom{position:absolute;bottom:5%;left:0;width:100%;transform:translate(0,-50%);z-index:9}
.banner .bottom .swiper-pagination{bottom:5%;display:flex;position:initial}
.banner .bottom .swiper-pagination-bullet{background:0 0;opacity:1;margin:0 1.5vw 0 0!important;width:2.5vw;height:2.5vw;border:1px dashed #0c1d33;display:flex;align-items:center;justify-content:center;font-size:.95vw;position:relative;}
.banner .bottom .swiper-pagination-bullet-active{border: 1px dashed #207eff;color: #207eff;}
@media screen and (max-width:1080px){
.banner{margin-top: 69px;}
.banner .bottom .swiper-pagination-bullet{margin: 0 25px 0 0!important;width: 36px;height: 36px;font-size: 16px;}
}
@media screen and (max-width:768px){
.banner .btn{display: none;}
}
@media screen and (max-width:520px){
.banner{margin-top: 52px;}
.banner .bottom .swiper-pagination-bullet{margin: 0 15px 0 0!important;width: 30px;height: 30px;font-size: 14px;}
}


/* index1 */
.index1{padding: 90px 0;}
.index1 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index1 .item{background: #fff;width: 32%;border: 1px solid #e4eaf0;box-shadow: 0 0 5px rgb(32 126 255 / 15%);border-radius: 28px;position: relative;overflow: hidden;transition: .55s;margin-bottom: 2%;}
.index1 .item:hover{transform: translateY(-6px);box-shadow: 0px 4px 5px rgb(32 126 255 / 23%);}
.index1 .item .info{padding: 2vw;}
.index1 .item .info .num{box-shadow: 0 8px 18px -6px rgba(31,127,255,0.45), 0 4px 10px -2px rgba(31,127,255,0.35);color: #fff;width: 3vw;height: 3vw;background: #207eff;border-radius: 15px;display: flex;justify-content: center;align-items: center;font-size: 1vw;font-weight: bold;}
.index1 .item .info .t1{color:#1e3246;font-size: 1.35vw;margin:1vw 0;font-weight:700;}
.index1 .item .info .text{font-size: .9vw;color:#586573;line-height:1.6;}
.index1 .item .info .ul{margin-top:3vw;display:flex;align-items:center}
.index1 .item .info .ul li{border: 1px solid #d5e2ed;background: #EEF4FA;padding: 5px .8vw 5px 1.5vw;border-radius: 14px;color: #1f4666;font-size: .7vw;display: flex;align-items: center;position: relative;}
.index1 .item .info .ul li:nth-child(1){margin-right: 1vw;}
.index1 .item .info .ul li::before{content:'';background: #207eff;height: .4vw;width: .4vw;border-radius:50%;box-shadow: 0 0 0 4px rgba(31,127,255,0.18);left: .6vw;position: absolute;}
.index1 .bom{box-shadow: 0 6px 16px -6px rgba(45,120,200,0.25), 0 3px 8px -2px rgba(30,100,180,0.18);background: linear-gradient(110deg,#fff,#f4f9ff 70%);border: 1px solid #e4eaf0;margin: 0 auto;width: 70%;margin-top: 1vw;text-align: center;border-radius: 26px;padding: 1.5vw;font-size: .95vw;color: #666;}
.index1 .bom span{color:#207eff;font-weight:700}
.index1 .bom b{color:#0e335c;position:relative}
.index1 .bom b:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,rgba(31,127,255,.15),rgba(31,127,255,0));border-radius:4px;transform:translateY(3px)}
@media screen and (max-width: 1080px){
.index1{padding: 60px 0;}
.index1 .item{border-radius: 15px;}
.index1 .item .info{padding: 20px;}
.index1 .item .info .num{width: 43px;height: 43px;font-size: 17px;}
.index1 .item .info .t1{font-size: 18px;margin: 15px 0;}
.index1 .item .info .text{font-size: 14px;}
.index1 .item .info .ul{margin-top: 30px;}
.index1 .item .info .ul li{font-size: 13px;padding: 5px 8px 5px 20px;}
.index1 .item .info .ul li::before{height: 5px;width: 5px;left: 7px;}
.index1 .bom{width: auto;margin-top: 20px;padding: 15px;font-size: 15px;border-radius: 15px;}
}
@media screen and (max-width: 768px){
.index1 .item{width: 48.5%;}
}
@media screen and (max-width: 520px){
.index1{padding: 30px 0;}
.index1 .item{border-radius: 10px;}
.index1 .item .info{padding: 15px;}
.index1 .item .info .num{width: 38px;height: 38px;font-size: 15px;border-radius: 10px;}
.index1 .item .info .t1{font-size: 16px;margin: 12px 0;}
.index1 .item .info .text{font-size: 13px;line-height: 24px;}
.index1 .item .info .ul{margin-top: 25px;}
.index1 .item .info .ul li{font-size: 12px;padding: 4px 6px 4px 20px;}
.index1 .item .info .ul li::before{height: 4px;width: 4px;left: 8px;}
.index1 .bom{margin-top: 15px;padding: 10px;font-size: 13px;border-radius: 10px;}
}


/* index2 */
.index2{padding-bottom: 90px;}
.index2 .cont{background: url(../images/in2_bg.jpg);background-size:cover;padding: 2.5vw;}
.index2 .cont:nth-last-child(1){margin-top: 2vw;}
.index2 .item{padding:2.5vw 1.6vw}
.index2 .item:nth-child(1){background:url(../images/in2_1.png);background-size:cover;}
.index2 .item:nth-child(2){background:url(../images/in2_2.png);background-size:cover}
.index2 .item:nth-child(3){background:url(../images/in2_3.png);background-size:cover}
.index2 .item:nth-child(4){background:url(../images/in2_4.png);background-size:cover}
.index2 .item .t1{color:#1f7efc;text-align:center;font-size:1.35vw;font-weight:700}
.index2 .item .t2{color:#666;font-size: .9vw;line-height:1.6;text-align:center;width: 90%;margin: 1vw auto 11vw auto;}
.index2 .btn{margin: 0 auto;margin-top: 3vw;}
@media screen and (max-width: 1080px){
.index2{padding-bottom: 60px;}
.index2 .btn{margin-top: 60px;}
.index2 .cont{padding: 25px;position: relative;}
.index2 .swiper{padding-bottom: 10px;}
.index2 .swiper-pagination{bottom: 0;}
.index2 .swiper-pagination-bullet{width: 30px;height: 4px;background: #1f7efc;border-radius: 10px;}
.index2 .swiper-pagination-bullet-active{}
.index2 .item{padding: 25px 15px;background-size: 100% !important;}
.index2 .item .t1{font-size: 18px;}
.index2 .item .t2{font-size: 14px;margin: 10px auto 168px auto;}
}
@media screen and (max-width: 768px){
.index2 .cont{background-position: top;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.index2 .item{background-position: bottom !important;background-size: 100% 100% !important;}
.index2 .item .t2{margin: 10px auto 188px auto;}
}
@media screen and (max-width: 520px){
.index2{padding-bottom: 30px;}
.index2 .btn{margin-top: 25px;}
.index2 .cont{border-top-left-radius: 15px;border-top-right-radius: 15px;padding: 20px;}
.index2 .item{padding: 18px;}
.index2 .item .t2{margin: 10px auto 158px auto;}
}


/* index3 */
.index3{padding-bottom: 90px;background:url(../images/in3_bg.jpg);background-size:cover;}
.index3 .item .img{padding-bottom:58%;position: relative;overflow: hidden;border-radius: 14px;}
.index3 .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index3 .item:hover .img img{transform:scale(1.06)}
.index3 .item .t1{margin-top: 1.2vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.index3 .item .t1 .title{font-size: 1.1vw;font-weight: bold;color: #3e3e3e;transform: translateZ(0px);-webkit-transition: all .65s;position: relative;}
.index3 .item .t1 .t_1{display:inline-block;overflow:hidden;perspective:1000px;perspective-origin:-150% 50%;vertical-align:middle;width:100%}
.index3 .item .t1 .t_2{display:inline-block;perspective:1000px;perspective-origin:-150% 50%;vertical-align:middle;width:100%;position:absolute;left:0;top: 2px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index3 .item .t1 .t_1 div{display:inline-block;transform-origin:0 0;will-change:transform;-webkit-transition:all .35s}
.index3 .item .t1 .t_2 div{transform:translateY(110%) rotateX(-90deg);vertical-align:middle;transform-origin:0 0;will-change:transform;-webkit-transition:all .35s}
.index3 .item:hover .t1 .t_1 div{-webkit-transform:translate(0,-100%) rotateX(90deg)}
.index3 .item:hover .t1 .t_2 div{-webkit-transform:translateY(0) rotateX(0)}
.index3 .btn{margin: 0 auto;margin-top: 3vw;}
@media screen and (max-width: 1080px){
.index3{padding-bottom: 60px;}
.index3 .btn{margin-top: 60px;}
.index3 .item .t1{margin-top: 20px;}
.index3 .item .t1 .title{font-size: 16px;}
.index3 .item .img{border-radius: 5px;}
}
@media screen and (max-width: 520px){
.index3{padding-bottom: 30px;}
.index3 .btn{margin-top: 30px;}
.index3 .item .t1{margin-top: 15px;}
.index3 .item .t1 .title{font-size: 14px;}
}


/* index4 */
.index4{padding: 90px 0 0;overflow: hidden;background: #fff;}
.index4 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index4 .left{padding-left: 8vw;width: 42.5%;position: relative;}
.index4 .left .in_tit{margin-bottom:3vw}
.index4 .left .in_tit .title{text-align:left}
.index4 .left .in_tit .title::after{left:0;transform:translate(0,-50%)}
.index4 .left .in_tit .tit{text-align:left}
.index4 .left .text{font-size: .9vw;color:#666;line-height: 2;}
.index4 .left .ul{display:flex;flex-wrap:wrap;align-items:center;margin-top:3vw;justify-content:space-between}
.index4 .left .ul li span{font-family:BebasNeue-Regular;font-size: 3.2vw;background:linear-gradient(90deg,#1a334d 0,#2b557e 40%,#1f7fff 70%,#144d92 100%);-webkit-background-clip:text;color:transparent;line-height:1.2;}
.index4 .left .ul li sub{font-size:1.2vw;color:#333;margin-left:.2vw}
.index4 .left .ul li p{color:#333;font-size: .9vw;}
.index4 .left .big{font-size: 10vw;letter-spacing: 15px;transform: translateX(calc(-10%*var(--progress)));font-family: "GILROY-BLACK";-webkit-text-stroke: 1px #000;color: transparent;opacity: 0.3;position: absolute;bottom: -3%;}
.index4 .right{width:42.5%;}
.index4 .right .img img{width: 100%;border-top-left-radius: 30px;}
@media screen and (max-width: 1080px){
.index4{padding-top: 60px;}
.index4 .left{padding-left: 4.5%;width: 48.5%;}
.index4 .left .in_tit{margin-bottom: 30px;}
.index4 .left .text{font-size: 15px;}
.index4 .left .ul{margin-top: 30px;}
.index4 .left .ul li span{font-size: 50px;}
.index4 .left .ul li sub{font-size: 20px;margin-left: 5px;}
.index4 .left .ul li p{font-size: 14px;}
.index4 .left .big{display: none;}
}
@media screen and (max-width: 768px){
.index4 .cont{padding: 0 4%;}
.index4 .left{width: 100%;padding: 0;margin-bottom: 30px;}
.index4 .left .ul li span{font-size: 45px;}
.index4 .right{width: 100%;}
}
@media screen and (max-width: 520px){
.index4{padding-top: 30px;}
.index4 .left{margin-bottom: 15px;}
.index4 .left .in_tit{margin-bottom: 15px;}
.index4 .left .in_tit .title{font-size: 22px;}
.index4 .left .text{font-size: 14px;line-height: 26px;}
.index4 .left .ul{margin-top: 10px;}
.index4 .left .ul li{width: 50%;text-align: center;margin: 10px 0;}
.index4 .left .ul li span{font-size: 40px;}
.index4 .left .ul li sub{font-size: 18px;}
.index4 .left .ul li p{font-size: 13px;}
}


/* index5 */
.index5{padding: 90px 0;}
.index5 .wrap{width: calc(32% - 3px);margin-right: 2%;background: #fff;border: 1px solid #f3f3f3;box-shadow: 0 0 30px rgba(83,115,252,0.13);border-radius: 0 0 16px 16px;}
.index5 .wrap:nth-child(3){margin-right: 0;}
.index5 .wrap .t1{background:#1f7fff;color:#fff;padding:.7vw 1.5vw;font-size: 1.15vw;}
.index5 .wrap ul{padding:0 1.5vw}
.index5 .wrap li{border-bottom:1px solid #f3f3f3;transition:all .5s ease;padding:.7vw 0}
.index5 .wrap li a{display:flex;align-items:center}
.index5 .wrap li span{width:1.66vw;height:1.66vw;background:#cdcdcd;border-radius:50%;color:#fff;font-size:.8vw;display:flex;align-items:center;justify-content:center;margin-right:.7vw}
.index5 .wrap li:nth-child(1) span{background: #FD754D;}
.index5 .wrap li:nth-child(2) span{background: #FF9F26;}
.index5 .wrap li:nth-child(3) span{background: #FFC11A;}
.index5 .wrap li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#666;font-size: .9vw;width:calc(100% - 1.73vw);}
.index5 .wrap .btn{margin:1.8vw auto}
.index5 .wrap li:hover{transform: translateX(10px);}
.index5 .wrap li:hover p{color: #1f7fff;}
@media screen and (max-width: 1080px){
.index5{padding: 60px 0;}
.index5 .wrap{width: calc(49% - 3px);margin-bottom: 2%;}
.index5 .wrap:nth-child(even){margin-right: 0;}
.index5 .wrap .t1{font-size: 18px;padding: 15px 20px;}
.index5 .wrap ul{padding: 0 20px;}
.index5 .wrap li{padding: 12px 0;}
.index5 .wrap li span{width: 25px;height: 25px;font-size: 14px;margin-right: 8px;}
.index5 .wrap li p{font-size: 15px;}
.index5 .wrap .btn{margin: 20px auto;}
}
@media screen and (max-width: 520px){
.index5{padding: 30px 0 20px;}
.index5 .wrap{width: calc(100% - 3px);margin-right: 0;margin-bottom: 15px;}
.index5 .wrap .t1{font-size: 16px;padding: 10px 15px;}
.index5 .wrap ul{padding: 0 15px;}
.index5 .wrap li{padding: 12px 0;}
.index5 .wrap li span{font-size: 13px;width: 28px;height: 26px;}
.index5 .wrap li p{font-size: 14px;}
}
    

/* index6 */
.index6{position: relative;overflow: hidden;}
.index6 .bg img{width: 100%;}
.index6 .cont{position:absolute;top:50%;left:50%;width:100%;height: 100%;transform:translate(-50%,-50%);overflow: hidden;}
.index6 .cont .in_tit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.index6 .cont .in_tit .title{background: none;color: #fff;}
.index6 .cont .in_tit .tit{color: #fff;}
.index6 .cont .ul li{position:absolute;animation:moves2 2s linear infinite;}
.index6 .cont .ul li:nth-child(1){left:14.5vw;top:6vw}
.index6 .cont .ul li:nth-child(2){left:11.5vw;top:20vw}
.index6 .cont .ul li:nth-child(3){left:14.5vw;bottom:6vw}
.index6 .cont .ul li:nth-child(4){left:23.5vw;top:14vw}
.index6 .cont .ul li:nth-child(5){left:24vw;top:26vw}
.index6 .cont .ul li:nth-child(6){right:14.5vw;top:6vw}
.index6 .cont .ul li:nth-child(7){right:11.5vw;top:20vw}
.index6 .cont .ul li:nth-child(8){right:14.5vw;bottom:6vw}
.index6 .cont .ul li:nth-child(9){right: 46vw;top: 7vw;}
.index6 .cont .ul li:nth-child(10){right: 22.5vw;top: 20vw;}
.index6 .cont .ul li:nth-child(11){right: 58vw;bottom: 4vw;}
.index6 .cont .ul li:nth-child(12){right: 40vw;bottom: 9vw;}
.index6 .cont .ul li .img{width:5vw;height:5vw;background:#444;border-radius:100%;display:flex;align-items:center;justify-content:center;padding:.85vw}
.index6 .cont .ul li .img img{filter: brightness(0) invert(1);}
.index6 .cont .line{height: 100%;}
.index6 .cont .line span{border: 1px dashed #707070;display: block;margin: 0 auto;border-radius: 50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: -1;}
.index6 .cont .line span:nth-child(1){width: 70vw;height: 70vw;}
.index6 .cont .line span:nth-child(2){width: 55vw;height: 55vw;}
.index6 .cont .line span:nth-child(3){width: 40vw;height: 40vw;}
.index6 .cont .line span:nth-child(4){width: 25vw;height: 25vw;}
@keyframes moves2{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@media screen and (max-width: 1080px){
.index6 .bg{height: 600px;}
.index6 .bg img{height: 100%;object-fit: cover;}
.index6 .cont .ul li:nth-child(5){left: 20vw;top: 30vw;}
.index6 .cont .ul li .img{width: 6.5vw;height: 6.5vw;}
}
@media screen and (max-width: 768px){
.index6 .bg{height: 500px;}
.index6 .cont .ul li:nth-child(5){left: 12vw;top: 35vw;}
.index6 .cont .ul li .img{width: 8.5vw;height: 8.5vw;}
}
@media screen and (max-width: 520px){
.index6 .bg{height: 450px;}
.index6 .cont .ul li:nth-child(1){left: 12%;top: 6%;}
.index6 .cont .ul li:nth-child(2){left: 6%;top: 23%;}
.index6 .cont .ul li:nth-child(3){left: 10%;bottom: 20%;}
.index6 .cont .ul li:nth-child(4){left: 50.5%;top: 70%;}
.index6 .cont .ul li:nth-child(5){left: 4%;top: 46%;}
.index6 .cont .ul li:nth-child(6){right:14.5%;top:6%}
.index6 .cont .ul li:nth-child(7){right: 6.5%;top: 25%;}
.index6 .cont .ul li:nth-child(8){right: 9.5%;bottom: 10%;}
.index6 .cont .ul li:nth-child(9){right: 43%;top: 7%;}
.index6 .cont .ul li:nth-child(10){right: 37.5%;top: 23%;}
.index6 .cont .ul li:nth-child(11){right: 7%;bottom: 38%;}
.index6 .cont .ul li:nth-child(12){right: 55%;bottom: 7%;}
.index6 .cont .ul li .img{width: 50px;height: 50px;padding: 5px;}
.index6 .cont .line span:nth-child(1){width: 300px;height: 300px;}
.index6 .cont .line span:nth-child(2){width: 240px;height: 240px;}
.index6 .cont .line span:nth-child(3){width: 180px;height: 180px;}
.index6 .cont .line span:nth-child(4){width: 120px;height: 120px;}
}



/* index7 */
.index7{padding: 90px 0;background: url(../images/in7_bg.jpg);background-size: cover;}
.index7 .in_tit{margin-bottom: 2.5vw;}
.index7 .bt{background: #207eff;margin: 0 auto;width: max-content;padding: .5vw 1.5vw;border-radius: 20px;}
.index7 .bt a{display: flex;align-items: center;}
.index7 .bt p{color: #fff;font-size: .85vw;margin-right: .5vw;font-weight: bold;}
@media screen and (max-width: 1080px){
.index7{padding: 60px 0;}
.index7 .in_tit{margin-bottom: 30px;}
.index7 .bt{padding: 6px 20px;}
.index7 .bt p{font-size: 15px;margin-right: 5px;}
}
@media screen and (max-width: 520px){
.index7{padding: 35px 0;}
.index7 .in_tit{margin-bottom: 20px;}
.index7 .bt{padding: 5px 20px;}
.index7 .bt p{font-size: 14px;}
.index7 .bt img{width: 22px;}
}