@charset "utf-8";
@import url("../css/grid.min.css");
@import url("../css/assembly.min.css");
@import url("../js/hc-offcanvas-nav/hc-offcanvas-nav.carbon.css");
@import url("../js/dropdown/dropdown-menu.css");
@import url("../js/font-awesome/css/font-awesome.min.css");
@import url("../js/tooltipster/css/tooltipster.css");
@import url("../js/wow/animate.css");
@import url("../js/layer/theme/default/layer.css");
@import url("icon/iconfont.css");

:root{
  --primary-color:#ff0a54;
  --nav-link-color:#5107dc;
  --line-gradient:#5107dc;
}

/* Overall and normalize */
html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:0;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
select{ line-height: 100%;appearance: none;background-image: url("../img/select-arrow.svg");background-repeat: no-repeat;background-position: calc(100% - 10px) center;outline: none;background-size: 10px;padding-right: 30px;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
iframe{ border: none;max-width: 100%;}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none !important;visibility: hidden !important;}
.hidden-desktop{display: none !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.text-linecut{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.full-width{width: 100vw;position: relative;left: 50%;margin: 0px -50vw;}
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content p {line-height:150%; margin-bottom: 10px;}
article.enter-content table { max-width:100% !important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 10px;}
.imgresize{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.required > label::before{content: "*";color: red;margin-right: 2px;}
.flex-box{ display: flex;flex-wrap: wrap;}
/* Grid setting */
.grid-container {padding-left: 0px;padding-right: 0px; max-width:1200px}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
padding-left: 10px;padding-right: 10px;}
.grid-parent {padding-left: 0;padding-right: 0;}
.grid-parent-left {padding-left:0}
.grid-parent-right {padding-right:0}
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Color styles */
/* Author's custom styles */
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:140%;color:#333;background-color:#fff;overflow-x: hidden;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#555;text-decoration:underline;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {background-color:var(--nav-link-color)}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:var(--nav-link-color)}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background: rgb(130,0,223);background: linear-gradient(90deg, rgba(130,0,223,1) 0%, rgba(1,20,103,1) 100%);}
.pagination ul>.active>a,.pagination ul>.active>span{background: rgb(130,0,223);background: linear-gradient(90deg, rgba(130,0,223,1) 0%, rgba(1,20,103,1) 100%);}
.pager li > a:hover,.pager li > a:focus {border: none;background: rgb(130,0,223);background: linear-gradient(90deg, rgba(130,0,223,1) 0%, rgba(1,20,103,1) 100%);}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus {border-color:var(--primary-color);}
.btn-style { background-color: var(--primary-color); border:1px solid var(--primary-color);}
.btn-style:hover, .btn-style:focus { background-color:var(--primary-color); border:1px solid var(--primary-color);}
.owl-theme .owl-nav [class*=owl-]:hover{background:var(--primary-color)!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--primary-color)!important}
.tooltipster-default {background:var(--primary-color)}
.tooltipster-float {background:#4dc247}
mark{background:#ff0 !important;color:#000}
.advanced_search{border: 1px solid #DDD;background: #F7F7F7;margin-bottom: 10px;padding: 8px 10px 3px 10px;}
.gallery-wall { margin-left:-10px; margin-right:-10px;}
.gallery-wall a { display:block; height:150px;}
.gallery-wall .photo-style {display: block;margin-bottom:20px; }
.image-description { position: absolute;left: 0;right:0; bottom: 0; text-align:left; padding:5px 8px;background:rgba(0,0,0,.68);font-size:14px;color:#FFF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.image-frame { margin:5px; position: relative; }
.image-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;border:1px solid #DDD; content:'';z-index: 0;}
.image-frame a { position: relative; z-index: 1;display: block;width: 100%; overflow: hidden;}
.image-frame.active:before{ border-color:var(--primary-color);}
.thumbnail-frame{margin:5px; position: relative;}
.thumbnail-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;;border:1px solid #eee; content:'';z-index: 0;}
.thumbnail-frame .cover { position: relative; z-index: 1; }
.page-tags{ margin-bottom: 20px;}
.page-tags > span{ font-size:14px; margin-right:5px; margin-bottom:5px;}
.page-tags .tags-lists{ display: inline-block; padding: 0; margin: 0;}
.page-tags .tags-lists li{ display: inline-block; margin-right: 5px;margin-bottom: 5px;}
.page-tags .tags-lists li a{ display: block; padding: 3px 5px; border: 1px solid #EEE; background-color: rgba(229, 229, 229, 0.6); color: #9F9E9C; border-radius: 3px;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.page-tags .tags-lists li a:hover{ text-decoration: none; background-color: rgba(229, 229, 229, 1); color: #646464;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;border-color: #ddd;}
.form-inline { margin-left:-10px; margin-right:-10px;}
.form-inline label { display:block}
.form-inline .grid-100 { margin-bottom:10px;}
.animation{-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{ background-color: var(--primary-color);}
.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-wrapper::before, .hc-offcanvas-nav.nav-levels-none li .nav-wrapper::before,
.hc-offcanvas-nav a.nav-next:before{ background-color: rgba(255,255,255,0.5);}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background-color: rgba(0,0,0,0.2);}

header { position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 100;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
header .header-content{background-color: #fff;margin: 0;border-radius: 10px;overflow: visible;}
header .header-content .flex-box{display: flex;flex-wrap: nowrap;align-items: stretch;height: 82px;}
header .logo-box{display: flex;align-items: center;padding: 12px 0 12px 20px;box-sizing: border-box;flex-shrink: 0;align-self: stretch;}
header .logo{margin: 0;display: block;}
header .logo img{height: 58px;max-height: 100%;display: block;}
header .right-content{flex: 1;min-width: 0;display: flex;align-items: stretch;}
header nav{margin: 0;flex: 1;display: flex;align-items: stretch;align-self: stretch;}
header nav > ul{margin: 0;padding: 0;width: 100%;height: 100%;font-size: 0;line-height: 0;list-style: none;display: flex;align-items: stretch;justify-content: flex-end;}
header nav > ul > li{position: relative;display: flex;align-items: stretch;align-self: stretch;margin: 0 0 0 4px;font-size: 14px;line-height: normal;border-radius: 0;}
header nav > ul > li > a,
header nav > ul > li > span{display: flex;align-items: center;align-self: stretch;padding: 0 16px;font-size: 15px;line-height: 1;cursor: pointer;text-decoration: none;white-space: nowrap;border-radius: 0;}
.lang-en header nav > ul > li,
.lang-en header nav > ul > li{ margin-left: 4px;}
.lang-en header nav > ul > li > a,
.lang-en header nav > ul > li > span{ font-size: 13px;}
header nav > ul > li > a:hover,
header nav > ul > li > a:focus,
header nav > ul > li > span:hover,
header nav > ul > li > span:focus{ text-decoration: none;color: var(--nav-link-color);}
header nav > ul > li.active{background-color: var(--nav-link-color);}
header nav > ul > li.active > a,
header nav > ul > li.active > span{text-decoration: none;color: #fff;background-color: transparent;}
header nav > ul > li > .dropdown-menu{top: 100%;left: 0;margin-top: 0;}
header .language{position: relative;display: flex;align-items: center;padding: 0 20px 0 12px;flex-shrink: 0;}
header .language > a{display: flex;align-items: center;padding:8px 18px;color: #fff;gap: 6px;background-color: var(--nav-link-color);border-radius: 50px;white-space: nowrap;}
header .language > a:hover,
header .language > a:focus,
header .language.open > a{ text-decoration: none;opacity: 0.8;}
header .language > a > span{font-size: 16px;line-height: 100%;}
header .language > a > .lang-text{font-size: 13px;white-space: nowrap;}
header .language .dropdown-menu{ left: auto;right: 0;top: calc(100% + 5px);}
.phone-menu-btn{ display: none;}

.index-box{ padding: 50px 0;background-color: #fff;}
.index-title{margin-bottom: 20px;display: flex;align-items: center;}
.index-title > span{ font-size: 32px;line-height: 100%;flex: 1;}
.index-title a{ background-color: var(--primary-color);display: block;color: #fff;padding: 10px 20px;border-radius: 5px;}
.index-title a:hover,
.index-title a:focus{ text-decoration: none;}
.index-title a > span{ margin-left: 5px;transition: all 0.3s ease;}
.index-title a:hover > span,
.index-title a:focus > span{ margin-left: 15px;}
.index-more{margin-top: 20px;}
.index-more a{ display: inline-block;padding: 10px 20px;color: #fff;border-radius: 5px;transition: all 0.3s ease;background-color: var(--primary-color);}
.index-more a:hover,
.index-more a:focus{ text-decoration: none;}
.index-more a i{ margin-left: 10px;transition: all 0.3s ease;}
.index-more a:hover i,
.index-more a:focus i{margin-left: 20px;}

#slideshow{overflow: hidden;padding:160px 0 100px 0; background-image: url("../img/banner-bg.png");background-repeat: no-repeat;background-position: center bottom;background-size: cover;}

.index-box.link-block .flex-box{ margin: 0 -10px;}
.index-box.link-block .flex-box .box{ flex: 1;margin: 0 10px;position: relative;}
.index-box.link-block .flex-box .box a{ display: block;text-decoration: none;border-radius: 20px;background: #E1E8F4;background: linear-gradient(90deg, rgba(225, 232, 244, 1) 0%, rgba(246, 248, 253, 1) 100%);transition: all 0.3s ease;overflow: hidden;position: relative;top: 0;transition: box-shadow 0.3s ease;transition: top 0.3s ease;height: 100%;}
.index-box.link-block .flex-box .box:nth-child(1):hover a{background: #2DD8FF;background: linear-gradient(90deg, rgba(45, 216, 255, 1) 0%, rgba(1, 86, 232, 1) 100%);}
.index-box.link-block .flex-box .box:nth-child(2):hover a{background: #002FB7;background: linear-gradient(90deg, rgba(0, 47, 183, 1) 0%, rgba(250, 124, 254, 1) 100%);}
.index-box.link-block .flex-box .box:nth-child(3):hover a{background: #F95F98;background: linear-gradient(90deg, rgba(249, 95, 152, 1) 0%, rgba(248, 217, 47, 1) 100%);}
.index-box.link-block .flex-box .box:nth-child(4):hover a{background: #26C8BF;background: linear-gradient(90deg, rgba(38,200,191, 1) 0%, rgba(11,130,180, 1) 100%);}
.index-box.link-block .flex-box .box a:hover{ box-shadow: 0 0 20px rgba(102,0,204,0.3);top: -10px;color:#fff;}
.index-box.link-block .flex-box .box a .bg{padding:50px 20px; background-image: url("../img/wave-bg.svg");background-repeat: no-repeat;background-position: center calc(100% + 1px);background-size: 100% auto;display: flex;align-items: center;height: calc(100% - 100px);}
.index-box.link-block .flex-box .box .icon{ width: 62px;margin-right: 20px;}
.index-box.link-block .flex-box .box .icon .active{ display: none;}
.index-box.link-block .flex-box .box:hover .icon .default{display: none;}
.index-box.link-block .flex-box .box:hover .icon .active{ display: block;}
.index-box.link-block .flex-box .box .title{ font-size: 24px;line-height: 120%;}

.index-box.brand{ padding: 50px 0;overflow: hidden;}
.index-brand-box {position: relative;}
.index-brand-box .brand-slider{ padding-bottom: 68px;}
.index-brand-box .brand-slider .swiper-scrollbar{ position: relative;bottom: -46px;left: 0;width: 100%;background-color: rgba(0,0,0,0.15);}
.index-brand-box .brand-slider .swiper-scrollbar > div{ background-color: var(--primary-color);}
.index-brand-box .brand-button-prev,
.index-brand-box .brand-button-next{ width: 48px;height: 48px;line-height: 48px;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: #fff;text-align: center;color: #000;border-radius: 100%;outline: none !important;cursor: pointer;position: absolute;bottom: 0;z-index: 2;}
.index-brand-box .brand-button-prev span,
.index-brand-box .brand-button-next span{font-size: 24px;}
.index-brand-box .brand-button-prev{ right: 68px;}
.index-brand-box .brand-button-next{ right: 0;}
.index-brand-box .brand-button-prev:hover,
.index-brand-box .brand-button-next:hover{ background-color: var(--primary-color);color: #fff;text-decoration: none;}
.index-brand-box .brand-button-prev.swiper-button-disabled,
.index-brand-box .brand-button-next.swiper-button-disabled{ background-color: #fff;color: #999;text-decoration: none;cursor: default;opacity: 0.5;}
.brand-box{ /*padding:20px;background-color: #E6E2F8;border-radius: 20px;*/position: relative;transition: all 0.3s ease;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}
.brand-box:hover{ background-color: #E7E2F8;border-color: var(--primary-color);}
.brand-box .flag{ width: 30px;position: absolute; left: 10px;top: 10px;border-radius: 100%;display: none;}
.brand-box .cover a{ display: block; padding-top: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.brand-box .title a{ font-size: 16px;line-height: 120%;}
.brand-box .title a:hover{ text-decoration: none;color: #000;}
.brand-box .more { margin-top: 10px;}
.brand-box .more a{ border-radius: 36px;height: 36px;width: 36px;display: flex;align-items: center;justify-content: center;border: 1px solid #000;transition:all 0.3s ease;}
.brand-box .more a:hover{ width: 100%;text-decoration: none;color: #000;}
.brand-box .more a span{ width: 0;overflow: hidden;display: block;white-space: nowrap;}
.brand-box .more a:hover span{ width: auto;}
.brand-box .more a:hover i{ margin-left: 10px;}
.brand-box .title,
.brand-box .more{ display: none;}

.index-box.about {background-image: url("../img/about-bg.png");background-repeat: no-repeat;background-position: right center;background-size: auto 90%;}
.index-box.about .flex-box{ margin: 0 -10px;align-items: center;}
.index-box.about .flex-box > div{ margin: 0 10px; width: calc(50% - 20px);}
.index-box.about .flex-box .text .title{ font-size: 32px;line-height: 100%;margin-bottom: 20px;font-family: "宋体";}
.index-box.about .flex-box .text .details{ font-size: 14px;line-height: 140%;margin-bottom: 40px;}
.index-box.about .flex-box .text .index-more a{ background: var(--primary-color);color: #fff;}
.index-box.about .flex-box .video p{ margin: 0;}

.index-box.schedule { background-image: url("../img/schedule-bg.png");background-repeat: no-repeat;background-position: center center;background-size: cover;color:#fff;}
.index-box.schedule .text .title{font-size: 32px;line-height: 100%;margin-bottom: 40px;}
.index-box.schedule .text .details{line-height: 140%;margin-bottom: 40px;color: rgba(255,255,255,0.6);}
.index-box.schedule .flex-box{ margin: 0 -10px;align-items: center;}
.index-box.schedule .flex-box > div{ margin: 0 10px;}
.index-box.schedule .flex-box .text{ flex: 1;}
.index-box.schedule .list{ display: flex;flex-wrap: wrap;flex: 2;}
.index-box.schedule .list .item{margin: 0 10px;border-radius: 10px;background-color: #fff;padding: 20px;width: calc(50% - 60px);color: #000;margin-bottom: 20px;}
.index-box.schedule .list .item .date{position: relative; padding: 0 0 20px 70px;margin-bottom: 20px;border-bottom: 1px solid #ddd;color: #000;}
.index-box.schedule .list .item .date .icon{ width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: var(--primary-color);border-radius: 5px;position: absolute;top: 0;left: 0;}
.index-box.schedule .list .item .date .icon img{ max-width: 50%;}
.index-box.schedule .list .item .date .schedule-title{ font-size: 24px;line-height: 100%;margin-bottom: 10px;}
.index-box.schedule .list .item .date .schedule-subtitle{ color: #888;line-height: 100%;}
.index-box.schedule .list .item .type,
.index-box.schedule .list .item .time{line-height: 100%;}
.index-box.schedule .list .item .type{margin-bottom: 10px;}
.index-box.schedule .list .item .type img,
.index-box.schedule .list .item .time img{height: 16px;margin-right: 10px;}

.index-box.exhibition{ background-color: #25252B;color: #fff;}
.exhibition-slider img{ border-radius: 20px;}
.exhibition-pagination{ display: none;margin-top: 20px;text-align: center;}
.exhibition-pagination span{ background-color: #fff;margin: 0 6px;}
.index-box.news .flex-box{ margin: 0 -10px;}
.index-box.news .flex-box > div{ margin: 0 10px;flex: 1;}
.news-box{ position: relative;display: flex;align-items: center;margin-bottom: 20px;}
.news-box .cover{margin-right: 20px;}
.news-box .cover a{display: block; width: 200px;padding-top: 70%;border-radius: 20px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.news-box .date{ line-height: 100%;margin-bottom: 10px;}
.news-box .date span{margin-right: 5px;color: var(--primary-color);}
.news-box .title{margin-bottom: 10px;}
.news-box .title a{ font-size: 18px;line-height: 140%;}
.news-box .title a:hover,
.news-box .title a:focus{ text-decoration: none;color: var(--primary-color);}
.news-box .details{color: #666;line-height: 140%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;}
.index-box.news .left .news-box{ display: block;}
.index-box.news .left .news-box .cover{margin:0 0 20px 0;}
.index-box.news .left .news-box .cover a{ width: auto;padding-top: 60%;}
.index-box.news .right .news-box .title{margin-bottom: 0;}

.page-title-box{ padding: 160px 20px 50px 20px;text-align: center;background-image: url("../img/page-title-bg.png");background-repeat: no-repeat;background-position: center center;background-size: cover;color: #fff;margin-bottom: 20px;}
.page-title-box .page-title{ line-height: 100%;font-size: 36px;margin-bottom: 20px;}
.page-title-box .breadcrumb{ color: #fff;padding: 0;}
.page-title-box .breadcrumb a,
.page-title-box .breadcrumb .active,
.page-title-box .breadcrumb .divider{ color: #fff;}

.pagination-box { display: flex;align-items: center;flex-direction: row-reverse;}
.pagination-box > div{flex: 1;}
.pagination-box .pagination ul{ text-align: right;}
.pager li > a, .pager li > span{ border-radius: 50px;}
.pagination ul > li > a, .pagination ul > li > span{ border-radius: 50px;padding: 10px 13px;min-width: 8px;}
.news-list .news-box{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EDEDED;}
.news-list .news-box:last-child{ margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.contact-form-text{ margin-bottom: 20px;font-size: 16px;line-height: 100%;}
.contact-form-box{ padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;}
.contact-form-box form{ max-width: 600px;margin: auto;}
.contact-form-box form input,
.contact-form-box form textarea{ border-radius: 5px;border-color: #ededed;}
.contact-form-box form input:focus,
.contact-form-box form textarea:focus{ border-color: var(--primary-color);}
.contact-form-box form .btn{ margin-top: 20px; padding: 10px 20px;font-size: 16px;border-radius: 5px;}
.contact-form-box form .btn:hover,
.contact-form-box form .btn:focus{ opacity: 0.8;}
.brand-list .flex-box{margin: 0 -10px;}
.brand-list .flex-box .item{ margin: 0 10px 20px 10px;width: calc(25% - 20px);}
.list-filter{ padding: 20px; border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-bottom: 20px;display: flex;}
.list-filter > div{ flex: 1;}
.list-filter .right{ text-align: right;}
.list-filter .item{ display: inline-block;}
.list-filter input,.list-filter select{ border-radius: 5px;border-color: #ededed;}
.brand-logo{ display: flex;align-items: center;}
.brand-logo .border{ width: 150px;border-radius: 100%;display: inline-block;}
.brand-logo .title{ font-size: 32px;line-height: 100%;margin-left: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;flex: 1;}
.brand-msg-box{ overflow: hidden;border-radius: 10px;margin-bottom: 20px;background-color: #f6f5f7;}
.brand-msg-box .flex-box{ display: flex;margin:0 -1px -1px 0;}
.brand-msg-box.three .flex-box .item{ width:33.3333%;}
.brand-msg-box.two .flex-box .item{ width:50%;}
.brand-msg-box .flex-box .item .box{ border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;position: relative;padding: 20px 20px 20px 90px;min-height: 50px;}
.brand-msg-box .flex-box .item .box .icon{ width: 50px;height: 50px;position: absolute;left: 20px;top: 20px;display: flex;align-items: center;justify-content: center;}
.brand-msg-box .flex-box .item .box .icon img{ max-width: 100%;max-height: 100%;}
.brand-msg-box .flex-box .item .box .title{ color: #A9A9A9;line-height: 100%;margin-bottom: 10px;}
.brand-msg-box .flex-box .item .box .details{color: #595757;line-height: 100%;font-size: 18px;}
.pair-box{ position: relative; text-align: center;margin-top: 40px;}
.pair-box::after{ content: "";width: 100%;height: 1px;display: block; background-color: #ECECEC;position: absolute; left: 0;top: 50%;}
.pair-box > a{ display: inline-block;padding: 15px 30px;color: #fff;border-radius: 50px;position: relative;z-index: 2;background-color: var(--primary-color);}
.pair-box > a:hover{ text-decoration: none;background-color: #e30b4c;}
.pair-box > a span{ margin-left: 5px;}
.brand-products{ margin: 0 -10px;}
.brand-products-box{padding: 10px;}
.brand-products-box a{ display: block;padding: 10px;border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all 0.3s ease;}
.brand-products-box a .cover{ padding-top: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.brand-products-box a .title{ margin: 20px 0;text-align: center;font-size: 18px;line-height: 100%;}
.brand-products-box:hover a{ box-shadow: 0 0 10px rgb(57 161 235 / 50%);}
.brand-products-box a:hover,
.brand-products-box a:focus{ text-decoration: none;}
.brand-products-pagination{ text-align: center;margin-top: 20px;}
.brand-products-pagination span{margin: 0 6px;background-color: var(--primary-color);}

.old-mfe-box {position: relative;}
.old-mfe-box .old-mfe-slider{ padding-bottom: 68px;}
.old-mfe-box .old-mfe-slider .swiper-scrollbar{ position: relative;bottom: -46px;left: 0;width: calc(100% - 136px);}
.old-mfe-box .old-mfe-button-prev,
.old-mfe-box .old-mfe-button-next{ width: 48px;height: 48px;line-height: 48px;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: #fff;text-align: center;color: var(--primary-color);border-radius: 100%;outline: none !important;cursor: pointer;position: absolute;bottom: 0;z-index: 2;}
.old-mfe-box .old-mfe-button-prev span,
.old-mfe-box .old-mfe-button-next span{font-size: 24px;}
.old-mfe-box .old-mfe-button-prev{ right: 68px;}
.old-mfe-box .old-mfe-button-next{ right: 0;}
.old-mfe-box .old-mfe-button-prev:hover,
.old-mfe-box .old-mfe-button-next:hover{ background-color: var(--primary-color);color: #fff;text-decoration: none;}
.old-mfe-box .old-mfe-button-prev.swiper-button-disabled,
.old-mfe-box .old-mfe-button-next.swiper-button-disabled{ background-color: #fff;color: var(--primary-color);text-decoration: none;cursor: default;opacity: 0.5;}
.old-mfe-box .title{margin-top: 20px;font-size: 18px;line-height: 100%;}
.old-mfe-box .cover a{ display: block; padding-top: 60%;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 20px;}

.old-mfe-list{ display: flex;flex-wrap: wrap;margin: 0 -10px;}
.old-mfe-list .item{margin: 0 10px 20px 10px;width: calc(50% - 20px);}
.old-mfe-list .item a{border: 1px solid #ddd; padding: 20px;display: flex;align-items: center;transition: all 0.3s ease;border-radius: 10px;}
.old-mfe-list .item a:hover,
.old-mfe-list .item a:focus{ text-decoration:none;background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}
.old-mfe-list .item .title{ flex: 1;font-size: 24px;line-height: 100%;}
.old-mfe-list .item .arrow{ width: 48px;height: 48px;border: 1px solid var(--primary-color);color: var(--primary-color);border-radius: 100%;display: flex;align-items: center;justify-content: center;margin-left: 20px;font-size: 24px;transition: all 0.3s ease;}
.old-mfe-list .item a:hover .arrow,
.old-mfe-list .item a:focus .arrow{ color: #fff;border-color: #fff;}

.home-popup-box > div{width: 980px;}

.unit-border {position: relative;display: flex;margin: 0 -10px;}
.unit-border.flex-50 .unit-box{width: calc(50% - 20px);}
.unit-border.flex-33 .unit-box{width: calc(33.3333% - 20px);}
.unit-border.flex-25 .unit-box{width: calc(25% - 20px);}
.unit-border .unit-box{ margin: 0 10px;}
.unit-title{margin-bottom: 20px;font-size: 18px;line-height: 100%;}
.unit-box .cover{ background-color: #fff;border-radius: 10px;padding: 20px;text-align: center;height: 55px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;}
.unit-box .cover img{ max-height: 55px;}

/*tabs*/
ul.tabs{margin: 0 0 20px 0;padding: 0;font-size: 0;line-height: 0;}
ul.tabs li{font-size:14px;line-height:100%;list-style-type: none;display: inline-block;margin-right: 20px;}
ul.tabs li a{display:block;padding:15px 20px;text-align:center;color:#666;text-decoration:none;background-color: #f3f3f3;border-radius: 5px;font-size: 16px;line-height: 100%;transition: all 0.3s ease;}
ul.tabs li a:hover,
ul.tabs li a:focus,
ul.tabs li.active a{color:#fff;background:var(--primary-color);text-decoration:none;}
div.tab_container{clear:left;width:100%}

footer{ background: #E1E8F4;background: linear-gradient(90deg, rgba(225, 232, 244, 1) 0%, rgba(246, 248, 253, 1) 100%);color: #888;overflow: hidden;}
footer .footer-bg{ background-image: url("../img/wave-bg.svg");background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
footer a{ color: #888;}
footer a:hover{color: var(--nav-link-color);text-decoration: none;}
footer .footer-unit{overflow: hidden;padding: 50px 0;}
footer .footer-content{ padding: 30px 0;border-top: 1px solid #dedede;}
footer .footer-content .flex-box .box{ flex: 1;}
footer .footer-title{ font-size: 18px;line-height: 100%;margin-bottom: 20px;color:#000;}
footer .footer-title a{ color: #000;}
footer .footer-title a:hover{color: var(--nav-link-color);text-decoration: none;}
footer .footer-link{ margin: 0;padding: 0;}
footer .footer-link > li{list-style-type: none;margin-bottom: 10px;}
footer .footer-link > li:last-child{ margin-bottom: 0;}
footer .copyright{ text-align: center;padding: 20px 0;color: #999;border-top: 1px solid #dedede;}

.footer-primary{display:grid;grid-template-columns:1fr;gap:40px;padding:42px 0 36px;max-width:1200px;overflow:hidden;}
.footer-primary:before,
.footer-primary:after{content:none;display:none;}
.footer-primary .footer-unit{flex:1 1 auto;min-width:0;overflow:hidden;padding:0;}
.footer-primary .unit-title{color:#182033;font-weight:700;}
.footer-primary .footer-organizers,
.footer-primary .footer-logo-section,
.footer-primary .footer-logo-carousel,
.footer-primary .footer-logo-slider{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;}
.footer-logo-section + .footer-logo-section{margin-top:24px;}
.footer-logo-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.footer-logo-heading .unit-title{margin-bottom:0;}
.footer-logo-controls{display:flex;align-items:center;gap:8px;margin-left:16px;}
.footer-logo-button-prev,
.footer-logo-button-next{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(24,32,51,.12);border-radius:50%;background:#fff;color:var(--primary-color);box-shadow:0 4px 12px rgba(15,23,42,.05);cursor:pointer;outline:none !important;transition:all .3s ease;}
.footer-logo-button-prev:hover,
.footer-logo-button-next:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;}
.footer-logo-button-prev.swiper-button-disabled,
.footer-logo-button-next.swiper-button-disabled{opacity:.28;cursor:default;pointer-events:none;}
.footer-logo-carousel{position:relative;}
.footer-logo-slider{padding-bottom:40px;}
.footer-logo-slider .swiper-wrapper{box-sizing:border-box;}
.footer-logo-slider .swiper-slide{height:auto;}
.footer-logo-slider .unit-box{box-sizing:border-box;width:100%;}
.footer-logo-slider.swiper-container-horizontal > .swiper-scrollbar{position:relative !important;left:auto !important;bottom:auto !important;width:calc(100% - 24px) !important;height:2px !important;margin:22px 12px 0;background:rgba(24,32,51,.08) !important;}
.footer-logo-slider .swiper-scrollbar-drag{background:rgba(110,118,132,.62) !important;}
.footer-primary .footer-logo-section:not(.footer-logo-section-featured) .unit-box .cover{height:58px;padding:16px 18px;border-color:rgba(24,32,51,.12);border-radius:4px;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.footer-primary .footer-logo-section:not(.footer-logo-section-featured) .unit-box .cover img{max-height:58px;}
.footer-logo-section-featured .unit-box a{display:block;padding:14px;background:#fff;border:1px solid rgba(24,32,51,.12);border-radius:4px;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.footer-logo-section-featured .unit-box img{display:block;width:100%;height:auto;}
.footer-logo-section-featured{display:flex;flex-direction:column;width:100%;min-height:0;}
.footer-logo-section-featured .footer-logo-carousel{flex:1;min-height:0;position:relative;padding-right:24px;}
.footer-exhibition-logo-slider{height:286px;padding:0;}
.footer-exhibition-logo-slider .swiper-wrapper{height:100%;}
.footer-exhibition-logo-slider .swiper-slide{height:100%;}
.footer-exhibition-logo-slider .unit-box{height:100%;display:flex;align-items:center;}
.footer-exhibition-logo-slider .unit-box a{width:100%;}
.footer-logo-section-featured .footer-logo-carousel > .footer-logo-scrollbar{position:absolute !important;left:auto !important;right:0 !important;top:18px !important;bottom:auto !important;width:2px !important;height:calc(100% - 36px) !important;background:rgba(24,32,51,.08) !important;}
.footer-links .footer-content{padding:34px 0;border-top:1px solid #dedede;}

.footer-unit .unit-border.flex-25 .unit-box:first-child{ display: none;}

/*search*/
body,
header{transition: all 0.3s ease;}
body.search-active{ margin-top: 82px;}
.search-bar { background-color: #fff;display: block;position: fixed;top: -83px;left: 0;width: 100%;transition: all 0.3s ease;z-index: 3;margin: 0;}
.search-bar.active{top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.search-bar form{ display: flex;padding: 20px 0;}
.search-bar input{ margin: 0;border-color: #f3f3f3;height: auto; padding: 10px 20px; width: 80%;border-radius: 50px 0 0 50px;font-size: 18px;}
.search-bar button{ margin: 0;width: 20%;font-size: 18px;border-radius: 0 50px 50px 0;outline: none !important;}

/*social-link*/
.social-link{ margin: 0; padding: 0;width: 100%;text-align: center;}
.social-link > li{ display: inline-block;margin: 0 10px;}
.social-link > li > a{font-size: 28px;}

/*tabs*/
.page-tabs{ margin: 0 0 20px 0;padding: 0;border-bottom: 1px solid #ddd;font-size: 0;line-height: 0;}
.page-tabs > li{font-size: 14px;line-height: 100%;display: inline-block;margin-right: 20px;margin-bottom:20px;}
.page-tabs > li > a{ display: block;padding: 15px;background-color: #f3f3f3;color: var(--primary-color);border-radius: 5px;transition: all 0.3s ease;}
.page-tabs > li.active > a,.page-tabs > li > a:hover,.page-tabs > li > a:focus{ background-color: var(--primary-color);color: #fff;text-decoration: none;}

/*slideshow*/
.slideshow{ text-align: center;overflow: hidden;}
.slideshow .swiper-pagination-bullets span{ background-color: #fff;margin: 0 6px !important;opacity: 1 !important;}
.slideshow .swiper-pagination-bullet-active{ background-color: var(--primary-color) !important;}
.slideshow .swiper-nav > div{ position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 36px; background-color: var(--primary-color); color: #fff;font-size: 24px; margin-top: -16px;z-index:2;text-align: center; line-height: 32px;cursor: pointer;outline: none;}
.slideshow .swiper-nav > div:hover{background-color: #fff; color: var(--primary-color);}
.slideshow .swiper-nav .swiper-prev{ left: 20px;}
.slideshow .swiper-nav .swiper-next{ right: 20px;}
.slideshow .swiper-nav .swiper-prev i{ position: relative; left: -1px; top: 1px;}
.slideshow .swiper-nav .swiper-next i{ position: relative; right: -1px; top: 1px;}
.slideshow .swiper-nav > div.swiper-button-disabled{ opacity: 0.5;cursor: default;background-color: var(--primary-color);color: #fff;}

/*form*/
.form-inline .must{color: red;margin-left: 5px;}
.form-inline .input-btn{ display: flex;}
.form-inline .input-btn input{ width: 75%;}
.form-inline .input-btn button{display: block; padding: 10px 20px;width: 25%; background-color: #5277a2;color: #fff; text-align: center;margin:0;}
.form-inline .input-btn button:hover,.form-inline .input-btn button:focus{ text-decoration: none; opacity: 0.8;}

/*mobile-menu-btn*/
.mobile-menu-btn{ display: none;position: relative;top: 2px;}
.mobile-menu-btn a{ font-size: 16px;position: relative;top: auto;width: auto;display: inline-block;padding-left: 35px;line-height: 24px;}
.mobile-menu-btn a:hover{ color: #fff;text-decoration: none;}
.mobile-menu-btn a .close {width: 30px;top: 50%;transform: translateY(-50%);transform-origin: 50% 50%}
.mobile-menu-btn a .close,
.mobile-menu-btn a .close::before,
.mobile-menu-btn a .close::after {display: block;position: absolute;left: 0;height: 3px;background: #fff;transition: all .25s ease;border-radius: 3px;}
.mobile-menu-btn a .close::before,
.mobile-menu-btn a .close::after {content: '';width: 100%}
.mobile-menu-btn a .close::before {top: -10px}
.mobile-menu-btn a .close::after {bottom: -10px}
.mobile-menu-btn a.toggle-open .close {background: rgba(0, 0, 0, 0);transform: rotate(45deg)}
.mobile-menu-btn a.toggle-open .close::before {transform: translate3d(0, 10px, 0)}
.mobile-menu-btn a.toggle-open .close::after {transform: rotate(-90deg) translate3d(11px, 0, 0)}
.mobile-menu-btn a:hover .close,
.mobile-menu-btn a:hover .close::before,
.mobile-menu-btn a:hover .close::after,
.mobile-menu-btn a.toggle-open .close,
.mobile-menu-btn a.toggle-open .close::before,
.mobile-menu-btn a.toggle-open .close::after {background: #fff}

/*page-tools*/
.page-tools { margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: 1px solid #ededed;}
.page-tools > div{ display: flex;align-items: center;}
.page-tools > div > *{ flex: 1;}
.page-tools .release-time{ color: #aaaaaa;}
.page-tools .release-time span{ margin-left: 20px;}
.page-tools .page-share { text-align: right;margin: 0;padding: 0;display: flex;align-items: center;justify-content: flex-end;}
.page-tools .page-share ul { list-style: none; margin:0; padding:0; }
.page-tools .page-share li { display:inline-block;margin-left:10px;color: #aaaaaa;}
.page-tools .page-share a,.page-tools .page-share span { cursor: pointer; color: #888; font-size:16px; }
.page-tools .page-share li.facebook a{ color: #3c5a99;}
.page-tools .page-share li.twitter a{ color: #1da1f2;}
.page-tools .page-share li.wechat a{ color: #4cc146;}
.page-tools .page-share li.weibo a{ color: #ea5514;}

/*search*/
ul.search-list { list-style:none; margin:0; padding:0}
ul.search-list li{ border-bottom:1px dashed #DDD; padding:15px 0;display: flex;align-items: center;}
ul.search-list li .title{ flex: 1;}
.filterTypeGroupId{ padding: 5px;border-radius: 3px;background-color: var(--primary-color);color: #fff;font-size: 12px;line-height: 100%;margin-right: 20px;}
.filterTypeGroupId:hover,.filterTypeGroupId:focus{ text-decoration: none;color: #fff;opacity: 0.8;}
.filterType{ margin:20px 0 10px 0;}
.filterType > a{ display: inline-block;padding: 10px 20px; background-color: #666;color: #fff;border-radius: 5px;}
.filterType > a i{ margin-left: 10px}
.filterType > a:hover,.filterType > a:focus{ text-decoration: none;background-color: var(--primary-color);}

/*gallery-box*/
.gallery-box { padding: 20px; background-color: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.gallery-box .swiper-nav > div{ position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 36px; background-color: #fff; color: var(--primary-color);font-size: 24px; margin-top: -16px;z-index:2;text-align: center; line-height: 32px;cursor: pointer;outline: none;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.gallery-box .swiper-nav > div:hover{background-color: var(--primary-color); color: #fff;}
.gallery-box .swiper-nav .swiper-prev{ left: 20px;}
.gallery-box .swiper-nav .swiper-next{ right: 20px;}
.gallery-box .swiper-nav .swiper-prev i{ position: relative; left: -1px; top: 1px;}
.gallery-box .swiper-nav .swiper-next i{ position: relative; right: -1px; top: 1px;}
.gallery-box .swiper-nav > div.swiper-button-disabled{ opacity: 0.5;cursor: default;}
.gallery-top{ text-align: center;}
.gallery-thumbs{ margin: 0 -10px;}
.gallery-thumbs .swiper-slide .border{ border: 1px solid transparent; overflow: hidden;position: relative;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .border{ border-color: var(--primary-color);}
.gallery-thumbs .swiper-slide a{ display: block; padding-top: 60%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.gallery-thumbs .swiper-nav > div{ position: absolute; top: 50%; width: 36px; height: 36px; border-radius: 36px; color: var(--primary-color); background-color: #fff;font-size: 24px; margin-top: -16px;z-index:2;text-align: center; line-height: 32px;cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,0.1);border: none;}
.gallery-thumbs .swiper-nav > div:hover{ color: #fff;background-color: var(--primary-color);}

/*progress-bar*/
@-webkit-keyframes progress-bar-stripes {
  from {background-position:1rem 0}
  to {background-position:0 0}
}
@keyframes progress-bar-stripes {
  from {background-position:1rem 0}
  to {background-position:0 0}
}
.progress {display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem;}
.progress-bar {display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease;}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {transition:none}
}
.progress-bar-striped {background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;}
.progress-bar-animated {-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {-webkit-animation:none;animation:none}
}

/*Default class*/
.list-layout{ margin: 0 -10px;}
.hidden-y{overflow-y: hidden;}
.preview-bar{ padding: 20px; background-color: red;color:#fff; text-align: center; font-size: 24px; line-height: 100%;}
.preview-bar i{ margin-right: 10px;}

/*Default component*/
.go-top{position:fixed;bottom:20px;right:20px;background:var(--nav-link-color);text-decoration:none;color:white;font-size:24px;display:none;filter:Alpha(Opacity=50);opacity:.5; z-index:9999;width:50px;height: 50px; line-height: 50px; text-align: center;border-radius: 100%;}
.go-top:hover{color:#FFF;text-decoration:none;filter:Alpha(Opacity=100);opacity:1}
#wechat_qrcode{ padding: 20px;background-color: #fff;}
.click-dropdown{ position: relative;}
.click-dropdown .content{ position: absolute; right: 0; top: 300%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transition-duration: 0.2s;transition-duration: 0.2s;visibility:hidden; opacity: 0;z-index: 2;}
.click-dropdown.active .content{ top: 120%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.mobile-clickr-dropdown > a{ display: none;}
.mobile-clickr-dropdown .content{ position: relative; top: auto; right: auto;opacity: 1; visibility:visible;box-shadow: none; background: transparent;}

/* responsive layout styles */
@media(max-width:1240px){
.top-bar{  padding: 10px 20px;}
#slideshow .border{padding: 0 20px;}
.index-box{ padding: 50px 20px;}
.index-box.brand .grid-container{ padding: 0 20px;}

#content{ padding: 0 20px;}
.page-title-box .page-title{margin: 0 20px 20px 20px;}
.page-title-box .breadcrumb{ margin: 0 20px;}

footer .footer-unit{ padding: 20px;}
footer .footer-content{ padding: 30px 20px;}
.footer-primary{padding:34px 20px 30px;gap:28px;}
.footer-primary .footer-content{padding-left:28px;}
.footer-links .footer-content{padding:30px 20px;}
footer .copyright{ padding: 20px;}
}
@media(max-width:1080px){
header .logo img{ height: 48px;}
header .logo-box{ padding-top: 12px;padding-bottom: 12px;}
header .header-content .flex-box{ height: 72px;}
header nav > ul > li{ margin-left: 2px;}
header nav > ul > li > a,
header nav > ul > li > span{ font-size: 13px;padding: 0 12px;}
.index-box.link-block .flex-box .box a{background-size: cover;}
.exhibition-pagination{ display: block;}
.brand-list .flex-box .item{ width: calc(33.3333% - 20px);}
.brand-msg-box.three .flex-box .item{ width: 50%;}
}
@media(max-width:980px){
.index-box.schedule .flex-box{ display: block;}
.index-box.schedule .text .index-more{ margin-bottom: 20px;}
.index-box.schedule .text .title{ margin-bottom: 20px;}
.index-box.schedule .text .details{ margin-bottom: 20px;}
.index-box.schedule .flex-box > div.list{ margin: 0;}
}
@media(max-width:960px){
.home-popup-box > div{width: auto;max-width: calc(100vw - 120px);}
}
@media(max-width:860px){
header nav > ul > li > a,header nav > ul > li > span{ font-size: 12px;padding: 0 9px;}
}
@media(max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.mobile-text-left{text-align:left}
.mobile-text-right{text-align:right}
.mobile-text-center{text-align:center}
.enter-content img,.logo img{max-width:100%;height:auto} /*for img set style width and height unable responsive*/
.enter-content table { margin-bottom: 0; }
.enter-content div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
.enter-content div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
.enter-content table td, .enter-content  table th { position: relative; white-space: nowrap; overflow: hidden; }
.grid-parent-left {padding-right:0}
.grid-parent-right {padding-left:0}
.mobile-grid-parent{ padding: 0;}
.list-layout{margin: 0;}
.mobile-list-layout{margin: 0 -10px;}
.form-inline .grid-50{ margin-bottom: 10px;}
.form-inline .input-btn input{ width: 60%;}
.form-inline .input-btn button{ padding: 10px;width: 40%;font-size: 12px;}

/* Author's custom styles */
nav{ display: none !important;}
nav.hc-offcanvas-nav{ display: block !important;}
.mobile-menu-btn{ display: inline-block;}
.mobile-clickr-dropdown > a{ display: block;}
.mobile-clickr-dropdown .content{ position: absolute; right: 0; top: 300%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transition-duration: 0.2s;transition-duration: 0.2s;visibility:hidden; opacity: 0;z-index: 2;}
.mobile-clickr-dropdown.active .content{ top: 120%;}
header .language-btn{ margin: 0 20px;}
header .language{ margin: 0;}
header .language > li{ display: block;margin: 0; padding: 0;border-left: none;border-bottom:1px solid #f3f3f3;}
header .language > li:last-child{ border-bottom: none;}
header .language > li > a{font-size: 14px; display: block; padding: 10px 20px; text-align: center;}
header .language > li > a:hover{ color: #fff;text-decoration: none;background-color: var(--primary-color);}
.mobile-clickr-dropdown.search-btn .content{ right: -100px;}
nav .dropdown .fa{ display: none;}
.page-tools > div{ display: block;}
.page-tools .page-share{ justify-content: start;margin-top: 10px;}
.page-tools .page-share li{ margin: 0 10px 0 0;}

body.search-active{ margin-top: 82px;}
header.search-active {top: 0;}
.search-bar form{ padding: 20px;}
.search-bar input,.search-bar button{ font-size: 14px;}
header .logo img{ width: 100%;height: auto;max-height: 58px;}
#slideshow{ padding: 0;}
#slideshow .border{ padding:110px 0 0 0;}
header .flex-box{ flex-wrap: nowrap;}
header .language > a{color: #fff;font-size: 14px;padding: 7px 14px;border-radius: 50px;}
header .language > a:hover,
header .language > a:focus{ opacity: 0.8;}
.phone-menu-btn{ display: flex;align-items: center;justify-content: center;padding: 14px 15px;background-color: var(--nav-link-color);border-radius: 0 10px 10px 0;}
.phone-menu-btn .mobile-menu-btn a{ padding-left: 30px;}
.index-box{ padding: 20px;}
.index-box.link-block .flex-box .box{ flex: auto;width: calc(100% - 20px);margin-bottom: 20px;}
.index-box.link-block .flex-box .box a .bg{ padding: 30px 20px;height: calc(100% - 60px);}
.index-box.about .flex-box{ display: block;}
.index-box.about .flex-box .text{ margin-top: 20px;}
.index-box.about .text .title{font-size: 24px;}
.index-box.brand{ padding: 0;}
.index-box.news .flex-box > div{ flex: auto;width: calc(100% - 20px);}
.news-box .cover a{ width: 140px;}
.news-box .title a{ font-size: 14px;}
.brand-list .flex-box .item{ width: calc(50% - 20px);}
.list-filter{ display: block;font-size: 12px;}
.list-filter .right{ margin-top: 10px;text-align: left;}

.index-title>span{ font-size:24px;}
.index-box.schedule .list .item{width: calc(100% - 60px);}

.page-title-box{padding:120px 20px 30px 20px;}
.page-title-box .page-title{ font-size: 24px;}
.brand-logo{ margin: 0 0 20px 0;text-align: center;}
.page-title-box.brand-page .page-title{ margin: 0 20px 10px 20px;}
.page-title-box.brand-page .breadcrumb{ margin: 0 20px;}
.brand-msg-box.two .flex-box .item,
.brand-msg-box.three .flex-box .item{ width: 100%;}
.brand-msg-box .flex-box .item .box{ padding: 20px 20px 20px 70px;min-height: 30px;}
.brand-msg-box .flex-box .item .box .icon{ width: 30px;height: 30px;}
.brand-msg-box .flex-box .item .box .details{ font-size: 16px;word-break: break-word;}
.index-box.about .flex-box .text{width: calc(100% - 100px);}
.index-box.about .flex-box .video{width: calc(100% - 20px);}
.old-mfe-list .item{width: calc(100% - 20px);}

footer .footer-content{ padding: 20px 20px 0 20px;}
footer .footer-content .flex-box .box{ flex: auto;width: calc(50% - 20px);margin-bottom: 20px;}
footer .footer-title{ margin-bottom: 10px;}
.footer-primary{display:block;padding:28px 20px;}
.footer-primary .footer-unit{padding:0;}
.footer-primary .footer-content{display:block;margin-top:24px;padding:24px 0 0;border-left:0;border-top:1px solid #dedede;}
.footer-logo-section + .footer-logo-section{margin-top:22px;}
.footer-logo-heading{margin-bottom:14px;}
.footer-logo-button-prev,
.footer-logo-button-next{width:30px;height:30px;}
.footer-logo-slider{padding-bottom:34px;}
.footer-primary .footer-logo-section:not(.footer-logo-section-featured) .unit-box .cover{height:54px;padding:10px;}
.footer-primary .footer-logo-section:not(.footer-logo-section-featured) .unit-box .cover img{max-height:54px;}
.footer-logo-section-featured .unit-box a{padding:10px;}
.footer-logo-section-featured .footer-logo-carousel{padding-right:22px;}
.footer-exhibition-logo-slider{height:230px;min-height:0;padding:0;}
.footer-links .footer-content{padding:20px 20px 0;}
.unit-border{ flex-wrap: wrap;margin: 0 -5px;}
.unit-border.flex-50 .unit-box{width: calc(100% - 10px);}
.unit-border.flex-33 .unit-box{width: calc(100% - 10px);}
.unit-border.flex-25 .unit-box{width: calc(50% - 10px);}
.unit-border .unit-box{ margin:0 5px 10px 5px;}
.unit-border .cover{ padding: 5px;}
}

/* 2026 MFE neon homepage */
body.lang-mo #index-content{background:#06080f;color:#fff;}
body.lang-mo .index-box{background-color:transparent;}
body.lang-mo header nav > ul > li.active{background-color:transparent;}
body.lang-mo header nav > ul > li.active > a,
body.lang-mo header nav > ul > li.active > span{color:var(--nav-link-color);}
body.lang-mo header nav > ul > li.active::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--line-gradient);}
body.lang-mo header .language > a,
body.lang-mo .phone-menu-btn{background-color:var(--nav-link-color);}

#slideshow.mfe-hero{position:relative;overflow:hidden;padding:82px 0 0;background:#02040a;color:#fff;}
#slideshow.mfe-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(255,10,84,.34),transparent 26%),radial-gradient(circle at 84% 70%,rgba(0,218,190,.22),transparent 24%),linear-gradient(115deg,#02040a 0%,#05070d 48%,#0b0d18 100%);}
#slideshow.mfe-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(180deg,transparent 0%,rgba(2,4,10,.6) 40%,#080b14 100%);z-index:2;}
.hero-stage{position:relative;z-index:1;min-height:700px;display:flex;align-items:center;justify-content:center;padding:70px 20px 80px;box-sizing:border-box;}
.hero-banner{display:block;width:100%;max-width:1170px;height:auto;}

body.lang-mo .index-box.link-block{position:relative;margin-top:-58px;padding:0 0 48px;z-index:4;background:#080b14;}
body.lang-mo .index-box.link-block .flex-box{margin:0 -8px;}
body.lang-mo .index-box.link-block .flex-box .box{margin:0 8px;}
body.lang-mo .index-box.link-block .flex-box .box a{border-radius:4px;background:rgba(11,15,27,.78);border:1px solid rgba(255,255,255,.22);box-shadow:none;color:#fff;backdrop-filter:blur(12px);}
body.lang-mo .index-box.link-block .flex-box .box a:hover{top:-4px;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.25),0 0 26px rgba(255,10,84,.18);}
body.lang-mo .index-box.link-block .flex-box .box a .bg{position:relative;height:auto;min-height:96px;padding:26px 54px 24px 104px;background-image:none;display:block;box-sizing:border-box;}
body.lang-mo .index-box.link-block .flex-box .box .icon{position:absolute;left:24px;top:24px;width:56px;height:56px;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2284ff,#8a2cff);}
body.lang-mo .index-box.link-block .flex-box .box:nth-child(3) .icon{background:linear-gradient(135deg,#ff4e8b,#ff0a54);}
body.lang-mo .index-box.link-block .flex-box .box:nth-child(4) .icon{background:linear-gradient(135deg,#00d5b8,#26e0c7);}
body.lang-mo .index-box.link-block .flex-box .box .icon img{width:28px;max-height:28px;filter:brightness(0) invert(1);}
body.lang-mo .index-box.link-block .flex-box .box .icon i{font-size:24px;color:#fff;}
body.lang-mo .index-box.link-block .flex-box .box .icon .active{display:block;}
body.lang-mo .index-box.link-block .flex-box .box .icon .default{display:none;}
body.lang-mo .index-box.link-block .flex-box .box .title{font-size:20px;line-height:1.25;font-weight:700;color:#fff;}
body.lang-mo .index-box.link-block .flex-box .box .desc{margin-top:8px;font-size:13px;color:rgba(255,255,255,.7);}
body.lang-mo .index-box.link-block .flex-box .box .arrow{position:absolute;right:22px;bottom:22px;color:#fff;font-size:16px;}

body.lang-mo .index-box.schedule{position:relative;padding:70px 0;background:radial-gradient(ellipse at 12% 35%,rgba(255,10,84,.14) 0%,transparent 52%),radial-gradient(ellipse at 88% 75%,rgba(120,40,200,.07) 0%,transparent 42%),linear-gradient(160deg,#0a0510 0%,#080b14 35%,#0c0816 65%,#080b14 100%);color:#fff;overflow:hidden;}
body.lang-mo .index-box.schedule::before{content:"";position:absolute;left:-160px;top:10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,10,84,.22),rgba(255,10,84,.06) 45%,transparent 70%);}
body.lang-mo .index-box.schedule::after{content:"";position:absolute;right:-140px;bottom:-180px;width:460px;height:460px;border-radius:50%;border:1px solid rgba(255,10,84,.12);box-shadow:0 0 60px rgba(255,10,84,.18),inset 0 0 60px rgba(255,10,84,.06);}
body.lang-mo .index-box.schedule .grid-container{position:relative;z-index:1;}
body.lang-mo .index-box.schedule .text .title{font-size:36px;font-weight:800;margin-bottom:28px;color:#fff;}
body.lang-mo .index-box.schedule .text .title::after,
body.lang-mo .index-box.about .flex-box .text .title::before,
body.lang-mo .unit-title::before{content:"";display:block;width:42px;height:4px;margin:0 0 22px;background:var(--line-gradient);}
body.lang-mo .index-box.schedule .text .details{font-size:16px;color:rgba(255,255,255,.74);}
body.lang-mo .index-box.schedule .list .item{width:calc(50% - 62px);border-radius:4px;background:rgba(10,15,28,.72);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:0 16px 30px rgba(0,0,0,.22);}
body.lang-mo .index-box.schedule .list .item .date{color:#fff;border-bottom-color:rgba(255,255,255,.18);}
body.lang-mo .index-box.schedule .list .item .date .icon{border-radius:4px;background:rgba(255,10,84,.15);border:2px solid var(--primary-color);}
body.lang-mo .index-box.schedule .list .item .date .schedule-title{font-weight:800;}
body.lang-mo .index-box.schedule .list .item .date .schedule-subtitle,
body.lang-mo .index-box.schedule .list .item .type,
body.lang-mo .index-box.schedule .list .item .time{color:rgba(255,255,255,.86);}
body.lang-mo .index-box.schedule .list .item .type img,
body.lang-mo .index-box.schedule .list .item .time img{filter:brightness(0) invert(1);opacity:.9;}

body.lang-mo .index-box.about{position:relative;padding:40px 0 70px;background:radial-gradient(ellipse at 82% 68%,rgba(0,214,255,.13) 0%,transparent 52%),radial-gradient(ellipse at 20% 25%,rgba(80,50,180,.06) 0%,transparent 40%),linear-gradient(160deg,#080b14 0%,#0c0e1a 30%,#10131d 65%,#0a0d18 100%);color:#fff;overflow:hidden;}
body.lang-mo .index-box.about::after{content:"";position:absolute;right:-160px;bottom:-170px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(0,214,255,.12);box-shadow:0 0 60px rgba(0,214,255,.15),inset 0 0 60px rgba(0,214,255,.05);}
body.lang-mo .index-box.about .flex-box{position:relative;z-index:1;}
body.lang-mo .index-box.about .flex-box .video video{display:block;border-radius:4px;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 34px rgba(0,0,0,.32);}
body.lang-mo .index-box.about .flex-box .text .border{padding:0 0 0 28px;border-left:0;}
body.lang-mo .index-box.about .flex-box .text .title{font-family:inherit;font-size:34px;font-weight:800;color:#fff;}
body.lang-mo .index-box.about .flex-box .text .details{font-size:16px;color:rgba(255,255,255,.75);margin-bottom:28px;}
body.lang-mo .index-more a{border-radius:4px;background:linear-gradient(90deg,#ff0a54,#ff2f9a);font-weight:700;}

body.lang-mo footer{background:#f6f7fb;color:#888;}
body.lang-mo footer .footer-bg{background-image:none;}
body.lang-mo .unit-box .cover{border-radius:4px;box-shadow:0 8px 22px rgba(15,23,42,.08);}
body.lang-mo footer .copyright{background:#080b14;color:rgba(255,255,255,.7);}

.layui-layer.mfe-home-layer{overflow:hidden;border-radius:6px!important;background:rgba(8,11,20,.94)!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 44px rgba(255,10,84,.22)!important;color:#fff;backdrop-filter:blur(14px);}
.layui-layer.mfe-home-layer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,rgba(255,10,84,.34),transparent 28%),radial-gradient(circle at 14% 86%,rgba(0,214,255,.22),transparent 30%);pointer-events:none;}
.layui-layer.mfe-home-layer .layui-layer-content{position:relative;z-index:1;overflow:hidden!important;}
.layui-layer.mfe-home-layer .layui-layer-setwin{right:18px;top:18px;z-index:2;}
.layui-layer.mfe-home-layer .layui-layer-setwin .layui-layer-close2{right:0;top:0;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);}
.layui-layer.mfe-home-layer .layui-layer-setwin .layui-layer-close2::before,
.layui-layer.mfe-home-layer .layui-layer-setwin .layui-layer-close2::after{content:"";position:absolute;left:9px;top:15px;width:14px;height:2px;background:#fff;border-radius:2px;}
.layui-layer.mfe-home-layer .layui-layer-setwin .layui-layer-close2::before{transform:rotate(45deg);}
.layui-layer.mfe-home-layer .layui-layer-setwin .layui-layer-close2::after{transform:rotate(-45deg);}
.mfe-home-popup{position:relative;padding:38px 38px 34px;text-align:left;color:#fff;}
.mfe-home-popup .popup-year{font-size:42px;line-height:.9;font-weight:800;color:#fff;text-shadow:0 0 22px rgba(45,216,255,.48);}
.mfe-home-popup .popup-mark{margin-top:2px;font-size:86px;line-height:.84;font-weight:900;background:linear-gradient(110deg,#55d7ff 0%,#fff 20%,#ff0a78 48%,#9138ff 74%,#32ead0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.mfe-home-popup h2{margin:16px 0 10px;font-size:26px;line-height:1.22;font-weight:800;color:#fff;}
.mfe-home-popup p{margin:5px 0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.8);}
.mfe-home-popup .popup-date{font-size:18px;font-weight:800;color:#fff;}
.mfe-home-popup .popup-note{font-size:17px;font-weight:700;color:#fff;}
.mfe-home-popup .popup-line{display:block;width:42px;height:3px;margin:18px 0;background:var(--line-gradient);}

@media(max-width:1080px){
.hero-stage{min-height:620px;}
}

@media(max-width:767px){
#slideshow.mfe-hero{padding:72px 0 0;}
.hero-stage{min-height:auto;padding:42px 20px 96px;}
body.lang-mo .index-box.link-block{margin-top:-72px;padding:0 20px 22px;}
body.lang-mo .index-box.link-block .flex-box{margin:0;}
body.lang-mo .index-box.link-block .flex-box .box{width:100%;margin:0 0 12px;}
body.lang-mo .index-box.link-block .flex-box .box a .bg{min-height:88px;padding:22px 48px 20px 88px;}
body.lang-mo .index-box.link-block .flex-box .box .icon{left:20px;top:20px;width:48px;height:48px;}
body.lang-mo .index-box.link-block .flex-box .box .title{font-size:18px;}
body.lang-mo .index-box.schedule{padding:42px 20px;}
body.lang-mo .index-box.schedule .list .item{width:calc(100% - 62px);}
body.lang-mo .index-box.about{padding:24px 20px 46px;}
body.lang-mo .index-box.about .flex-box .text{width:auto;}
body.lang-mo .index-box.about .flex-box .video{width:auto;}
body.lang-mo .index-box.about .flex-box .text .border{padding-left:0;}
body.lang-mo .index-box.about .flex-box .text .title{font-size:26px;}
.layui-layer.mfe-home-layer{width:calc(100vw - 32px)!important;max-width:520px;}
.mfe-home-popup{padding:32px 24px 28px;}
.mfe-home-popup .popup-year{font-size:34px;}
.mfe-home-popup .popup-mark{font-size:68px;}
.mfe-home-popup h2{font-size:22px;}
.mfe-home-popup p{font-size:14px;}
}

/* Global navigation style aligned with the 2026 homepage */
header{background:#fff;box-shadow:0 2px 16px rgba(15,23,42,.08);}
header .header-content{background:#fff;border-radius:0;}
header .header-content .flex-box{height:82px;}
header nav > ul > li{border-radius:0;background:transparent;}
header nav > ul > li > a,
header nav > ul > li > span{position:relative;color:#111827;font-weight:600;}
header nav > ul > li > a:hover,
header nav > ul > li > a:focus,
header nav > ul > li > span:hover,
header nav > ul > li > span:focus{color:var(--nav-link-color);}
header nav > ul > li.active{background:transparent;}
header nav > ul > li.active > a,
header nav > ul > li.active > span{color:var(--nav-link-color);background:transparent;}
header nav > ul > li.active::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--line-gradient);}
header nav > ul > li > .dropdown-menu{left:50%;transform:translateX(-50%);border:0;border-radius:0 0 4px 4px;box-shadow:0 16px 30px rgba(15,23,42,.14);}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus{background-color:var(--nav-link-color);}
header .language{border-left:1px solid #e5e7eb;margin-left:12px;}
header .language > a,
body.lang-mo header .language > a{background:transparent;color:#111827;border-radius:0;padding:8px 0 8px 16px;}
header .language > a:hover,
header .language > a:focus,
header .language.open > a{color:var(--nav-link-color);opacity:1;}
header .language .dropdown-menu{transform:none;border:0;border-radius:0 0 4px 4px;box-shadow:0 16px 30px rgba(15,23,42,.14);}
body.lang-mo .phone-menu-btn,
.phone-menu-btn{background:var(--nav-link-color);}

@media(max-width:1080px){
header .header-content .flex-box{height:72px;}
}

@media(max-width:767px){
header .header-content .flex-box{height:72px;}
header .language{border-left:0;margin-left:0;padding:0 10px;}
header .language > a,
body.lang-mo header .language > a{padding:7px 10px;color:#111827;background:transparent;}
.phone-menu-btn{border-radius:0;background:var(--nav-link-color);}
}

/* Subpage style aligned with the 2026 homepage */
body.lang-mo,
body.lang-zh-hans,
body.lang-en{background:#080b14;color:#111827;}

body.lang-mo .page-title-box,
body.lang-zh-hans .page-title-box,
body.lang-en .page-title-box{position:relative;overflow:hidden;margin-bottom:0;padding:178px 20px 70px;background:#02040a;color:#fff;}
body.lang-mo .page-title-box::before,
body.lang-zh-hans .page-title-box::before,
body.lang-en .page-title-box::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 22%,rgba(14,214,251,.32) 0%,rgba(237,9,115,.25) 22%,transparent 55%),radial-gradient(ellipse at 55% 50%,rgba(180,30,100,.3) 0%,rgba(80,15,50,.15) 35%,transparent 65%);}
body.lang-mo .page-title-box::after,
body.lang-zh-hans .page-title-box::after,
body.lang-en .page-title-box::after{content:none;}
body.lang-mo .page-title-box .grid-container,
body.lang-zh-hans .page-title-box .grid-container,
body.lang-en .page-title-box .grid-container{position:relative;z-index:1;}
body.lang-mo .page-title-box .page-title,
body.lang-zh-hans .page-title-box .page-title,
body.lang-en .page-title-box .page-title{margin:0 20px 20px;font-size:42px;line-height:1.15;font-weight:800;color:#fff;text-shadow:0 0 40px rgba(140,40,90,.3),0 2px 8px rgba(0,0,0,.4);}
body.lang-mo .page-title-box .page-title::before,
body.lang-zh-hans .page-title-box .page-title::before,
body.lang-en .page-title-box .page-title::before{content:"";display:block;width:52px;height:4px;margin:0 auto 20px;background:var(--line-gradient);}
body.lang-mo .page-title-box .breadcrumb,
body.lang-zh-hans .page-title-box .breadcrumb,
body.lang-en .page-title-box .breadcrumb{position:relative;margin:0 20px;padding:0;color:rgba(255,255,255,.76);}
body.lang-mo .page-title-box .breadcrumb a,
body.lang-mo .page-title-box .breadcrumb .active,
body.lang-mo .page-title-box .breadcrumb .divider,
body.lang-zh-hans .page-title-box .breadcrumb a,
body.lang-zh-hans .page-title-box .breadcrumb .active,
body.lang-zh-hans .page-title-box .breadcrumb .divider,
body.lang-en .page-title-box .breadcrumb a,
body.lang-en .page-title-box .breadcrumb .active,
body.lang-en .page-title-box .breadcrumb .divider{color:rgba(255,255,255,.86);}

body.lang-mo #content,
body.lang-zh-hans #content,
body.lang-en #content{position:relative;padding:56px 20px 70px;background:linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);}
body.lang-mo #content::before,
body.lang-zh-hans #content::before,
body.lang-en #content::before{content:"";position:absolute;left:-150px;top:-170px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,10,84,.2),transparent 70%);pointer-events:none;}
body.lang-mo #content .grid-container,
body.lang-zh-hans #content .grid-container,
body.lang-en #content .grid-container{position:relative;z-index:1;}
body.lang-mo .enter-content,
body.lang-zh-hans .enter-content,
body.lang-en .enter-content,
body.lang-mo .news-list-box,
body.lang-zh-hans .news-list-box,
body.lang-en .news-list-box,
body.lang-mo .tab_container,
body.lang-zh-hans .tab_container,
body.lang-en .tab_container,
body.lang-mo .news-list,
body.lang-zh-hans .news-list,
body.lang-en .news-list,
body.lang-mo .contact-box,
body.lang-zh-hans .contact-box,
body.lang-en .contact-box{border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(255,255,255,.96);box-shadow:0 18px 36px rgba(0,0,0,.18);}
body.lang-mo .enter-content:empty,
body.lang-zh-hans .enter-content:empty,
body.lang-en .enter-content:empty{display:none;}
body.lang-mo .enter-content,
body.lang-zh-hans .enter-content,
body.lang-en .enter-content,
body.lang-mo .tab_container,
body.lang-zh-hans .tab_container,
body.lang-en .tab_container,
body.lang-mo .news-list,
body.lang-zh-hans .news-list,
body.lang-en .news-list{padding:34px;}
body.lang-mo .enter-content,
body.lang-zh-hans .enter-content,
body.lang-en .enter-content,
body.lang-mo .tab_container,
body.lang-zh-hans .tab_container,
body.lang-en .tab_container{color:#1f2937;}
body.lang-mo .enter-content .tab_content,
body.lang-zh-hans .enter-content .tab_content,
body.lang-en .enter-content .tab_content,
body.lang-mo .tab_content,
body.lang-zh-hans .tab_content,
body.lang-en .tab_content,
body.lang-mo .enter-content .tab_content p,
body.lang-zh-hans .enter-content .tab_content p,
body.lang-en .enter-content .tab_content p,
body.lang-mo .tab_content p,
body.lang-zh-hans .tab_content p,
body.lang-en .tab_content p,
body.lang-mo .enter-content .tab_content li,
body.lang-zh-hans .enter-content .tab_content li,
body.lang-en .enter-content .tab_content li,
body.lang-mo .tab_content li,
body.lang-zh-hans .tab_content li,
body.lang-en .tab_content li,
body.lang-mo .enter-content .tab_content td,
body.lang-zh-hans .enter-content .tab_content td,
body.lang-en .enter-content .tab_content td,
body.lang-mo .tab_content td,
body.lang-zh-hans .tab_content td,
body.lang-en .tab_content td{color:#1f2937;}
body.lang-mo .enter-content table tr.firstRow > td,
body.lang-zh-hans .enter-content table tr.firstRow > td,
body.lang-en .enter-content table tr.firstRow > td,
body.lang-mo .enter-content table td[colspan],
body.lang-zh-hans .enter-content table td[colspan],
body.lang-en .enter-content table td[colspan],
body.lang-mo .tab_container table tr.firstRow > td,
body.lang-zh-hans .tab_container table tr.firstRow > td,
body.lang-en .tab_container table tr.firstRow > td,
body.lang-mo .tab_container table td[colspan],
body.lang-zh-hans .tab_container table td[colspan],
body.lang-en .tab_container table td[colspan]{background:linear-gradient(135deg,#080b14 0%,#111827 58%,#2a1033 100%) !important;border-color:rgba(255,10,84,.45) !important;color:#fff !important;}
body.lang-mo .enter-content table tr.firstRow > td *,
body.lang-zh-hans .enter-content table tr.firstRow > td *,
body.lang-en .enter-content table tr.firstRow > td *,
body.lang-mo .enter-content table td[colspan] *,
body.lang-zh-hans .enter-content table td[colspan] *,
body.lang-en .enter-content table td[colspan] *,
body.lang-mo .tab_container table tr.firstRow > td *,
body.lang-zh-hans .tab_container table tr.firstRow > td *,
body.lang-en .tab_container table tr.firstRow > td *,
body.lang-mo .tab_container table td[colspan] *,
body.lang-zh-hans .tab_container table td[colspan] *,
body.lang-en .tab_container table td[colspan] *{color:#fff !important;}
body.lang-mo .enter-content table tr.firstRow > td h4,
body.lang-zh-hans .enter-content table tr.firstRow > td h4,
body.lang-en .enter-content table tr.firstRow > td h4,
body.lang-mo .enter-content table td[colspan] h4,
body.lang-zh-hans .enter-content table td[colspan] h4,
body.lang-en .enter-content table td[colspan] h4,
body.lang-mo .tab_container table tr.firstRow > td h4,
body.lang-zh-hans .tab_container table tr.firstRow > td h4,
body.lang-en .tab_container table tr.firstRow > td h4,
body.lang-mo .tab_container table td[colspan] h4,
body.lang-zh-hans .tab_container table td[colspan] h4,
body.lang-en .tab_container table td[colspan] h4{margin:0;font-weight:800;}
body.lang-mo .enter-content table tr.firstRow > td:first-child,
body.lang-zh-hans .enter-content table tr.firstRow > td:first-child,
body.lang-en .enter-content table tr.firstRow > td:first-child,
body.lang-mo .enter-content table td[colspan]:first-child,
body.lang-zh-hans .enter-content table td[colspan]:first-child,
body.lang-en .enter-content table td[colspan]:first-child,
body.lang-mo .tab_container table tr.firstRow > td:first-child,
body.lang-zh-hans .tab_container table tr.firstRow > td:first-child,
body.lang-en .tab_container table tr.firstRow > td:first-child,
body.lang-mo .tab_container table td[colspan]:first-child,
body.lang-zh-hans .tab_container table td[colspan]:first-child,
body.lang-en .tab_container table td[colspan]:first-child{border-left:4px solid var(--primary-color) !important;}
body.lang-mo .enter-content table td,
body.lang-zh-hans .enter-content table td,
body.lang-en .enter-content table td,
body.lang-mo .enter-content table th,
body.lang-zh-hans .enter-content table th,
body.lang-en .enter-content table th,
body.lang-mo .tab_container table td,
body.lang-zh-hans .tab_container table td,
body.lang-en .tab_container table td,
body.lang-mo .tab_container table th,
body.lang-zh-hans .tab_container table th,
body.lang-en .tab_container table th{border-color:rgba(17,24,39,.16) !important;}
body.lang-mo footer,
body.lang-zh-hans footer,
body.lang-en footer{background:#f6f7fb;color:#888;}
body.lang-mo footer .footer-bg,
body.lang-zh-hans footer .footer-bg,
body.lang-en footer .footer-bg{background-image:none;}
body.lang-mo footer .copyright,
body.lang-zh-hans footer .copyright,
body.lang-en footer .copyright{background:#080b14;color:rgba(255,255,255,.7);}
body.lang-mo footer .copyright-container,
body.lang-zh-hans footer .copyright-container,
body.lang-en footer .copyright-container{max-width:none;width:100%;background:#080b14;}
body.lang-mo footer .copyright-container .copyright,
body.lang-zh-hans footer .copyright-container .copyright,
body.lang-en footer .copyright-container .copyright{box-sizing:border-box;max-width:1200px;margin:0 auto;border-top:0;}

@media(max-width:767px){
body.lang-mo .page-title-box,
body.lang-zh-hans .page-title-box,
body.lang-en .page-title-box{padding:126px 20px 44px;}
body.lang-mo .page-title-box::after,
body.lang-zh-hans .page-title-box::after,
body.lang-en .page-title-box::after{right:-210px;top:82px;transform:rotate(-18deg) scale(.68);}
body.lang-mo .page-title-box .page-title,
body.lang-zh-hans .page-title-box .page-title,
body.lang-en .page-title-box .page-title{font-size:28px;}
body.lang-mo #content,
body.lang-zh-hans #content,
body.lang-en #content{padding:30px 20px 44px;}
body.lang-mo .enter-content,
body.lang-zh-hans .enter-content,
body.lang-en .enter-content,
body.lang-mo .news-list,
body.lang-zh-hans .news-list,
body.lang-en .news-list{padding:22px;}
}