/* 导入动画 */
@keyframes rect_ani{to{transform: rotate(180deg);}}
@keyframes logo_ani{to{opacity: 1;}}
@keyframes pathAni{
    0%{stroke-dashoffset: -2000; }
    100%{stroke-dashoffset:0;}
}
.loading{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background: #fff;animation: hide1 0.5s linear forwards 7s;}
.loading .bg{width: 100%;height: 100vh;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.loading .bg .rect{width: 240%;height: 240%;position: absolute;left: -60%;top: 100%;background: #A5E8FF;animation: rect_ani 4s ease-in-out forwards;transform-origin: center top;}
.loading .bg .rect:nth-child(2){background: #75C8EE;animation-delay: 0.2s;}
.loading .bg .rect:nth-child(3){background: #37A3DF;animation-delay: 0.4s;}
.loading .bg .rect:nth-child(4){background: #2A8ACA;animation-delay: 0.6s;}
.loading .bg .rect:nth-child(5){background: #1F74B8;animation-delay: 0.8s;}
.loading .bg .rect:nth-child(6){background: #0058A8;animation-delay: 1s;}
.loading .logo{width: 602px;height: 130px;position: fixed;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);opacity: 0;animation:logo_ani 0.5s linear forwards 4s;}
.loading .logo .iconSvg{width: 100%;height: 100%;stroke-linecap: round;stroke: #fff;stroke-dasharray: 3500;stroke-dashoffset: 3500;stroke-width: 1px;fill: none;animation: pathAni 3.5s linear forwards 2.5s;}
.loading .logo .box{animation: hide 0.5s linear forwards 6.5s;}

/* banner */
.banner .wrap{display: block;height: 0;padding-bottom: 44.27%;}

/* 标题 */
.iTitle{margin-bottom: 2rem;}
.iTitle.center{text-align: center;}
.iTitle .label{line-height: 0.93rem;margin-bottom: 1.33rem;}
.iTitle .title{line-height: 1.5;}
.iTitle .title span{color: var(--primary-color);}
.iTitle.white .label,
.iTitle.white .title{color: #fff;}

/* isect1 */
@keyframes svg_ani{
    0%{stroke-dashoffset: -2910;}
    100%{stroke-dashoffset:0;}
}
.isect1{padding-bottom: 0;}
.isect1 > .w1600{padding-bottom: 7.13rem;}
.isect1 .contLeft{width: 56.25%;}
.isect1 .contLeft .desc{line-height: 0.93rem;margin-bottom: 3.8rem;}
.isect1 .bg{position: absolute;right: 9.2rem;bottom: 0px;width: 410px;height: 700px;}
.isect1 .bg svg{width: 100%;height: 100%;stroke: #D8D8D8;stroke-linecap: round;fill: none;stroke-dasharray: 4910;stroke-dashoffset: 4910;}
.isect1 .bg .text{position: absolute;left: 202px;top: 226px;writing-mode: vertical-lr;letter-spacing: 2px;}
.isect1 .bg .text span{transform: translateY(90px);filter: blur(30px);opacity: 0;display: inline-flex;}
.isect1.show .bg .text span{transition: transform 1.2s cubic-bezier(0.3, 0.2, 0, 1), opacity 1.2s cubic-bezier(0.3, 0.2, 0, 1), filter 0.8s cubic-bezier(0.3, 0.2, 0, 1);
    transform: translate3d(0, 0, 0);filter: none;opacity: 1;}
.isect1.show .bg svg{animation: svg_ani 3s linear forwards;}
.isect1 .contRight{width: 13.33rem;padding-top: 2.27rem;}
.isect1 .contRight li{padding-left: 2.67rem;margin-bottom: 2.67rem;position: relative;line-height: 0.73rem;}
.isect1 .contRight li:last-child{margin-bottom: 0;}
.isect1 .contRight li::before{content: "";width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: var(--primary-color);transform: scale(0);opacity: 0;}
.isect1 .contRight li .data{font-family: "OswaldMedium";line-height: 1.25;margin-bottom: 0.13rem;}
.isect1 .contRight li.on::before{transform: scale(1);opacity: 1;}

.isect2{background: linear-gradient(180deg, #F0F5FA 0%, #FFFFFF 100%), #D8D8D8;}
.isect2 li{width: 32%;margin: 2% 2% 0 0;}
.isect2 .list1 li{width: 100%;margin: 0;}
.isect2 .list1 li:first-child .wrap{padding-bottom: 41.25%;}
/* .isect2 li:nth-child(3n + 1){margin-right: 0;} */
.isect2 li:nth-child(3n){margin-right: 0;}
.isect2 li .wrap{display: block;height: 0;padding-bottom: 100%;color: #fff;}
.isect2 li .wrap .bgStyle::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.4);opacity: 0;}
.isect2 li .wrap .text{position: absolute;left: 0;top: 0;width: 100%;box-sizing: border-box;padding: 2rem 0.5rem 0;text-align: center;color: #fff;}
.isect2 li .wrap .text .tit{line-height: 1.7;}
.isect2 li .wrap .text .desc{line-height: 1.5;margin: 0 0 0.67rem;}
.isect2 li:hover .wrap{box-shadow: 0 0 0.67rem rgba(0, 88, 168, 0.3);transform: translateY(-10px);}
.isect2 li:hover .wrap .bgStyle{transform: scale(1.1);}
.isect2 li:hover .wrap .bgStyle::before{opacity: 1;}
.isect2 .container{padding-bottom: 1.5rem;}
.isect2 .container .swiper-pagination{bottom: 0;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet{width: 0.33rem;height: 0.33rem;transition: 0.3s;border-radius: 0.3rem;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--primary-color);width: 0.8rem;}

/* isect3 */
.isect3{height: 0;padding-bottom: 46.875%;position: relative;overflow: hidden;}
.isect3 .bgContainer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect3 .bgContainer2{display: none;}
.isect3 .bgContainer .wrap{display: block;height: 0;padding-bottom: 46.875%;}
.isect3 .bgContainer .wrap .bgStyle{transition: all 1s linear;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
.isect3 .bgContainer .swiper-slide-active .wrap .bgStyle,
.isect3 .bgContainer .swiper-slide-duplicate-active .wrap .bgStyle{transition: 1s linear; transform: scale(1,1);opacity: 1;}
.isect3 .iTitle{position: absolute;left: 50%;top: 3.33rem;transform: translateX(-50%);z-index: 2;}
.isect3 .tabs{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(12px);}
.isect3 .tabs2{display: none;}
.isect3 .tabs li{border-left: 1px solid rgba(255, 255, 255, 0.2);}
.isect3 .tabs li .wrap{height: 4rem;color: #fff;}
.isect3 .tabs li .wrap .icon{filter: brightness(0) invert(1);margin-right: 0.4rem;height: 1.2rem;}
.isect3 .tabs li .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(180deg, #0058A8 0%, rgba(0, 88, 168, 0.2) 100%);;transform-origin: center top;transform: scale(1, 0);}
.isect3 .tabs li .wrap::after{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 0;transform: scale(0,1);opacity: 0;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.isect3 .tabs li.active .wrap::before,
.isect3 .tabs li.on .wrap::before{transform: scale(1);}
.isect3 .tabs li.active .wrap::after{transform: scale(1);opacity: 1;}
.isect3 .tabs li.on .wrap::after{display: none;}

/* isect4 */
.isect4 > .w1600{justify-content: space-between;}
.isect4 .contLeft{padding: 4rem 0;}
.isect4 .iTitle{margin-bottom: 6rem;}
.isect4 .iTitle .label{margin-bottom: 0.4rem;}
.isect4 .iTitle .title{max-width: 8rem;padding-right: 1.2rem;position: relative;}
.isect4 .iTitle .title .icon{position: absolute;right: 0;top: 0.53rem;transform: rotateZ(-45deg);filter: brightness(0) invert(0.2);}
.isect4 svg{stroke: #222222;stroke-dasharray: 1000;stroke-dashoffset: 1000;fill: none;width: 202px;height: 184px;}
.isect4 .contRight{width: 62.5%;box-sizing: border-box;padding: 4rem 0 4rem 6.25%;border-left: 1px solid #D8D8D8;}

/* isect5 */
.isect5{height: 24rem;box-sizing: border-box;padding-top: 4rem;}
.isect5 .iTitle .label{color: #222;margin-bottom: 0.67rem;}
.isect5 .cont{max-width: 12.9rem;box-sizing: border-box;padding: 8px;background: #F4F4F4;}
.isect5 .cont img{width: 100%;}

/* isect6 */
/* .isect6{height: 100vh;background-image: url(../images/isect6_bg.jpg);box-sizing: border-box;padding-top: 5.33rem;}
.isect6 .diqiu{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#scene-view {position:absolute;height: 90%;width: 130%;z-index: 2;}
.isect6 > .w1600{z-index: 3;position: relative;} */

.isect6{height: 800px;}
.isect6 .diqiu{position: relative;height: 100%;}
#scene-view {position:absolute;height: 90%;width: 130%;z-index: 2;}
.isect6 .w1600{position: absolute;left: 50%;transform: translateX(-50%);top: 5.33rem;z-index: 3;pointer-events: none;}


@media screen and (max-width: 1620px){
.isect1 .bg{right: 8.9rem;}
}
@media screen and (max-width: 1480px){
.isect1 .bg{right: 9.1rem;transform-origin: right bottom;transform: scale(0.9);}
}

@media screen and (max-width: 1300px){
.isect1 .bg{right: 8.96rem;transform-origin: right bottom;transform: scale(0.8);}
}


@media screen and (max-width: 1024px){
.isect1 .bg{display: none;}
.isect1 .contRight li{padding-left: 1.8rem;}
.isect1 .contLeft,
.isect1 .contRight{width: 100%;}
.isect1 .contRight ul{display: flex;justify-content: space-between;}
.isect1 .contRight li{margin-bottom: 0;padding-left: 1rem;}
.isect1 .contRight li::before{transform: scale(1);opacity: 1;}

}

@media screen and (max-width: 760px){
.iTitle{margin-bottom: 1rem;}
.iTitle .label{margin-bottom: 0.3rem;}
.iTitle .title{line-height: 1.2;}

.isect1 > .w1600{padding-bottom: 2rem;}
.isect1 .contLeft .desc{margin-bottom: 1rem;}
.isect1 .contRight{padding-top: 1.5rem;}
.isect1 .contRight li{padding-left: 0;}
.isect1 .contRight li::before{width: 2px;display: none;}

.isect2 .list{justify-content: space-between;}
.isect2 li{margin-right: 0;width: 49%;}
.isect2 li .wrap .text{padding-top: 10%;}
.isect2 li .wrap .text .desc,
.isect2 li .wrap .text .learnMore{display: none;}
.isect2 li:first-child .wrap .text{padding-top: 5%;}

.isect3 .iTitle{top: 8%;}
.isect3 .bgContainer{padding-bottom: 66%;}
.isect3 .bgContainer .wrap{padding-bottom: 66%;}
.isect3 .tabs li .wrap{height: 2rem;}
.isect3 .tabs li .wrap .icon{height: 0.9rem;margin-right: 0.2rem;}

.isect4 .iTitle{margin-bottom: 1rem;}
.isect4 .iTitle .title .icon{top: 0.2rem;}
.isect4 .contLeft{width: 100%;padding: 1.8rem 0 0;}
.isect4 .contRight{width: 100%;padding: 0 0 1.8rem;border: none;}
.isect4 svg{zoom: 0.5;}


.isect5{height: auto;padding: 15% 0 30%;background-position: left center;}
.isect5 .iTitle .label{margin-bottom: 0.5rem;}

.isect6{height: auto;padding: 15% 0 30%;background-image: url(../images/isect6_bg.jpg);}
.isect6 .diqiu{display: none;}
.isect6 .w1600{position: relative;left: 0;top: 0;transform: translateX(0);}

.loading .bg .rect{width: 440%;height: 440%;left: -150%;}
.loading .logo .iconSvg{transform: scale(0.5);}


}

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