html{width: 100%;font-size: 10px;}
@media screen and (max-width:1720px) {html{font-size: 9px;}}
@media screen and (max-width:1520px) {html{font-size: 8px;}}
@media screen and (max-width:1320px) {html{font-size: 7px;}}
@media screen and (max-width:1024px) {html{font-size: 8px;}}
:root{
	--main-color:#002FA7;
	--black1:#000000;
	--black2:#333333;
	--black3:#666666;
	--white:#FFFFFF;
	--gray:#F5F5F5;
	--linear-bg:linear-gradient(45deg, #00B4FF 0%, #002FA7 100%);
	--font12: clamp(12px, 1.2rem, 12px);
	--font14: clamp(12px, 1.4rem, 14px);
	--font15: clamp(12px, 1.5rem, 15px);
	--font16: clamp(13px, 1.6rem, 16px);
	--font17: clamp(13px, 1.7rem, 17px);
	--font18: clamp(14px, 1.8rem, 18px);
	--font20: clamp(15px, 2rem, 20px);
	--font22: clamp(16px, 2.2rem, 22px);
	--font24: clamp(17px, 2.4rem, 24px);
	--font26: clamp(18px, 2.6rem, 26px);
	--font28: clamp(18px, 2.8rem, 28px);
	--font30: clamp(20px, 3rem, 30px);
	--font32: clamp(20px, 3.2rem, 32px);
	--font34: clamp(22px, 3.4rem, 34px);
	--font36: clamp(22px, 3.6rem, 36px);
	--font38: clamp(24px, 3.8rem, 38px);

	/* --- font40 */
	--font40: clamp(23px, 4rem, 40px);
	--font42: clamp(24px, 4.2rem, 42px);
	--font44: clamp(24px, 4.4rem, 44px);
	--font46: clamp(25px, 4.6rem, 46px);
	--font48: clamp(26px, 4.8rem, 48px);

	/* --- font50 */
	--font50: clamp(28px, 5rem, 50px);
	--font52: clamp(28px, 5.2rem, 52px);
	--font54: clamp(28px, 5.4rem, 54px);
	--font56: clamp(28px, 5.6rem, 56px);
	--font58: clamp(29px, 5.8rem, 58px);

	/* --- font60 */
	--font60: clamp(30px, 6rem, 60px);
	--font64: clamp(31px, 6.6rem, 64px);
	--font66: clamp(31px, 6.6rem, 66px);

	/* --- font70 */
	--font70: clamp(32px, 7rem, 70px);
	--font72: clamp(32px, 7.2rem, 72px);
	--font80: clamp(32px, 8rem, 80px);

	--font100: 10rem;
	--font120: 12rem;
	--font160: 16rem;

}

body{position: relative;font-size: var(--font16); background: #fff;line-height: 1.5; color: var(--black1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: 'HarmonyOS_Sans_SC', -apple-system, BlinkMacSystemFont,"PingFang SC", "Arial", "Microsoft YaHei", sans-serif;}
/*html,body{scroll-behavior: smooth;}*/
ol,ul,li{list-style: none;}
a{text-decoration: none; color: var(--black2); -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}

@keyframes textDash {to {stroke-dashoffset: 0;}}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1720{position: relative;max-width: 1720px;margin: 0 auto;padding-left: 10rem;padding-right: 10rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.z9{position: relative;z-index: 9;}
.hide{display: none;}

.pdb4{padding-bottom: 4rem;}
.pdt5{padding-top: 5rem;}
.pdb5{padding-bottom: 5rem;}
.pdt10{padding-top: 10rem;}
.pdb10{padding-bottom: 10rem;}
.pdl1520{padding-left: calc((100% - 1520px)/2);}
.pdr1520{padding-right: calc((100% - 1520px)/2);}
.dhsn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width:1720px){
	.w1520{width: 1320px;}
	.pdl1520{padding-left: calc((100% - 1320px)/2);}
	.pdr1520{padding-right: calc((100% - 1320px)/2);}
}
@media screen and (max-width:1520px){
	.w1520{width: 1120px;}
	.pdl1520{padding-left: calc((100% - 1120px)/2);}
	.pdr1520{padding-right: calc((100% - 1120px)/2);}
}
@media screen and (max-width:1320px){
	.w1520{width: 1020px;}
	.pdl1520{padding-left: calc((100% - 1020px)/2);}
	.pdr1520{padding-right: calc((100% - 1020px)/2);}
}
@media screen and (max-width:1220px){
	.w1520{width: 980px;}
	.pdl1520{padding-left: calc((100% - 980px)/2);}
	.pdr1520{padding-right: calc((100% - 980px)/2);}
}
@media screen and (max-width:1024px){
	.w1520{width: 100%;padding-left: 2rem;padding-right: 2rem;}
	.pdl1520{padding-left: 2rem;}
	.pdr1520{padding-right: 2rem;}
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
}
@media screen and (max-width:768px){
	.pdb4{padding-bottom: 3rem;}
}

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
	font-display: swap;
	unicode-range: U+0000-00FF;
}

@font-face {
	font-family: ABEL;
	src: url(../fonts/ABEL-REGULAR.TTF);
	font-display: swap;
}
@font-face {
	font-family: HarmonyOS_Sans_SC;
	src: url(../fonts/HarmonyOS_Sans_SC_Regular.woff2);
	font-display: swap;
}
@font-face {
	font-family: HarmonyOS_Sans_SC;
	src: url(../fonts/HarmonyOS_Sans_SC_Bold.woff2);
	font-weight: bold;
	font-display: swap;
}




.ABEL{font-family: ABEL;font-weight: bold;}
[id]{scroll-margin-top: 5rem;}

.h-header{position: fixed;left: 0;top: 0;width: 100%;z-index: 9999;transition: .4s;}
.h-header>div{display: flex;align-items: center;}
.h-logo{display: block;width: 25rem;height: 4rem;background-image: url(../images/logo1.png);background-size: 100% 100%;transition: .4s;}
.h-nav{margin-left: auto;display: flex;}
.h-nav .li{margin-right: 7rem;position: relative;}
.h-nav .li>a{display: block;font-size: var(--font18);color: #FFFFFF;line-height: 10rem;}
.h-nav .li.active>a,.h-nav .li>a:hover{color: var(--main-color)!important;}

.h-subnav {width:20rem;background:#FFFFFF;font-size:var(--font16);text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .4s;box-shadow:0 0 1.6rem -4px rgba(0,0,0,.3);margin-top:2rem;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;z-index:9999;}
.h-subnav ol li{width: 100%;margin: 0 !important;}
.h-subnav a {transition: .4s; padding: 1.5rem 0.5rem;box-sizing: border-box; width: 100%; display:block;line-height:2.4rem;color:#333;font-size: var(--font16);text-align: center;font-weight: normal;color: #333;}
.h-subnav a:hover {background:var(--main-color);color:#fff!important;}
.h-lang .h-subnav{width: 10rem;}
.h-nav .li:hover .h-subnav,.h-lang:hover .h-subnav  {height:auto;opacity:1;visibility:visible;margin-top:0;}

.h-lang{display: flex;align-items: center;position: relative;line-height: 10rem;cursor: pointer;}
.h-lang span{color: #FFFFFF;font-size: var(--font18);margin-right: 0.5rem;transition: .4s;}
.h-lang i{display: block;width: 15px;height: 8px;background: url(../images/iconDown1.png);transition: .4s;}

.h-header.active,.h-header:hover{background: #FFFFFF;box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);}
.h-header.active .h-logo,.h-header:hover .h-logo{background-image: url(../images/logo2.png);}
.h-header.active .h-nav .li>a{line-height: 8rem;}
.h-header.active .h-nav .li>a,.h-header:hover .h-nav .li>a{color: var(--black1);}
.h-header.active .h-lang,.h-header:hover .h-lang{line-height: 8rem;}
.h-header.active .h-lang span,.h-header:hover .h-lang span{color:var(--black1);}
.h-header.active .h-lang i,.h-header:hover .h-lang i{background: url(../images/iconDown2.png);}


.h-header.inner{background: #FFFFFF;box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);}
.h-header.inner .h-logo{background-image: url(../images/logo2.png);}
.h-header.inner .h-nav .li>a{color: var(--black1);}
.h-header.inner .h-lang span{color:var(--black1);}
.h-header.inner .h-lang i{background: url(../images/iconDown2.png);}

.wap_header{width: 100%; height: 7rem; padding: 0 3rem; display: none; justify-content: space-between; align-items: center; position: sticky;top: 0;left:0; z-index: 9999;box-sizing: border-box;background: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,.1);}
.wap_header .w-logo{height: 3rem;background-repeat: no-repeat;margin-right: auto;}
.wap_header .w-logo img{height: 100%;display: block;}
.wap_header .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 2rem;}
.wap_header .toggle i{display: block; width: 3rem; height: 0.2rem; background: #666; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 1rem;}
.wap_header .toggle i:nth-of-type(3){top: 2rem;}
.wap_header .toggle.on i{background: #000000;}
.wap_header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 7rem); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: var(--font18); position: relative;overflow: hidden;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 7rem; line-height: 7rem; display: block; padding-right: 3rem; font-size: var(--font18); color: #333333;}
.wap_header .nav ul li a:active  {color: var(--main-color) !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: var(--font18); color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: var(--main-color); transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 6rem; line-height: 6rem; var(--font16);}
.wap_header .nav ul li ul li i{top: -1rem;}

@media screen and (max-width:1620px) {
	.h-header{padding: 0 10rem 0 10rem;}
}
@media screen and (max-width:1420px) {
	.h-nav .li{margin-right: 4rem;}
}
@media screen and (max-width:1024px) {
	.h-header{display: none;}
	.wap_header{display: flex;}
}
@media screen and (max-width:768px) {
	.wap_header{padding: 0 2rem;}
}



.indA{display: flex;align-items: center;justify-content: center;width: 18rem;height: 6rem;border: 1px solid var(--main-color);font-size: var(--font18);color: var(--main-color);position: relative;overflow: hidden;transition: .4s;}
.indA::after{content: "";display: block;position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, #005BAC, #0087FF);transition: .4s;}
.indA span{position: relative;z-index: 9;}
.indA i{display: block;width: 8px;height: 15px;background-image: url(../images/iconRight1.png);margin-left: 1rem;position: relative;z-index: 9;transition: .3s;}
.indA.white{border-color: #FFFFFF;color: #FFFFFF;}
.indA.white i{background-image: url(../images/iconRight2.png);}
.indA:hover{transform: translateY(-0.5rem);box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);color: #FFFFFF;border: none;}
.indA:hover::after{left: 0;}
.indA:hover i{background-image: url(../images/iconRight2.png);}


.indTit{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.indTit .atit{font-family: Arial;font-weight: bold;font-size: var(--font18);color: var(--main-color);background: var(--linear-bg);text-transform: uppercase;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.1;}
.indTit .btit{font-size: var(--font40);color: var(--black1);}
.indTit.white .atit{color: #fff;text-transform: unset;-webkit-background-clip: unset;-webkit-text-fill-color: unset;background:none;}
.indTit.white .btit{color: #fff;}
@media screen and (max-width:768px) {
	.indTit .btit {font-size: var(--font32);}
}


.mySwiperBanner{position: relative;overflow: hidden;}
.mySwiperBannerPC{display:block}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 5rem;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;position: relative;background: #FFFFFF;border-radius: 50%;opacity: 0.5;margin: 0 1rem!important;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #fff;position: absolute;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{opacity: 1;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}

.bannerItem{position: relative;overflow: hidden;}
.bannerItem .img{display: block;width: 100%;}
.bannerItem .img img,.bannerItem .img video{display: block;width: 100%;height: 100vh;object-fit: cover;object-position: center;}
.bannerItem .desc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 2rem;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.bannerItem .desc .atit{display: flex;align-items: center;justify-content: center;font-size: var(--font64);color: #FFFFFF;text-shadow: 0 0 3rem rgba(0,0,0,0.5);}
.bannerItem .desc .atit img{display: block;margin: 0 2rem;}
.bannerItem .desc .btit{font-size: var(--font30);color: #FFFFFF;text-shadow: 0px 0px 3rem rgba(0,0,0,0.5);margin: 0.5rem 0 9rem;}

.swiper-slide-active .bannerItem .desc .atit {animation: bannerupB .8s ease both;animation-delay:100ms;}
.swiper-slide-active .bannerItem .desc .btit {animation: bannerupB .8s ease both;animation-delay:300ms;}
.swiper-slide-active .bannerItem .desc .indA {animation: bannerupB .8s ease both;animation-delay:500ms;}
@keyframes bannerupB {0% {transform: translateY(6rem);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

@media screen and (max-width:1220px){
	.mySwiperBanner .swiper-pagination{bottom:3rem;}
}
@media screen and (max-width:1024px){
	.bannerItem .desc .atit{font-size: var(--font48);}
	.bannerItem .desc .btit{font-size: var(--font24);}
}
@media screen and (max-width:768px) {
	.mySwiperBannerPC{display:none;}
	.mySwiperBannerWAP{display: block;}
	.mySwiperBanner .swiper-pagination {bottom: 2rem;}
	.bannerItem .img img, .bannerItem .img video{height: calc(100vh - 7rem);}
}



.sec1{background: url(../images/sec1Bg.jpg) center/cover;}
.indAbout{display: flex;border-radius: 3rem;overflow: hidden;background: #FFFFFF;box-shadow: 0 0 3rem 0 rgba(0,47,167,0.05);}
.indAboutDesc{width:calc(50% + 5rem);padding: 5rem;}
.indAboutDesc .desc{margin-bottom: 5rem;font-size: var(--font18);color: #555555;text-align: justify;}
.indAboutDesc .desc p+p{margin-top: 1.5rem;}
.indAboutImg{width: calc(50% - 5rem);border-radius: 3rem;overflow: hidden;position: relative;}
.indAboutImg img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
.videoPlay img{display: block;width: 100%;}
.videoOpen{cursor: pointer;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}

.indNumList{display: flex;justify-content: space-between;margin-top: 6rem;}
.indNumList p{background: var(--linear-bg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: var(--font60);font-family: DIN;font-weight: bold;line-height: 1.1;}
.indNumList b{font-size: var(--font16);font-weight: 400;color: #666666;}

@media screen and (max-width:1024px){
	.indNumList p{font-size: var(--font50);}
}
@media screen and (max-width:768px){
	.indNumList{flex-wrap: wrap;justify-content: space-evenly;margin-top: 3rem;}
	.indNumItem{width: 33.33%;text-align: center;margin: 1rem 0;}
	
	.indAbout{display: block;}
	.indAboutDesc{width: 100%;padding: 3rem 2rem 5rem;}
	.indAboutDesc .desc{margin-bottom: 3rem;}
	.indAboutImg{width: 100%;}
	.videoPlay{zoom: 0.75;}
}




.sec2{position: relative;background-size: cover;background-position: center;padding: 0 0 7.5rem;transition: .4s;}
.sec2::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.4);}
.sec2>div{height: 100%;display: flex;flex-direction: column;position: relative;z-index: 9;}
.mySwiperApp{position: relative;overflow: hidden;z-index: 99;margin-bottom: 20rem;}
.indAppItem{display:block;max-width: 60rem;}
.indAppItem .atit{font-size: var(--font40);color: #FFFFFF;line-height:1.3;}
.indAppItem .btit{font-size: var(--font18);color: #FFFFFF;margin: 2rem 0 8rem;}

.appSelList{display: flex;position: relative;z-index: 99;margin: -2px;margin-top: auto;}
.appSel{width: calc(25% - 4px);margin: 2px;padding: 3rem 4rem 2.4rem;transition: .3s;position: relative;}
.appSel::after{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.2);position: absolute;top: 0;left: 0;transition: .3s;}
.appSel img{display: block;width: 4rem;position: relative;z-index: 9;}
.appSel span{display: block;font-size: var(--font22);color: #FFFFFF;margin-top: 2rem;position: relative;z-index: 9;}
.appSel.active{background: #000;}
.appSel.active::after{background: rgba(0,0,0,1);height: 104%;top: -2%;}

.swiper-slide-active .indAppItem .atit {animation: bannerupB .5s ease both;animation-delay:100ms;}
.swiper-slide-active .indAppItem .btit {animation: bannerupB .5s ease both;animation-delay:200ms;}
.swiper-slide-active .indAppItem .indA {animation: bannerupB .5s ease both;animation-delay:300ms;}

@media screen and (max-width:1520px){
	.mySwiperApp{margin-bottom: 15rem;}
}
@media screen and (max-width:1024px){
	.sec2{padding: 0 0 7.5rem;}
	.appSel{padding: 3rem 2rem 2.4rem;}
	.mySwiperApp{margin-bottom: 10rem;}
}
@media screen and (max-width:768px){
	.sec2{padding: 0 0 5rem;height: auto;}
	.appSelList{flex-wrap: wrap;}
	.appSel{width: calc(50% - 4px);}
	.appSel:nth-of-type(5){width: calc(100% - 4px);}
	.appSel.active::after{height: 100%;top: 0;}
	.appSel span{font-size: var(--font20);margin-top: 1rem;}
	
	.mySwiperApp{margin-bottom: 5rem;}
	.indAppItem .atit{font-size: var(--font32);}
	.indAppItem .btit{margin: 1rem 0 8rem;}
}






.sec3{overflow: hidden;}
.layoutBox{display:flex;align-items: center;}
.layoutDesc{max-width: 60rem;}
.layoutDesc .atit{font-size: var(--font40);color: #000000;}
.layoutDesc .btit{font-size: var(--font18);color: #333333;margin: 1.5rem 0 8rem;}

.layoutEarth{margin-left: auto;margin-right: 15rem;position: relative;}
.earthImg{max-width:55rem;margin: 0 auto;}
.earthImg img{display:block;width: 100%;}

.ePoint{position: absolute;top: 0;left: 0;z-index: 99;}
/* .ePoint i{display: block;width: 1.2rem;height: 1.2rem;margin: -0.6rem 0 0 -0.6rem;background: #FFFFFF;box-shadow: 0 0 2rem 0 rgba(0,0,0,0.5);border-radius: 50%;transition: .4s;} */
.ePoint i{display: block;width: 2rem;height: 2rem;margin: -1rem 0 0 -1rem;background-image: url(../images/logoIcon1.png);background-size: 100%;border-radius: 50%;transition: .4s;}
.ePoint .eDesc{background: #FFFFFF;box-shadow: 0 0 2rem 0 rgba(0,47,167,0.2);border-radius: 1rem;padding: 1.2rem;display: flex;width: 43rem;position: absolute;bottom: 4rem;left: -3rem;margin-bottom: -2rem;opacity: 0;visibility: hidden;height: 0;}
.ePoint .eDesc::after{content: "";display: block;width: 0;height: 0;border-left: 1rem solid transparent;border-right: 1rem solid transparent;border-top: 1rem solid #fff;position: absolute;top: 100%;left: 2rem;}
.ePoint .eDesc+.eDesc::after{top: 0;bottom: 100%;margin-top: -2rem;border-bottom: 1rem solid #fff;border-top: 1rem solid transparent;}
.ePoint .eDesc .img{width: 11.5rem;border-radius: 1rem;overflow: hidden;}
.ePoint .eDesc .img img{display: block;width: 100%;}
.ePoint .eDesc .desc{width: calc(100% - 11.5rem);padding-left: 1rem;position: relative;z-index: 999;}
.ePoint .eDesc .desc b{font-size: var(--font16);color: #666666;}
.ePoint .eDesc .desc p{font-size: var(--font14);color: #666666;}
.ePoint.bottom .eDesc{top: 100%;bottom: auto;margin-top: 3rem;}
.ePoint.bottom .eDesc::after{border-bottom: 1rem solid #fff;border-top: none;top: auto;bottom: 100%;}
.ePoint.active .eDesc{opacity: 1;height:auto;visibility: visible;margin-bottom: 0;transition: .4s;}
.ePoint.bottom.active .eDesc{margin-top: 2rem;}
/* .ePoint i::after{content: "";display: block;width: 0;height: 0;background: #00B4FF;box-shadow: 0 0 2rem 0 rgba(0,0,0,0.5);border-radius: 50%;position: absolute;top: 0%;left: 0%;z-index: -1;transition: .2s;} */
.ePoint i::after{content: "";display: block;width: 0;height: 0;background: #fff;border-radius: 100%;position: absolute;top: 0;left: 0;transition: .3s;z-index: -1;}
.ePoint.active{z-index: 999;}
.ePoint.active i::after{width: 3rem;height: 3rem;top: -1.5rem;left: -1.5rem;}
.ePoint.active i{width: 2.4rem;height: 2.4rem;margin: -1.2rem 0 0 -1.2rem;background-image: url(../images/logoIcon.png);}

.ePoint.hk::before{content: "";display: block;width: 1px;height: 3rem;border-left: 1px dashed #fff;position: absolute;top: 0;left: 0;}
.ePoint.hk::after{content: "";display: block;width: 7rem;height: 1px;border-top: 1px dashed #fff;position: absolute;top: 3rem;left: 0;}
.ePoint.hk i{margin-top: 2.4rem;margin-left: 6.4rem;}
.ePoint.hk i::after{top: 3rem;left: 7rem;}
.ePoint.hk .relative{margin-left: 7rem;}
	


.layoutEarth .cloud {position: absolute;top: 80px;z-index: 2;pointer-events: none;}
.layoutEarth .cloud1 {right: 0;-webkit-animation: cloud1 20s linear infinite;-moz-animation: cloud1 20s linear infinite;animation: cloud1 20s linear infinite;max-width: 200%;width: 85%;}
.layoutEarth .cloud2 {left: 0;top: 220px;width: 134%;max-width: 200%;-webkit-animation: cloud2 10s linear infinite;-moz-animation: cloud2 10s linear infinite;animation: cloud2 10s linear infinite;}
@-webkit-keyframes cloud1 {0% {right: -18%;}50% {right: 10%;}100% {right: -18%;}}
@-moz-keyframes cloud1 {0% {right: -18%;}50% {right: 10%;}100% {right: -18%;}}
@keyframes cloud1 {0% {right: -18%;}50% {right: 10%;}100% {right: -18%;}}
@-webkit-keyframes cloud2 {0% {left: -18%;}50% {left: 10%;}100% {left: -18%;}}
@-moz-keyframes cloud2 {0% {left: -18%;}50% {left: 10%;}100% {left: -18%;}}
@keyframes cloud2 {0% {left: -18%;}50% {left: 10%;}100% {left: -18%;}}


.swiperPanter{position: relative;overflow: hidden;}
.swiperPanter .img{display: block;width: 100%;background: #FFFFFF;border: 1px solid #E5E5E5;}
.swiperPanter .img img{display: block;width: 100%;}

@media screen and (max-width:1024px){
	.layoutEarth{margin-right: 10rem;margin-left: 5rem;}
}
@media screen and (max-width:980px){
	.layoutDesc{width: 50%;}
	.layoutEarth{width: 50%;margin-right: 0;margin-left: 5rem;}
	.earthImg img{width: 100%;} 
	.ePoint .eDesc{left: -20rem;width: 40rem;}
	.ePoint .eDesc::after{left: 19rem;}
}
@media screen and (max-width:768px){
	.layoutBox{flex-wrap: wrap;}
	.layoutDesc{width: 100%;}
	.layoutEarth{width: 100%;margin: 5rem auto 0;max-width: 90%;}
}





.sec4{background: url(../images/sec4Bg.jpg) center/cover fixed;height: calc(100vh - 8rem);}
.sec4>div{display: flex;height: 100%;}
.blueprintBox{margin: auto 0 auto auto;display: flex;flex-direction: column;align-items: flex-start;}
.blueprintBox .atit{font-size: var(--font40);color: #FFFFFF;text-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.blueprintBox .btit{font-size: var(--font26);color: #FFFFFF;border-top: 2px solid #00B4FF;padding: 2rem 0;margin: 6rem 0 7rem;}

@media screen and (max-width:1024px){
	.blueprintBox .atit {font-size: var(--font32);}
	.blueprintBox .btit {font-size: var(--font24);}
}
@media screen and (max-width:1024px){
	.sec4{position: relative;}
	.sec4::after{content:"";display: block;width: 100%;height: 100%;background: #000;opacity: 0.2;position: absolute;top:0;left: 0;}
	.sec4>div{position: relative;z-index: 9;}
}




.indNewsBox{display: flex;}
.indNewsBox .swiperNewsImg{width: 50%;}
.indNewsBox .swiperNewsDesc{width: 50%;}
.swiperNewsImg,.swiperNewsDesc{position:relative;overflow: hidden;}
.indNewsBox .swiper-pagination{display: flex;left:auto;right: 3rem;bottom: 3rem;width: auto;}
.indNewsBox .swiper-pagination-bullet{display: block;width: 3rem;height: 0.5rem;border: 1px solid var(--main-color);border-radius: 0;background: none;opacity: 0.5;transition: .3s;}
.indNewsBox .swiper-pagination-bullet-active{background: var(--main-color);opacity: 1;}

.indNewsBox .img{width: 100%;height: 100%;}
.indNewsBox .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.indNewsBox .desc{width: 100%;background: url(../images/newsBg.jpg) center/cover;padding: 4.5rem 5rem 6rem;height: 100%;}
.indNewsBox .desc .atit{font-size: var(--font24);color: #000000;line-height: 5rem;height: 5rem;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indNewsBox .desc .btit{font-size: var(--font16);color: #999999;line-height: 3.6rem;margin: 0.7rem 0 1.2rem;}
.indNewsBox .desc .ctit{font-size: var(--font16);color: #666666;line-height: 3rem;max-height: 18rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.indNewsBox .desc .dtit{margin-top: 2.5rem;}

.indNewsBox .swiper-slide-active .desc .atit {animation: bannerupB .4s ease both;animation-delay:100ms;}
.indNewsBox .swiper-slide-active .desc .btit {animation: bannerupB .4s ease both;animation-delay:200ms;}
.indNewsBox .swiper-slide-active .desc .ctit {animation: bannerupB .4s ease both;animation-delay:250ms;}
.indNewsBox .swiper-slide-active .desc .dtit {animation: bannerupB .4s ease both;animation-delay:400ms;}

.mySwiperNews{position: relative;overflow: hidden;margin-top: 5rem;}
.indNewsItem1{display: block;width: 100%;background: #FFFFFF;padding: 2.5rem;position: relative;overflow: hidden;border-radius: 1rem;background: #F8F8F8;}
.indNewsItem1::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: linear-gradient(90deg, #005BAC, #0087FF);transition: .5s;}
.indNewsItem1 .atit{font-size: var(--font16);color: #999999;line-height: 1.5;position: relative;z-index: 9;transition: .3s;}
.indNewsItem1 .btit{font-size: var(--font18);color: #000000;line-height: 5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;z-index: 9;transition: .3s;}
.indNewsItem1 .ctit{font-size: var(--font16);color: #999999;line-height: 1.5;display: flex;align-items: center;position: relative;z-index: 9;transition: .3s;}
.indNewsItem1 .ctit i{display: block;width: 6px;height: 11px;background: url(../images/iconRight3.png);margin-left: 0.8rem;transition: .3s;}
.indNewsItem1:hover::after{left: 0;}
.indNewsItem1:hover .atit{color: #fff;}
.indNewsItem1:hover .btit{color: #fff;}
.indNewsItem1:hover .ctit{color: #fff;}
.indNewsItem1:hover .ctit i{background: url(../images/iconRight4.png);}


@media screen and (max-width:1024px){
	.indNewsItem .desc{padding: 6rem 5rem 5rem 3rem;}
}

@media screen and (max-width:780px){
	.indNewsBox .swiper-pagination{right: 2rem;bottom: 2rem;}
	.indNewsBox{flex-wrap: wrap;}
	.indNewsBox .swiperNewsImg{width: 100%;}
	.indNewsBox .swiperNewsDesc{width: 100%;}
	.indNewsBox .desc{padding: 3rem 2rem 4rem;}
	
	.mySwiperNews{margin-top: 2rem;}
}




.f-footer{background: #F8F8F8;position: relative;overflow: hidden;}
.foot1{padding: 8rem 0 4rem;position: relative;z-index: 99;}
.f-logo{display:block;width: 25rem;}
.f-logo img{display:block;width: 100%;}
.f-desc{}
.f-info{margin-top: 5rem;}
.f-info p{display: flex;align-items: center;font-size: var(--font16);color: #333333;line-height: 1.35;margin-bottom: 1.8rem;}
.f-info p img{display: block;margin-right: 1rem;}
.f-info p span{}
.f-nav{display: flex;justify-content: space-between;}
.f-nav .dt::after{content: "";display: block;width: 3rem;height: 2px;background: var(--main-color);margin: 2rem 0 2rem;}
.f-nav .dt a,.f-nav .dt span{display: block;font-size: var(--font18);color: #222222;line-height: 1.35;}
.f-nav .dd a,.f-nav .dd span{display: block;font-size: var(--font16);color: #666666;line-height: 1.35;}
.f-nav .dd{margin-bottom: 1.8rem;}

.ewmImgList{overflow: hidden;}
.ewmImgList .img{display: none;width: 15rem;}
.ewmImgList .img.active{display: block;}
.ewmImgList .img img{display: block;width: 100%;}
.ewmSelList{display: flex;justify-content: space-evenly;margin-top: 1.5rem;}
.ewmSel{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;width: 4rem;height: 4rem;border-radius: 50%;transition: .3s;cursor: pointer;border: 1px solid #222222;}
.ewmSel img{display: block;width: 2rem;filter: brightness(0);transition: .3s;}
.ewmSel::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-bg);transition: .4s;opacity: 0;}
.ewmSel.active::after{opacity: 1;}
.ewmSel.active{border: none;}
.ewmSel.active img{filter: brightness(1);}


.foot2{display: flex;align-items: center;position: relative;z-index: 999;border-top: 1px solid #E5E5E5;padding: 2.5rem 0;}
.foot2 a,.foot2 span{font-size: var(--font16);color: #999999;line-height: 1.35;display: inline-block;}
.f2r{margin-left: auto;}

.f-footer a:hover{color: #000;}
@media screen and (max-width:768px){
	.f-footer::before{display: none;}
	.f-footer::after{display: none;}
	.foot1>div{flex-wrap: wrap;}
	.f-desc{width: calc(100% - 15rem);padding-right: 2rem;}
	.f-nav{padding-left: 0;width: auto;}
	.f-nav .dl.w{display: none;}
	.f-nav .dt a, .f-nav .dt span{font-size: var(--font20);}
	.f-info p{font-size: var(--font18);line-height: 1.5;}
	.foot2 a, .foot2 span{font-size: var(--font16);}
	.f2l{max-width: 100%;text-align: center;}
	.f2r{display: none;}
	.f-info p{margin-bottom: 1rem;}
}

.sec1,.sec2,.sec3,.sec4,.sec5{overflow: hidden;}


.rySelList{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transform: translateY(-2vw);}
.rySel{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;background: #F8F8F8;border-radius: 2rem;line-height: 4rem;min-width: 15rem;padding: 0 1rem;margin: 0.75rem;cursor: pointer;}
.rySel:hover,.rySel.active{color: #fff;}

@media screen and (max-width:768px){
	.indTitSel a{font-size: 2rem;}
}



.mySwiperHonor{position:relative;overflow: hidden;}
.mySwiperHonor .swiper-wrapper{align-items: center;}
.mySwiperHonor .swiper-slide{width: 420px;transition: .3s;}
.mySwiperHonor img{display: block;width: 100%;}
.honorTit{position:relative;overflow: hidden;max-width: 72rem;margin: 2rem auto 0;text-align: center;opacity: 0;transition: .3s;}
.honorTit .atit{font-weight: bold;font-size: 2.4rem;color: #000000;line-height: 1.35;}
.honorTit .btit{font-size: 1.8rem;color: #333333;line-height: 1.5;margin-top: 1.2rem;}
.swiper-slide-active .honorTit{opacity: 1;}
@media screen and (max-width:1720px) {
	.mySwiperHonor .swiper-slide{width: 320px;}
}
@media screen and (max-width:1199px) {
	.mySwiperHonor .swiper-slide{width: 240px;}
}


.indNewsBox .img,.indNewsBox .desc{display: block;}









.product-intro {padding: 9rem 0;background: #FFFFFF;}
.product-intro .wrap {display: flex;align-items: center;justify-content: space-between;gap: 6rem;}
.product-intro .left {flex: 1;max-width: 46.5rem;}
.product-intro h2 {font-size: var(--font42);font-weight: 700;margin-bottom: 2rem;color: #111;}
.product-intro p {font-size: var(--font18);line-height: 2;color: #8d8d8d;}
.product-intro .right {flex: 1;}
.product-intro .right img {width: 100%;object-fit: contain;}


.section-title {font-size: var(--font42);font-weight: 700;color: #111;margin-bottom: 1.875rem;}
.section-desc {font-size: var(--font16);line-height: 1.9;color: #888;}


.core-product {padding: 9rem 0;background: #f3f3f3;}
.product-grid {margin-top: 4.5rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.625rem;}
.product-card {background: #fff;border-radius: 2.1rem;overflow: hidden;position: relative;min-height: 54rem;padding: 3.375rem;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
.product-card.card1 {background-image:url("../images/cast2.png");}
.product-card.card2 {background-image:url("../images/cast2.png");}
.card-content {position: relative;z-index: 2;}
.product-card h3 {font-size: var(--font26);margin-bottom: 3.375rem;color: #111;}
.specs {display: flex;gap: 5.25rem;margin-bottom: 3rem;}
.spec-item .num {font-size: var(--font48);font-weight: 700;line-height: 1.2;color: #111;}
.spec-item p {font-size: var(--font18);color: #999;margin-top: 0.6rem;}
.features {list-style: none;}
.features li {position: relative;padding-left: 2.55rem;margin-bottom: 1.35rem;font-size: var(--font18);color: #333;}
.features li::before {content: "✔";position: absolute;left: 0;top: 0;font-size: var(--font14);color: #666;}


.layout-section {padding: 9rem 0;background: #f5f5f5;}
.layout-grid {margin-top: 4.5rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.25rem;}
.layout-card {position: relative;overflow: hidden;border-radius: 1.8rem;min-height: 57rem;padding: 4.5rem;background-size: cover;background-position: center;background-repeat: no-repeat;}
.layout-bg1 {background-image:url("../images/cast3.jpg");}
.layout-bg2 {background-image:url("../images/cast3.jpg");}
.layout-card::before {content: "";position: absolute;inset: 0;background: rgba(255, 255, 255, .78);z-index: 1;}
.layout-content {position: relative;z-index: 2;max-width: 55rem;}
.layout-card small {display: block;font-size: var(--font18);color: #777;margin-bottom: 1.35rem;}
.layout-card h3 {font-size: var(--font42);line-height: 1.3;margin-bottom: 2.625rem;color: #111;}
.layout-card p {font-size: var(--font18);line-height: 2;color: #444;}


@media (max-width:1200px) {
	.product-intro h2,.section-title {font-size: var(--font36);}
	.spec-item .num {font-size: var(--font38);}
	.layout-card h3 {font-size: var(--font32);}
}

@media (max-width:992px) {
	.product-intro,.core-product,.layout-section {padding: 6rem 0;}
	.product-intro .wrap {flex-direction: column;gap: 3.75rem;}
	.product-grid {grid-template-columns: 1fr;}
	.layout-grid {grid-template-columns: 1fr;}
	.layout-card {min-height: 46.5rem;}
}

@media (max-width:768px) {
	.product-intro h2,.section-title {margin-bottom: 1.875rem;}
	.product-intro p,.section-desc {line-height: 1.9;}
	.product-card {min-height: 40.5rem;padding: 2.25rem;background-size: 140% auto;}
	.specs {gap: 2.25rem;flex-wrap: wrap;margin-bottom: 1.875rem;}
	.layout-card {min-height: 39rem;padding: 2.625rem;}
}



.application-container {height: 150vh;position: relative;}
.application-sticky {position: sticky;top: 8rem;width: 100%;height: calc(100vh - 8rem);background: #F5F5F5;overflow: hidden;}
.application-video {width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0;transform: scale(0.76);}
.application-text {position: absolute;bottom: 0;left: 0;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;opacity: 0;transform: translateY(40%);height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);will-change: transform;}
.application-text .atit {font-size: var(--font18);}
.application-text .btit {font-size: var(--font48);font-weight: bold;margin: 1rem 0 5rem;}
.application-text img {display: block;height: 50%;}

.fwbContent img{display: block;max-width:100%;height:auto!important;margin: 0 auto;}




.leftNav{position: fixed;top: 50%;transform: translateY(-50%);left: 0;z-index: 9999;opacity: 0;transition: .2s;}
.leftNav.active{opacity: 1;}
.lnavItem{display: block;width: 14rem;font-size: var(--font18);padding-left: 4rem;position: relative;margin: 2rem 0;transition: .2s;background: #fff;border-radius: 0 1rem 1rem 0;padding: 1rem 1rem 1rem 4rem;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1);}
.lnavItem::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 2rem;width: 1rem;height: 1rem;border: 1px solid #000;border-radius: 100%;transition: .2s;z-index: 9;}
.lnavItem.active{color: var(--main-color);/* font-size: var(--font20); */}
.lnavItem.active::after{border-color: var(--main-color);}
@media screen and (max-width:768px) {
	.leftNav{display: none;}
}