@charset "utf-8";
:root {

  /* COLOR */
  --color-active: #00A287;
  --color-blue-004: #00A287;
  --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;
}
/* 公共字体 */
.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: 'ast';
	src: url(../fonts/Astron-2.otf);
}
@font-face{
	font-family: 'alimama';
	src: url(../fonts/AlimamaShuHeiTi-Bold.ttf);
}
@font-face{
	font-family: 'ysbt';
	src: url(../fonts/ysbt.ttf);
}
body {
  font-family: 'Microsoft YaHei','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #000;
  background: #fff;
  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: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #00A287;}
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);}
/*通用样式*/
.headerLeft { display: flex; align-items: center;}
.headerCont { display: flex; justify-content: space-between; align-items: center;}
.container { width: 1200px; max-width: 92%; margin: 0 auto;}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
.layui-layer-content { font-size: 20px!important;}
/*通用样式*/
.noBanner .banner { display: none;}
.noBanner { padding-top: 76px;}
.noBanner .header { background: url(https://esg.atomidc.top/uploads/20260302/69a502cbb20957.67651384.png) center top no-repeat;}

.header { border-bottom: 1px solid rgba(255,255,255,.4); height: 76px; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; transition: all .4s; }
.header:hover,.small-header .header { background: rgba(0,162,135,.9);}
.headerCont { max-width: 92%; display: flex; align-items: center; height: 76px; width: 1500px; margin: 0 auto;}
.menuBtn { display: none;}
.logo { margin-right: 45px; position: relative;}
.logo img { display: block;filter: brightness(0) invert(1); width: clamp(100px,3.36rem,336px); transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.nav ul { display: flex; gap: 35px;}
.nav li h2 a { display: block; transition: all .4s; position: relative; border-radius: 8px; line-height: 44px; font-size: var(--font16); color: #ffffff;}
.nav li h2 a:after { content: ''; position: absolute; left: 0; bottom: 0; height:2px; width: 0; background: #ffffff; transition: all .4s;}
.nav li.cur h2 a::after { width: 100%;}
.nav li:hover h2 a::after { width: 100%;}
.nav li { height: 76px; display: flex; align-items: center; position: relative;}
.nav li dl { box-shadow: 0 4px 8px rgba(17, 51, 26, 0.15); display: none; position: absolute; top:63px; left: 0; min-width: 156px; background: #ffffff; padding: 8px 0 8px;}
.nav li dt a{ white-space: nowrap; display: block;font-size: var(--font16); line-height: 1.5; padding: 4px 8px; color: #4E5969; display: block; transition: all .4s;}
.nav li dt a:hover,.nav li dt.on a{ background: #E9FFF9; color: #00A287;}
.nav li:hover dl { display: block;}

.containerFlex { display: flex; align-items: start; justify-content: space-between; gap: 24px;}
.containerFlex .newsType { gap: 4px; width: 254px; flex-direction: column;}
.containerFlex .newsType a { text-align: left; padding: .25rem .16rem; background: #EDF6F5; color: #4E5969; font-size: 20px;}
.containerFlex .newsType a.cur { background: #00A287; color: #ffffff;}
.containerFlex .artList { flex: 1; max-width: 100%;}
.newsCont { padding-top: 64px;}

.menuControl { display: flex; gap: 26px; align-items: center;}
.langChose h2 span { display: block; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.2);
text-align: center; line-height: 40px; color: #ffffff; font-size: var(--font16);}
.langChose { cursor: pointer; position: relative; height:76px; background: url(../images/langIcon.png) right center no-repeat; background-size: 10px auto; padding-right: 20px; display: flex; align-items: center;}
.langChose dl { overflow: hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius:0 0 4px 4px; text-align: center; width: 84px; position: absolute; top:100%; left: 50%; transform: translateX(-50%);}
/* .langChose dl::after { content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) center no-repeat; background-size: auto 6px;} */
.langChose dt a{ transition: all .5s; line-height: 3; display: block; font-size: 14px; color: #393939;}
.langChose dt:hover a { background: #00A287; color: #ffffff;}
.langChose:hover dl { display: block;}
.loginControl { display: flex; align-items: center; gap: 8px; margin-right: 8px;}
.headerRight { display: flex; align-items: center;}
.loginControl a { transition: all .4s; display: block; font-size: var(--font16); line-height: 40px; padding: 0 1em; border-radius: 8px;}
.loginControl a.registration { background: #00A287; color: #ffffff;}
.loginControl a.resign { background: rgba(255,255,255,.2); color: #ffffff;}
.loginControl a:hover { background: #ffffff; color: #00A287;}
/*banner*/
.banner { overflow: hidden; position: relative;}
.banner>img{ height:742px; object-fit: cover;  transition: all 8s; display: block; width: 100%;}
.banner img.mobBanner { display: none;}

.banner .swiper-slide { overflow: hidden;}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-pagination { text-align: left; left: 50%; bottom: 7.3vw; width: 1400px; transform: translateX(-50%);}
.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 2px solid #ffffff; background: none; outline: none; width: 16px; height: 16px; margin:0 18px 0 0!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 1500px; max-width: 92%; top: 50%; left: 50%; color: #ffffff; transform: translate(-50%,-45%);}
.bannerText h2 { line-height: 1.1; font-family: 'ast'; font-size:clamp(20px,.88rem,88px);}
.bannerText h2 span {font-family: 'ast'; color: #FDD72B;}
.bannerText h3 { font-size: var(--font58); font-weight: bold; line-height: 1.51;}
.bannerText>p { width: 680px; max-width: 100%; font-size: var(--font18); line-height: 2; margin-bottom: clamp(10px,.48rem,48px);}
.bannerText a { display: inline-flex; align-items: center; color: #ffffff; font-size: var(--font16); padding:0 .375rem; line-height: 2.5;
border-radius: 8px; background: #00A287; transition: all .4s; position: absolute; left: 0; bottom: 0;}
.bannerText a:hover { background:#ffffff; color: #00A287;}
.bannerText a img {filter: brightness(0) invert(1); display: block; transition: all .4s;}
.bannerText a:hover img {filter: none;}

.bannerText ul { gap: 30px; display: flex; }
.bannerText li { line-height: 1.5;}
.bannerText li span { display: block;}
.bannerText h4 { display: flex; font-size: var(--font20); margin-bottom: 20px; align-items: center; gap: .3rem;}
.bannerText h4 span { display: flex; align-items: center;}
.bannerText h4 img { display: block; width: clamp(20px,.32rem,32px); margin-right: 10px;}

.meetAdd img,.rightFlex b img,.meet25 p img{display: block; width: clamp(20px,.24rem,24px); margin-right: 8px;} 
.meetFlex { position: relative; margin-top: 16px; display: flex; align-items: start; gap: 24px;}
.meet25,.meet26 { padding:24px; background: rgba(255,255,255,.1); border-radius: 8px;}
.timeInfor { padding-bottom: .16rem; margin-bottom: 8px; font-family: 'ysbt'; font-size: var(--font48); line-height: .75; border-bottom: 2px solid rgba(255,255,255,.2);}
.timeInfor span { color: #FDD72B; font-family: 'ysbt';}
.meetListflex { display: flex; gap: 24px; position: relative;}
.rightFlex b { font-size: var(--font16); line-height: 1.5; display: flex; align-items: center; margin-bottom: .08rem;}
.rightFlex b:last-child { margin: 0;}
.meetListflex p span {font-family: 'ysbt'; font-size: var(--font24);}
.meetListflex p,.meet25 p { font-size: var(--font18); line-height:1.5; display: flex; align-items: center;}
.leftFlex { display: flex; flex-direction: column; gap: .19rem;}
/**/
.meetBar { margin-bottom: 32px; display: inline-flex; align-items: end; border-radius: 8px; background: rgba(255,255,255,.1); padding: .24rem;}
.meetBar img { width: clamp(14px,.24rem,24px); margin-right: clamp(5px,.08rem,8px);}
.meetDate { margin-bottom: 8px; display: flex; align-items: end;}
.monthNum { display: inline-flex; color: #ffffff; background: #00A287; border-radius: 2px; font-size: var(--font16); padding: 0 .12rem; line-height: 1.5;}
.dateNum { margin-left: 8px; display: flex; flex-direction: column;}
.dateNum b { font-family: 'ast'; font-size: var(--font64); line-height: .7;}
.dateNum i { display: block; width: clamp(2px,.06rem,6px); height: clamp(10px,.18rem,18px); background: #ffffff; margin: 8px auto;}
.meetCenter { margin-right:.24rem; display: flex; flex-direction: column; gap: 8px; border-left: 2px solid #DDFFE8; margin-left: .24rem; padding-left: .24rem;}
.stepDesc { display: flex; align-items: center; font-size: var(--font18); line-height: 2;} 
.meetAdd { display: flex; align-items: center; line-height: 2; font-size: var(--font18);}
.rightTitle { font-size: var(--font20); line-height: 1.5;} 
/*inBanner*/
.page-banner { position: relative; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 378px; object-fit: cover;}
.page-banner .img img.mobBanner { display: none;}
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 2;}
.inText { z-index: 3; width: 1554px; max-width: 92%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inText h2 {font-weight: bold; color: #ffffff; line-height:calc(1em + .3rem); margin-bottom:16px; font-size:clamp(20px,.58rem,58px); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText h2 span,.inText h3 span { color: #FDD72B;}
.inText h4 { font-family: 'ast'; color: #ffffff; line-height:calc(1em + .3rem); font-size:clamp(20px,.58rem,58px); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText h4 span{ color: #FDD72B; font-family: 'ast';}
.inText h3 {color: #ffffff; font-weight: bold; line-height:calc(1em + .3rem); margin-bottom:16px; font-size:clamp(20px,.48rem,48px); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText h3 span {font-weight: bold;}
.inText p { width: 1129px; max-width: 100%; color: #ffffff;line-height:2; font-size: var(--font18);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
.inText li {
	position: relative;
	font-size: var(--font18);
	position: relative; color: #ffffff; line-height: 2;
	color: #ffffff;
	padding-left: 23px;
}
.inText li:before { content: ''; position: absolute; left: 10px; border-radius: 50%; top: 50%; width: 3px; height: 3px; background: #ffffff; transform: translateY(-50%);}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}

.contactFlex { padding:.64rem 0 92px; display: flex; justify-content: space-between; gap: .64rem;}
.contactImg { width: 37.5%;}
.contactImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.contactBar { flex: 1;}
.contactArt h2 { color: #291D1D; line-height: 1.5; font-weight: bold; font-size: var(--font64);}
.contactArt p { font-size: var(--font18); line-height: 2; margin-bottom: 24px; color: #1D2129;}
.contactBar ul { display: flex; flex-wrap: wrap; gap: .32rem .24rem;}
.contactBar li { width: calc(50% - .12rem);}
.contactBar li:last-child{ width: 100%;}
.contactBar li p { margin-bottom: 8px; font-size: var(--font22); line-height: 2; color: #291D1D;}
.contactBar li p span { color: #DE111C;}
.contactBar li input { font-size: var(--font18); box-sizing: border-box; width: 100%; height: 44px; padding: 0; border-radius: 8px; border: 1px solid #928D8C; text-indent: .16rem;}
.contactBar li textarea {font-size: var(--font18); box-sizing: border-box; width: 100%; resize: none; padding: 8px 16px;border-radius: 8px; border: 1px solid #928D8C;
width: 100%; height: 100px; outline: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
.contactBar button { display: block; color: #ffffff; background:#00A287; outline: none; box-sizing: border-box; font-weight: bold; border: none;
height: 64px; width: 100%; border-radius: 8px; margin-top: 32px; font-size: var(--font20);}

.contactBar li input.error:focus {border: 1px solid var(--color-red-e41);}
.contactBar li textarea.error:focus {border: 1px solid var(--color-red-e41);}

.homeCont { background-color: #f9fffd; position: relative;}
.postColor { position: absolute; left: 0; top: 6rem;}
.titCell h2{ font-family: 'alimama'; color: #00A287; font-weight: bold; font-size: var(--font48); line-height: 1.63;}
.videoSlide { overflow: hidden; position: relative; border-radius: 16px;}
.videoSlide video { border-radius: 10px; width: 100%; object-fit: cover; display: block; aspect-ratio: 120 / 72;}
.videoDesc { font-weight: bold; z-index: 2; position: absolute; bottom: .24rem; left: .48rem; right: .48rem;line-height: 2; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; color: #fff; font-size: var(--font32);
padding: 0 10px;}
.videoSlide.act::after { display: none;}
.videoSlide.act .videoDesc { display: none;}
.videoSlide::after { content: ''; pointer-events: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 58.33%; background-image:linear-gradient(to bottom,rgba(76,182,156,0),rgba(11,111,87,1));}
.imgBig { border-radius: 16px; overflow: hidden; position: relative;}
.imgBig img { display: block; width: 100%; object-fit: cover; aspect-ratio: 120 / 72;}
#videoCover {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
.videoAlt video { display: block; width: 100%;}
.closeVideo { z-index: 2; cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; border-radius:50%; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -50px;}
.closeVideo:hover { transform: rotate(360deg);}
.videoAlt:hover .closeVideo { opacity: 1;}
.videoAlt { display: none; z-index: 200; width: 1100px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}

.imgAlt {display: none; z-index: 200; width: 1100px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
.imgAlt img { display: block; width: 100%;}

.videoBig { margin-bottom: 24px; margin-top: 32px; position: relative;}
.playBtn { z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: clamp(60px,1.2rem,120px); cursor: pointer;}
.videoBig .swiper-button-prev.videoBig-prev,
.videoBig .swiper-button-next.videoBig-next { color: #00A287;}
.videoBig .swiper-button-prev.videoBig-prev { left: 12px;}
.videoBig .swiper-button-next.videoBig-next { right: 12px;}
.moents { padding: .4rem 0 .64rem;}
.videoTime { position: absolute; top: 16px; left: 16px; background: #00A287; line-height: 18px; border-radius: 18px; color: #ffffff; display: flex;
align-items: center; font-size: 12px; font-style: normal; gap: 2px; padding: 0 6px;z-index:4;}
.videoTime img{ width: 12px!important; display: block;}
.videoSmall { position: relative;}
.videoSmall .swiper-wrapper { padding:10px 0; align-items: stretch;}
.videoSmall .swiper-slide { height: auto;}
.videoSmall .videoCard { border-radius: 8px; transition: all .4s; width: 100%;padding: .12rem; cursor: pointer;}
.videoSmall .videoCard:hover { background: #ffffff; box-shadow: 0 4px 8px rgba(17,51,26,.15);}
.videoSmall .swiper-button-prev,
.videoSmall .swiper-button-next { color: #00A287;}
.videoSmall .swiper-button-prev::after,
.videoSmall .swiper-button-next::after { font-size: 24px;}
.videoSmall .swiper-button-prev { left: -28px;}
.videoSmall .swiper-button-next { right: -28px;}
.videoImg { z-index: 3; position: relative; overflow: hidden;}
.videoImg>img { object-fit: cover; aspect-ratio: 260 / 148; transition: all .4s; display: block; width: 100%;}
.videoImg b { padding: 0 6px; gap: 4.5px; align-items: center; color: #ffffff; font-size: 12px; display: flex; position: absolute; bottom: 8px; left: 8px; background: rgba(66,95,199,.5); line-height: 18px; border-radius: 18px;}
.videoImg b img { display: block; width: 12px;}
.cardInfor p { position: relative; z-index: 2; transition: all .4s; padding-top: .16rem; font-size: var(--font18); line-height: calc(1em + .1rem);}
.cardInfor { position: relative;}
.cardInfor p::after { content: ''; z-index: -1; border-radius: 0 0 8px 8px; transition: all .4s; opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% + 10px); background-image:linear-gradient(to bottom,rgba(76,182,156,.3),rgba(76,182,156,1));}
/* .videoCard.cur .cardInfor p::after { opacity: 1;}
.videoCard.cur .cardInfor p { padding: 18px 16px 8px; color: #ffffff;} */
.bigControl { position: relative;}
.bigControl .swiper-button-prev { left:-30px; color: #00A287;}
.bigControl .swiper-button-next { right:-30px; color: #00A287;}
.bigControl .swiper-button-prev:after,.bigControl .swiper-button-next:after { font-size:24px;}
.homeCase { overflow: hidden; position: relative;}
.homeCase ul { margin-top: 32px; gap: 10px; overflow: hidden; display: flex;}
.homeCase li { border-radius: 6px; overflow: hidden; transition: all .8s;width: calc((100% - 40px)/5); position: relative; height: 530px;}
.homeCase .homeCase-prev.swiper-button-prev,
.homeCase .homeCase-next.swiper-button-next { color: #fff;}
.homeCase .homeCase-prev.swiper-button-prev::after,
.homeCase .homeCase-next.swiper-button-next::after { font-size: 24px;}
.homeCase .homeCase-prev.swiper-button-prev { left: 1%; right: auto;}
.homeCase .homeCase-next.swiper-button-next { right: 1%; left: auto;}
.homeCase li:last-child { margin-right: 0;}
.homeCase li>img {object-position: 20% center; display: block; width: 100%; height: 100%; object-fit: cover;}
.controlCenter .swiper-slide img { width: 100%; display: block; aspect-ratio: 272 / 530; object-fit: cover; object-position:20% center;}
.modeText { display: none; transition: all .4s; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; text-align: center; color: #ffffff; padding: 83px 24px 0;}
.modeText p { font-size: var(--font18); line-height: calc(1em + .1rem);}
.homeCase li::after { content: ''; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(0,82,73,.8),rgba(0,82,73,.8));}
.modeIcon { position: relative; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.2); margin: 0 auto 44px;}
.modeIcon::after { content: ''; box-sizing: border-box; position: absolute; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px);
border-radius: 50%; border: 1px dashed #ffffff;}
.hideText { transition: all .8s; position: absolute; left: 0; bottom: 0; width: 100%; padding:10px 20px; background: #00A287; color: #ffffff; z-index: 2;}
.hideText a { transition: all .4s; display: inline-flex; border: 1px solid #ffffff; padding: 0 16px; font-size: var(--font16); border-radius: 8px; color: #ffffff; line-height: 40px; margin-top: .68rem; }
.hideText a:hover { background: #00A287; border: 1px solid #00A287;}
.hideText p { font-size: var(--font16); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; line-height: 1.33; color: #ffffff;}
.hideText span { display: none; font-size: var(--font16); line-height:1.5;}
.controlCenter { position: relative; width:1500px; max-width:92%; margin:0 auto;}
.caseCont { margin-top: 32px;}
.controlCenter li.act .hideText p {-webkit-line-clamp:6;}
.controlCard { display: block; border-radius: .16rem; position: relative; overflow: hidden;}
.controlCenter .swiper-slide { border-radius: .16rem; transition: all .4s;}
.controlCenter .swiper-wrapper { padding-top: .7rem;}
.controlCenter .swiper-slide:hover { padding: .16rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); transform: translateY(-.5rem);}
.controlCenter .swiper-button-prev,.controlCenter .swiper-button-next { width: clamp(30px,.48rem,48px); height: clamp(30px,.48rem,48px); background: #ffffff;
border: 1px solid #C0C4CF; border-radius: 50%;}
.controlCenter .swiper-button-prev { color: #00A287; transition: all .4s; font-size: 20px; left: 0; transform: translateX(-50%);}
.controlCenter .swiper-button-next { color: #00A287; transition: all .4s; font-size: 20px; left:auto; right: 0; transform: translateX(50%);}
.controlCenter .swiper-button-next:hover,.controlCenter .swiper-button-prev:hover { color: #ffffff; background: #00A287; border: 1px solid #00A287;}
.controlCenter .swiper-button-prev:after,.controlCenter .swiper-button-next:after { font-size: var(--font20);}
.homeMeet { margin-top: 64px;}
.meetCont { margin-top: 24px; /*background: url(../images/meetbg.jpg) center bottom no-repeat; */ background-image: linear-gradient(to bottom,#f9fffd,#ffffff); padding: .4rem 0 .85rem;}
.dataSlide { text-align: center;}
.dataSlide p { font-weight: bold; font-size: var(--font72); line-height: 1.5; color: #1D2129;}
.dataSlide p b { font-weight: bold;}
.meetData {gap: 1.25rem;display: flex;justify-content: center;align-items: center;}
.meetData span { display: block; font-size: var(--font24); color: #4E5969; line-height: 2;}
.meetNum { position: relative;}
.postMeet { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.postMeet img { border-radius: 100px;}
/* .postMeet:before { content: ''; position: absolute; left: -100px; border-radius: 80px 0 0 80px; height: 100%; top: 0; width: 110px; background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));}
.postMeet:after { content: ''; position: absolute; right: -100px; border-radius: 80px 0 0 80px; height: 100%; top: 0; width: 110px; background-image: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));}
 */
/* scrollImg 4行图片无缝向左滚动，每行一张图 */
.scrollImg { overflow: hidden; width: 100%; margin:72px auto 0;}
.scrollImg-track { display: flex; flex-direction: column; gap: clamp(16px, .8rem, 80px);}
.scrollImg-row { overflow: hidden; width: 100%;}
.scrollImg-inner { display: flex; align-items: center; gap: clamp(24px, 3vw, 48px); width: max-content; animation: scrollImgLeft 45s linear infinite;}
.scrollImg-inner img { flex-shrink: 0; height: 48px; width: auto; object-fit: contain;}
.scrollImg-row:nth-child(3) .scrollImg-inner img,.scrollImg-row:nth-child(4) .scrollImg-inner img { height: 40px;}
@keyframes scrollImgLeft {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
/**/
.meetPeople { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); display: flex; align-items: center;
justify-content: space-around; padding: 0 1rem; text-align: center;}
.peopleData p { font-weight: bold; display: inline-block; font-size: var(--font120); background-image: linear-gradient(to right, #0FCCA8, #005E35); -webkit-background-clip: text; color: transparent;}
.peopleData p b{ font-weight: bold;}
.peopleData span { font-size: var(--font24); color: #4E5969; display: block;}
.challenge { background: url(../images/tiaozhan.jpg) center no-repeat; background-size: cover; padding: .78rem 0;}
.challengeDesc h2 { font-size: var(--font40); line-height: calc(1em + .3rem); margin-bottom: 24px; color: #ffffff;}
.challengeDesc h2 span { color: #FDD72B;}
.challengeDesc { margin: 0 auto; width: 1200px; max-width: 92%;}
.challengeCont p { font-size: var(--font40); line-height: 2; color: #ffffff; margin-bottom: 24px;}
.challengeDesc a { display: inline-flex; align-items: center; color: #ffffff; font-size: var(--font16); gap: 10px; padding:0 1em; line-height: 2.5;
border-radius:4px; background: #00A287; transition: all .4s;}
.challengeDesc a:hover { background: rgba(255,255,255,.2); color: #ffffff;}
.challengeDesc a img {filter: brightness(0) invert(1); display: block; transition: all .4s;}
.challengeDesc a:hover img {filter: brightness(0) invert(1);}
.challengeTop b { display: block; font-size: var(--font32); color: #ffffff; line-height: 1.5;}
.challengeTop p { font-weight: bold; font-size: var(--font42); line-height: 1.51; color: #ffffff;}
.challengeTop p span { font-weight: bold; color: #FDD72B;}
.challengeFlex { margin-top: .24rem; display: flex; align-items: end;}
.whiteBlock { border-radius: 8px; margin-right: .48rem; background: rgba(255,255,255,.1); padding: .16rem .24rem;}
.whiteBlock>img { display: block; width: clamp(160px,3.12rem,312px); margin-bottom: .24rem;}
.chaDec { gap: .24rem; display: flex; align-items: center; color: #ffffff;}
.chaDec span { display: flex; align-items: center; color: #ffffff; gap: 8px;}
.chaDec span img { width: clamp(16px,.24rem,24px); display: block;}
/*footer*/
.footer { background: url(../images/footBg.jpg) center no-repeat; background-size: cover;}
.footerTop { padding: 46px 0; display: flex; justify-content: space-between;}
.footLogo img { display: block; width: 312px;}
.footLogo { margin-bottom: 40px;}
.footLink ul{ display: flex; gap:165px;}
.footLink p a {  font-size: var(--font18); color: rgba(255,255,255,.8);}
.footLink p { transition: all .4s; line-height: calc(1em + .1rem); margin-bottom: 8px;}
.footLink li h2 a { font-size: 18px; color: #ffffff;}
.footLink p:hover { opacity: 1; transform: translateX(5px); opacity: 1;}
.footLink p:hover a { color: #ffffff;}
.footLink li h2 { line-height: 1; margin-bottom: 20px;}
.footerContact h2 { color: #ffffff; font-size: var(--font18); line-height: calc(1em + .1rem); margin-bottom: 20px;}
.copyRight {padding: 24px 0; text-align: center; border-top: 1px solid rgba(255,255,255,.2);}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: var(--font16); line-height: 2; color: rgba(255,255,255,.6);}
.copyRight a:hover { color: #ffffff;}
.copyRight p br { display: none;}
.copyRight p span { margin:0 5px;}
.copyRight p img { width: 24px; display: block;}
.scaleEwm { border: 6px solid #ffffff; border-radius: 3px; transition: all 0.5s; transform: scale(0); transform-origin: bottom center; position: absolute; bottom: 50px; width: 100px;}
.menubox { display: none;}
.footerLeft { width: 292px;}
.footDesc p { font-size: var(--font18); line-height: 2; color: rgba(255,255,255,.8);}
.footDesc { margin-bottom: 12px;}
.footerShare { display: flex; gap: 16px;}
.footerContact p { line-height: 2; margin-bottom: 20px; display: flex; align-items: center;gap: 6px; font-size: var(--font18); color: rgba(255,255,255,.8);}
.footerContact p:last-child { margin: 0;}
.footerContact p img { width: 24px;}
.registrationForm { background: #ffffff; padding: 0 0 .64rem;}
/* 报名进度步骤 */
.regSteps { display: flex; align-items: center; justify-content: center; margin-bottom: 48px;}
.regStep { display: flex; align-items: center; gap: .16rem; color:#C0C4CF; font-size: var(--font24);}
.regStep img { display: none;}
.regStep.cur { color: #00A287; font-weight: 500;}
.regStep-num { display: inline-flex; align-items: center; justify-content: center; width: clamp(20px,.4rem,40px); height: clamp(20px,.4rem,40px); border-radius:4px; border: 1px solid #C0C4CF; color: inherit; font-size: var(--font24);}
.regStep.cur .regStep-num { border-color: var(--color-blue-004); background: var(--color-blue-004); color: #fff;}
.regStep-line { width: 1.24rem; height: 1px; background: #C0C4CF; margin: 0 .24rem;}
.regStep.cur+.regStep-line { background: #00A287;}
.regStep.done {  color: var(--color-blue-004);}
.regStep.done + .regStep-line { background: #00A287;}
.regStep.done .regStep-num { font-size: 0; background: #00A287; border: 1px solid #00A287;}
.regStep.done .regStep-num img { display: block; width: 60%; height: auto;filter: brightness(0) invert(1);}
/* 购票席位页 */
/* 席位介绍：左列条件，右三列独立可选中，每列内隔行变色，设计稿配色 */
.buySeatTiers { margin-bottom: 48px; display: flex; gap: 63px;}
.buySeatTiers b { display: block; font-size: var(--font16); line-height: 1.5;  color: rgba(78, 89, 105, 1); margin-top: .2rem;}
.buySeatTiers-featureRow { padding: 12px 20px; font-size: var(--font15); color: #1D2129; border-bottom: 1px solid #E5E8EC;}
.buySeatTiers-tier { position: relative; background: rgba(247, 248, 250, 1); border: 2px solid rgba(247, 248, 250, 1); border-radius: .24rem; width:285px; padding: 10px 24px 10px 24px;}
.buySeatTiers-tier dl { display: none;}
/* .buySeatTiers-tier:nth-child(1) { border: 1px solid #84D3C0;} */
.buySeatTiers-tier:nth-child(1).cur { border: 2px solid #00A287;}
/* .buySeatTiers-tier:nth-child(2) { border: 1px solid #FDEFCA;} */
.buySeatTiers-tier:nth-child(2).cur { border: 2px solid #C5B8FE;}
.buySeatTiers-tier:nth-child(3) { border: 1px solid #F2EBFB;}
.buySeatTiers-tier:nth-child(3).cur { border: 2px solid #D6B7FF;}
.buySeatTiers-tier li { height: .78rem; display: flex; justify-content: center; align-items: center;}
.buySeatTiers-tier:nth-child(1) ul,.buySeatTiers-tier:nth-child(1) dl { background: #84D3C0;}
.buySeatTiers-tier:nth-child(1) li:nth-child(2n),.buySeatTiers-tier:nth-child(1) dt:nth-child(2n) { background: #fff;}
.buySeatTiers-tier:nth-child(2) ul,.buySeatTiers-tier:nth-child(2) dl { background: #FDEFCA;}
.buySeatTiers-tier:nth-child(2) li:nth-child(2n),.buySeatTiers-tier:nth-child(2) dt:nth-child(2n) { background: #fff;}
.buySeatTiers-tier:nth-child(3) ul,.buySeatTiers-tier:nth-child(3) dl { background: #F2EBFB;}
.buySeatTiers-tier:nth-child(3) li:nth-child(2n),.buySeatTiers-tier:nth-child(43) dt:nth-child(2n) { background: #fff;}

.buySeatTiers-tier:nth-child(2) .buySeatTiers-pill p { display: inline;}
.buySeatTiers-pill { display: block; line-height: 1.5; padding-right: 60px; margin-bottom: 20px; font-size: var(--font24); font-weight: bold;}

.buySeatTiers-price { box-sizing: border-box; padding-left: .13rem; background:url(../images/gtag.png) center no-repeat; padding-top: .12rem; background-size: 100% auto; width: 1.13rem; height: 1.04rem; position: absolute; font-size: var(--font32); font-weight: bold;
right: -.2rem; top: -.13rem; color: #ffffff; text-align: center;}
.buySeatTiers-price span { display: block; font-size: var(--font14); font-weight: normal;}
.buySeatTiers-vat { font-size: var(--font16); line-height: 1.5; color:rgba(78, 89, 105, 1);}
.buySeatTiers-tier:nth-child(2) .buySeatTiers-price { background:url(../images/ptag.png) center no-repeat; background-size: 100% auto; color: rgba(57, 0, 69, 1);}
.buySeatTiers-tier:nth-child(1) .buySeatTiers-pill { color: rgba(14, 61, 0, 1);}
.buySeatTiers-tier:nth-child(2) .buySeatTiers-pill { color: rgba(57, 0, 69, 1);}
.regNoticeTit { margin-bottom: clamp(20px,.48rem,48px);}
.regNoticeTit h2 { margin-bottom: 10px; font-weight: bold; font-size: var(--font32); line-height: 1.5; color: rgba(29, 33, 41, 1);}
.regNoticeTit p {font-size: var(--font16); line-height: 1.5; color: rgba(78, 89, 105, 1);}
.formBorder { margin-bottom: 20px; border: 1px solid rgba(192, 196, 207, 1); padding: clamp(10px,.24rem,24px); border-radius: 8px;}
.formBorder:last-child { margin: 0;}
.buySeatTiers-cell { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #E5E8EC; padding: 10px;}
.buySeatTiers-cell img { width: 20px; height: 20px; object-fit: contain;}



.buySeatForm-section { margin-top: 32px;}
.buySeatForm-label { display: block; margin-bottom: 8px; line-height: 2; font-size: var(--font24); color: #1D2129;}
.buySeatForm-row { margin-bottom: 20px;}
.buySeatForm-label span { color: #ff0000;}
.buySeatForm-input { width: 100%; height: 52px; padding: 0 14px; border: 1px solid var(--color-gray-ddd); border-radius: 6px; font-size: var(--font18); box-sizing: border-box;}
.buySeatForm-input:focus { border-color: var(--color-blue-004); outline: none;}
.buySeatForm-passWrap {    width: 580px; max-width: 100%; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--color-gray-ddd); border-radius: 6px; padding: 0 12px; height: 52px; box-sizing: border-box;}
.buySeatForm-passWrap .buySeatForm-select { outline: none; height: 40px; padding: 0 32px 0 0; border: none; border-radius: 0; font-size: var(--font18); min-width: 140px; appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 0 center no-repeat;}
.buySeatForm-qty { background: #f6f6f6; padding: 0 12px; border: 1px solid #C0C4CF; border-radius: 40px; height: 40px; border-radius: 40px; display: flex; align-items: center; overflow: hidden;}
.buySeatForm-qtyBtn { padding: 0; width: 20px; height: 20px; border: none; background: var(--color-gray-f6); cursor: pointer; font-size: 18px; color: var(--color-gray-666);}
.buySeatForm-qtyBtn:hover { background: var(--color-gray-eee);}
.buySeatForm-qtyBtn img { display: block; width: 100%;}
.buySeatForm-qtyNum { min-width: 36px; text-align: center; font-size: var(--font16);}
.buySeatPayList { margin-bottom: .36rem; display: flex; flex-direction: column; gap: 24px;}
.buySeatPayItem { display: flex; align-items: center; gap: 16px; cursor: pointer;}
.buySeatPayItem p { font-size: var(--font24);}
.buySeatPayRadio { position: absolute; opacity: 0; width: 0; height: 0;}
.buySeatPayIcon { width: 20px; height: 20px; flex-shrink: 0; background: url(../images/radio.png) center/contain no-repeat;}
.buySeatPayItem input:checked + .buySeatPayIcon { background-image: url(../images/radioed.png);}
.buySeatPayLogo { height: 48px; width: auto; max-width: 120px; object-fit: contain;}
.formSubmitBtn { background: var(--color-blue-004); color: #ffffff; border: none; padding: .14rem .6rem; font-size: var(--font20); border-radius: 6px; cursor: pointer; transition: background 0.3s; width: 250px; max-width: 100%;}
.formSubmitBtn:hover { background: #008a72;}
.buySeatForm-submit { background: var(--color-blue-004); color: #ffffff; border: none; padding: .14rem .6rem; font-size: var(--font20); border-radius: 6px; cursor: pointer; transition: background 0.3s; width: 250px; max-width: 100%;}
.buySeatForm-submit:hover { background: #008a72;}
.buySeatTerms { margin-top: 35px;}
.buySeatTermItem { margin-bottom: 16px;}
.buySeatTermLabel { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: var(--font18); color: #4E5969;}
.buySeatTermLabel a{ font-size: var(--font18); color: var(--color-blue-004);}
.buySeatTermCheck { position: absolute; opacity: 0;}
.buySeatTermIcon { margin-top: 3px; width: 20px; height: 20px; flex-shrink: 0; background: url(../images/checks.png) center/contain no-repeat;}
.buySeatTermLabel input:checked + .buySeatTermIcon { background-image: url(../images/checked.png);}
.buySeatTermCheck:checked + .buySeatTermIcon { background-image: url(../images/checked.png);}
.buySeatTermTxt { line-height: 1.6;}
.buySeatTermTxt .required { color: var(--color-red-e41);}
.buySeatSummary {flex: 1; max-width: 434px;}
.buySeatSummary-title { font-size: var(--font24); line-height: 2; margin-bottom: 8px;}
.summaryCont { padding: 16px 27px 46px; border: 1px solid #C0C4CF; border-radius: 16px;}
.summaryCont li { padding:.14rem 0; border-bottom: 1px solid #C0C4CF;}
.summaryCont li h2 { display: flex; align-items: center; font-size: var(--font18); color: #1D2129;}
.summaryCont li:nth-child(1) h2 { font-size: var(--font18);}
.summaryCont li h2 span { color: #4E5969; font-size: var(--font14);}
.summaryCont li .descFlex { display: flex; align-items: center; justify-content: space-between;}
.descFlex h2 {font-size: var(--font14); color: #1D2129;}
.descFlex p { color: #4E5969; font-size: var(--font16);}
.summaryCont li:last-child { border: none;}
/* 注册表单 */
.regForm{display:block;border-radius:6px;}
.regForm .regForm-title{display:block;margin-bottom: 20px; font-size: var(--font24);}
.regForm-row { display: flex; gap: 36px; margin-bottom: 24px;}
.regForm-col { flex: 1;}
.regForm-label { display: block; line-height: 2; margin-bottom: 8px; font-size: var(--font18); color: var(--color-black);}
.regForm-label .required { color: var(--color-red-e41);}
.regForm-input { background: none; width: 100%; height: 52px; padding: 0 16px; border: 1px solid var(--color-gray-ddd); border-radius: 4px; font-size: var(--font18); color: var(--color-black); box-sizing: border-box;}
.regForm-input::placeholder { color: #86909C;}
.regForm-input:focus { border-color: var(--color-blue-004); outline: none;}
.regForm-input.error:focus { border-color: var(--color-red-e41); outline: none;}
.regForm-input.error {border-color: var(--color-red-e41);}
.regForm-select { appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat; padding-right: 36px;}
.regForm-emailWrap { display: flex; align-items: stretch; border: 1px solid var(--color-gray-ddd); border-radius: 6px;}
.regForm-emailInput { border: none; border-radius: 0; flex: 1;}
.regForm-emailWrap:focus-within { border-color: var(--color-blue-004);}
.regForm-emailSuffix { position: relative; display: flex; align-items: center; gap: 4px; padding: 0 12px; color: var(--color-gray-666); font-size: var(--font14); cursor: pointer; user-select: none;}
.regForm-emailArrow { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--color-gray-666); transition: transform 0.2s;}
.regForm-emailSuffix.on .regForm-emailArrow { transform: rotate(180deg);}
.regForm-emailDropdown { display: none; position: absolute; left: 0; top: 100%; margin: 0; padding: 4px 0; list-style: none; background: #fff; border: 1px solid var(--color-gray-ddd); border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 10; min-width: 100%;}
.regForm-emailSuffix.on .regForm-emailDropdown { display: block;}
.regForm-emailDropdown li { padding: 8px 12px; font-size: var(--font14); color: var(--color-gray-333); cursor: pointer; white-space: nowrap;}
.regForm-emailDropdown li:hover { background: var(--color-gray-f6); color: var(--color-blue-004);}
.regForm-phoneWrap { display: flex; align-items: stretch; border: 1px solid var(--color-gray-ddd); border-radius: 6px;}
.regForm-phoneInput { border: none; border-radius: 0; flex: 1;}
.regForm-phoneWrap:focus-within { border-color: var(--color-blue-004);}
.regForm-phoneCountry { position: relative; display: flex; align-items: center; gap: 4px; padding:0 0 0 12px; cursor: pointer; user-select: none; }
.regForm-phoneCountry .countryFlag { width:32px; display: block; object-fit: cover;}
.regForm-phoneArrow { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--color-gray-666); transition: transform 0.2s;}
.regForm-phoneCountry.on .regForm-phoneArrow { transform: rotate(180deg);}
.regForm-phoneDropdown { display: none; position: absolute; left: 0; top: 100%; margin: 0; padding: 4px 0; list-style: none; background: #fff; border: 1px solid var(--color-gray-ddd); border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 10; min-width: 120px;}
.regForm-phoneCountry.on .regForm-phoneDropdown { display: block;}
.regForm-phoneDropdown li { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: var(--font14); color: var(--color-gray-333); cursor: pointer; white-space: nowrap;}
.regForm-phoneDropdown li img { width: 20px; height: 15px; display: block; object-fit: cover;}
.regForm-phoneDropdown li:hover { background: var(--color-gray-f6); color: var(--color-blue-004);}
.regForm-confirmRow { flex-direction: column; align-items: flex-start; gap: 8px;}
.regForm-confirmRow .regForm-label { margin-bottom: 0;}
.regForm-confirmRow .buySeatForm-submit { align-self: center; margin: 0;}
.regForm-checkWrap { display: flex; align-items: start; gap: 10px; cursor: pointer; font-size: var(--font15); color: var(--color-gray-666); flex: 1;}
.regForm-check { width: 18px; height: 18px; flex-shrink: 0;}
.regForm-checkTxt { color: #1D2129; font-size: var(--font18); line-height: 1.5;}

/*wzxq*/
.articlePage { padding-top: 75px;}
.wzxq{width: 1210px; padding-top: .64rem; margin: 0 auto;max-width: 94%;}
.wzxq-nr{font-size: var(--font24); line-height: 2;color: #4E5969;text-indent: 2em;}
.wzxq-nr img{margin: 20px auto;max-width: 100%;display: block;}
.wzxq-title{text-align: center; padding: 0 0 30px;}
.wzxq-title h2{font-size: var(--font32);color: #000000;margin-bottom: 35px;}
.wzxq-title p{display: flex;justify-content: center;gap:27px;align-items: center;font-size: var(--font16);color: #4E5969;}
.wzxq-title p a{padding: 0 10px; line-height: 32px;border-radius: 6px;background: #DDFFE8;color: #00A287;}
.voder{width: 900px;margin: 0 auto 20px auto; position: relative;max-width: 94%;}
.voder video{display: block;width: 100%; aspect-ratio: 330 / 248; object-fit: cover;}
.bfbtn1{position: absolute;}
.fxnr h2{text-align: center; font-size: clamp(18px,.24rem,24px);color: #1D2129; padding: 30px 0 12px;}
.fxnr ul{display: flex;justify-content: center;gap:8px;}
.fxnr img{transition: all .5s; width: 40px;}
.fxnr a:hover img{opacity: .6;}
.xgwz-title h2{ font-family: 'alimama'; font-weight: bold; font-size: var(--font44);color: #00A287;padding: 80px 0 30px;}
.xgwz-rn ul{display: flex;gap:25px;flex-wrap: wrap;padding-bottom: 130px;}
.xgwz-rn li{width: calc(33.33% - 50px/3);}
.xgwzbox{position: relative;border-radius: 12px; overflow: hidden;}
.xgwzbox img{width: 100%; object-fit: cover;aspect-ratio: 385 / 336;transition: all 1s;}
.xgwzbox p{font-size: 24px; line-height: 36px; width: 100%; position: absolute; left: 0;bottom: 0; padding: 80px 25px 20px 25px;color: #fff;box-sizing: border-box;background-image: linear-gradient( transparent, rgba(76, 182, 156, .92));}
.xgwz-rn a:hover img{transform: scale(1.1);}
.articleBorder {padding: 24px; border: 1px solid #C0C4CF;}
/*news*/
.banner2{position: relative;}
.banner2 img{width: 100%;}
.banner2-text{width: 1500px;max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);position: absolute;}
.banner2-text h2{font-size: 58px;color: #fff;margin-bottom: 30px;}
.banner2-text h2 b{color: #fdd72a;}
.banner2-text p{color: #fff;font-size: 18px;line-height: 2;}
.wzxw{width: 1200px;margin: 0 auto;max-width: 94%;padding-bottom: 50px;}
.wzxw-title{text-align: center; padding: 48px 0;display: flex;justify-content: center;}
.wzxw-title ul{display: flex;padding: 4px 8px;background: #00A287;border-radius: 30px;}
.wzxw-title a{display: block; transition: all .4s; text-align: center; line-height: 52px;color: #fff;border-radius: 26px;font-size: var(--font24);}
.wzxw-title li.cur a{background: #fff;color: #000645;}
.wzxw-title a:hover{background: #fff;color: #000645;}
.wzxwbox{align-items: start;display: flex;justify-content: space-between;}
.wzxw-nr>ul>li { margin-bottom: 65px;}
.wzxw-img{width: 266px;overflow: hidden;}
.wzxw-img img{width: 100%; object-fit: cover;aspect-ratio: 266 / 159;transition: all 1s;}
.wzxw-text{width: calc(100% - 300px); padding-bottom: clamp(10px,.16rem,16px); border-bottom: 1px solid #c0c4cf;}
.wzxw-text h2{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 20px;color: #1D2129;margin:0 0 10px 0; font-weight: bold;}
.wzxw-text p{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 18px;line-height: 2;color: #4E5969;}
.wzxw-text h3{font-size: 16px;color: #86909C; margin-top: 15px;}
.wzxw-text h3 img{display: inline-block;vertical-align: middle; width:24px; margin: -3px 10px 0 0;}
.wzxwbox:hover .wzxw-img img{transform: scale(1.1);}
.wzxwbox:hover h2{color: #00A287;}
.wzfy ul{display: flex;justify-content: center;gap:20px;}
.wzfy a{ transition: all .4s; display: block; line-height: 42px;border: 1px solid #c0c4cf; padding: 0 16px;border-radius: 6px;font-size: 18px;color: #4E5969;}
.wzfy span{border-radius: 6px;font-size: 18px;color: #4E5969;line-height: 42px;}
.wzfy li.cur a{background: #00A287;border: 1px solid #00A287;color: #fff;}
.wzfy a:hover{background: #00A287;border: 1px solid #00A287;color: #fff;}
.h68{height: 68px;background: #e9f0ff;}
.closeMenu { display: block; width: 32px;}
/*bmxx*/
.bmxx-bg{background: #e9f0ff;padding: 30px;}
.bmxx{background: #fff;}
.bmxx-title{padding: 68px 0 52px;}
.bmxx-title ul{display: flex;gap:24px;justify-content: center;}
.bmxx-title span{display: block; position: relative; padding-right: 150px;color: #1D2129;font-size: 24px;}
.bmxx-title span:before{position: absolute;content: "";border-bottom: 1px solid #00A287;width: 124px; right: 0;top: 50%;transform: translateY(-50%);}
.bmxx-title img{display: inline-block;vertical-align: middle; margin: -3px 16px 0 0;}
.bmxx-title  ul li:nth-child(3) span:before{display: none;}
.bmxx-title  ul li:nth-child(3) span{padding: 0;}
.bmxx-top{text-align: center;}
.bmxx-top h2{font-size: 24px;color: #000000;margin: 25px 0 10px;}
.bmxx-top p{font-size: 18px;color: #4E5969;}
.bmxx-top img{margin: 0 auto;}
.resultCard { padding: .18rem .22rem; width: 446px; height: 191px; margin: .48rem auto .64rem; background-size: 100% auto;}
.resultCard h2 { margin-bottom: 5px; display: flex; align-items: center; gap: 9px; font-family: alimama; font-style: italic; color: #00A287;}
.resultCard h3 { margin-bottom: .3rem; color: #0E3D00; font-size: var(--font24);}
.resultCard h3 span { color: #0E3D00; font-size: var(--font18); margin-left: .4rem;}
.resultCard p { line-height: 1.3; color: #62B7A9; font-size: var(--font18);}
.resultCard p span { color: #00A287; margin-left: .17rem;}
.bmxx { padding-top: 64px;}
.mobMenu { display: none;}
.banner .subLink { display: none;}
.mobsubLink { display: none;}
.mobTitle { display: none;}
.payType {width: 100%;}
/**/

.aboutText p {color: #4E5969; font-size: var(--font18); line-height: 2;}
.groupBg {padding: .64rem 0; position: relative; z-index: 2;}
.groupBg::after {content: ''; width: 100%; position: absolute; left: 0; top: 0; height: 100%; background: url(../images/groupbg.jpg) center no-repeat;
background-size: cover; z-index: -1;}
.groupDesc h2 {line-height: 2; font-size: var(--font32); color: #1D2129; font-weight: bold; margin-bottom: .24rem;}

.groupBg dl { display: none; margin-top: clamp(20px,.5rem,50px); overflow: hidden;}
.groupBg dt { float: left; width: 25%; position: relative;}
.groupBg dt img { aspect-ratio: 1 / 1; display: block; width: 100%;}
.groupBg dt p { position: absolute; left: 12px; top: 10px; color: #0E3D00; font-size: var(--font16); line-height: 1.5;}
.groupBg dt span { color: #0E3D00; position: absolute; left: 16px; bottom: 16px; font-size: var(--font18); line-height: 1.5;}
.groupBg dt:nth-child(2n) p,.groupBg dt:nth-child(2n) span { color: #ffffff;}
.aboutIntroduce { padding: .64rem 0 1.26rem;background: url(../images/mapimg.png) center no-repeat;}
.aboutFlex { display: flex; gap: 55px; justify-content: space-between;}
.aboutText {flex: 1;}
.aboutText .titCell{ padding-bottom:20px;}
.aboutVideo { display: none; flex: 1; padding: 0 .4rem .72rem 0; position: relative;}
.aboutVideo::after { content: ''; position: absolute; right: 0; bottom: 0; background: #00A287; left: .9rem; top: .6rem;}
.aboutVideo video { position: relative; z-index: 2; width: 100%;}
.aboutVideo::after { content: '';}
.createCont { margin-bottom: .64rem;}
.createDesc { font-size: var(--font18); color: #4E5969; line-height: 2; margin-top: .24rem;}
.createCont ul { margin-top: .48rem; display: flex; justify-content: space-between;}
.createCont li { text-align: center;}
.createCont li img { display: block; margin: 0 auto 8px; height: clamp(32px,.56rem,56px);}
.createCont li p {color: #1D2129; line-height: 2; font-size: var(--font18);}
.group .titCell { margin-bottom: .28rem;}
.group ul { margin-top: .56rem; display: flex; gap: .24rem;}
.group li { border-radius: 8px; overflow: hidden; width: calc((100% - .48rem)/3); box-shadow: 0 4px 15px rgba(23,40,11,.15);}
.groupImg img { display: block; object-fit: cover; aspect-ratio: 384 / 300; width: 100%;}
.groupImg { overflow: hidden;}
.groupText { padding: 8px 16px;}
.groupText h2 { font-weight: bold; font-size: var(--font32); line-height: 1.5; color: #1D2129; margin-bottom: 8px;}
.groupText p { font-size: var(--font18); line-height: 2; color: #4E5969; position: relative; padding-left: .3rem;}
.group p:before { position: absolute; left: .1rem; top: 50%; border-radius: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #4E5969;}
.meetDesc { font-size: var(--font18); color: #4E5969; line-height: 2; margin-top: .24rem;}
.newsType { margin-bottom: clamp(20px,.24rem,24px); display: flex;}
.newsType a { flex: 1; text-align: center; color: #ffffff; font-size: var(--font20); line-height: 1.5; padding: .25rem 0; background: rgb(0,162,135);}
.newsType a.cur { color:rgb(0,162,135); background: #ffffff;}
.locationName,.locationName a {color: #4E5969; font-size: var(--font16); line-height: 2;}
.locationName { margin-bottom: clamp(20px,.24rem,24px);}
.controlFlex { display: flex; justify-content: space-between; align-items: center;}

.controlButton span { transition: all .4s; cursor: pointer; display: flex; justify-content: center; align-items: center; width: clamp(28px,.32rem,32px); height: clamp(28px,.32rem,32px); border-radius: 50%; border: 1px solid #C0C4CF;}
.controlButton { display: none; align-items: center; gap: 15px;}
.controlButton span img { transition: all .4s; display: block;}
.controlButton span:hover img { filter: brightness(0) invert(1); }
.controlButton span:hover {background: rgb(0,162,135); border: 1px solid rgb(0,162,135);}
.homeCase .locationName { margin: 0;}
.inCase { margin-bottom: .6rem; padding-top: clamp(20px,.64rem,64px);}
.inCase .titCell h2 { font-size: var(--font32); color: #1D2129;}
.inCase ul { margin: 1rem auto 0; width: 1500px; max-width: 92%;}
.downList li a { display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background: #EDF6F5;}
.downList li { margin-bottom: 24px;}
.downList li img { width: 24px;}
.downList { padding-bottom: 1.38rem;}
.downList li a p { flex: 1; line-height: 1.5; color: #1D2129; font-size: var(--font24);}
.Conferences { margin-top: .64rem;}
.highlightsBanner { position: relative; z-index: 2;}
.highlightsBanner video { position: relative; display: block; width: 100%; height: clamp(350px,7rem,700px); object-fit: cover;}
.highlightsBanner::after { content: ''; position: absolute; height: 50%; width: 100%; left: 0; bottom: 0; background-image: linear-gradient(to bottom,rgba(76,182,156,0),rgba(76,182,156,1));}
.highlightsBanner span { z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; display: block; width: clamp(60px,1.2rem,120px);}
.highlightsBanner p { font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; box-sizing: border-box; padding: 0 10px; position: absolute; left: 0; bottom: 24px; color: #ffffff; font-size: var(--font48); line-height: 2; width: 100%; text-align: center; z-index: 2;}
.lightTop { flex: 1; max-width: 100%; margin-bottom: .24rem; display: flex; justify-content: space-between; gap: 10px;}
.bigLights { overflow: hidden; border-radius: 16px; position: relative; flex: 1;}
.lightsList ul { flex-wrap: wrap; display: flex; flex: 1; gap: .24rem;}
.lightsList li {  width: calc((100% - .48rem)/3); box-sizing: border-box;}
.lightsList li p { font-size: var(--font14); line-height: 1.57; color: #1D2129;}
.listImg { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: .16rem;}
.listImg>img { aspect-ratio: 290/230; object-fit: cover;}
.lightsList li img { display: block; object-fit: cover; width: 100%; aspect-ratio: 290 / 230;}
.bigLights::after { content: ''; pointer-events: none; position: absolute; bottom: 0; left: 0; width: 100%; top: 1.12rem;background-image: linear-gradient(to bottom,rgba(76,182,156,0) 75%,rgba(76,182,156,1));}
.bigLights p {overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding: 0 10px; box-sizing: border-box; text-align: center; z-index: 4; font-size: var(--font24); line-height: 1.5; position: absolute; bottom:.24rem; left: 0; width: 100%; color: #ffffff;}
.bigLights img { display: block; width: 100%; height: 100%; object-fit: cover;}
.lightsList { margin-top: .64rem; margin-bottom: .9rem;}
.lightsList .lightBottom li { width: calc((100% - .72rem)/4);}

.caseSubmissionForm { flex: 1; max-width: 100%; background: #ffffff; padding: 0 0 .64rem;}
.caseSubmission-title { text-align: center; margin-bottom: .48rem;}
.caseSubmission-title h2 { font-weight: bold; font-size: var(--font36); color: var(--color-black); margin-bottom: .48rem;}
.caseSubmission-tips { display: flex; justify-content: center; align-items: center; gap: .16rem; font-size: var(--font16); color: #4E5969; width: 835px; max-width: 100%; margin: 0 auto; background: #EDF6F5; border-radius: 4px; line-height: 56px;}
.templateDownload { display: flex; align-items: center; gap: .08rem; color: var(--color-blue-004); text-decoration: none;}
.wordIcon { display: inline-flex; align-items: center; justify-content: center; width: clamp(20px,.24rem,24px); height: clamp(20px,.24rem,24px);}
.wordIcon img { width: 100%; height: 100%; object-fit: contain;}
.caseSubmission-uploadArea { max-width: 835px; width: 100%; margin: 0 auto;}
.uploadBox { border: 2px dashed var(--color-gray-ddd); border-radius: 8px; height: 204px; display: flex; align-items: center; justify-content: center; text-align: center; background: #ffffff; cursor: pointer; transition: all 0.3s; margin-bottom: .24rem;}
.uploadBox:hover { border-color: var(--color-blue-004); background: #ffffff;}
.uploadBox-content { font-size: var(--font18); color: #4E5969;}
.uploadLink { color: var(--color-blue-004); text-decoration: none;}
.uploadLink:hover { text-decoration: underline;}
.uploadedFiles { margin-bottom: .48rem;}
.uploadedFile-item { display: flex; align-items: center; gap: .12rem; padding: .12rem 0; margin-bottom: .12rem; justify-content: space-between;}
.leftControl { display: flex; align-items: center; gap: .12rem;}
.fileIcon { display: inline-block;}
.fileIcon img { width: auto; height: auto; display: block;}
.fileName { flex: 1; font-size: var(--font16); color: var(--color-black);}
.fileRemove { display: inline-block; text-decoration: none; cursor: pointer;}
.fileRemove img { width: auto; height: auto; display: block;}
.uploadedFiles .fileReupload { color: var(--color-blue-004); font-size: var(--font14); text-decoration: none;}

.submitBtn { background: var(--color-blue-004); color: #ffffff; border: none; padding: .14rem .6rem; font-size: var(--font20); border-radius: 6px; cursor: pointer; transition: background 0.3s; width: 250px; max-width: 100%;}
.caseSubmission-uploadArea .submitBtn { line-height: 1.5; margin: 0;}
.submitBtn:hover { background: #008a72;}
.articlePage .header::after { content: ''; background: url(../images/inBanner.jpg) center top no-repeat; background-size: 100%; height: 100%; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1;}
/**/
.counponFlex { margin-bottom:20px; margin-top: 20px; display: flex; gap: 10px;}
.counponFlex input { border-radius: 4px; text-indent: 16px; font-size:18px; border: 1px solid #c0c4cf; flex: 1; width: calc(100% - 118px); box-sizing: border-box;}
.counponFlex button { color: #ffffff; font-size: 18px; background:#00a388; height: 50px; width: 108px; box-sizing: border-box; border-radius: 4px; border: none;}
.redmptionFlex { color:#a4abb5; font-size:18px; display: flex; align-items: center; gap: 16px;}
.summaryCont li:nth-child(1) { border: none;}

.mobMenu li img { width: 32px;}
.psdesc {line-height: 1.5; margin-top: 8px; display: flex; font-size: var(--font16);}

.fullSelect { width: 100%;}
.purposesDesc { margin-top: 16px; display: flex; font-size: var(--font14); line-height: 1.57; color: #86909C;}

.caseList { flex: 1; max-width: 100%; padding: 24px; border: 1px solid #E0E1E5;}
.caseList dt a { align-items: center; display: flex; justify-content: space-between; font-size: var(--font20); line-height: 2; padding: .12rem .24rem; transition: all .4s; color: #1D2129;}
.caseList dt a:hover { background: #F2FAF8; color: #00A287;}
.caseList dt a img { width: clamp(14px,.24rem,24px);}
.caseList dt p { flex: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  max-width: calc(100% - clamp(14px,.24rem,24px));}
.subName { font-size: var(--font32); line-height: 1.5; color: #1D2129; font-weight: bold; margin-top: .24rem;}
.formPage { padding-top: .64rem;}

.registrationCont { flex: 1; max-width: 100%;}
.payFlex { margin-top: .48rem; display: flex; justify-content: space-between;}
/**/
.yearType { margin-bottom: clamp(10px,.29rem,29px);}
.yearChose { position: relative; float: right;}
.yearType::after { content: ''; clear: both; display: block; height: 0;}
.yearDate { align-items: center; position: relative; display: flex; gap: clamp(5px,.16rem,16px); padding:6px 16px; background: #00A287; border-radius: 4px; color: #ffffff; font-size: var(--font18);}
.yearChose dl { display: none; z-index: 2; padding: 8px 0; background: #ffffff; box-shadow: 0 4px 8px rgba(17, 51, 26, 0.15); position: absolute; top: 100%; left: 0; width: 100%;}
.yearChose dt a { color: #4E5969; display: block; text-indent: 8px; transition: all .4s; font-size: var(--font16); line-height: 2;}
.yearDate img {transform: rotate(-180deg); transition: all .4s; display: block; width: 16px;}
.yearChose dt a:hover,.yearChose dt a.cur { background: #E9FFF9; color: #00A287;}
.yearChose:hover dl { display: block;}
.yearChose:hover .yearDate img {transform: rotate(0deg);}
/*协议CSS*/
.wt-cck--container {
    font-family: Inter, Arial, sans-serif;
    background-color: #ebebeb;
    line-height: 30px;
    font-size: 16px;
    padding: 32px 0;
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
    color: #444;
}
.wt-cck--container .wt-cck--wrapper {
    display: flex;
    margin: 0 auto;
    max-width: 1170px;
	flex-direction: column;
}
.wt-cck--content-notice {
	font-size: 14px;
	line-height: 2;
}
.wt-cck--content-notice a {
	text-decoration: underline;
	font-size: 14px;
	color:#00A287;
	
}
.wt-cck--container .wt-cck--wrapper .wt-cck--content {
    display: flex;
    margin-right: .15rem;
    flex-grow: 2;
    gap: .15rem;
}
.wt-cck--container .wt-cck--wrapper .wt-cck--actions {
    display: flex;
    justify-content: center;
	align-items: center;
    gap: .15rem;
	margin-top: .15rem;
}
.wt-cck--container .wt-cck--wrapper .wt-cck--actions a {
    display: inline-flex;
        align-items: center;
        color: #ffffff;
        font-size: var(--font16);
        padding: 0 .375rem;
        line-height: 2.5;
        border-radius: 8px;
        background: #00A287;
        transition: all .4s;
} 
.wt-cck--container .wt-cck--wrapper .wt-cck--actions a:hover {
	color:#00a287;
	background: #ffffff;
}
.wt-cck--content-icon {
	min-width:32px;
}
.wt-cck--content-icon svg {
	width: 100%;
	fill:#00A287;
}
.wzxq-nr p a {color: #00A287;}
.wzxq-nr table {
	width:100%
}
.wzxq-nr table th,.wzxq-nr table td {
	text-align:center;
	border-right:1px solid #4E5969;
	border-bottom:1px solid #4E5969;
}
.wzxq-nr table{
	margin:20px 0;
	border-left:1px solid #4E5969;
	border-top:1px solid #4E5969;
}
.partnerName { display:flex; align-items: center; justify-content: space-between;}
.partnerLogo { flex:1; gap:1rem; display:flex; justify-content:center;}
.partnerGroup ul { margin-top:24px; gap:16px; display:flex; flex-wrap:wrap;}
.partnerGroup li { width:170px; height:96px; display: flex; align-items: center; justify-content: center; background:#E9FFF9;padding:10px 15px;}
.partnerGroup { margin-bottom:.64rem;}

.partnerName { line-height:1.5;} 
.partnerName p {  color:#1D2129; font-weight:bold; font-size:var(--font20);}
.newsNotice { border-radius:8px; margin-bottom: .4rem; display: flex; align-items: center; gap: 10px; padding: 10px 24px; border-radius: 4px; background:#FFF5E0; color: #a9730d;}
.newsNotice a { flex: 1; display: flex; justify-content: space-between; align-items: center; color:#a9730d;}
.newsNotice svg { fill:#000; width:24px;}
.newsNotice p { flex: 1; display: flex; }
.newsNotice p b { font-size:var(--font18)}
.newsNotice p span { white-space: nowrap; box-shadow:0 2px 4px rgba(97,116,86,.5); line-height: 1.5; color: #ffffff; background: #00A287; border-radius:32px; line-height:32px; padding:0 8px; font-size:var(--font16);}
@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1600px) {
.buySeatTiers-price { width: 96px; height: 88px; top: -12px; font-size: 24px;}
}

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

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

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {
	:root{
		--header-height: 56px; 
	}
	.loginControl { display: none;}
	.langChose { padding: 0; background: none; height: var(--header-height);}
	.header,.small-header .header { border: none; height: 56px;background: #00A287; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header:hover { background:#00A287; border: none;}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a{ color: #333333;}
	.searchEnter { background: url(../images/blackSearch.png) center no-repeat; background-size: 100% auto;}
	.headerCont { height: 56px;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.langChose h2 span { width: 32px; height: 32px; line-height: 32px;}
	.menubox{ display: block; position: absolute;right: 4%; top: 50%; transform: translateY(-50%); width:32px; height: 32px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #00A287;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 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){top: 9px;transform: rotateZ(-45deg);}
	.langChose { margin-right:40px;}
	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:30px;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 56px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.langChose h2 { font-size: 14px;}
	.mobMenu { display: block; z-index: 20; position: fixed; left: -100%; top: 0; width: 100%; height: 100%; background: #ffffff; padding: 0 16px;}
	.menuHeader { display: flex; border-bottom: 1px solid #C0C4CF; justify-content: space-between; height: 68px; align-items: center; padding: 0 16px;}
	.menuHeader .mobLogo { height: 36px;}
	.mobMenu li {border-bottom: 1px solid #C0C4CF;}
	.mobMenu li a { font-size: 20px; color: #1D2129; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; height: 64px;  }
	.header .subLink { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 48px;}
	.subLink a { text-align: center; justify-content: center; flex: 1; line-height: 40px; border-radius: 8px; text-align: center;}
	.subLink a:nth-child(1) { background: #00A287; color: #fff;}
	.subLink a:nth-child(2) { background: rgba(255,255,255,.2); color: #fff;}
	.mobMenu .subLink a:nth-child(2){ border: 1px solid #00A287; color: #00A287;}
	.buySeatTiers-hd { padding: 20px;}
	.buySeatTiers { gap: 20px;}
	.mobMenu dl{ display: none; padding:0 0 16px; }
	.mobMenu dt a { border: none; font-size: 16px; line-height: 1.5; height: auto;}
	.mobMenu dt:not(:last-child) { margin-bottom: 16px;}
	.mobMenu a img { transition: all .4s;}
	.mobMenu a.act img { transform: rotate(90deg);}
}
@media screen and (max-width: 1080px) {
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}
	.searchBox { position: static;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	.buySeatMain { gap: 24px; display: flex; flex-direction: column;}
	.buySeatForm,.buySeatSummary { width: 100%; max-width: 100%;}
	.aboutFlex { flex-direction: column; gap: 24px;}
	.createDesc { text-align: left;}
	.createCont ul { flex-wrap: wrap; gap: 24px 0; padding: 0 24px;}
	.createCont li { width: 33.33%;}
	.partnerName { flex-direction: column; align-items: start;}
	.partnerLogo img { height:50px;}
	
}
@media screen and (max-width: 780px){
	.partnerGroup ul { gap:10px; margin-top:10px}
	.partnerGroup { margin-bottom:10px;}
	.partnerGroup li { height:56px; width:calc(50% - 35px)}
	.partnerGroup li img { max-height:40px}
	.newsType { display: none;}
	.controlCenter .swiper-slide:hover { transform: translate(0);}
	.controlCenter { margin-top: 20px;}
	.inCase .controlCenter .swiper-wrapper{padding: 0;}
	.inCase .swiper { overflow: visible;}
	.group ul { flex-direction: column;}
	.group li { width: 100%;}
	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}
	.subEwm { width: 100px; top: 40px;}
	.regSteps { flex-wrap: wrap; justify-content: center; gap: 8px;}
	.regStep-line { width: 40px; margin: 0;}
	.regForm-row { flex-direction: column; gap: 0; margin-bottom: 0;}
	.regForm-col { margin-bottom:10px;}
	.regForm-col { width: 100%;}
	.buySeatMain { flex-direction: column;}
	.buySeatSummary { width: 100%;}
	.buySeatTiers { grid-template-columns: minmax(160px, 2fr) minmax(90px, 1fr) minmax(90px, 1fr) minmax(90px, 1fr);}
	.banner .subLink { display: flex;}
	.bannerText>a { display: none;}
	.banner { padding: 30px 0; min-height: calc(100vh - 56px); position: relative;}
	.banner img.mobBanner { z-index: -1; display: block; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; width: 100%;}
	.banner img.pcBanner { display: none;}
	.bannerText { position: static; transform: translate(0); width: 100%; padding: 0 16px; max-width: 100%;}
	.bannerText h2,.bannerText h3,.bannerText p { box-sizing: border-box;}
	.bannerText h3 { font-size: 20px;}
	.bannerText p { line-height: 22px;}
	.container { width: calc(100% - 32px); margin: 0 auto; }
	.inText {transform: translate(0); left: 16px; bottom: 16px; top: auto;}
	.inText h2 { font-size: 22px;}
	.moents { padding: 23px 0;}
	.mobsubLink { padding: 0 16px; gap:8px; display: flex; position: fixed; bottom: 24px; left: 0; width: 100%; z-index: 10;}
	.mobsubLink.actMove a:nth-child(2) { color:#00A287; border: 1px solid #00A287; background: #ffffff;}
	.videoBig { margin: 16px 0;}
	.videoSmall { height: auto; min-height: 200px;}
	.videoDesc { bottom: 16px; padding: 0 16px; font-size:14px; line-height: 2;}
	.cardInfor p { font-size: 16px; line-height: 1.5;}
	.homeCase { padding: 0 0 32px;}
	.homeCase li { height: 100px; float: none; width: 100%;}
	.homeCase li.act { height: 230px; width: 100%;}
	.homeCase ul { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; padding: 0 16px;}
	.modeText { top: 50%; transform: translateY(-50%); padding: 0 24px; align-items: center; text-align: left;}
	.modeIcon { margin: 0 16px 0 0; min-width: 60px; width: 60px; height: 60px;}
	.modeIcon img { max-width: 50%;}
	.hideText { width: 100%; padding:10px; position: static;}
	.hideText span { line-height: 22px;}
	.hideText a { width: 72px; line-height: 28px; box-sizing: border-box; padding: 0; text-align: center; justify-content: center; margin-top: 12px;}
	.homeMeet { margin-top: 23px;}
	.meetCont { border-radius: 8px; width: calc(100% - 32px); padding: 0 0 5px; margin: 16px auto 0;}
	.postMeet { position: relative; transform: translate(0); left: auto; margin: 16px auto 0;}
	.dataSlide p { font-size: 32px;}
	.meetData { gap: inherit; flex-wrap: wrap; justify-content:space-between;}
	.dataSlide {width: 50%;}
	.meetData span { font-size: 10px; line-height: 1.5;}
	.postMeet:before,.postMeet:after { display: none;}
	.peopleData p { font-size: 58px; font-weight: bold;}
	.peopleData p b { font-weight: bold;}
	.scrollImg-inner img { height: 24px!important;}
	.scrollImg-track { gap: 16px;}
	.scrollImg { margin: 20px 0 0;}
	.homeMeet { padding-bottom: 1.3rem;}
	.peopleData span { font-size:14px;}
	.mobTitle { display: none; border-bottom: 1px solid #C0C4CF; font-size: 16px; color: #00A287; line-height: 40px; padding: 0 16px;}
	.challenge { display: flex; flex-direction: column; justify-content: end; background: url(../images/mobBg.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}
	.challengeDesc a { display: none;}
	.challengeCont p { margin-bottom: 0; line-height: 22px;}
	.challengeDesc h2 { margin-bottom: 8px;}
	.footerTop { gap: 24px; display: flex; flex-direction: column;}
	/* .footLogo img { width: 102px;} */
	.footerLeft { width: 100%; text-align: left;}
	.footLogo { margin-bottom: 8px;}
	.footerShare img { width: 16px;}
	.footLink p { font-size: 16px; margin-right: 1em; margin-bottom: 0; display: inline-block;}
	.footLink ul { flex-direction: column; gap: 24px; justify-content: start; align-items: start; text-align: left;}
	.footLink li h2 a { line-height: 22px; color: #81FFEA; font-size: 14px;}
	.footLink li h2 { margin: 0;}
	.footerContact h2 { text-align: left; color: #81FFEA; font-size: 14px; line-height: 22px; margin-bottom: 8px;}
	.footerContact p img { width: 20px;}
	.footerContact p { font-size: 16px; line-height:1.5; text-align: left; margin: 0;}
	.copyRight p span { display: block; font-size: 14px; line-height: 22px;}
	.copyRight p { display: flex; flex-direction: column; line-height: 22px;}
	.footLink p a { font-size: 16px;}
	.wzxq-title { padding: 24px 0 32px;}
	.wzxq-nr p { font-size: 14px;}
	.fxnr img { width: 24px;}
	.fxnr h2 { padding-top: 24px;}
	.xgwz-title h2 { padding: 32px 0 16px;}
	.xgwz-rn ul {padding-bottom: 24px; overflow-x: auto; flex-wrap: nowrap;}
	.xgwz-rn ul::-webkit-scrollbar { display: none;}
	.xgwz-rn li { min-width: 100%;}
	.xgwzbox img { aspect-ratio: 370 / 220;}
	.xgwzbox p { font-size: 20px; line-height: 1.5;}
	.registrationCont { padding:0;}
	.page-banner .img img.mobBanner { display: block; min-height: 320px;}
	.page-banner .img img.pcBanner { display: none;}
	.inText p { line-height: 22px;}
	.regStep { flex-direction: column; justify-content: start; align-items: start;}
	.registrationForm { padding:0 0 16px; border-radius:16px;}
	.regSteps { justify-content: space-between; margin-bottom: 16px;}
	.regStep-num { width: 24px; height: 24px; font-size: 16px;}
	.regStep{ font-size: 16px;}
	
	.buySeatTiers-tier { width: 100%; padding: 0;}
	.buySeatTiers-tier ul { display: none;}
	.buySeatTiers-tier dl { padding: 8px 0; margin: 0 16px; background: none!important; display: flex; flex-direction: column;}
	.buySeatTiers-tier dt { background: none!important; display: flex; gap: 4px; line-height: 22px; font-size: 12px; color: #4E5969; align-items: center;}
	/* .buySeatTiers-tier:nth-child(1) { background: #E9F0FF;}
	.buySeatTiers-tier:nth-child(2) { background: #FDF7E6;}
	.buySeatTiers-tier:nth-child(3) { background: #F7F2FF;}
	.buySeatTiers-tier:nth-child(1) dl { border-top: 1px solid #D3DCFF;}
	.buySeatTiers-tier:nth-child(2) dl { border-top: 1px solid #F0EBB7;}
	.buySeatTiers-tier:nth-child(3) dl { border-top: 1px solid #D3DCFF;} */


	.buySeatForm-qty { height: 32px;}
	.buySeatForm-passWrap,.buySeatForm-input{ height: 40px; padding: 0 8px;}
	.buySeatForm-label { font-size: 16px;}
	.buySeatForm-row:last-child { margin: 0;}
	.summaryCont { padding: 8px 16px;}
	.summaryCont li h2 { font-size: 16px;}
	.summaryCont li h2 span { font-size: 12px;}
	.buySeatTermIcon { width: 16px; height: 16px; background-size: 100% auto;}
	.buySeatTermItem:last-child { margin: 0;}
	.newsType a { font-size: 14px; line-height: 1.3;}
	.wzxw { max-width: 100%; padding:0 16px 40px; background: #ffffff;}
	.wzxw-title { padding: 0; width: 100%;}
	.wzxw-title ul { width: 100%; padding: 4px;}
	.wzxw-title a { line-height: 40px; font-size: 16px; width: 100%;}
	.wzxw-title li {flex: 1;}
	.wzxw-img { width: 100px;}
	.wzxw-img img { aspect-ratio: 100 / 84; object-fit: cover; width: 100%;}
	.wzxw-text { border-bottom: none;flex: 1;}
	.wzxw-text h2 { margin: 0; font-size: 16px; font-weight: bold; }
	.wzxw-text p,.wzxw-text h3 {-webkit-line-clamp: 1; overflow: hidden; white-space: nowrap;  text-overflow:ellipsis; background: none; padding: 0; font-size: 12px;}
	.wzxw-text h3 img { display: none;}
	.wzxw-text h3 { margin: 0;}
	.wzxwbox { border-bottom:1px solid #EDF6F5; margin-bottom: .24rem; gap: 10px; padding: 0 0 10px;}
	.downList li a p { font-size: 14px;}
	.wzxw-nr { margin: 16px 0;}
	.wzfy a { min-width: 32px; box-sizing: border-box; padding: 0 6px; text-align: center; font-size: 14px; line-height: 32px;}
	.wzfy ul { gap: 6px;}
	.wzxq-title p { font-size: 12px; justify-content: space-between; gap:0;}
	.wzxq-title h2 { font-size: 18px; margin-bottom: 8px;}
	.wzxq-title p a { line-height: 18px; padding: 0 4px;}
	.titCell h2 { font-size: 32px; margin-bottom: 16px;}
	.aboutText .titCell { padding-bottom: 0;}
	.regForm .buySeatForm-submit { margin:20px 0 0; width: 100%; height: 40px;}
	.regForm-checkTxt { font-size: 16px; }
	.inText p span { display: none;}
	.bannerText a { display: none;}
	.downList { padding-bottom: 0;}
	.wzfy { margin-top: 32px;}
	.lightTop { flex-direction: column;}
	.lightsList .lightBottom li { width: calc(50% - .12rem);}
	.highlightsBanner video { height: 230px;}
	.highlightsBanner p { font-size: 20px;}
	.highlightsBanner span { width: 32px;}
	.caseSubmission-tips { flex-wrap: wrap; justify-content: start; line-height: 1.2; text-align: left; padding: 4px 8px;}
	.caseSubmission-title h2 { font-size:18px;}
	.submitBtn { width: 100%; height: 40px;}
	.articlePage .header::after { display: none;}
	.redmptionFlex { gap: 8px; font-size:14px;}
	.counponFlex button { font-size: 14px; height: 32px;}
	.redmptionFlex img{ width: 20px;}
	.bigControl .swiper-button-prev,.videoSmall .swiper-button-prev { left: 0;}
	.bigControl .swiper-button-next,.videoSmall .swiper-button-next { right: 0;}
	.bannerText ul { flex-direction: column; gap: 10px;}
	.bannerText li span { padding: 0 22px;}
	.meetBar { align-items: start; flex-direction: column;}
	.dateNum { align-items: center; flex-direction: row;}
	.meetCenter { gap: 0; padding: 0; margin: 0; border: none;}
	.dateNum i { height: 2px; width: 10px; margin: 0 5px;}
	.meetFlex { flex-direction: column;}
	.challengeTop p { font-size: 16px;}
	.chaDec { font-size: 12px;}
	.controlCenter .swiper-button-prev { background: none; left: auto; right: 24px; bottom: 0; top: auto;}
	.controlCenter .swiper-button-next { background: none; right: 4%; top: auto; bottom: 0;}
	.getCase .swiper { padding-bottom:40px;}

	.groupBg::after { display: none;}
	.groupBg dt{ width: 50%;}
	.groupBg dt:nth-child(n + 2) { float: right;}
	.groupDesc h2 { font-size: 18px; color: #4E5969;}
	.groupBg { padding-top: 0;}
	.groupDesc p { font-size: 14px; line-height: 22px; color: #4E5969;}
	.aboutIntroduce { background-position: center bottom; background-size: 100% auto;}
	.newsCont { padding-top: 20px;}
	.subName { margin-bottom: .24rem;}
	.caseList { padding: 8px;}
	.payFlex { flex-direction: column;}
	.buySeatPayLogo { height: 24px;}
	.buySeatPayIcon { width: 16px; height: 16px; background-size: 100% auto!important;}
	.aboutIntroduce { padding-top: 0;}
	.lightsList li {width: calc((100% - .24rem)/2);}
	.lightsList { position: relative;}
	.yearChose { position: absolute; right: 4%; top: 0;}
	.newsNotice { padding:10px;}
}