@keyframes loadingLayer{
    0%{z-index: 10;background-color: #000;}
    85%{background-color: #666;}
    99.99%{z-index: 10;}
    100%{z-index: -1;}
}
@keyframes loadingLayerItem{
    0%{height: 50%}
    100%{height: 0;}
}
@keyframes bgp{
    0%{background-position: 0 0;}
    100%{background-position: -100% 0;}
}
@keyframes loadingProgress{
    20%{width: 40%;}
    80%{width: 60%;}
    100%{width: 100%;}
}
@keyframes progressBarHide{
    100%{opacity: 0;}
}


/*loading*/
.loading-layer{z-index: -1;position: fixed;left: 0;right: 0;top: 0;bottom: 0;animation: loadingLayer 5s linear;}
.loading-layer:before{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 0;background-color: #fff;animation: loadingLayerItem 0.5s linear;animation-delay: 4s;}
.loading-layer:after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background-color: #fff;animation: loadingLayerItem 0.5s linear;animation-delay: 4s;}
.loading-layer .progress-bar{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 388px;height: 95px;margin: auto;background-color: #ccc;mask: url(../images/loadingLogo.png);-webkit-mask: url(../images/loadingLogo.png);animation: progressBarHide 0.5s ease-out;animation-delay: 4s;animation-fill-mode: forwards;}
.loading-layer .progress-bar:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-image: linear-gradient(90deg,#00449E,#0079CD,#00449E,#0079CD,#00449E);background-size: 200% 100%;animation: bgp 1s infinite linear,loadingProgress 4s linear;animation-fill-mode: forwards;}


/* homePage */
.homePage,.homePage body,.homeContainer,.homeContainer .pageWrap{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.homePage .outerSlider{height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;overflow: hidden;}


/* pagePagination */
.pagePagination{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 9;}
.pagePagination ul li{width: 1rem;height: 2px;background: #FFFFFF;margin: 0.66rem 0 0 0;transform-origin:right center;cursor: pointer;}
.pagePagination ul li:first-child{margin-top: 0;}
.pagePagination ul li.on{transform: scale(2,1);}
.pagePagination.blue ul li{background: #00449E;}
.pagePagination.hide{opacity: 0;pointer-events: none;}

/* down */
.down{position: fixed;right: 1.2rem;bottom: 2.66rem;z-index: 9;width: 0.8rem;filter: brightness(0) invert(1);animation: float 3s ease-in-out infinite;}
.down.blue{filter: brightness(1) invert(0);}
.down.hide{opacity: 0;}
@keyframes float {
    0% {transform: translate(0, 0);}
    50% {transform: translate(0, 20px);}
    100% {transform: translate(0, 0);}
}
  

/* banner */
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;height: 100vh;position: relative;overflow: hidden;}
.banner .wrap em{transition: all 0.5s linear;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner .swiper-pagination{z-index: 1;bottom: 2.66rem;width: 90%;}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 0.5s linear; transform: scale(1,1);opacity: 1;}
.banner .swiper-slide{background: #001026;}
.banner .swiper-slide .video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .video::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;z-index: 3;}
.banner .swiper-pagination{bottom: 2.66rem;text-align: left;left: 50%;transform: translateX(-50%);}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 24px;height: 24px;margin: 0 36px 0 0;background: none;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet::before{content: "";width: 10px;height: 10px;position: absolute;left: 7px;top: 7px;background: #FFFFFF;border-radius: 50%;}
.banner .swiper-pagination .swiper-pagination-bullet em{display: block;width: 100%;height: 100%;transform: scale(0.25);transition: 1s;background: #fff;border-radius: 50%;}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 70;stroke-dashoffset: -70;}
.banner .swiper-pagination .swiper-pagination-bullet-active em{background-color: rgba(255,255,255,0);transform: scale(1);}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 5s linear forwards;}
@keyframes svgAni{to{stroke-dashoffset: 0;}}

/* iTitle */
.iTitle{color: #333333;line-height: 1rem;}
.iTitle .tit{margin-bottom: 0.66rem;color: #00449E;line-height: 1rem;display: flex;align-items: center;}
.iTitle .tit h2{ background: -webkit-linear-gradient(#24A6FF, #00449E); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.iTitle .tit .icon{height: 0.8rem;margin-left: 8px;}
.iTitle .desc{color: #333333;line-height: 2rem;}
.iTitle.white,.iTitle.white .tit h2,.iTitle.white .desc{color: #FFFFFF;}
.iTitle.white .tit h2{-webkit-text-fill-color: white;}
.iTitle.white .icon{filter: brightness(0) invert(1);}


/* outerSlider2 */
.outerSlider2{background: url(../images/slide2Bg.jpg) no-repeat center;background-size: cover;color: #fff;}
.outerSlider2 .cont{display: flex;align-items: center;height: 100%;}
.outerSlider2 .cont .wrap{width: 43.42%;padding-top: 3rem;}
.outerSlider2 .text{line-height: 1.06rem;margin: 2.66rem 0 2.46rem;}
.outerSlider2 .dataUl{margin-bottom: 5rem;line-height: 1;}
.outerSlider2 .dataUl .data{margin-bottom: 0.66rem;}
.outerSlider2 .dataUl .data span{margin-right: 10px;-webkit-text-stroke: 1px #fff;text-stroke: 1px #fff;color: transparent;font-weight: bold;}
.outerSlider2 .tabs{position: absolute;right: 0;top: 0;z-index: 2;width: 28%;height: 100%;}
.outerSlider2 .tabs::before{content: "";width: 1px;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(rgba(255,255,255,0.1), #fff, rgba(255,255,255,0.1));}
.outerSlider2 .tabs li{height: 44.8%;}
.outerSlider2 .tabs li:first-child{height: 55.2%;position: relative;}
.outerSlider2 .tabs li:first-child::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to right, #FFFFFF , rgba(255,255,255,0.1));}
.outerSlider2 .tabs .wrap{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 13.95% 11.1% 0;}
.outerSlider2 .tabs li:first-child .wrap{padding-top: 37.7%;}
.outerSlider2 .tabs .icon{height: 1.5rem;}
.outerSlider2 .tabs .tit{margin: 1rem 0 0.66rem;}
.outerSlider2 .tabs li:hover .icon{transform: scale(0.8);}

@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(2.5);}
}

/* outerSlider3 */
.outerSlider3{background: url(../images/slide3Bg.jpg) no-repeat center;background-size: cover;overflow: hidden;}
.outerSlider3 .circle{width: 44.1rem;height: 44.1rem;position: absolute;right: -36.2rem;top: 50%;transform: translateY(-50%);border-radius: 50%;border: 1px solid #00449E;mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0) 18%);}
.outerSlider3 .tabs{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 2;display: flex;flex-direction: column;align-items: flex-end;}
.outerSlider3 .tabs li{padding: 2rem 0;position: relative;margin-right: 7.2rem;color: #333333;}
.outerSlider3 .tabs li .dot{display: block;width: 0.5rem;height: 0.5rem;background: #00449E;border-radius: 50%;color: #00449E;position: relative;}
.outerSlider3 .tabs li span{position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);white-space: nowrap;}
.outerSlider3 .tabs li:nth-child(2){margin-right: 7.7rem;}
.outerSlider3 .tabs li.active{color: #00449E;font-weight: bold;}
.outerSlider3 .tabs li.active .dot::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.outerSlider3 .tabs li.active .dot::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.outerSlider3 .box{height: 100%;display: flex;align-items: center;box-sizing: border-box;padding-top: 3rem;}
.outerSlider3 .cont{position: relative;width: 100%;}
.outerSlider3 .cont .iTitle{position: absolute;left: 0;top: 0;z-index: 3;max-width: 17.33rem;}
.outerSlider3 .cont .iTitle .wapTabs{position: relative;overflow: hidden;color: #333333;display: none;}
.outerSlider3 .cont .iTitle .wapTabs .swiper-slide{width: auto;}
.outerSlider3 .cont .iTitle .wapTabs .active{color: #00449E;font-weight: bold;}
.outerSlider3 .container{position: relative;overflow: hidden;}
.outerSlider3 .innerSlide{position: relative;}
.outerSlider3 .textScroll{padding: 8.3rem 0 2rem;width: 28.57%;position: relative;overflow: hidden;}
.outerSlider3 .textScroll .title{color: #00449E;}
.outerSlider3 .textScroll .desc{line-height: 1.2rem;color: #333333;margin: 1.33rem 0 3.33rem;}
.outerSlider3 .picScroll{position: absolute;left: 50%;top: 2.2rem;transform: translateX(-50%);width: 28.1%;overflow: hidden;background: url(../images/icon_logo3.svg) no-repeat center;background-size: 100% auto;}
.outerSlider3 .picScroll .pic{width: 100%;height: 17.33rem;}
.outerSlider3 .picScroll .pic img{max-width: 100%;max-height: 100%;}
.outerSlider3 .innerTabs{color: #666666;}
.outerSlider3 .innerTabs li{padding: 1.5rem 0.66rem 0;position: relative;width: auto;}
.outerSlider3 .innerTabs li::before{content: "";width: 4px;height: 0.8rem;position: absolute;left: 50%;top: 0;transform: translateX(-50%);background: #00449E;border-radius: 2px;transform-origin:center top;transform: scale(1,0);opacity: 0;}
.outerSlider3 .innerTabs li.active{color: #00449E;font-weight: bold;}
.outerSlider3 .innerTabs li.active::before{transform: scale(1);opacity: 1;}
.outerSlider3 .wapInnerTabs{position: relative;overflow: hidden;display: none;}
.outerSlider3 .wapInnerTabs .swiper-slide{width: auto;padding: 1.5rem 0 0;}

/* 20240822-xg */
.outerSlider3 .tabs li{padding: 1.5rem 0;}
.outerSlider3 .tabs li:nth-child(1){margin-right: 5.9rem;}
.outerSlider3 .tabs li:nth-child(2){margin-right: 7rem;}
.outerSlider3 .tabs li:nth-child(3){margin-right: 7.6rem;}
.outerSlider3 .tabs li:nth-child(4){margin-right: 7.6rem;}
.outerSlider3 .tabs li:nth-child(5){margin-right: 7.05rem;}
.outerSlider3 .tabs li:nth-child(6){margin-right: 5.9rem;}
/* outerSlider4 */
.outerSlider4{background: #F5F7F8;}
.outerSlider4 .this{position: absolute;left: 0;bottom: 0;width: 100%;height: 50vh;}
.outerSlider4 .box{height: 100%;box-sizing: border-box;padding-top: 3rem;}
.outerSlider4 .wrap{width: 100%;}
.outerSlider4 .title{margin-bottom: 1.33rem;}
.outerSlider4 .container{width: 100%;padding: 0 0.66rem 2.46rem;position: relative;overflow: hidden;margin-left: -0.66rem;}


/* outerSlider5 */
.outerSlider5{background: url(../images/slide5Bg.jpg) no-repeat center;background-size: cover;}
.outerSlider5 .wrap{align-items: flex-start;padding-top: 3.33rem;}
.outerSlider5 .title{max-width: 12rem;margin-right: 2.66rem;}
.outerSlider5 .iTitle{margin-bottom: 10.23rem;}
.outerSlider5 .list{width: calc(100% - 14.66rem);flex-wrap: wrap;}
.outerSlider5 .list li{width: 47.4%;margin-bottom: 1.66rem;background: #FFFFFF;border-radius: 6px;position: relative;overflow: hidden;}
.outerSlider5 .list li:nth-child(3),
.outerSlider5 .list li:nth-child(4){margin-bottom: 0;}
.outerSlider5 .list li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(180deg, #EDF5FF 0%, #FFFFFF 50%);opacity: 0;}
.outerSlider5 .list .box{position: relative;z-index: 2;color: #666666;line-height: 0.66rem;}
.outerSlider5 .list .top{padding: 1.33rem 1.33rem 1.93rem;border-bottom: 1px solid #E9E9E9;}
.outerSlider5 .list .icon{height: 1.6rem;}
.outerSlider5 .list .tit{color: #333333;margin: 0.66rem 0 0.8rem;}
.outerSlider5 .list .btm{padding: 0 1.33rem;line-height: 1.86rem;position: relative;}
.outerSlider5 .list .btm::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(180deg, #24A6FF 0%, #00449E 100%);opacity: 0;}
.outerSlider5 .list .btm > .flexBetween{position: relative;z-index: 2;}
.outerSlider5 .list .btm .downBtn{height: 0.53rem;}
.outerSlider5 .list li:hover::before,
.outerSlider5 .list li:hover .btm::before{opacity: 1;}
.outerSlider5 .list li:hover .btm{color: #fff;}

/* outerSlider6 */
.outerSlider6{height: auto !important;}

@media screen and (max-height: 880px){
.iTitle .tit{margin-bottom: 0.4rem;}
.outerSlider2 .text{margin: 1.6rem 0;}
.outerSlider2 .dataUl{margin-bottom: 3rem;}

.outerSlider3 .textScroll{padding: 9rem 0 2rem;padding: 5rem 0 9rem;}
.outerSlider3 .cont .iTitle{top: 1.4rem;}
.outerSlider3 .textScroll .desc{margin: 1rem 0 2rem;}


}

@media screen and (max-width: 1820px){
.newsWrap .text{padding: 0.8rem;}
.newsWrap .text .tit{margin-bottom: 1rem;}
}

@media screen and (max-width: 1600px){
.outerSlider2 .text{margin: 1.6rem 0;}
.outerSlider2 .dataUl{margin-bottom: 2.5rem;}
.outerSlider4 .title{margin-bottom: 1rem;}
.outerSlider5 .iTitle{margin-bottom: 8rem;}
.outerSlider5 .list li{margin-bottom: 1rem;}
.outerSlider5 .list .top{padding: 1rem 1rem 1.5rem;}
}
    
    
@media screen and (max-width: 1480px){

}

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

}


@media screen and (max-width: 1024px){
.iTitle .tit{margin-bottom: 0;}
.iTitle .desc{line-height: 1.4;}
.outerSlider{height: auto !important;}
.outerSlider2{flex-direction: column;background-position: left center;}
.outerSlider2 .tabs{position: relative;width: 100%;height: auto;display: flex;}
.outerSlider2 .tabs::before{width: 100%;height: 1px;}
.outerSlider2 .tabs li{width: auto !important;flex: 1;height: auto !important;}
.outerSlider2 .tabs li:first-child::before{width: 1px;height: 100%;left: auto;right: 0;}
.outerSlider2 .tabs li .wrap{padding: 0.6rem 0 !important;height: auto;text-align: center;}
.outerSlider2 .tabs .icon{height: 1rem;}
.outerSlider2 .tabs .tit{margin: 0.5rem 0 0.4rem;}
.outerSlider2 .cont{height: calc(100% - 3rem);}
.outerSlider2 .cont .wrap{width: 100%;}
.outerSlider2 .text{-webkit-line-clamp: 2;margin: 1rem 0;}
.outerSlider2 .dataUl{margin-bottom: 1.5rem;}

.outerSlider3{height: auto !important;background: none;}
.outerSlider3 .box{padding: 3rem 0 1rem;}
.outerSlider3 .circle,
.outerSlider3 .tabs{display: none;}
.outerSlider3 .cont .iTitle{position: relative;top: 0;}
.outerSlider3 .cont .iTitle .wapTabs{display: block;margin: 0.5rem 0 1rem;font-size: 0.7rem;}
.outerSlider3 .textScroll{width: 100%;padding: 0 0 1rem;}
.outerSlider3 .textScroll .desc{margin: 0.5rem 0;line-height: 1rem;}
.outerSlider3 .picScroll{width: 100%;position: relative;left: 0;top: 0;transform: translateX(0);background-size: contain;}
.outerSlider3 .picScroll .pic{height: 8rem;}
.outerSlider3 .pcInnerTabs{display: none;}
.outerSlider3 .wapInnerTabs{display: block;}

.outerSlider4 .box{padding: 3rem 0 2rem;}


.outerSlider5 .wrap{display: block;padding: 3rem 0 2rem;}
.outerSlider5 .title{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-right: 0;max-width: none;margin-bottom: 1rem;}
.outerSlider5 .iTitle{margin-bottom: 0;}
.outerSlider5 .list{width: 100%;}
.outerSlider5 .list:nth-child(4){display: none;}
.outerSlider5 .list .top{padding: 0.6rem;}
.outerSlider5 .list .icon{height: 1rem;}
.outerSlider5 .list .tit{margin: 0.3rem 0 0.5rem;}
.outerSlider5 .list .btm{line-height: 1.6rem;padding: 0 0.6rem;}


}

@media screen and (max-width: 760px){
.loading-layer .progress-bar{transform: scale(0.8);}

/* .banner{margin-top: 2rem;} */
.banner .wrap{height: 0;padding-bottom: 50%;}
.banner .swiper-pagination{bottom: 0.5rem;}
.banner .swiper-pagination .swiper-pagination-bullet{margin-right: 0;transform: scale(0.8);}

.pagePagination ul li{width: 0.5rem;}

.iTitle .desc{font-size: 0.7rem;}

.outerSlider1{height: auto !important;}
.outerSlider2 .cont .wrap{padding: 2rem 0;}
.outerSlider3 .textScroll .moreBtn{display: none;}
.outerSlider3 .innerTabs li::before{top: 0.5rem;}

.outerSlider4 .container{padding-bottom: 2.2rem;}

.outerSlider5 .list li{width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);margin-bottom: 0.5rem;}
.outerSlider5 .list li:nth-child(4){display: none;}

}

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

}