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;}}
@media screen and (max-width:376px) {html{font-size: 7px;}}
:root{
	--main-color:#f21ca5;
	--black0:#000000;
	--black3:#333333;
	--black6:#666666;
	--white:#FFFFFF;
	--gray:#F5F5F5;
	--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: 'OPPOSans', -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;user-select: none;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0;}
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((100vw - 1520px)/2);}
.pdr1520{padding-right: calc((100vw - 1520px)/2);}
.pdl25{padding-left: 25%;}
.dhsn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width:1720px){
	.w1520{width: 1320px;}
	.pdl1520{padding-left: calc((100vw - 1320px)/2);}
	.pdr1520{padding-right: calc((100vw - 1320px)/2);}
}
@media screen and (max-width:1520px){
	.w1520{width: 1120px;}
	.pdl1520{padding-left: calc((100vw - 1120px)/2);}
	.pdr1520{padding-right: calc((100vw - 1120px)/2);}
}
@media screen and (max-width:1320px){
	.w1520{width: 1020px;}
	.pdl1520{padding-left: calc((100vw - 1020px)/2);}
	.pdr1520{padding-right: calc((100vw - 1020px)/2);}
}
@media screen and (max-width:1220px){
	.w1520{width: 980px;}
	.pdl1520{padding-left: calc((100vw - 980px)/2);}
	.pdr1520{padding-right: calc((100vw - 980px)/2);}
}
@media screen and (max-width:1024px){
	.w1520{width: 100%;padding-left: 3rem;padding-right: 3rem;}
	.pdl1520{padding-left: 3rem;}
	.pdr1520{padding-right: 3rem;}
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
	.pdb5{padding-bottom: 4rem;}
}
@media screen and (max-width:768px){
	.pdb4{padding-bottom: 3rem;}
	.pdb5{padding-bottom: 3rem;}
	.pdl25{padding-left: 15%;}
}

@font-face {
	font-family: "OPPOSans";
	src: url("../fonts/OPPOSans-R-en.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "OPPOSans";
	src: url("../fonts/OPPOSans-M-en.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "OPPOSans";
	src: url("../fonts/OPPOSans-B-en.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}






.headOcc{display: block;height: 10rem;}
.h-header{background: #FFFFFF;position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;transition: .3s;}
.h-header.active{top: -10rem;}
.h-header>div{display: flex;align-items: center;}
.h-logo{display: block;width: 24rem;margin-right: auto;}
.h-logo img{display: block;width: 100%;}
.h-nav{display: flex;}
.h-nav .li{position: relative;display: flex;margin-right: 6rem;}
.h-nav .li>a{display: block;line-height: 10rem;font-size: var(--font18);font-weight: 500;text-transform: uppercase;}
.h-nav .li.active>a{color: var(--main-color);}
.h-nav .li:hover>a{opacity: 0.7;}
.h-search{display: block;position: relative;width: 2.5rem;height: 2.5rem;background-image: url(../images/iconSearch1.png);background-size: 100%;cursor: pointer;margin-right: 4rem;}
.h-lang{display: block;position: relative;width: 2.5rem;height: 10rem;background-image: url(../images/iconLang1.png);background-size: 100%;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.h-lang .h-subnav{width: 10rem;}
.h-lang:hover .h-subnav{height:auto;opacity:1;visibility:visible;margin-top:0;}

.h-subnav {width:24rem;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-nav .li:hover .h-subnav{height:auto;opacity:1;visibility:visible;margin-top:0;}

.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 99998;}
.search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 99999;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;}
.search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 4rem);-ms-transform: translate(0, 4rem);transform: translate(0, 4rem);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 3rem;height: 3rem;position: absolute;top: 5rem;right: 5rem;cursor: pointer;background: url(../images/close.png) no-repeat center;background-size: 1.8rem auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 6rem;margin-top: -6.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: var(--font30);position: absolute;left: 0;height: 5rem;width: 5rem;top: 50%;margin-top: -2.5rem;background: url(../images/z_img9.png) no-repeat center;background-size: 2.8rem auto;}
.search-alert .cent-form .tex {border: none;font-size: var(--font40);height: 5rem;line-height: 5rem;text-align: center;width: 100%;color: #fff;background: none;padding-left: 10rem;padding-right: 14rem;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 5rem;font-size: var(--font26);line-height: 5rem;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 12rem;text-align: center;cursor: pointer;}
.search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}

.h-header .toggle{display: none; width: 3rem; height: 2.2rem; position: relative; z-index: 6;margin-left: 2rem;}
.h-header .toggle i{display: block; width: 3rem; height: 2px; background: #000; position: absolute; left: 0; transition: all ease .35s;}
.h-header .toggle i:nth-of-type(1){top: 0;}
.h-header .toggle i:nth-of-type(2){top: 1rem;}
.h-header .toggle i:nth-of-type(3){top: 2rem;}
.h-header .toggle.on i{background: var(--black1);}
.h-header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.h-header .toggle.on i:nth-of-type(2){width: 0;}
.h-header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}


.in-nav {width: 100%;height: 100%;background-image:url(../images/nav_bg.png);background-size: cover;background-position: center;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 99;padding: 10rem 2rem 2rem;-webkit-clip-path: circle(0% at 100% 0px);clip-path: circle(0% at 100% 0px);transition: -webkit-clip-path 1.5s;transition: clip-path 1.5s;transition: clip-path 1.5s, -webkit-clip-path 1.5s;background-color: #fff;overflow-y: auto;z-index: 99999;}
.in-nav.open {-webkit-clip-path: circle(150% at 100% 0px);clip-path: circle(150% at 100% 0px)}
.in-nav .close {position: absolute;top: 3rem;right: 3rem;color: #fff;background: #000;transition: transform .6s;width:5rem;height: 5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;transition:ease .8s; cursor: pointer;outline: none;}
.in-nav .close .iconfont{ font-size: 20px; font-weight: bold; display: inline-block;}
.in-nav .close:hover {transform: rotate(180deg)}
.in-nav .con{display:flex;flex-direction:column;height:100%}
.in-nav ul{display:flex;flex-wrap: wrap;justify-content:space-between;flex:1;border-bottom:1px solid #9aa1a8;line-height:1}
.in-nav ul .link{font-size:var(--font14);color:#26272a;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:block;}
.in-nav ul .link::after{content:"";display:block;width:100%;height:1px;background:var(--main-color);margin-top:4px;opacity:0;transition:opacity .5s}
.in-nav ul .link:hover{color:var(--main-color) !important}
.in-nav ul .link:hover::after{opacity:1}
.in-nav ul .link:first-child{font-size:var(--font20);color:#000;margin-bottom:2em;font-weight:bold}
.in-nav ul .link:not(:last-child){margin-bottom:1em}
.in-nav .info{display:flex;justify-content:space-between;margin-top:35px;color:#3f4247;font-size:var(--font14)}
.in-nav .info .item{margin-bottom:1em}
.in-nav .info .item span:first-child{margin-right:.5em}
.in-nav .info .tel span:last-child{font-size:var(--font24);color:var(--main-color);font-weight: bold;}
.in-nav .info .email span:last-child{border-bottom:1px solid}
.in-nav .followList a{border-color: #000;}
.in-nav .followList img{filter: brightness(0);}
.in-nav .followList a{border-color: #000!important;background: none!important;}
.in-nav .followList img{filter: brightness(0);}


@media screen and (max-width:1420px) {
	.h-search{margin-left: 4rem;}
}
@media screen and (max-width:1220px) {
	.h-nav .li{margin-right: 5rem;}
}
@media screen and (max-width:1024px) {
	.h-nav{display: none;}
	.headOcc{height: 7rem;}
	.h-lang{height: 7rem;}
	.h-search{margin-right: 2rem;margin-left: 0;}
	.h-header .toggle{display: block;}
	
	.search-alert .cent-form{height: 5rem;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -3rem;}
	.search-alert .cent-form .tex{padding: 0 6rem 0 4rem;font-size: var(--font20);}
	.search-alert .cent-form .sub-butn{font-size: var(--font16);width: 6rem;}
	.search-alert .cent-form:before{zoom: .8;margin-top: -3rem;}
	.search-alert .cent-form .tex{padding: 0 6rem 0 4rem;font-size: var(--font20);}
	.search-alert .cent-form .sub-butn{font-size: var(--font16);width: 6rem;}
	
}
@media screen and (max-width:768px) {
	.wap_header{padding: 0 2rem;}
	.in-nav .info{flex-wrap: wrap;justify-content: flex-start;}
	.in-nav .followList{margin: 2rem auto 0;}
}





.titFlex{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}

.indTitle{text-align: center;}
.indTitle .atit{font-size: var(--font40);color: #000000;font-weight: bold;}
.indTitle .btit{font-size: var(--font18);color: #000000;max-width: 120rem;margin: 3rem auto 0;}
.indTitle.left{text-align: left;}
.indTitle.left .btit{margin-left: 0;}

.indSelList{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 3rem;margin: 2rem 0 7rem;}
.indSel{font-size: var(--font20);display: flex;align-items: center;justify-content: center;height: 5rem;padding: 0 2.5rem;cursor: pointer;border-radius: 5rem;}
.indSel i{display: block;width: 12px;height: 11px;background-image: url(../images/iconRight2.png);background-size: 100%;background-repeat: no-repeat;margin-left: 1rem;}
.indSel:not(.active):hover{color: var(--main-color);}
.indSel.active{border: 1px solid #8D8D8D;}
.indSel.hover{transition: .2s;}
.indSel.hover:hover{border-color: var(--main-color);background: var(--main-color);color: #FFFFFF;transform: translateY(-0.5rem);box-shadow: 0 0 1rem rgba(0,0,0,.2);}
.indSel.hover:hover i{background-image: url(../images/iconRight22.png);}

@media screen and (max-width:768px){
	.indSelList{gap: 1rem;margin: 2rem 0 5rem;}
	.titFlex{justify-content: center;gap: 2rem;}
}



.mySwiperBannerPC{display: block;}
.mySwiperBannerWap{display:none;}
.mySwiperBanner{position: relative;overflow: hidden;}
.BannerItem{width: 100%;height: calc(100vh - 10rem);position: relative;}
.BannerItem .img{width: 100%;height: 100%;}
.BannerItem .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.BannerItem .desc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.BannerItem .desc>div{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.BannerItem .desc .atit{font-size: var(--font24);color: #FFFFFF;text-transform: uppercase;}
.BannerItem .desc .btit{font-size: var(--font36);color: #FFFFFF;font-weight: bold;line-height: 1.3;margin: 3.5rem 0 13rem;}
.BannerItem .desc .ctit{display: flex;align-items: center;justify-content: center;width: 20rem;height: 6rem;background: #FFFFFF;border-radius: 3rem;color: #000000;font-size: var(--font20);}
.BannerItem .desc .ctit:hover{background-color: var(--main-color);color: #FFFFFF;}
.swiper-slide-active .BannerItem .desc .atit {animation: fadeInUp .8s ease both;animation-delay:200ms;}
.swiper-slide-active .BannerItem .desc .btit {animation: fadeInUp .8s ease both;animation-delay:300ms;}
.swiper-slide-active .BannerItem .desc .ctit {animation: fadeInUp .8s ease both;animation-delay:500ms;}

html.splash-ing .swiper-slide-active .BannerItem .desc .atit,
html.splash-ing .swiper-slide-active .BannerItem .desc .btit,
html.splash-ing .swiper-slide-active .BannerItem .desc .ctit{animation: none;opacity: 0;visibility: hidden;}


.mySwiperBanner .swiper-button-prev::after,.mySwiperBanner .swiper-button-next::after{display: none;}
.mySwiperBanner .swiper-button-prev,.mySwiperBanner .swiper-button-next{display: block;width: 6rem;height: 6rem;border-radius: 50%;border: 1px solid #FFFFFF;background-image: url(../images/iconRight1.png);background-repeat: no-repeat;background-size: 1.1rem;background-position: center;cursor: pointer;transition: .3s;}
.mySwiperBanner .swiper-button-prev{left:7rem;transform: rotate(180deg);}
.mySwiperBanner .swiper-button-next{right: 7rem;}
@media screen and (min-width:1024px){
	.mySwiperBanner .swiper-button-prev:hover,.mySwiperBanner .swiper-button-next:hover{background-color: var(--main-color);border-color: var(--main-color);}
}
@media screen and (max-width:1024px){
	.BannerItem{height: calc(100vh - 7rem);}
	.mySwiperBanner .swiper-button-prev,.mySwiperBanner .swiper-button-next{left: 50%;right: auto;top: auto;bottom: 2rem;}
	.mySwiperBanner .swiper-button-prev{margin-left: -6rem;}
	.mySwiperBanner .swiper-button-next{margin-left: 1rem;}
}
@media screen and (max-width:768px){
	.mySwiperBannerPC{display: none;}
	.mySwiperBannerWap{display:block;}
	
	.BannerItem .desc .atit{font-size: var(--font20);}
	.BannerItem .desc .btit{font-size: var(--font28);}
	
}





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

/* sec1 */
.sec1 .indTitle .btit{margin-top: 2rem;}
.indAbout{display: flex;position: relative;overflow: hidden;}
.indAbout::after{content: "";display: block;width: 75%;height: 100%;position: absolute;top: 0;right: 0;background: #F5F5F5;z-index: -1;}
.indAbout .img{width: 50%;padding-right: 3rem;position: relative;}
.indAbout .img img{width: 100%;height: 100%;object-fit: cover;}
.indAbout .desc{width: 50%;padding-left: 7rem;}
.indAbout .desc .atit{font-size: var(--font18);color: #000000;}
.indNumList{display: flex;flex-wrap: wrap;}
.indNumItem{width: 50%;margin-top: 9rem;}
.indNumItem svg{display: block;}
.indNumItem b{font-size: var(--font60);color: #000000;font-weight: bold;line-height: 1;display: flex;align-items: center;}
.indNumItem p{font-size: var(--font16);color: #000000;margin-top: 1.5rem;}

.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%;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}
@media screen and (max-width:1024px){
	.indAbout .desc{padding-left: 4rem;}
	.indNumItem{margin-top: 6rem;}
	.indNumItem b{font-size: var(--font46);}
}
@media screen and (max-width:768px){
	.indAbout{flex-direction: column-reverse;padding-top: 5rem;}
	.indAbout::after{width: 85%;}
	.indAbout .desc{width: 100%;padding-left: calc(15% + 3rem);}
	.indNumItem b {font-size: var(--font40);}
	.indAbout .img{width: 100%;}
}



/* sec2 */
.worldMap{position: relative;}
.worldMap img{display:block;width: 100%;}
.mapPoint{position: absolute;width: 1px;height: 1px;cursor: pointer;}
.mapPoint i{display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;margin: -0.5rem 0 0 -0.5rem;border-radius: 100%;background: var(--main-color);transition: .3s;}
.mapPoint img{display: block;width: 1px;opacity: 0;}
.mapPoint.active{z-index: 999;}
.mapPoint.active i{width: 5rem;height: 5rem;margin: -2.5rem 0 0 -2.5rem;}
.mapPoint.active img{width: 3rem;opacity: 1;}

.partnerList{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2rem;margin-top: 5rem;}
.partnerItem{width: 100%;border: 1px solid #E2DEDE;}
.partnerItem img{display: block;width: 100%;}

@media screen and (max-width:768px){
	.partnerList{display: flex;flex-wrap:wrap;gap: 2rem;justify-content: center;}
	.partnerItem{width: calc(50% - 1rem);}
	
}


/* sec3 */
.sectorBox{position: relative;}
.sectorBox::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 75%;height: 100%;background: #F5F5F5;}
.sectorItem{position: relative;z-index: 99;display: none;}
.sectorItem.active{display: flex;}
.sectorItem .desc{width: 50%;padding-right: 5rem;}
.sectorItem .atit{font-size: var(--font40);color: #000000;font-weight: bold;}
.sectorItem .btit{font-size: var(--font18);color: #666666;margin: 2rem 0 8rem;}
.sectorItem .imgs{display: flex;gap: 3rem;}
.sectorItem .imgs .img{width: calc(50% - 1.5rem);}
.sectorItem .imgs .img img{width: 100%;}
.sectorItem .imgbox{width: 50%;padding-left: 5rem;}
.sectorItem .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width:768px){
	.sectorBox::after{width: 85%;}
	.sectorItem{padding-top: 6rem;}
	.sectorItem.active{flex-direction: column;}
	.sectorItem .imgs{gap: 2rem;}
	.sectorItem .imgs .img{width: calc(50% - 1rem);}
	.sectorItem .desc{width: 100%;padding-right: calc(15% + 2rem);}
	.sectorItem .btit{margin: 2rem 0 6rem;}
	.sectorItem .imgbox{width: 100%;padding-left: 3rem;}
}


/* sec4 */
.sec4{overflow: hidden;}
.mySwiperQuality{position: relative;}
.qualityItem{position: relative;overflow: hidden;border-radius: 2rem;margin: 0 2.5rem;transition: .3s;opacity: 0.5;}
.qualityItem .img img{display: block;width: 100%;}
.qualityItem .tips{position: absolute;top: 5rem;left: 5rem;font-size: var(--font14);color: #FFFFFF;writing-mode: vertical-rl;text-transform: uppercase;display: flex;flex-direction: row;align-items: center;transition: .3s;opacity: 0;}
.qualityItem .tips::after{content: "";display: block;height: 8rem;width: 1px;background: #FFFFFF;}
.qualityItem .atit{position: absolute;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.9);border-radius: 0 2rem 0 0;height: 8rem;line-height: 8rem;padding: 0 6.5rem;font-size: var(--font24);transition: .3s;opacity: 0;}
.swiper-slide-active .qualityItem{opacity: 1;}
.swiper-slide-active .qualityItem .tips{opacity: 1;}
.swiper-slide-active .qualityItem .atit{opacity: 1;}
@media screen and (min-width:768px){
	.swiper-slide-next .qualityItem{opacity: 1;}
	.swiper-slide-next .qualityItem .tips{opacity: 1;}
	.swiper-slide-next .qualityItem .atit{opacity: 1;}
}
@media screen and (max-width:768px){
	.qualityItem{margin: 0 1rem;}
	.qualityItem .tips{top: 3rem;left: 2rem;}
	.qualityItem .tips::after{height: 4rem;}
	.qualityItem .atit{height: 7rem;line-height: 7rem;padding: 0 4rem;font-size: var(--font20);}
}




/* sec5 */
.indNewsBoxList{position: relative;display: flex;flex-wrap: wrap;gap: 3rem;}
.indNewsBox,.indItemList{width: calc(33.333% - 2rem);border-radius: 1.5rem;overflow: hidden;background: #FFFFFF;box-shadow: 0 0 3rem 0 rgba(0,0,0,0.05);position: relative;}
.inItemTit{position: absolute;top: 0;left: 0;height: 5rem;line-height: 5rem;padding: 0 1.5rem;background: rgba(0,0,0,.5);border-radius: 0 0 1.5rem 0;font-size: var(--font16);color: #FFFFFF;z-index: 99;}
.indNewsItem{display: block;transition: .4s;}
.indNewsItem *{transition: .4s;}
.indNewsItem .img{height: 32.5rem;overflow: hidden;}
.indNewsItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.indNewsItem .desc{padding: 3rem;}
.indNewsItem .desc .time{display: flex;align-items: center;font-size: var(--font18);color: #666666;line-height: 1;}
.indNewsItem .desc .time i{display: block;width: 2.2rem;height:2.2rem;background-image: url(../images/iconTime1.png);background-size: 100%;margin-right: 1rem;}
.indNewsItem .desc .atit{font-size: var(--font20);line-height: 3rem;height: 6rem;color: #000000;font-weight: bold;margin-top: 1.5rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indNewsItem .desc .line{display: block;width: 100%;height: 1px;background: #CCCCCC;margin: 2.5rem 0 2.5rem;}
.indNewsItem .desc .btit{font-size: var(--font16);line-height: 2.5rem;height: 5rem;color: #666666;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indNewsItem .desc .ctit{font-size: var(--font16);color: #666666;margin-top: 3rem;display: flex;align-items: center;}
.indNewsItem .desc .ctit i{display: block;width: 12px;height: 11px;background-image: url(../images/iconRight2.png);margin-left: 1rem;}

.indItemList{display: flex;flex-direction: column;}
.indItemList .line{display: block;width: calc(100% - 6rem);margin:0 auto;height: 1px;background: #CCCCCC;}
.indItemList .indNewsItem{height: 33.3%;}
.indItemList .indNewsItem:nth-of-type(2){padding-top: 5rem;}
.indItemList .indNewsItem .desc{display: flex;flex-direction: column;justify-content: center;height: 100%;}

.indNewsItem:hover{background-color: #333;}
.indNewsItem:hover .img img{transform: scale(1.06);}
.indNewsItem:hover .desc .time{color: #FFFFFF;}
.indNewsItem:hover .desc .time i{background-image: url(../images/iconTime11.png);}
.indNewsItem:hover .desc .atit{color: #FFFFFF;}
.indNewsItem:hover .desc .btit{color: #FFFFFF;}
.indNewsItem:hover .desc .ctit{color: #FFFFFF;}
.indNewsItem:hover .desc .ctit i{background-image: url(../images/iconRight22.png);}

@media screen and (max-width:1024px){
	.indNewsItem .desc{padding: 3rem;}
}
@media screen and (max-width:768px){
	.indNewsBoxList{flex-direction: column;}
	.indNewsBox, .indItemList{width: 100%;}
	.indNewsBox+.indNewsBox{display: none;}
	.indNewsItem .desc{padding: 5rem 3rem;}
}




.h-footer{background: url(../images/footerBg.jpg) center/cover;}
.h-foot1{display: flex;padding: 3rem 0;}
.h-logo{display: block;width: 24rem;}
.h-logo img{display: block;width: 100%;}
.followList{display: flex;align-items: center;margin-left: auto;}
.followList span{font-size: var(--font20);color: #FFFFFF;font-weight: bold;}
.followList a{display: flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;border-radius: 50%;margin-left: 2rem;border: 1px solid #FFFFFF;}
.followList img{display: block;width: 2.6rem;}
.followList a:hover{background: var(--main-color);border-color: var(--main-color);}
.h-foot2{position: relative;padding: 10rem 0 9rem;}
.h-foot2::after,.h-foot2:before{content: "";display: block;width: 100%;height: 1px;background: #FFFFFF;opacity: 0.1;position: absolute;left: 0;}
.h-foot2::after{top: 0;}
.h-foot2::before{bottom:0;}

.f-nav{display: flex;justify-content: space-between;gap: 2rem;}
.f-nav .dl{}
.f-nav .dl.ct{max-width: 40rem;}
.f-nav .dt::after{content: "";display: block;width: 2rem;height: 1px;background: #FFFFFF;opacity: 0.8;margin: 2rem 0 2rem;}
.f-nav .dt span,.f-nav .dt a{font-size: var(--font20);color: #FFFFFF;font-weight: bold;line-height: 1.2;}
.f-nav .dd{margin-top: 1.2rem;}
.f-nav .dd span,.f-nav .dd a{font-size: var(--font16);color: #FFFFFF;opacity: 0.8;line-height: 1.2;}
.f-nav .dd:has(a){display: flex;align-items: center;}
.f-nav .dd:has(a):before{content: "";display:block;height: 1px;width: 0;background: var(--main-color);position: absolute;transition: .3s;}
.f-nav .dd:has(a):hover:before{width: 1.2rem;}
.f-nav .dd:has(a):hover a{transform: translateX(2rem);}

.h-foot3{display: flex;line-height: 1.2;padding: 3.5rem 0 3.2rem;}
.h-foot3 .fl3{margin-right: auto;}
.h-foot3 .fr3{display: flex;flex-wrap:wrap;gap: 2rem;}
.h-foot3 span,.h-foot3 a{font-size: var(--font16);color: #FFFFFF;}
.h-foot3 a:hover{opacity: 0.7;}

@media screen and (max-width:768px){
	.f-nav .dl{display: none;}
	.f-nav .dl.ct{display: block;}
	.h-foot1{flex-direction: column;padding: 3rem 0 2rem;}
	.followList{justify-content: space-between;margin-left: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 2rem;margin-top: 3rem;}
	.followList a{margin-left: 1rem;}
	.h-foot2{padding: 5rem 0 5rem;}
	.h-foot3{flex-direction: column;align-items: center;text-align: center;gap:1rem;}
	
}




.screenUnlock{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999;}
.bg-layer {position: fixed;inset: 0;z-index: 1;}
.bg-half {position: absolute;left: 0;right: 0;height: 50%;transform: translateY(0);will-change: transform;}
.bg-half-top {top: 0;background: linear-gradient(180deg, #2a1022 0%, #180a12 100%);}
.bg-half-bottom {bottom: 0;background: linear-gradient(180deg, #180a12 0%, #0a0407 100%);}
.progress-bar {position: fixed;bottom: 0;left: 0;height: 2px;background: linear-gradient(90deg, #f21ca5, #ff7ad9, #fff);width: 100%;transform: scaleX(0);transform-origin: left;will-change: transform;z-index: 100;box-shadow: 0 0 10px rgba(242, 28, 165, 0.6);}
.logo-stage {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;display: flex;align-items: center;gap: 12px;opacity: 0;}
.fade-in { animation: fadeIn 1.2s ease forwards; }


.page-title{position:relative;flex-direction: column;}
.title-family2{width: 100%;text-align:center;height: 10rem;}
.title-family2 text{font-size:var(--font80);font-weight: bold;text-transform: uppercase;letter-spacing: 2px;fill: transparent;stroke: white;stroke-width: 0.5;stroke-dasharray: 800;stroke-dashoffset: 800;animation: textDash 5s 1s linear infinite;opacity: .6;}
@keyframes textDash {to {stroke-dashoffset: 0;}}
@media screen and (max-width:768px){
	.title-family2 text{font-size:var(--font60);}
	.title-family2{height: 6rem;}
}


html::-webkit-scrollbar {width: 4px!important;}
html::-webkit-scrollbar-track {background: #f5f5f5!important;}
html::-webkit-scrollbar-thumb {background: var(--main-color)!important;border-radius: 10px;}
html::-webkit-scrollbar-thumb:hover {background: var(--main-color);}