@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 1rem;
  /* COLOR */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
@font-face{
	font-family: 'mr';
	src: url(../font/mr.ttf);
}
@font-face{
	font-family: 'mb';
	src: url(../font/Montserrat-Black.ttf);
}
@font-face{
	font-family: 'mbt';
	src: url(../font/Montserrat-BlackItalic.ttf);
}
@font-face{
	font-family: 'me';
	src: url(../font/Montserrat-ExtraLight.otf);
}
@font-face{
	font-family: 'ml';
	src: url(../font/Montserrat-Light.ttf);
}
@font-face{
	font-family: 'mt';
	src: url(../font/Montserrat-ThinItalic.ttf);
}
body {
  font-family: 'mr','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #fff;
  background: #000;
  overflow-x: hidden;
}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'mr', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: #ffffff;}
body::-webkit-scrollbar-thumb { background: #000000;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
.container { width: 1440px; max-width: 92%; margin: 0 auto;}
/*通用样式*/

.header { background: rgba(0,0,0,0.2); z-index: 20; width: 100%; position: fixed; left: 0; top: 0; }
.header .logo { top: 50%; transform: translateY(-50%); width: 45px; position: absolute; left: .93rem;}
.header .nav ul { display: flex; justify-content: center; align-items: center; gap: 1.6rem;}
.header .nav li { line-height: 58px;}
.header .nav li.cur a { font-weight: bold;}
.header .nav li a { color: #ffffff; font-size: var(--font22);}
.firstSologn { text-align: center;}
.firstSologn h2 { margin-bottom: 10px; font-family: 'mr'; font-weight: bold; letter-spacing: 2px; font-size: var(--font64); text-transform: uppercase;}
.firstSologn p { font-size: var(--font20);}
/* 全屏swiper容器 */
.full-page {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.fullSwiper {
	width: 100%;
	height: 100vh;
}
.fullSwiper .swiper-wrapper {
	height: 100%;
}
.fullSwiper .swiper-slide {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

/* 第一屏 */
.firstScreen { 
	background: url(../images/homebg.jpg) no-repeat center center; 
	background-size: cover;
	position: relative;
}

/* 第二屏 - 横向swiper */
.secondScreen {
	position: relative;
	background: #000;
}
.horizontalSwiper {
	width: 100%;
	height: 100%;
}
.horizontalSwiper .swiper-wrapper {
	height: 100%;
}
.horizontalSwiper .swiper-slide {
	height: 100%;
	display: flex;
	align-items: start;

	justify-content: center;
	box-sizing: border-box;
}
.horizontalSwiper .swiper-slide .postText {
	padding-top: 43vh;
}
.horizontalSwiper .swiper-slide img {
	width: 100%; height: 100%; object-fit: cover;
	opacity: 1;
	transition: opacity 0.5s ease;
}
/* active状态的图片有透明度变化 */
.horizontalSwiper .swiper-slide-active img {
	transition: opacity 2s ease;
}
.horizontalSwiper .swiper-slide .postText {
	position: absolute; 
	left: 0; 
	width: 100%; 
	text-align: center;
	z-index: 2;
}

.horizontalSwiper .swiper-slide .postText p {
	font-size: calc(var(--font22) + 4px);
	margin-bottom: 10px;

}

.horizontalSwiper .swiper-slide .postText p:last-child {
	margin-bottom: 0;
}
.imgAni {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
.imgAni img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 1; transition: none !important;}
.imgAni img:nth-child(1) { opacity: 1!important;}
.imgAni img.show { opacity: 1 !important; z-index: 2;}

/* 第三屏 */
.thirdScreen {
	position: relative;
	background: #18021A;
}
.thirdScreen .copyRight {
	position: absolute; left: 0; width: 100%; bottom: 0; text-align: center; color: #ffffff; background: #270728; line-height: 48px;
}
.footer { background: url(../images/footBgs.jpg) center no-repeat; background-size: cover;}
.footer .copyRight { margin-top: .96rem; }
.copyRight { text-align: center; color: #ffffff; background: #270728; line-height: 48px;}
.thirdScreen .copyRight p,.footer .copyRight p{ font-size: var(--font22);}

.textHide { overflow: hidden;}
/* swiper animate 动画元素 */
.ani {
	visibility: hidden;
}
.playBtn { 
	cursor: pointer; 
	background: url(../images/play.png) center no-repeat; 
	background-size: contain;
	width: 21px; 
	height: 21px; 
	display: block; 
	margin: 0 auto 8px;
	transition: background-image 0.3s ease;
	background-size: 100% auto!important;
}
.swiperControl { position: absolute; bottom: 48px; left: 0; z-index: 2; width: 100%;}
.controlGroup span { 
	transition: all .5s; 
	position: relative; 
	width: 20px; 
	display: block; 
	background: rgba(255,255,255,.22); 
	margin: 0 6px; 
	height: 3px;
	cursor: pointer;
}
.controlGroup { display: flex; justify-content: center;}
.controlGroup span i { 
	position: absolute; 
	left: 0; 
	height: 100%; 
	top: 0; 
	width: 0;
	background: rgba(255,255,255,1);
	transition: width 0.4s ease;
}
.controlGroup span.act {width: 80px;}
.footerInfor img { max-width: 78.7%; display: block; margin: 0 auto;}
.footerInfor img.footLogo { display: block; margin: 0 auto .16rem;}
.footerInfor h2 { text-align: center; color: #ffffff; font-family: 'mb'; font-size: var(--font24); line-height: 1.3;}
.footInput { max-width: 75%; margin: .8rem auto .48rem; display: flex; height: 36px; justify-content: space-between; width: 434px; border: 1px solid #ffffff;}
.footInput input { font-family: 'mr'; border: none; text-indent: 12px; color: #ffffff; background: none; flex: 1; font-size: var(--font16);}
.footInput input::placeholder { color: #ffffff;}
.footInput button { display: flex; justify-content: center; align-items: center; border: none; cursor: pointer; outline: none; background: none;}
.footerLink { position: absolute; left: 0; width: 100%; bottom: 88px; text-align: center;}
.footerLink a { transition: all .4s; color: #ffffff; font-size: var(--font22); margin: 0 .36rem;}
.footerLink a:hover { font-weight: bold;}
.footer .footerLink { margin-top: .82rem;}
.footer { padding-top: 2.5rem; position: relative;}
.footer .copyRight{ margin-top: 2.67rem;}
/**/
.companyBanner { height: 100vh; position: relative; display: flex; justify-content: center; align-items: center;
background: url(../images/aboutBanner.jpg) center no-repeat; background-size: cover;}
.bannerText { text-align: center;}
.bannerText h2 { text-transform: uppercase; font-family: 'mb'; font-size: var(--font64); letter-spacing: 2px;}
.bannerText p { font-size: var(--font20); line-height: 1.5;}
.inBanner>p { position: absolute; left: 0; width: 100%; text-align: center; font-size: var(--font16); bottom: 1.25rem;}
.inBanner>img { width: 100%; height: 100%; object-fit: cover;}
.downArr { cursor: pointer; width: 24px; height: 24px; background: url(../images/downArr.png) center no-repeat; display: block; position: absolute; left: 50%;
bottom: .6rem; margin-left: -12px; animation: downBounce 2s ease-in-out infinite, breathe 2s ease-in-out infinite;}
@keyframes downBounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
}
@keyframes breathe {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.4;
	}
}
.ourVison { background: url(../images/visionBg.png) center top no-repeat rgba(0,0,0,.65); background-size: cover; height: 100vh;
display: flex; justify-content: center; align-items: center;}
.visonInfor { padding: 0 0 0 .45rem;}
.visonInfor p { font-size: var(--font16); line-height: 1.5; margin-bottom: .5em;}
.visonInfor h2,.edgeTitleName h2 { font-size: var(--font48); font-family: 'mb'; position: relative; line-height: calc(1em + 8px); margin-bottom: .64rem;}
.visonInfor h2 { padding-left: 52px;}
.visonInfor h2 img { position: absolute; left: 0; width: 36px; top: 50%; transform: translateY(-50%);}
.visionArt { padding-left: 52px;}
.edgeTitleName h2 { padding-left: 52px;}
.edgeTitleName h2 img {position: absolute; left: 0; width: 36px; top: 50%; transform: translateY(-50%);}
.edge { background: #401043; padding: 1.28rem 0;}
.edgeTitle { display: flex; justify-content: space-between;}
.edgeTitleName { width: 35%; padding-left: .57rem;}
.edgeTitleDesc { padding-right: 1.15rem; flex: 1;}
.edgeTitleDesc p{ margin-bottom: 1.5em; font-size: var(--font16); line-height: 1.5;}
.edge li { position: relative; z-index: 2; transition: all .5s; display: flex; justify-content: space-between;}
.edge li::after { content: ''; transition: all .5s; position: absolute; height: 100%; width: 100vw; left: 50%; transform: translateX(-50%); z-index: -1; opacity: 0; background: #FFFF54;}
.edgeImg { position: relative; width: 35%;}
.edgeImg img { max-width: none; display: block; position: absolute; right: 0; width:calc(100% + (100vw - 1440px)/2); height: 100%; object-fit: cover; transition: all .5s; opacity: 0;}
.edgeDesc {transition: all .5s;  padding: .32rem 1.39rem .8rem .32rem; width: 65%;}
.edgeDesc img { transition: all .5s; filter: brightness(0) invert(1); display: block; margin: 0 0 .16rem;}
.edgeDesc h2 { transition: all .5s; color: #ffffff; font-size: var(--font32); font-family: 'mb'; line-height: 1.4; margin-bottom: .24rem;}
.edgeDesc p { font-size: var(--font16); line-height: 1.5; transition: all .5s;}
.edge li:hover .edgeImg img { opacity: 1;}

.edge li:hover .edgeDesc h2 { color: #000000;}
.edge li:hover .edgeDesc p { color: #000000;}
.edge li:hover .edgeDesc img { filter: none;}
.edge li:hover::after { opacity: 1;}
.belife { position: relative; padding: 1.28rem 0 1.2rem; background: url(../images/visionImg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}

.belifeFlex {  display: flex; justify-content: space-between;}
.belifeCont .edgeTitleDesc { padding-right: .54rem;}
/**/
.serviceBanner {display: flex; justify-content: center; align-items: center; background: url(../images/service1.jpg) center no-repeat; background-size: cover; position: relative; height: 100vh;}
.serviceList { padding: .96rem 0 1.44rem; background: #18021A;}
.serviceList ul { padding: 0 .56rem; display: flex; gap: clamp(10px,.16rem,16px);}
.serviceList li { transition: all .5s; background: #401043; width: calc((100% - clamp(20px,.32rem,32px)/3));}
.servicePic { position: relative;}
.servicePic::after { content: ''; transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.servicePic img { display: block; filter: grayscale(100%); transition: all .5s; width: 100%;}
.servicePic span { position: absolute; right:16px; top: 16px; border: 1px solid #ffffff; padding:4px 12px; font-size: var(--font16); z-index: 2;}
.serviceDesc { padding: .23rem .32rem .27rem;}
.serviceDesc h2 { font-size: var(--font32); line-height: 1.4; height: 2.8em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
transition: all .5s; font-family: 'mb'; margin-bottom: .24rem;}
.serviceDesc p { font-size: var(--font16); line-height: 1.4; transition: all .5s; height: 5.6em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.serviceList li:hover .servicePic::after { opacity: 0;}
.serviceList li:hover .servicePic img { filter: none;}
.serviceList li:hover { background: #FFFF54;}
.serviceList li:hover h2,.serviceList li:hover p { color: #000000;}
.businessCont {background: #18021A; padding: .96rem 0 .74rem;}
.businessCont .edgeTitleName { padding-left: .56rem;}
.businessCont li { z-index: 2; position: relative; gap: .4rem; padding: 1.28rem .56rem 1.15rem; display: flex; justify-content: space-between;}
.businessTitle { width: 29.58%;}
.businessDesc { flex: 1;}
.businessTitle h2 { transition: all .5s; margin-bottom: .32rem; font-size: var(--font32); line-height: 1.4; font-family: 'mb';}
.businessTitle img { display: flex; transition: all .4s;filter: brightness(0) invert(1);}
.businessDesc p { transition: all .5s; font-size: var(--font16); line-height: 1.5; margin-bottom: 10px;}
.businessDesc p b { font-weight: bold;}
.businessDesc p a { transition: all .5s; color: #ffffff; text-decoration: underline;}
.bussinessBg { max-width: none; position: absolute; left: 50%; transform: translateX(-50%); top: 0; object-fit: cover; width: 100vw; height: 100%; z-index: -2;}
.businessCont li::after { content: ''; width: 100vw; height: 100%; position: absolute; transition: all .5s; left: 50%; transform: translateX(-50%); top: 0; z-index: -1; background: #FFFF54; opacity: 0;}
.businessCont li:hover::after { opacity: 1;}
.businessCont li:hover p,.businessCont li:hover p a { color: #000;}
.businessCont li:hover h2 { color: #000;}
.businessCont li:hover .businessTitle img {filter:none;}
.storiesBanner { display: flex; height: 100vh; justify-content: center; align-items: center; position: relative; background: url(../images/sotriesBanner.jpg) center no-repeat; background-size: cover;}
.storiesDesc { padding: 1.28rem 0; text-align: center; background: url(../images/descBg.png) center no-repeat #000;}
.storiesDesc .container { padding: 0 1.68rem;}
.storiesDesc p { font-size: var(--font16); line-height: 1.5;}
.sotriesType { background: #18021A; padding: .73rem 0 .96rem;}
.typeChose { margin-bottom: .5rem; display: flex; justify-content: center; align-items: center; gap: 14px;}
.typeChose span { transition: all .4s; cursor: pointer; display: block; padding: 4px 12px; border: 1px solid #ffffff; font-size: var(--font16); line-height: 1.5;}
.typeChose span.cur { font-weight: bold; background: #FFFF54; color: #000; border: 1px solid #FFFF54;}
.typeGroup ul { padding: 0 .24rem; display: flex; flex-wrap: wrap; gap:clamp(10px,.16rem,16px);}
.typeGroup li { position: relative; background: #401043; transition: all .4s; width: calc((100% - clamp(10px,.16rem,16px))/2);}
.sotriesImg { overflow: hidden;}
.sotriesImg img { display: block; width: 100%; transition: all .8s; aspect-ratio: 688/600; object-fit: cover;}
.storiesText { padding: .32rem;}
.typeGroup li h2 {color: #ffffff; transition: all .5s; line-height: 1.375; margin-bottom: 8px; transition: all .4s; font-family: 'mb'; font-size: var(--font32); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.typeGroup li p {color: #ffffff; transition: all .5s; background: url(../images/cicon1.png) left center no-repeat; font-size: var(--font16); line-height: 1.5; padding-left: 20px;}
.typeGroup li i { transform: translateX(-10px); opacity: 0; transition: all .4s; position: absolute; right: .32rem; bottom: .24rem; background: url(../images/enterIcon.png) center no-repeat; width: 32px; height: 32px;}
.typeGroup li:hover { background: #FFFF54;}
.typeGroup li:hover p { background: url(../images/cicon2.png) left center no-repeat; color: #000;}
.typeGroup li:hover h2 { color: #000;}
.typeGroup li:hover .sotriesImg img { transform: scale(1.1);}
.typeGroup li:hover i { transform: translateX(0); opacity: 1;}
.inBanner { position: relative; height: 100vh;}
.inBanner .bannerText { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} 
.pcBanner {display: block; width: 100%; height: 100%; object-fit: cover;}
.contactPage { background: url(../images/contactBg.jpg) center no-repeat; background-size: cover; padding: 1.28rem 0 1.38rem;}
.formCont { width:432px; margin: 0 auto; max-width: 92%;}
.formCont h2 { font-family: 'mb'; letter-spacing: 2px; font-size: var(--font48); line-height: calc(1em + .08rem); margin-bottom: .24rem;}
.formCont li { margin-bottom: 24px;}
.formCont li p { margin-bottom: 8px; font-family: 'mb'; font-size: var(--font24); line-height: 1.3;}
.formCont li p span { color: #FF5454; font-size: var(--font24); margin-left: 7px; font-weight: bold;}
.formCont li input { text-indent: 1em; height: 44px; background: none; border: 1px solid #E6E6E6; color: #ffffff; font-size: var(--font16); box-sizing: border-box; width: 100%;}
.formCont li input::placeholder,.formCont li textarea::placeholder { color: #969696;}
.formCont li textarea { outline: none; border: 1px solid #E6E6E6; font-family: 'mr'; color: #ffffff; width: 100%; box-sizing: border-box; padding: .5em 1em; font-size: var(--font16); height: 92px; background: none;}
.formCont button { transition: all .4s; display: flex; justify-content: center; align-items: center; gap: 24px; height: 48px; border: none; cursor: pointer;
background:#FFFF54; width: 100%; font-family: 'mb'; font-size: var(--font16);}
.formCont li:last-child { margin: 0;}
.agreen { margin: 27px 0; display: flex; color: #ffffff; font-size: 14px; gap: 4px; align-items: center; cursor: pointer;}
.agreen a { color: #ffffff; transition: all .4s; text-decoration: underline;}
.agreen span { display: block; width: 12px; height: 12px; position: relative; border: 1px solid #ffffff;}
.agreen a:hover { color:#FFFF54 ;}
.formCont button:hover { letter-spacing: 2px;}
.agreen.cur span { background: #FFFF54; border: 1px solid #FFFF54;}
.agreen.cur span::after { content: '√'; font-size: 10px; font-weight: bold; display: flex; justify-content: center; align-items: center; color: #000000; position: absolute; left: 0;}
/* 隐私政策弹窗样式 */
.privacyModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.modalOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); cursor: pointer; }
.modalContent { position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); width: 90%; max-width: 600px; max-height: 80vh; background: #1a1a1a; border: 1px solid #E6E6E6; box-sizing: border-box; display: flex; flex-direction: column; z-index: 10000; }
.modalCloseBtn { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: none; border: 1px solid #E6E6E6; color: #ffffff; font-size: 24px; line-height: 1; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all .4s; z-index: 10001; }
.modalCloseBtn img { display: block; max-width: 80%; transition: all .4s; filter: brightness(0) invert(1);}
.modalCloseBtn:hover { background: #FFFF54; color: #000000; border-color: #FFFF54; }
.modalCloseBtn:hover img { filter: none;}
.modalHeader { padding:20px; border-bottom: 1px solid #E6E6E6; flex-shrink: 0; }
.modalHeader h2 { font-family: 'mb'; font-size: var(--font32); letter-spacing: 2px; color: #ffffff; }
.modalBody { padding: 30px 40px 40px; overflow-y: auto; flex: 1; min-height: 0; }
.modalBody::-webkit-scrollbar { width:2px;}
.modalBody::-webkit-scrollbar-track { background: #ffffff;}
.modalBody::-webkit-scrollbar-thumb { background: #000000;}
.modalBody p { font-size: var(--font16); line-height: 1.8; color: #ffffff; margin-bottom: 20px; }
.modalBody p:last-child { margin-bottom: 0; }
.blackBg { background: #000000;}
.imgAni { transition: all 1s;}

.mobBanner { display: none;}
.mobShow { display: none;}
.pcShow { display: block;}
.bannerText br { display: none;}
@media screen and (max-width: 1560px){
	.edgeImg img { width: calc(100% + 4vw);}
}
@media screen and (max-width: 768px) {
	.inBanner img.mobShow { display: block; width: 100%; height: 100%; object-fit: cover;}
	.mobShow { display:block ;}
	.pcShow { display: none;}
	.sotriesImg img { aspect-ratio: 1/1;}
	.horizontalSwiper .swiper-slide .postText { padding: 43vh 36px 0;}
	.modalContent { width: 95%; max-height: 85vh; margin: 2.5vh auto; }
	.modalHeader { padding: 30px 20px 15px; }
	.modalHeader h2 { font-size: var(--font24); }
	.modalBody { padding: 20px; }
	.modalCloseBtn { top: 15px; right: 15px; width: 28px; height: 28px; font-size: 20px; }
	.menubox{ right: 20px; display: block; position: absolute; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #fff;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 20px; width: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){ width: 30px; top: 9px;transform: rotateZ(-45deg);}
	.nav { left: -110%; bottom: 0; position: fixed; background: #000; top: 58px; width: 100%;}
	.header .nav ul { gap: 20px; padding:0 20px; align-items: start; flex-direction: column;}
	.header { height: 58px;}
	.header .logo { left: 20px;}
	.nav li { width: 100%; border-bottom: 1px solid rgba(255,255,255,.5);}
	.inBanner { height: 100vh;}
	.visonInfor { padding: 0 0 .64rem 0;}
	.visonInfor h2 img { width: 24px; left: 0;}
	.visionArt { padding-left: 32px;}
	.ourVison { background: url(../images/aboutmob2.jpg) center no-repeat; background-size: cover; align-items: end;}
	.edgeTitle { flex-direction: column;}
	.edgeTitleName { padding-left: 0; width: 100%;}
	.edgeTitleName h2 { padding-left: 32px;}
	.edgeTitleName h2 img { width: 24px;}
	.edgeImg { display: none;}
	.edgeDesc { width: 100%; padding: 24px;}
	.footer { padding-top: 44px; background: #18021A;}
	.footerInfor h2 { padding: 0 .36rem;}
	.footerLink { padding: 0 .36rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .24rem .48rem;}
	.footerLink a { margin: 0;}
	.footer .copyRight { font-size: 12px;}
	.edgeTitleDesc { padding: 0 0 0 32px;}
	.visonInfor h2, .edgeTitleName h2 {font-size: 32px; margin-bottom: .32rem;}
	.edgeDesc h2 { font-size: 28px;}
	.edgeDesc img { width: 64px;}
	.edgeDesc p { font-size: 16px;}
	.visonInfor p { font-size: 16px;}
	.edgeTitleDesc p { font-size: 16px;}
	.belife { height: 100vh; padding: 0 0 64px; display: flex; align-items: end;}
	.belifeCont { width: 100%;}
	.belifeCont .edgeTitleDesc { padding-right: 0;}
	.serviceList ul { padding: 0; flex-direction: column;}
	.serviceList { padding: 24px 0;}
	.serviceList li { margin-bottom: 32px;}
	.serviceDesc h2 { font-size: 28px;}
	.serviceDesc p { font-size: 16px;}
	.servicePic img { object-fit: cover; aspect-ratio: 342 / 270;}
	.serviceDesc { padding: 32px 24px;}
	.businessCont li { gap: 0; flex-direction: column;}
	.businessTitle { width: 100%; display: flex; align-items:start; justify-content: start; flex-direction: column-reverse;}
	.businessTitle img { margin-bottom: 24px; width: auto!important; height: 33px;}
	.businessTitle h2 { margin-bottom: 24px; font-size: 28px;}
	.businessCont .container { max-width: 100%;}
	.businessCont li { padding: 48px 24px;}
	.businessDesc p { font-size: 16px;}
	.businessCont { padding-bottom: 0; padding-top: 44px;}
	.serviceList li:last-child { margin-bottom: 0;}
	.storiesDesc { padding: 0; background: none; text-align: left;}
	.storiesDesc .container { padding: 48px 16px 24px; max-width: 100%;}
	.sotriesType { background: none;}
	.storiesPage { background: url(../images/descBg.png) -200px top no-repeat;}
	.typeGroup ul { padding: 0;}
	.sotriesType { padding-top: 0;}
	.typeChose { justify-content: start; overflow-x: auto;}
	.typeChose span { font-size: 16px; white-space: nowrap;}
	.typeGroup li { width: 100%;}
	.typeGroup li h2 { font-size: 28px;}
	.typeGroup li p { font-size: 16px; background-position: left top;}
	.formCont h2 { font-size: 32px;}
	.formCont li p { font-size: 16px;}
	.formCont button { font-size: 16px;}
	.thirdScreen .copyRight { font-size: 12px;}
	.footerInfor { width: 100%;}
	.aboutBanner .bannerText { text-align: left; position: absolute; left: 24px; bottom: 126px; transform: translate(0); top: auto;}
	.downArr { left: 24px; margin-left: 0;}
	.bannerText br { display: block;}
	.aboutBanner p { display: none;}
	.storiesMob .bannerText { text-align: left; position: absolute; left: 24px; bottom: 123px; transform: translate(0); top: auto;}
	.storiesMob .bannerText h2{ margin-bottom: 16px;}
	.contactPage { background: url(../images/mobContact.jpg) center no-repeat; background-size: cover; padding: 64px 0 188px;}
	.visonInfor h2 { padding-left: 32px;}
	.footerInfor img.footLogo { width: 22.5%; margin: 0 auto;}
	
}
@media screen and (max-width: 1800px) {

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

}

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

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

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1080px) {
	
}
@media screen and (max-width: 780px){
	
	
}