/* banner */
.banner {overflow: hidden;position: relative}
.banner .wrap {display: block;height: 0;overflow: hidden;padding-bottom: 100vh;position: relative;}
.banner .wrap em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transform: scale(1.2);transition: 6s linear 2s;}
.banner .swiper-slide-active .wrap em,
.banner .swiper-slide-duplicate-active .wrap em {transform: scale(1);transition: 6s linear;}


/* iTitleStyle */
.iTitleStyle{margin-bottom: 1rem;position: relative;text-align: center;position: relative;}
.iTitleStyle .ch{color: #0152AA;line-height: 2rem;position: relative;z-index: 2;font-size: 1rem;}
.iTitleStyle .en{position: absolute;left: 0;top: 0.5rem;width: 100%;font-family: "Poppins-Black";line-height: 2.2rem;text-transform: uppercase;color: #FFFFFF;opacity: 0.2;white-space: nowrap;display: none;}
.iTitleStyle.left{text-align: left;}
.iTitleStyle.black .ch{color: #222222;}
.iTitleStyle.black .en{color: #B4B4B4;}
.iTitleStyle.blue .ch{color: #0152AA;}
.iTitleStyle.blue .en{color: #B4B4B4;}
.iTitleStyle.white .ch{color: #FFFFFF;}
.iTitleStyle.white .en{color: #FFFFFF;}
.iTitleStyle .moreStyle{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 2;}

/* isect1 */
.isect1{padding: 2.2rem 0 0;background: url(../images/isect1_bg.jpg) no-repeat center top;background-size: cover;overflow: hidden;}
.isect1 .iTitleStyle{margin-bottom: 4.4rem;}
.isect1 .content{width: 40rem;height: 20rem;margin: 0 auto;position: relative;/*transform: translateY(0.66rem);*/}
.isect1 .content::before{content: "";width: 100%;height: 0;padding-bottom: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;border-radius: 50%;border: 1px dashed #fff;animation: 200s linear infinite ani_turn;}
.isect1 .content .cBg{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 77%;}
.isect1 .content li{width: 6.6rem;height: 6.6rem;position: absolute;}
.isect1 .content li:nth-child(1){left: -4rem;bottom: 2rem;}
.isect1 .content li:nth-child(2){left: 0;top: 2.8rem;}
.isect1 .content li:nth-child(3){left: 11rem;top: -3rem;}
.isect1 .content li:nth-child(4){right: 11rem;top: -3rem;}
.isect1 .content li:nth-child(5){right: 0;top: 2.8rem;}
.isect1 .content li:nth-child(6){right: -4rem;bottom: 2rem;}
.isect1 .content li .pic,
.isect1 .content li .tx{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
.isect1 .content li .pic{clip-path: circle( 2.5rem at 50% 50%);}
.isect1 .content li .tx{background-size: 100% auto;}
.isect1 .content li .tx1{position: absolute;left: 0;right: 0;bottom: 0;height: 100%;clip-path: circle( 2.5rem at 50% 50%);}
.isect1 .content li .tx2{position: absolute;left: 0;right: 0;bottom: 0;height: 100%;clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%);}
.isect1 .content li .circle{width: 91.3%;height: 91.3%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 3;}
.isect1 .content li .title{position: absolute;bottom: 0.5rem;right: 5rem;color: #FFFFFF;white-space: nowrap;}
.isect1 .content li .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect1 .content li .bg.large{clip-path: circle( 2.5rem at 50% 50%);}
.isect1 .content li:hover .bg.large{clip-path: circle( 3.3rem at 50% 50%);}
.isect1 .content li:hover .pic,
.isect1 .content li:hover .tx1{clip-path: circle( 3.3rem at 50% 50%);}
.isect1 .content li:nth-child(4) .circle,
.isect1 .content li:nth-child(5) .circle,
.isect1 .content li:nth-child(6) .circle{transform: translate(-50%, -50%) rotateY(180deg);}
.isect1 .content li:nth-child(4) .title,
.isect1 .content li:nth-child(5) .title,
.isect1 .content li:nth-child(6) .title{right: auto;left: 5rem;}
.isect1 .content .btn{width: 8.66rem;height: 2rem;position: absolute;left: 50%;bottom: 2rem;transform: translateX(-50%);z-index: 3;box-sizing: border-box;border: 1px solid #fff;border-radius: 1.2rem;color: #fff;text-transform: uppercase;font-family: "Poppins-SemiBold";}
.isect1 .content .btn::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 1.2rem;background: rgba(1, 82, 170, 0.5);backdrop-filter: blur(10px);z-index: -1;}
.isect1 .content .btn .icon{margin-left: 0.5rem;height: 0.6rem;}
.isect1 .content .btn:hover{background: #0152AA;}
.isect1 .content .btn:hover .icon{transform: rotateZ(45deg);}

/* isect2 */
.isect2{padding: 3.6rem 0 4.23rem;}
.isect2 .leftCont{width: 73.57%;}
.isect2 .leftCont .iTitleStyle{max-width: 11.2rem;}
.isect2 .picNews{width: 66%;}
.isect2 .picNews .wrap{display: block;}
.isect2 .picNews .pic{padding-bottom: 13.33rem;position: relative;overflow: hidden;}
.isect2 .picNews .text{padding: 0.5rem 0 0.93rem;border-bottom: 1px solid #0152AA;color: #999999;line-height: 0.93rem;position: relative;}
.isect2 .picNews .text::after{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: -1px;background: #0152AA;transform-origin: left center;transform: scale(0,1);opacity: 0;}
.isect2 .picNews .text .title{color: #222222;line-height: 1.2rem;}
.isect2 .picNews .text .desc{height: 1.86rem;overflow: hidden;margin: 0.1rem 0 0.7rem;}
.isect2 .picNews .text .date{font-family: "Barlow-Regular";}
.isect2 .picNews .wrap:hover .text .title{color: #0152AA;}
.isect2 .picNews .wrap:hover .text{border-color: #fff;}
.isect2 .picNews .wrap:hover .text:after{transform: scale(1);opacity: 1;transition-delay: 0.2s;}
.isect2 .picNews .btnStyle{top: 5.86rem;transform: translateY(0);}
.isect2 .picNews .paginationStyle.swiper-pagination{bottom: auto;top: 12.3rem;}
.isect2 .leftCont .listStyle{width: 32%;}
.isect2 .rightCont{width: 23.57%;}
.isect2 .listStyle li{margin-bottom: 0.33rem;}
.isect2 .listStyle .wrap{display: flex;justify-content: space-between;height: 2.96rem;box-sizing: border-box;padding: 0.4rem 0.6rem;}
.isect2 .listStyle .wrap .date{flex-shrink: 0;margin-left: 0.7rem;}

/* isect3 */
.isect3{background: url(../images/isect3_bg.jpg) no-repeat center top;background-size: cover;}
.isect3 .iTitleStyle{width: 11.46rem;position: absolute;left: 13.54%;top: 3.66rem;}
.isect3 li{width: 24.32%;}
.isect3 li .wrap{display: block;height: 0;padding-bottom: 63.81%;}
.isect3 li .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-image: linear-gradient(179deg, rgba(76,151,220,0.00) 60%, #255EB7 100%);opacity: 0;}
.isect3 li .wrap .title{width: 100%;position: absolute;left: 0;bottom: 0.5rem;z-index: 3;box-sizing: border-box;padding: 0 0.8rem;color: #FFFFFF;line-height: 0.93rem;font-weight: normal;transform: translateY(80px);opacity: 0;}
.isect3 li .wrap:hover::before{opacity: 0.5;}
.isect3 li .wrap:hover .title{transform: translateY(0);opacity: 1;}
.isect3 li .wrap .icon{height: 2.16rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 3;}
.isect3 li .wrap:hover .icon{transform: translate(-50%, -50%) rotateZ(120deg);}
.isect3 li.li1{width: 62%;margin-left: 38%;}
.isect3 li.li1 .wrap{padding-bottom: 34.11%;}
.isect3 li.li2{margin-left: 13.65%;}
.isect3 li.li5{margin-left: 38%;}
/* .isect3 li.li5,
.isect3 li.li6{width: 12.16%;}
.isect3 li.li5 .wrap,
.isect3 li.li6 .wrap{padding-bottom: 127.35%;} */
.isect3 li.li7{width: 62.3%;box-sizing: border-box;padding-left: 13.54%;background-image: linear-gradient(180deg, #9ECCFE 0%, #0070CD 100%);}
.isect3 li.li7 .wrap{padding-bottom: 43.62%;position: relative;}
.isect3 .container{display: none;}


/* isect4 */
.isect4{background: url(../images/isect4_bg.jpg) no-repeat center top;background-size: cover;padding: 2.2rem 0 3.63rem;overflow: hidden;}
.isect4 .iTitleStyle{margin-bottom: 2.63rem;}
.isect4 .content{position: relative;}
.isect4 .line{width: 6.93rem;height: 1px;background: #FFFFFF;opacity: 0.4;position: absolute;top: 50%;}
.isect4 .line.left{left: 4.33rem;}
.isect4 .line.right{right: 4.33rem;}
.isect4 .btnStyle1{width: 2rem;height: 2rem;background: rgba(255, 255, 255, 0.2);}
.isect4 .btnStyle1.prev{left: 2rem;}
.isect4 .btnStyle1.next{right: 2rem;}
.isect4 .btnStyle1:hover{background: #0152AA;}
.isect4 .box{width: 480px;height: 480px;margin: 0 auto;box-sizing: border-box;border-radius: 50%;position: relative;}
.isect4 .box::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;border-radius: 50%;border: 2px dashed rgba(255, 255, 255, 0.26);}
.isect4 .box svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;stroke-width: 2px;stroke: #81DBFF;fill: none;stroke-dasharray: 1503;stroke-dashoffset: -1503;transform: rotateZ(90deg);transition:all 0.3s linear;}
.isect4 .tabs li{position: absolute;color: #FFFFFF;line-height: 0.8rem;cursor: pointer;}
.isect4 .tabs li .dot{width: 0.4rem;height: 0.4rem;box-sizing: border-box;border: 1px solid #81DBFF;background: currentColor;border-radius: 50%;}
.isect4 .tabs li h3{padding: 0 0.3rem;white-space: nowrap;}
.isect4 .tabs li.active{color: #81DBFF;}
.isect4 .tabs li:nth-child(1),
.isect4 .tabs li:nth-child(4){left: 50%;transform: translateX(-50%);}
.isect4 .tabs li:nth-child(1) .wrap,
.isect4 .tabs li:nth-child(4) .wrap{flex-direction: column;}
.isect4 .tabs li:nth-child(1){top: -1.4rem;}
.isect4 .tabs li:nth-child(1) .dot{margin-top: 0.4rem;}
.isect4 .tabs li:nth-child(2) .wrap,
.isect4 .tabs li:nth-child(3) .wrap{flex-direction: row-reverse;}
.isect4 .tabs li:nth-child(2){top: 105px;left: 439px;}
.isect4 .tabs li:nth-child(3){bottom: 105px;left: 439px;}
.isect4 .tabs li:nth-child(4){bottom: -1.4rem;}
.isect4 .tabs li:nth-child(4) .wrap{flex-direction: column-reverse;}
.isect4 .tabs li:nth-child(4) .dot{margin-bottom: 0.4rem;}
.isect4 .tabs li:nth-child(5){bottom: 105px;right: 439px;}
.isect4 .tabs li:nth-child(6){top: 105px;right: 439px;}
.isect4 .container{width: 300px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 5;overflow: hidden;text-align: center;color: #fff;}
.isect4 .container .icon{height: 1.73rem;}
.isect4 .container .title{line-height: 1.2rem;margin: 0.4rem auto 0.7rem;}
.isect4 .swiper-pagination{width: 100%;position: absolute;left: 0;bottom: 1.2rem;color: #FFFFFF;font-family: "Barlow-Medium";}
.isect4 .swiper-pagination .swiper-pagination-current{color: #81DBFF;font-size: 0.86rem;font-family: "Barlow-Bold";}


@media screen and (max-width: 1680px){
.isect1 .content{zoom: 0.8;}
.isect1 .content li .title{font-size: 0.7rem;}

}
@media screen and (max-width: 1480px){
.isect1 .content{width: 30rem;height: 15rem;zoom: 1;}
.isect1 .content .btn{width: 8rem;height: 1.8rem;font-size: 0.8rem;}
.isect1 .content li{width: 5.8rem;height: 5.8rem;}
.isect1 .content li .pic,
.isect1 .content li .tx1,
.isect1 .content li .bg.large{clip-path: circle( 2.1rem at 50% 50%);}
.isect1 .content li .title{right: 4.2rem;font-size: 0.533rem;}
.isect1 .content li:nth-child(4) .title, .isect1 .content li:nth-child(5) .title, .isect1 .content li:nth-child(6) .title{right: auto;left: 4.2rem;}
.isect1 .content li:nth-child(1){left: -3rem;bottom: 1.5rem;}
.isect1 .content li:nth-child(2){left: 0.5rem;top: 1rem;}
.isect1 .content li:nth-child(3){left: 8rem;top: -3.6rem;}
.isect1 .content li:nth-child(4){right: 8rem;top: -3.6rem;}
.isect1 .content li:nth-child(5){right: 0.5rem;top: 1rem;}
.isect1 .content li:nth-child(6){right: -3rem;bottom: 1.5rem;}
}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){
.swiper-wrapper{height: auto;}
.banner .wrap{padding-bottom: 50%;}
/* .isect1 .zoomBox{zoom: 0.8;} */
.isect3 .iTitleStyle{width: 9rem;}

.isect1 .content{width: 20rem;height: 10rem;}
.isect1 .content .btn{width: 6.2rem;height: 1.5rem;font-size: 0.6rem;bottom: 1rem;}
.isect1 .content .btn .icon{height: 0.4rem;}
.isect1 .content li{width: 3rem;height: 3rem;}
.isect1 .content li .pic,
.isect1 .content li .tx1,
.isect1 .content li .bg.large{clip-path: circle( 1.2rem at 50% 50%);}
.isect1 .content li .title{right: 0.5rem;bottom: 0.2rem;}
.isect1 .content li:nth-child(4) .title, 
.isect1 .content li:nth-child(5) .title, 
.isect1 .content li:nth-child(6) .title{right: auto;left: 0.5rem;}
isect1 .content li:nth-child(4) .title, 
.isect1 .content li:nth-child(5) .title, 
.isect1 .content li:nth-child(6) .title{right: auto;left: -0.5rem;}

.isect1 .content li:nth-child(1){left: -2rem;bottom: 0.5rem;}
.isect1 .content li:nth-child(2){left: 1rem;top: 2.6rem;}
.isect1 .content li:nth-child(3){left: 6rem;top: -1.5rem;}
.isect1 .content li:nth-child(4){right: 6rem;top: -1.5rem;}
.isect1 .content li:nth-child(5){right: 1rem;top: 2.6rem;}
.isect1 .content li:nth-child(6){right: -2rem;bottom: 0.5rem;}
}

@media screen and (max-width: 760px){
.iTitleStyle{margin-bottom: 0.5rem;}
.iTitleStyle .en{font-size: 0.9rem;line-height: 1.8rem;}
.iTitleStyle .ch{font-size: 0.8rem;}
.isect1{padding-top: 1rem;}
.isect1 .iTitleStyle{margin-bottom: 1.2rem;}



.isect1 .content{width: 12rem;height: 6rem;}
.isect1 .content .btn{transform: translateX(-50%) scale(0.8);bottom: 0.3rem;}
.isect1 .content li{width: 2rem;height: 2rem;}
.isect1 .content li .pic,
.isect1 .content li .tx1,
.isect1 .content li .bg.large{clip-path: circle( 0.8rem at 50% 50%);}
.isect1 .content li .title{right: auto;bottom: 0.2rem;font-size: 0.36rem;left: 50%;transform: translateX(-50%); width: 80px;word-break: break-word;white-space: break-spaces; text-align: center; bottom: auto;top: 100%;line-height: 0.36rem;margin-top: -0.8rem;word-break: inherit;text-shadow:0 0 5px rgba(0,0,0,0.4); }
.isect1 .content li:nth-child(4) .title, 
.isect1 .content li:nth-child(5) .title, 
.isect1 .content li:nth-child(6) .title{right: auto;left: 50%;transform: translateX(-50%);}
.isect1 .content li:nth-child(1){left: -0.5rem;bottom: 0.2rem;}
.isect1 .content li:nth-child(2){left: 0;top: 1.2rem;}
.isect1 .content li:nth-child(3){left: 3.2rem;top: -0.8rem;}
.isect1 .content li:nth-child(4){right: 3.2rem;top: -0.8rem;}
.isect1 .content li:nth-child(5){right: 0;top: 1.2rem;}
.isect1 .content li:nth-child(6){right: -0.5rem;bottom: 0.2rem;} 


.isect2{padding: 1.5rem 0;}
.isect2,.isect2 .leftCont > .flexBetweenTop{display: block;}
.isect2 .leftCont,
.isect2 .rightCont,
.isect2 .picNews,
.isect2 .leftCont .listStyle{width: 100%;}
.isect2 .leftCont,
.isect2 .picNews{margin-bottom: 1rem;}
.isect2 .leftCont .iTitleStyle{max-width: none;}
.isect2 .picNews .pic{padding-bottom: 58.8%;}
.isect2 .picNews .text .desc{margin: 0 0 0.4rem;}
.isect2 .picNews .btnStyle{top: 30%;}
.isect2 .leftCont .listStyle,
.isect2 .rightCont .listStyle li:nth-child(3){display: none;}

.isect3{padding: 1.5rem 0 0;}
.isect3 .iTitleStyle{width: 100%;position: relative;left: 0;top: 0;width: 90%;margin: 0 auto 0.5rem;}
/* .isect3 li{width: 50% !important;margin: 0 !important;}
.isect3 li.li1 .wrap{padding-bottom: 63.81%;}
.isect3 li.li7{width: 100% !important;} */
/* .isect3 li.li8{padding-left: 0;} */
.isect3 .pcUl{display: none;}
.isect3 li .wrap .icon{height: 1rem;}
.isect3 .container{display: block;width: 90%;margin: 0 auto 1rem;}
.isect3 .container li .wrap::before{opacity: 0.5;}
.isect3 .container li .wrap .title{bottom: 0;transform: translateY(0);opacity: 1;padding: 0 0.5rem;}


.isect4{padding: 1.5rem 0 2.5rem;}
.isect4 .btnStyle1,
.isect4 .line,
.isect4 .box svg{display: none;}
.isect4 .content{zoom: 0.7;}
.isect4 .iTitleStyle{margin-bottom: 1.8rem;}
.isect4 .tabs li h3{font-size: 0.6rem;}
.isect4 .container,
.isect4 .swiper-pagination{zoom: 1.5;}

.isect4 .tabs li h3 {font-size: 1rem;width: 150px;word-break: inherit;white-space: inherit;line-height: 1.2;position: absolute;top: 50%;left: 100%;transform: translateY(-50%);}
.isect4 .tabs li:nth-child(1) h3,
.isect4 .tabs li:nth-child(4) h3{left: 50%;transform: translate(-50%, -50%);text-align: center;}
.isect4 .tabs li:nth-child(1) h3{top: auto;bottom: 20%;}   
.isect4 .tabs li:nth-child(4) h3{top: 100%;transform: translate(-50%, 0);} 
.isect4 .tabs li:nth-child(5) h3,
.isect4 .tabs li:nth-child(6) h3{left: auto;right: 100%;text-align: right;padding-right: 10px;}
.isect4 .tabs li:nth-child(5) h3{padding-right: 46px;}
.isect4 .tabs li:nth-child(6) h3{width: 200px;}
}

@media screen and (max-width: 468px){
/* .isect1 .content{zoom: 0.4;} */
.isect4 .content{zoom: 0.4;}
}