body{font:12px 'Microsoft yahei','STHeiTi',Arial,Simsun,Helvetica,sans-serif,Verdana;color:#333;margin:0;padding:0;background:#f9f5f2;overflow-x:hidden}
body.pbdy{background:#000}
/* 英文默认 */
html.lang-en body{font-family: "Segoe UI", system-ui, -apple-system, sans-serif;}
/* 简体 */
html.lang-zh-cn body{font-family: "Microsoft Yahei","PingFang SC","Noto Sans SC",sans-serif;}
/* 香港繁体 */
html.lang-zh-hk body{font-family: "PingFang HK","Noto Sans TC","Heiti TC",sans-serif;}
table,td{font:14px 'Microsoft yahei','STHeiTi',Arial,Simsun,Helvetica,sans-serif,Verdana;color:#333}
table{border-collapse:collapse;border-spacing:0;empty-cells:show}
th,td{border-collapse:collapse}
A:link{text-decoration:none;color:#333}
A:visited{text-decoration:none;color:#333}
A:hover{text-decoration:none;color:#d86d0e}
img{border:0}
div,p,img,ul,li,form,input,label,aside,menu,section,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;font-family:Arial}
ol,ul,li{list-style-type:none}
.overz{overflow:auto;zoom:1;overflow-x:hidden;overflow-y:hidden}
.hide{display:none}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font24{font-size:24px}
.fl_l{float:left;display:inline}
.fl_r{float:right;display:inline}
.cmn_wd{width:650px;margin:0 auto}
.dsk{display:block}
.dsn{display:none}
.clr_b{clear:both;height:0;line-height:0;overflow:hidden}
.tl_r{text-align:right}
.red_font,.red_font a,.red_font a:visited{color:#F00}
.gray_fnt,.gray_fnt a,.gray_fnt a:visited{color:#999}
.green_fnt,.green_fnt a,.green_fnt a:visited{color:#4fa338}
.overz{overflow:auto;zoom:1;overflow-x:hidden;overflow-y:hidden}
:focus,map{-moz-outline-style:none}
input:focus,a,map{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}
img.alg_r{margin-left:15px;margin-bottom:15px}
img.alg_l{margin-right:15px;margin-bottom:15px}
.clr-b{clear:both;line-height:0;height:0;overflow:hidden}
.org_fnt{font-weight:normal;color:#eb5306}
.img-responsive{width:100%;max-width:100%;display:block}
.ldimg{height:0;width:0;z-index:-100;position:absolute;top:-100%;left:0;overflow:hidden}
.txgc{text-align:center}
*{transition:all 0.3s linear}
[data-aos]{will-change:transform,opacity}
.aos-resize-freeze [data-aos]{transition:none !important}
.anmt00{animation-duration:0s;animation-delay:0s}
.anmt01{animation-duration:1s;animation-delay:0s}
.anmt02{animation-duration:1s;animation-delay:0.5s}
.anmt03{animation-duration:1s;animation-delay:0.8s}
.anmt04{animation-duration:1s;animation-delay:1.1s}
.anmt05{animation-duration:1s;animation-delay:1.4s}
.anmt06{animation-duration:1s;animation-delay:1.7s}
.anmt07{animation-duration:1s;animation-delay:2s}
.anmt08{animation-duration:1s;animation-delay:2.3s}
.anmt09{animation-duration:1s;animation-delay:2.6s}
.anmt10{animation-duration:1s;animation-delay:2.9s}
.anmt11{animation-duration:1s;animation-delay:3.2s}
.anmt12{animation-duration:1s;animation-delay:3.5s}
.anmt13{animation-duration:1s;animation-delay:3.7s}
.anmt14{animation-duration:1s;animation-delay:3.9s}
.anmt15{animation-duration:1s;animation-delay:4.1s}
.anmt16{animation-duration:1s;animation-delay:4.3s}
.anmt17{animation-duration:1s;animation-delay:4.5s}
.anmt18{animation-duration:1s;animation-delay:4.7s}
.anmt19{animation-duration:1s;animation-delay:4.9s}
.anmt20{animation-duration:1s;animation-delay:5.1s}
body{width:100%;min-width:320px;min-height:768px;padding:0;margin:0 auto}
.hbg{width:100%;height:100vh;height:100dvh;max-width:100%;display:block;margin:0 auto;background:#ffcc33;position:relative}
.hbg .build-img{position:absolute;right:0;bottom:0;width:56.71875%;height:95.83333333333333%; z-index:10;background:url("../img/build-1920.jpg") no-repeat bottom right;background-size:contain;border:0; max-width:100%; max-height:100% }
.hbg .hlogo{position:absolute;top:0;bottom:0;left:0;width:32.1875%;z-index:20;background:url("../img/h-logo.png") no-repeat top left;background-size:contain;max-width:100%}
.inav{ position: fixed; left: 0; top: 0; right:0; z-index: 200;}
.inav .mlogo img{ height: 50px; width: auto;}
.inav .mlogo{ position: absolute; left: 15px; top: 15px;}
.inav .micn_h{ position: absolute; right: 15px; top: 15px;}
.inav .micn_h{display:none}
.inav #menu{ position: relative; width: 100%; z-index: 100; padding-top: 30px;}
.inav #menu .nvi{ text-align:center}
.inav #menu .nvi ul li{display:inline-block;margin:0 0 0 100px;position:relative;font-size:16px;font-weight:bold}
.inav #menu .nvi ul li a{height:40px;line-height:30px;display:block}
.inav #menu .nvi ul li a,.inav #menu .nvi ul li a:visited{color:#FFF}
.inav #menu .nvi ul li:hover a{color:#FFF}
.inav #menu .nvi ul li.current a,.inav #menu .nvi ul li.current a:visited{font-weight:bold;color:#FFF}
.inav #menu .nvi ul li.current::after{ position: absolute; content: ''; height: 4px; border-radius: 100px; width: 30px; left: 50%; margin-left: -15px; display: block; background: #ffcc33;}
.inav #menu .nvi ul li ul{padding:8px;position:absolute;top:40px;display:none;background:#ffcc33;z-index:1200;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow:0px 2px 5px 3px rgba(0,0,0,.2);-moz-box-shadow:0px 2px 5px 3px rgba(0,0,0,.2);-webkit-box-shadow:0px 2px 5px 3px rgba(0,0,0,.2);left:50%;transform:translate(-50%,0)}
.inav #menu .nvi ul li ul::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffcc33}
.inav #menu .nvi ul li ul li{float:none;background:none;font-size:12px;overflow:hidden;margin:0;width:180px;display:block}
.inav #menu .nvi ul li ul li a{display:block;white-space:nowrap;height:30px;line-height:30px;font-size:14px;text-align:center;height:40px;line-height:40px}
.inav #menu .nvi ul li ul li a,.inav #menu .nvi ul li.current ul li a{background:none;color:#000;width:100%;font-weight:normal}
.inav #menu .nvi ul li ul li a,.inav #menu .nvi ul li ul li a:visited{width:100%}
.inav #menu .nvi ul li:hover ul li a,.inav #menu .nvi ul li:hover ul li a:visited{color:#000}
.inav #menu .nvi ul li ul li a:hover,.inav #menu .nvi ul li.current ul li a:hover,.inav #menu .nvi ul li:hover ul li a:hover{background:#181818;color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.inav #menu .nvi ul li ul li.current a{background:#FFF;color:#000;font-weight:normal}
.inav #menu .nvi ul li.current  ul li a{font-weight:normal}
.inav #menu .nvi ul li ul li.current a:visited{color:#000}
.lang-switch{position:absolute;top:15px;right:20px;z-index:210;font-size:13px;color:#eee;user-select:none}
.lang-current{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#f5f5f5;cursor:pointer;line-height:1}
.lang-current:hover{background:rgba(0,0,0,.85);border-color:rgba(255,255,255,.65)}
.lang-switch .lang-option, .lang-switch .lang-option:visited{ color: #888;}
.lang-caret{font-size:10px;opacity:.8}
.lang-flag{font-size:13px;line-height:1}
.lang-dropdown{position:absolute;top:36px;right:0;min-width:140px;background:rgba(5,5,5,.96);border-radius:10px;border:1px solid rgba(255,255,255,.18);padding:8px 0;box-shadow:0 10px 30px rgba(0,0,0,.7);display:none}
.lang-switch.is-open .lang-dropdown{display:block}
.lang-switch.is-open .lang-caret{transform:rotate(180deg)}
.lang-option{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;color:#f5f5f5;text-decoration:none;white-space:nowrap}
.lang-option:hover{background:#222}
.lang-option.is-active{background:#333;color:#ffcc33}
/* 放在你现有规则后面 */
.lang-switch .lang-option.is-active { background:#333; color:#ffcc33;}
.slgn{position:absolute;z-index:60;top:33%;left:32%}
.slgn h1{color:#FFF;font-size:75px;font-weight:bold;margin-bottom:3%;line-height:140%}
.slgn h1 span{display:block;font-size:40px}
.slgn p{color:#FFF;font-size:20px;line-height:180%;margin-bottom:5%}
.slgn a.mlnk{display:inline-block;width:164px;height:54px;text-align:center;line-height:54px;background:#000;border-radius:4px;box-shadow:0px 2px 5px 3px rgba(0,0,0,.2);-moz-box-shadow:0px 2px 5px 3px rgba(0,0,0,.2);-webkit-box-shadow:0px 2px 5px 3px rgba(0,0,0,.2);font-size:16px}
.slgn a.mlnk,.slgn a.mlnk:visited{color:#FFF}
.slgn a.mlnk:hover{background:#121212;box-shadow:none}
.overlay{display:none}
.sclst{position:absolute;bottom:5%;left:25%;z-index:60}
.sclst a{display:inline-block;padding:15px 30px}
.sclst a span{color:#000;font-size:30px}
.sclst a:hover span{color:#FFF}
.pghr{background:url("../img/pghdr_bg.png") no-repeat bottom #ffcc33;background-size:contain;min-width:260px;position:fixed;top:0;bottom:0;left:0;width:15%;z-index:100}
.pbg{background:#000;width:100%;height:100%}
.pnav .micn_h{display:none}
.pnav{margin:0 auto}
.pnav .pmenu{width:83%;margin:0 auto;padding-top:25%}
.pghr .plogo{width:83%;margin:0 auto;padding-top:15%}
.pnav .pmenu ul li{line-height:40px;font-size:18px;font-weight:bold;border-radius:5px;padding:5px 0;margin-bottom:5px}
.pnav .pmenu ul li ul li{line-height:36px;font-size:16px}
.pnav .pmenu ul li ul{display:none}
.pnav .pmenu ul li.current ul{display:block}
.pnav .pmenu ul li a{display:block;padding:0 24px;overflow:hidden;text-overflow:ellipsis}
.pnav .pmenu ul li a,.pnav .pmenu ul li a:visited{color:#000}
.pnav .pmenu ul li a:hover{color:#FFF}
.pnav .pmenu ul li.current{background:#000}
.pnav .pmenu ul li.current a{color:#ffcc33;font-weight:bold}
.pnav .pmenu ul li.current ul li a{color:#FFF;font-weight:normal}
.pnav .pmenu ul li.current ul li.current a{color:#ffcc33;font-weight:bold; background: #151515;}
.pnav .pmenu ul li.current ul li a:hover{color:#FFF}
.pnav .pmenu ul li.current ul li.current a:hover{color:#ffcc33}
.pnav .pmenu ul li ul li a{padding-left:25px;margin:0 10px}
.pnav .pmenu ul li.current ul li a .iconfont{display:inline-block;vertical-align:middle;font-size:12px;margin-right:8px}
.pnav .pmenu ul li.current ul li a:hover{background:#000}
.pgrht{height:100vh;height:100dvh;margin-left:15%;background:#000;position:relative}
.pgrht2{height:100%;min-height:100vh;min-height:100dvh}
.screen{height:100vh; height:100dvh; min-height: 100svh; min-height: 100dvh; margin-left:15%;background:#000;color:#FFF; display: flex;
  flex-direction: column;   padding-block: clamp(24px, 6vh, 96px);  box-sizing: border-box;}
.pgrht .cimg{height:100%;width:auto;max-height:100%;z-index:1;position:absolute;top:0;right:0}
.pgrht .cimg1{ display: block;}
.pgrht .cimg2{ display: none;}
.pgrht .pbg-one{height:100%;width:100%}
.pgrht .pg-wdt-one,.pgrht .artl{position:relative;z-index:100}
.pgrht .pbg-two{background:url("../img/abt_bg2.jpg") no-repeat top right;background-size:85% auto}
.pgrht .pbg-one .cnt,.screen .cnt{padding-left:8%}
.pgrht-what{background:url("../img/vdpg_bg2.jpg") no-repeat center bottom, url("../img/vdpg_bg.jpg") no-repeat center top; background-size:contain; }
.pgrht-what2{padding-bottom: 80px; }
.pgrht .pbg-four .video-lst{margin-bottom:10%}
.pgrht .lct{color:#6a6a6a;font-size:14px;padding:3% 0}
.pgrht .lct a,.pgrht .lct a:visited{color:#6a6a6a}
.pgrht .lct a:hover{color:#FFF}
.pgrht .lct span{display:inline-block;vertical-align:middle}
.pgrht .lct .icon-home{font-size:30px;margin-right:5px}
.pgrht .lct span.arw{margin:0 10px}
.pgrht .artl{padding:10% 0 0 0;max-width:40%;color:#FFF;font-size:16px;line-height:180%}
.pgrht .artl-stry,.pgrht .artl-abt{padding:15% 0 0 0}
.pgrht .artl-what{padding:0 0 0 0; text-align:center;max-width:100%}
.pgrht .artl .tit{font-size:60px;text-transform:uppercase;margin-bottom:8%;transform:scaleY(1.1);transform-origin:center;letter-spacing:2px;line-height:120%}
.pgrht .artl-what .tit{margin-bottom:4%;font-size:40px}
.pgrht .artl-why .tit{margin-bottom:5%}
.pgrht .artl p{margin-bottom:1em;color:#8a8a8a}
.video-lst{padding:0 0 0 0}
.screen3 .video-lst{ margin-top: 50px;}
.whtfnt{color:#FFF}
.screen .cnt{display:flex; margin-block: auto; flex-wrap:nowrap;height:100%;align-items:center;justify-content:space-between}
.screen .col{width:45%;text-align:center}
.screen img{max-width:100%}
.screen .btn{ display:inline-block;background:#ffcc33;color:#000;  border-radius:8px;text-decoration:none;  box-shadow:0 6px 18px #ffcc3355; font-size: 16px;
 margin-top: 20px;}
 .screen .btn:hover{padding: 14px 20px;}
.screen2 .tit{font-size:48px;font-weight:bold;line-height:140%;margin-bottom:3%}
.screen2 p{color:#8a8a8a;line-height:180%;margin-bottom:1em;font-size:16px}
.screen2 .cvr{margin-bottom:2%}
.screen3{text-align:center}
.screen3 .tit{font-size:48px;font-weight:bold;line-height:140%;margin-bottom:1%}
.screen3 p{color:#8a8a8a;line-height:180%;margin-bottom:1em;font-size:16px}
.screen3 .item{width:100%}
.pgh-c .img{ display: block; max-width: 100%; padding: 0 5%;}
.mrlnk{ text-align: center; padding: 30px 0 100px 8%;}
.mrlnk a{ display: inline-block; padding: 12px 28px;}
.logo-grid{padding-top:5%}
.logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 60px;max-width:1400px;margin:0 auto}
.logo-grid img{max-height:100px;width:auto;max-width:100%;object-fit:contain;flex:0 0 calc(25% - 45px);width:auto;object-fit:contain;display:block;margin-bottom:15px}
.video-block{max-width:100%;margin:0 auto;color:#fff;--bg:#0a0a0a;--panel:#141414;--panel-2:#1b1b1b;--accent:#ffcc33;box-shadow:0 5px 20px 10px rgba(0,0,0,0.2)}
.video-stage{}
.video-stage .video-wrapper{position:relative;display:inline-block;width:100%;aspect-ratio:16/9;overflow:hidden;box-shadow:inset 0px 5px 15px rgba(0,0,0,.9)}
.video-stage .video-wrapper .vid-shw{height:16px;background:url(../img/video-shadow.png) repeat-x;position:absolute;left:0;right:0;top:0;z-index:50}
.video-stage .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;color:white;opacity:0.8;cursor:pointer;transition:opacity 0.3s ease;z-index:2}
.video-stage .play-overlay:hover{opacity:1}
.video-stage video{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;display:block;background:#000;border-radius:0px}
.video-nav-wrap{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.nav-arrow{width:40px;height:40px;border-radius:8px;background:var(--panel-2);border:1px solid #222;color:#ccc;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.nav-arrow:hover{background:#222;color:#fff}
.nav-arrow:active{transform:scale(.96)}
.video-nav{padding:8px;background:var(--panel);border:1px solid #222;border-radius:8px;overflow:hidden}
.video-nav .btn-pd{display:flex;gap:8px;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden;justify-content:space-between}
.video-nav .VidNavc{overflow:hidden}
.video-nav::-webkit-scrollbar{display:none}
/* 包住 YouTube 的容器 */
.yt-fullscreen{
  position: relative;
  width: 100%;
  margin: 100px auto 80px;   /* 避开头部导航 + 尾部版权 */

  /* 保持 16:9 的现代写法 */
  aspect-ratio: 16 / 9;

  /* 在窗口较矮时，限制它的最大高度 */
  max-height: calc(100vh - 200px);

  box-sizing: border-box;
  overflow: hidden; /* 防止内部元素溢出 */
}

/* iframe 填满容器 */
.yt-fullscreen iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* 透明挡板：初始覆盖在 iframe 上，拦截点击，但不改变布局 */
.yt-fullscreen .yt-guard{
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  cursor: pointer;
}
.nav-item{white-space:nowrap;padding:10px 21px;border-radius:5px;background:#1c1c1c;border:1px solid #2a2a2a;color:#bbb;cursor:pointer;font-size:16px;letter-spacing:.2px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.nav-item:hover{background:#222;color:#fff;border-color:#333}
.nav-item.is-active{color:#111;background:var(--accent);border-color:#d6ad20;box-shadow:0 6px 18px rgba(255,204,51,.2),inset 0 0 0 1px rgba(0,0,0,.08)}
.ibdy{background: #ffcc33; overflow-y: hidden;}
/*about*/
 .pgrht .btn{
	  display:inline-block;background:#ffcc33;color:#000; 
	  border-radius:8px;text-decoration:none;
	  box-shadow:0 6px 18px #ffcc3355; font-size: 16px;
	  margin-top: 20px;
	}
 .pgrht .btn:hover{
	 padding: 14px 20px;
	 
 }
 .screen-what{ margin-left: 0;}
 /*.screen-what .video-block{ max-width: 1600px; }*/
#uniModal{position:fixed;inset:0;display:none;z-index:1000}
#uniModal[aria-hidden="false"]{display:block}
.uni-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:saturate(120%) blur(2px);opacity:0;transition:.2s}
#uniModal[aria-hidden="false"] .uni-modal__backdrop{opacity:1}

.uni-modal__panel{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);
  width:min(920px,92vw);max-height:min(80vh,900px);overflow:auto;
  background:#191919;color:#fff;border-radius:14px;padding:28px 32px;
  box-shadow:0 18px 60px rgba(0,0,0,.5);opacity:0;transition:.24s cubic-bezier(.2,.8,.2,1)
}
#uniModal[aria-hidden="false"] .uni-modal__panel{opacity:1;transform:translate(-50%,-50%) scale(1)}

.uni-modal__title{font-size:22px;margin:0 0 12px}
.uni-modal__body{line-height:1.7;color:#ddd}
.uni-modal__close{position:absolute;right:14px;top:12px;border:0;background:#2a2a2a;color:#fff;
  width:36px;height:36px;border-radius:50%;cursor:pointer}
.uni-modal__close:hover{background:#333}
.modal-template{display:none}
/* 弹窗内部的统计模块排版 */
.stats-modal{padding:10% 5%;}
.stats-modal__title{
  text-align:center; font-weight:700;
  margin:0 0 50px 0; color:#fff; opacity:.9
}
.stats-modal__grid{
  display:grid; gap:clamp(20px,3vw,40px);
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.stat{ text-align:center; color:#fff;}
.stat__num{
  font-size:40px;
  font-weight:800; color:#ffcc33; 
  letter-spacing:1px;
  line-height:1.1;
  margin-bottom: 30px;
}
.stat__desc{ opacity:.9; line-height:1.5; font-size:16px;}


.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media screen and (max-width:1800px){
.slgn{left:35%;width:28%}
.slgn h1{font-size:60px}
.slgn h1 span{font-size:36px}
.slgn p{font-size:18px}
}
@media screen and (max-width:1700px){
.slgn{left:35%;width:30%}
.slgn h1{font-size:48px}
.slgn h1 span{font-size:36px}
.slgn p{font-size:18px}
.pgrht .artl .tit{font-size:48px}
.screen2 .tit{font-size:36px}
.screen3 .tit{font-size:40px}
.logo-grid img{height:80px}
.pgrht .artl .tit{ font-size: 40px;}
.video-block{ max-width: 100%;}
}
@media screen and (max-width:1500px){.logo-grid img{height:70px}
.logo-grid{gap:40px 40px}
}@media screen and (max-width:1440px){.slgn h1{font-size:46px}
.slgn h1 span{font-size:34px}
.slgn p{font-size:16px}
.slgn a.mlnk{width:160px;height:50px;line-height:50px}
.slgn{left:35%;width:35%}
.pgrht .artl .tit{font-size:36px}
.screen2 .tit{font-size:36px}
.screen3 .tit{font-size:40px}
.pgrht .artl p{font-size:14px}
.pgrht .cimg{height:auto;width:80%}
.pgrht .pbg-one .cnt,.screen .cnt{padding-left:10%}
.screen2 p br{display:none}
}@media screen and (max-width:1366px){.pgrht .pbg-one .cnt,.screen .cnt{padding-left:12%}
.pgrht .artl .tit,.screen2 .tit{font-size:32px;line-height:140%}
.screen2 .tit{margin-bottom:5%}
.pgrht .artl .tit{font-size:32px}
.screen2 .tit{font-size:28px}
.screen3 .tit{font-size:32px}
.logo-grid img{height:80px}
.logo-grid img{height:60px}
.logo-grid{gap:40px 30px}
.screen3 p{margin-bottom:4%}
}
@media screen and (max-width:1280px)
{
#menu .nvi ul li{margin:0 0 0 60px}
.pnav .pmenu ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnav .pmenu ul li{font-size:16px}
#menu .nvi ul li{margin:0}
.pnav .pmenu ul li a{padding:0 18px}
.pgrht .pbg-one .cnt,.screen .cnt{margin-left:20px}
.pgrht .artl .tit,.screen2 .tit{font-size:24px}
.pgrht .artl p{font-size:12px}
.screen .col{width:40%}
.pnav .pmenu{width:85%}
.pnav .pmenu ul li ul li{line-height:32px}
.pnav .pmenu ul li{font-size:15px}
}
@media screen and (max-width:1190px){.screen3 .tit{font-size:28px}
.screen3 p{margin-bottom:3%}
.pgrht .cimg{width:65%}
}@media screen and (max-width:1028px){.slgn{width:38%}
.pgrht .pbg-one .cnt,.screen .cnt{margin-left:40px}
}
@media screen and (max-width:1025px){
.inav .lang-switch{position:fixed;top:34px;right:75px;z-index:210; transition: all 0.3s;}
.inav .switcht{ right: 15px; top: 10px; transition: all 0.3s;}
.hbg .hlogo{display:none}
.inav .mlogo{display:block;float:left;padding:3% 0 0 20px}
.inav .mlogo img{height:45px}
.hbg .build-img{position:absolute;right:0;bottom:0;left:0;height:52.91666666666667%;width:100%;background:url("../img/build-1920-mb.jpg") no-repeat center bottom;background-size:contain}
.slgn{left:10%;top:25%;width:80%;max-width:100%}
.slgn h1{line-height:120%}
 .inav #menu{position:fixed;top:0;bottom:0;right:0;width:0;max-width:200px;background:#000;overflow:hidden;z-index:200;transition:width .3s ease;display:block}
.inav #menu.nviwdt{width:200px}
.inav #menu .nvi ul li{margin-left:0px;border-bottom:0px solid #444}
.nav_pm .micn_h{display:block;float:right;padding:10px 15px 0 0;color:#FFF;cursor:pointer}
.nav_pm .micn_h .iconfont{font-size:36px}
.nav_pm .nvi ul{padding-top:20%;margin:0 15px}
.nav_pm .nvi ul li ul{ margin: 0;}
.nav_pm .nvi ul li{display:block;margin:0;border-bottom:1px solid #222;font-size:14px}
.nav_pm .nvi ul li a{pdisplay:block;height:48px;line-height:48px;text-align:left}
.nav_pm .nvi ul li a .iconfont{position:absolute;right:15px}
.nav_pm .nvi ul li.current a{border-bottom:none;font-weight:bold}
.inav #menu .nvi ul li ul{ background: #333;}
.inav #menu .nvi ul li a{line-height:60px;height:60px}
.inav #menu .nvi ul li{margin:0;display:block}
.inav #menu .nvi ul li a, .inav #menu .nvi ul li a:visited{color:#FFF}
.inav  #menu .nvi ul li{font-weight:normal}
.inav #menu .nvi ul li.current::after{ display: none;}
.hdr .lng-list{position:relative}
.hdr .lng-list .lug-dpdn{position:absolute;left:0;bottom:34px;border-top:1px solid #DDD;border-bottom:0}
.inav #menu.nviwdt{width:200px}
.overlay{position:fixed;z-index:100;background-color:rgba(0,0,0,0.5);bottom:0;right:0;left:0}
.openmenu .overlay{top:0;display:block}
.inav  #menu .nvi ul li ul,.inav  .nav_pm .nvi ul li ul{position:static;transform:none;-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none}
.inav  #menu .nvi ul li ul li,.inav  .nav_pm .nvi ul li ul li{width:auto}
.inav  #menu .nvi ul li:hover ul li a, #menu .nvi ul li:hover ul li a:visited{color:#FFF}
.nav_pm .nvi ul li ul li a{text-align:left}
.nav_pm .nvi ul li{display:block}
.nav_pm .nvi ul li ul li.current a,.nav_pm .nvi ul li ul li.current a:visited{background:none;color:#2751a3}
.inav #menu .nvi ul li{display: block; border-bottom: 1px solid #222;}
.inav #menu .nvi ul li a, .inav #menu .nvi ul li a:visited{ color: #FFF;}
.inav #menu .nvi ul li{ margin: 0;}
.inav #menu .nvi ul li ul{  position: static; left:0%;transform:none; }
.inav #menu .nvi ul li ul li{ width: auto;}
.inav #menu .nvi ul li{ font-size: 14px;}
.inav #menu .nvi ul li a{ display: block;}
.inav #menu .nvi ul li a{ line-height: 48px; height: 48px;}
.inav #menu .nvi ul li ul::before{ display: none;}
.inav #menu .nvi ul li:hover ul li a, .inav #menu .nvi ul li:hover ul li a:visited{ color: #FFF;}
.pnav .pmenu{position:fixed; width: 0px; right:0; top:0; bottom:0; display:block;  z-index:9999; background: #000;}
.pnav .pmenu.nviwdt{ width: 200px;}
.sclst{position:absolute;bottom:30%;left:auto;right:25px;z-index:60}
.sclst a{display:block;padding:20px 0}
.sclst a span{color:#000;font-size:24px}
.logo-grid img{flex-basis:50%}
.pghr{position: relative; width:100%; min-width: auto;  display:block; background:#ffcc33; }
.pgrht{margin-left:0}
.pgrht .pbg-one .cnt,.screen .cnt{margin-left:0}
.pgrht .pbg-one .cnt,.screen .cnt{padding:0 5%}
.pghr .plogo{padding:15px 0 15px 15px;width:auto;float:left}
.pghr .plogo img{height:45px;width:auto}
.screen{margin-left:0}
.logo-grid img{flex-basis:0}
.pnav .micn_h{display:block;float:right;display:block;padding:10px 15px 0 0;color:#333;cursor:pointer}
.pnav .micn_h .iconfont{font-size:36px}
.pnav .pmenu{padding-top:15%}
.pnav .pmenu ul li a{padding:0 24px}
.pnav .pmenu ul li a, .pnav .pmenu ul li a:visited{ color: #FFF;}
.pnav .pmenu ul li{ border-bottom: 1px solid #222;}
.pnav .pmenu ul li ul li{ border-bottom: 0;}
.pnav .pmenu ul li.current a{ color: #ffcc33;}
.pgrht .pg-wdt-one, .pgrht .artl{ z-index: 10;}
.video-block{ max-width: 100%;}
.pgrht .artl .tit, .screen2 .tit{ font-size: 36px; }
.pgrht .artl-what{ padding: 40px 0 0 0;}
.contact-wrap{ width: 100%; max-width: 100%; margin: 0 auto;}
.ibdy{background: #ffcc33; overflow-y: auto;}
}
@media screen and (max-width:801px){
	.pgrht .cimg{ width: 80%;}
	 .screen .cnt{display: block;}
	.screen .col{ width: 90%; margin: 0 auto; margin-bottom: 100px;}
	.screen{ height: 100%;}
	.screen3 .cnt{ padding: 25% 0;}
	.video-block{ max-width: 100%;}
	.pgrht .artl .tit, .screen2 .tit{ font-size: 30px; }
	.pgrht .artl-what{ padding: 30px 0 0 0;}	
	.screen-what{ height: auto; min-height: auto;}
	.pgrht-what2{ padding-bottom: 0;}
}
@media screen and (max-width:769px){
.nav-item{padding:8px 12px;font-size:13px}
.logo-grid{gap:20px 15px}
.pgrht .artl .tit, .screen2 .tit{ font-size: 24px; }

}
@media screen and (max-width:600px) 
{.slgn{top:20%;width:80%}
.slgn h1{font-size:40px}
.slgn h1 span{font-size:30px}
.slgn p{margin-bottom:10%}
.inav .mlogo img{height:40px}
.pgrht{ height: 100%;}
.pgrht .cimg{ position: static;}
.pgrht .artl{ width: 100%; max-width: 100%;}
.pgrht .artl p{ font-size: 16px;}
.screen .cnt{ padding: 150px 5% 0 5%; }
.pgrht .artl .tit, .screen2 .tit{ font-size: 18px;}
.pgrht .cimg{ width: 100%; max-width: 100%; max-width: 0 auto; display: block; margin: 50px 0;}
.pgrht .cimg1{ display: none;}
.pgrht .cimg2{ display: block;}
.video-block{ width: 100%;}
.video-stage .play-overlay{ font-size: 45px;}
.pgrht .pbg-one .cnt, .screen .cnt{ padding: 0 3%;}
.contact-hero h1{ font-size: 24px;}
.micn{ display: none;}
.stats-modal__grid{
	display: block;
	.stat__num{ margin-bottom: 15px;}
	.stat{ margin-bottom: 20px;}
}
}
@media screen and (max-width:600px) and (max-height:769px){.slgn{top:17%;width:80%}
.slgn p{margin-bottom:8%}
.slgn h1{font-size:38px}
}
@media screen and (max-width:500px){
	.pgrht .cimg{ margin: 0;}
	.screen .cnt{ padding: 100px 5% 0 5%;}
}
@media screen and (max-width:400px){
	.pgrht .artl .tit, .screen2 .tit{ font-size: 16px;}
}

@media screen and (min-width:1500px){
	.hbg .build-img{background:url("../img/build-1920.jpg") no-repeat bottom right;background-size:contain}
    .slgn{left:35%}
}
@media screen and (min-width:1800px){
.hbg .build-img{background:url("../img/build-1920.jpg") no-repeat bottom right;background-size:contain}
.slgn{left:35%;width:28%}
.slgn h1{font-size:60px}
.slgn h1 span{font-size:36px}
.slgn p{font-size:18px}
}
@media screen and (min-width:2000px){
	.hbg .build-img{background:url("../img/build-2560.jpg") no-repeat bottom right;background-size:contain}
.slgn{left:35%;width:24%}
}
@media screen and (min-width:3000px){
	.hbg .build-img{background:url("../img/build-3840.jpg") no-repeat bottom right;background-size:contain}
.slgn{left:35%}
}
@media screen and (max-width:320px){}