@charset "utf-8";
/**/
::selection{background-color:#040922;color:#fff}
::-moz-selection{background-color:#040922;color:#fff}
::-webkit-scrollbar{width:10px;height:10px;overflow:visible}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #e0e0e0}
::-webkit-scrollbar-track:hover{background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#C0C4CC;min-height:25px;min-width:25px;border:1px solid #b7b7b7}
::-webkit-scrollbar-thumb:hover{background-color:#C0C4CC;border-color:#C0C4CC}
::-webkit-scrollbar-thumb:active{background-color:#909399;border-color:#909399}

@font-face {
    font-family: 'HKGrotesk';
    src: url('HK-Grotesk/HKGrotesk-Light-5.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root{
    --blue-color: #3c1f82;
    --blue-2-color: #b3a7e3;
    --blue-3-color: #a38cf0;
    --golden-color: #dabda2;
    --golden-2-color: rgba(205,167,132,1);
    --golden-dark-color: #8b6242;
    --gray-color:rgba(110,110,110,1);
    --gray-2-color:#a1a1a1;
    --gray-3-color:#f8f8f8;
    --red-color:rgba(200,0,0,1);
    --purple-color:#b4a5e6;
    --purple-2-color:#f1f0f6;
    --black-color:#333;

    --swiper-theme-color:#3c1f82;
}

html,body{ padding:0; margin:0; width:100%; font-family: "Noto Sans HK","Noto Sans SC", sans-serif; color:#434849; background:#fff; position:relative; font-size:16px;  font-weight: 300}
*{ box-sizing: border-box; }
img{ display: block; margin: 0; padding: 0; border:0;}

.en { font-family: "HKGrotesk", "Noto Sans HK","Noto Sans SC", sans-serif !important;}

.s-blank-height-0{clear:both;visibility:hidden;height:0!important;line-height:0!important; float: none!important}
.s-blank-height-5{clear:both;overflow:hidden;height:5px; }
.s-blank-height-8{clear:both;overflow:hidden;height:8px;}
.s-blank-height-10{clear:both;overflow:hidden;height:10px;}
.s-blank-height-12{clear:both;overflow:hidden;height:12px;}
.s-blank-height-14{clear:both;overflow:hidden;height:14px;}
.s-blank-height-15{clear:both;overflow:hidden;height:15px;}
.s-blank-height-18{clear:both;overflow:hidden;height:18px;}
.s-blank-height-20{clear:both;overflow:hidden;height:20px;}
.s-blank-height-25{clear:both;overflow:hidden;height:25px;}
.s-blank-height-28{clear:both;overflow:hidden;height:28px;}
.s-blank-height-30{clear:both;overflow:hidden;height:30px;}
.s-blank-height-35{clear:both;overflow:hidden;height:35px;}
.s-blank-height-40{clear:both;overflow:hidden;height:40px;}
.s-blank-height-42{clear:both;overflow:hidden;height:42px;}
.s-blank-height-45{clear:both;overflow:hidden;height:45px;}
.s-blank-height-50{clear:both;overflow:hidden;height:50px;}
.s-blank-height-60{clear:both;overflow:hidden;height:60px;}
.s-blank-height-70{clear:both;overflow:hidden;height:70px;}
.s-blank-height-80{clear:both;overflow:hidden;height:80px;}
.s-blank-height-90{clear:both;overflow:hidden;height:90px;}
.s-blank-height-94{clear:both;overflow:hidden;height:94px;}
.s-blank-height-100{clear:both;overflow:hidden;height:100px;}
.s-blank-height-140{clear:both;overflow:hidden;height:140px;}
.s-blank-height-200{clear:both;overflow:hidden;height:200px;}

.s-blank-height-2vh{clear:both;overflow:hidden;height:2vh; }
.s-blank-height-3vh{clear:both;overflow:hidden;height:3vh; }
.s-blank-height-4vh{clear:both;overflow:hidden;height:4vh; }
.s-blank-height-6vh{clear:both;overflow:hidden;height:6vh; }
.s-blank-height-8vh{clear:both;overflow:hidden;height:8vh; }
.s-blank-height-10vh{clear:both;overflow:hidden;height:10vh; }

.s-font-size-33{ font-size: 33px !important; }
.s-font-size-30{ font-size: 30px !important; }
.s-font-size-24{ font-size: 24px !important; }
.s-font-size-20{ font-size: 20px !important; }

.s-font-weight-300{ font-weight: 300!important;}
.s-font-weight-400{ font-weight: 400!important}
.s-font-weight-500{ font-weight: 500!important}
.s-font-weight-600{ font-weight: 600}

.s-margin-0{ margin: 0!important;}
.s-padding-0{ padding: 0!important;}

.radius{ border-radius: 10px;}

.container-wrap{ max-width: 1620px; width: 92%; margin: 0 auto; padding:0; position: relative;}

.main-hero{ width: 100%; height: 100vh; background-image: url('/images/banner.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative;}
.main-hero .logo{ width: 158px; height: 71px; background-image: url('/images/logo.png'); background-position: center; background-size: 100%; position: absolute; top:54px; left: 0;}
.main-hero .title{ font-size: 60px; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1.3em; height: calc(100vh - 380px); font-weight: 400}
.main-hero .title>div{ margin-top: 2em}
.main-hero .title>div>div:nth-child(2){ font-size: .4em; max-width: 528px; line-height: 1.3em; margin: auto; margin-top: 1em; letter-spacing: .8px}
.main-hero .title>div>div.iconfont{ font-size: 30px;}

.scroll-tip { animation: bounceY 2s ease-in-out infinite; }
@keyframes bounceY {
    0%,100%{transform: translateY(0);}
    50%{transform: translateY(10px);}
}

.apply-form-wrap{ background-color: var(--blue-color); font-weight: 400}
.form-box{ display: flex; color: #fff; font-size: 20px; gap: 3%; padding: 2em 2.5em;}
.form-box>.form-item{ flex:1}
.form-box>.form-item .form-text{ display: block}
.form-box>.form-item .form-en{ display: block; color: var(--blue-2-color); margin-bottom:.8em; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; font-weight: 300; letter-spacing: .6px}

.form-input>input, .form-select,.el-cascader-custom .el-input__inner,.el-select-custom .el-input__inner { height: 50px; padding: 0 15px; border-radius: 10px; border: 2px solid var(--blue-2-color); outline: none; font-size: 16px !important; display: block; width: 100%; font-weight: 600; color: #000}
.el-select-custom.phone-area-code .el-input__inner{ border-right: 0; border-radius: 10px 0 0 10px}
.form-input.phone-input>input{ border-left: 0; border-radius: 0 10px 10px 0}
/* 下拉框樣式 */
.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}
.el-cascader-custom,.el-select-custom { width: 100%;}
/* 原生 input 占位符 */
.form-input>input::placeholder { color: #b8a8e8 !important;}
.form-input>input::-webkit-input-placeholder { color: #b8a8e8 !important;}
/* Element Select / Cascader 占位符统一颜色 */
.el-select-custom .el-input__inner::placeholder, .el-cascader-custom .el-input__inner::placeholder { color: #b8a8e8 !important;}
.el-select-custom .el-input__inner::-webkit-input-placeholder, .el-cascader-custom .el-input__inner::-webkit-input-placeholder {color: #b8a8e8 !important;}
/* 下拉选中文字颜色正常 */
.el-select-custom .el-input__inner, .el-cascader-custom .el-input__inner {color: #333 !important;}
.el-select-dropdown__item{ color: black !important; font-weight: 500 !important;}
.el-select-dropdown__item,.el-cascader-panel{ font-size: 16px !important;}
.el-select-dropdown__item.selected,.el-cascader-node.in-active-path,.el-cascader-node.is-active{ color: var(--blue-color) !important;}

#app{ font-weight: 400}

/* 按鈕 */
.form-btn-wrap { text-align: center; margin-top: 10px; padding-bottom: 3em}
.form-btn.el-button { padding: 16px 70px; background: var(--golden-color) !important; border: none; border-radius: 12px; color: #fff !important;; font-size: 1.8em; cursor: pointer;}
.form-btn.el-button:hover{ background-color: var(--golden-2-color) !important;; color: #fff !important;}
.form-btn.el-button:active{ background-color: var(--golden-dark-color) !important;; color: #fff !important;}

.form-btn.el-button.success{  background: #67c23a !important;}

.footer-wrap{ background-image: url("/images/footer-bg.jpg"); width: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative;  color: #fff; text-align: center; font-size: 20px; letter-spacing: .8px; padding: 120px 0;}
.footer-wrap a{ color: #fff; text-decoration: none;}
.footer-wrap a:hover{ color: var(--golden-color); }
.footer-wrap .jamb-box{ font-size: 30px; margin-bottom: .6em}
.footer-wrap .code{ background-color: var(--blue-2-color); padding: 14px; margin: auto; display: inline-block; margin-bottom: 2em; display: flex; gap: 10px; justify-content: center; max-width: 340px}
.footer-wrap .code>div{ max-width: 150px; width: 48%; text-align: center; font-size: 14px; }
.footer-wrap .code>div>img{ width: 100%; margin-bottom: 5px}
.link-block-wrap>a{ display: block; line-height: 1.8em; letter-spacing: .8px}
.link-wrap{ margin-bottom: .5em}
.link-wrap>span{ margin: 0 10px; display: inline-block;}


.title-down-line{ display: inline-block; padding: 10px 0 .8em 0;   position: relative; box-sizing: border-box; margin-bottom: 8px; }
.title-down-line>i{ display: flex; position: absolute; width: 100%; height: 8px; bottom: -7px; left: 0; overflow: hidden; transition: all 0.3s ease-out 0s; --width: 36px;}
.title-down-line>i::before{ content: ''; display: block;  height: 100%; width: 36px; border: 1px solid var(--blue-color); border-left: 0; border-bottom: 0; border-radius: 0 10px 0  0 }
.title-down-line>i::after{ content: ''; display: block;  height: 100%; width: calc(100% - 36px); border: 1px solid var(--blue-color); border-right: 0; border-bottom: 0; border-radius: 10px 0 0 0;}
.title-down-line>div{ color: var(--blue-color); text-align: center}
.title-down-line>div>b{ font-weight: 400; display: block}
.title-down-line>div>span{  display: block}
.title-down-line.small>i{ --width:42px; width: 84px; left: 50%; margin-left: -42px}
.title-down-line.small>i::before{ width: var(--width); }
.title-down-line.small>i::after{ width: var(--width); }
.title-down-line.minimal>i{ --width:15px; width: 30px; left: 50%; margin-left: -15px; height: 5px;}
.title-down-line.minimal>i::before{ width: var(--width); }
.title-down-line.minimal>i::after{ width: var(--width); }
.title-down-line.minimal.left>i{ left:0; margin-left: 0}
.title-down-line.least>i{ height: 6px; bottom: -6px; --width: 12px;}
.title-down-line.least>i::before{ width: var(--width); }
.title-down-line.least>i::after{ width: var(--width); }
.title-down-line.center>i{ left: 50%; margin-left: calc(var(--width) * -1); }
.title-down-line.big>i{ --width:73px;width: 146px; left: 50%; margin-left: -73px}
.title-down-line.big>i::before{ width: var(--width); border: 2px solid var(--blue-color); border-left: 0; border-bottom: 0; margin-right: -1px}
.title-down-line.big>i::after{ width: var(--width); border: 2px solid var(--blue-color); border-right: 0; border-bottom: 0; margin-left: -1px}
.title-down-line.white>i::before,.title-down-line.white>i:after,.title-down-line.white>div{ border-color:#fff; color: #fff}

.jamb-box{ border: 2px solid var(--blue-2-color); box-sizing: border-box; text-align: center; border-radius: 6px; position: relative; color: #fff; display: inline-block; align-items: center; justify-content: center; padding: .2em 1.2em; font-style: inherit; transition: all 0.3s ease-out 0s;  background-color: var(--blue-color)}
.jamb-box::after{ content: ''; display: block; height: calc(100% - 8px); width: 8px; background: var(--blue-color); border: 2px solid var(--blue-2-color); border-right: 0; box-sizing: border-box; position: absolute; left: -8px; top:4px; border-radius: 6px 0 0 6px; transition: all 0.3s ease-out 0s; }
.jamb-box::before{ content: ''; display: block; height: calc(100% - 8px); width: 8px; background: var(--blue-color); border: 2px solid var(--blue-2-color); border-left: 0; box-sizing: border-box; position: absolute; right: -8px; top:4px; border-radius: 0 6px 6px 0; transition: all 0.3s ease-out 0s; }
a.jamb-box:hover{  background: var(--blue-2-color); color: #fff}
a.jamb-box:hover::after,a.jamb-box:hover::before,.jamb-box.purple::after,.jamb-box.purple::before{ background: var(--blue-2-color);}
.jamb-box.footer-jamb{ border-color: #d0c7dd; color: #fff; background: var(--blue-color); }
.jamb-box.footer-jamb::after,.jamb-box.footer-jamb::before{ background: var(--blue-color);}
a.jamb-box.footer-jamb:hover::after,a.jamb-box.footer-jamb:hover::before,a.jamb-box.footer-jamb:hover{ background: #d7b999; color: #fff}

.plate-title{ text-align: center; font-size: 48px; padding: 1.5em 0 1.5em 0; color: var(--blue-color)}
.plate-title span{ font-size: .6em; letter-spacing: 1px}

.img-wrap{ width: 100%}
.img-wrap>img{ width: 100% !important; max-width: none !important;}

.text-wrap{  font-size: 24px; font-weight: 400; letter-spacing: 1px}
.text-wrap span{ font-weight: 300; display: block; padding-top: 1em}

.expert-wrap{ display: flex; gap: 4%;justify-content: space-between; }
.expert-box{ font-size: 18px; background-color: #bfb6ee; color: #fff;  padding: 20px 50px 40px 50px; flex: 1}
.expert-box img{ width: 100%; display: block; max-width: 393px; margin-bottom: 1em; }
.expert-box .title-down-line{ margin-bottom: 1em}
.expert-box .title-down-line b,.expert-box .title-down-line span{ margin-bottom: .3em;}
.expert-box .content>div{ padding-top: .6em}
.expert-box .content>div:nth-child(1)>div{ margin-bottom: 5px}
.expert-box .content>div.en{ font-size: 16px; padding-top: 20px}
.expert-box .content>div.en>div{ padding-bottom: 10px; letter-spacing: .3px; line-height: 1.3em}

.expert-box.advantages{ background-color: var(--gray-3-color); color: var(--black-color); text-align: center; position: relative; margin-top: 34px}
.expert-box.advantages .content{ text-align: left; padding-top: 2em}
.expert-box.advantages .content .b{ font-size: 24px; color: var(--blue-color); font-weight: 400; margin-bottom: .5em}
.expert-box.advantages .content>div{ padding-top: 1em}
.expert-box.advantages .title-down-line{ margin-top: 2em}
.expert-box.advantages .title-down-line b{ font-size: 32px }
.expert-box.advantages .title-down-line span{ font-size: 22px;}
.expert-box.advantages .title-wrap{ min-height: 17em}
.expert-box.advantages .icon{ width: 68px; height: 68px; background-position: center; background-size: 100%; position: absolute; top:-34px; left: 50%; margin-left: -34px;}

.hk-wrap{ background-image: url("/images/hk.jpg"); background-size: cover; background-position: center; color: #fff; padding: 100px 0;}

.kowloon-tong-wrap{ display: flex; gap: 5%}
.hk-wrap .content{ flex: 1;}
.hk-wrap .kowloon-tong-wrap .title{ max-width: 442px; display: flex; flex-direction: column; justify-content: space-between}
.hk-wrap .kowloon-tong-wrap .title .hong-kong{ margin-bottom: 30px}
.hk-wrap .kowloon-tong-wrap .title .hong-kong>div{line-height: 1em; }
.hk-wrap .kowloon-tong-wrap .title .hong-kong>div:nth-child(1){ font-size: 28px; font-weight: 300; width: 60%}
.hk-wrap .kowloon-tong-wrap .title .hong-kong>div:nth-child(1)>span{ font-size: 28px; font-weight: 300}
.hk-wrap .kowloon-tong-wrap .title .hong-kong>div:nth-child(2){ width: 100%;  font-size: 84px; font-weight: 400}
.hk-list-box{ background-color: #fff; color: var(--blue-color); padding: 1em 2em; font-weight: 300; margin-bottom: 20px;}
.hk-list-box>div{ margin-bottom: 8px}
.hk-list-box>span{ letter-spacing: .4px}

.new-project-wrap{ border-top:2px solid #fff; border-bottom: 2px solid #fff; margin-top: 40px; padding: 80px 0; display: flex; justify-content: space-between; gap: 5%}
.new-project-box{ text-align: center; background-color: #fff; overflow: hidden; flex: 1}
.new-project-box>div.title{ background-color: #2a623b; padding: 1.5em 0; width: 100%; min-height:9em}
.new-project-box>div.title>div{ margin-bottom: .6em}
.new-project-box>div.title>span{ line-height: 1.1em; display: block; padding: 0 1em; letter-spacing: .4px}
.new-project-box>div.img>img{ margin: auto; max-width: 494px; width: 100%}

.el-dialog{ border-radius: 10px !important; max-width: 500px}
.el-button--primary {
    color: #FFF;
    background-color: var(--golden-color) !important;
    border-color: var(--golden-color) !important;
}
.el-button--primary:active { background-color: var(--golden-2-color) !important; }
.dialog-footer .el-button{font-size: 18px !important; font-weight: 600 !important;  display: block; margin: auto; min-width: 200px; border-radius: 10px}

.captcha-dialog{ width: 100%;}
.captcha-box{ display: flex;gap: 10px; margin: 0 auto;}
.captcha-box>div:nth-child(1){ flex: 1}
.captcha-img{width: 120px; height: 50px; cursor: pointer; border-radius:10px; overflow: hidden;  color: #fff; font-size: 16px;}
.captcha-img>img,.captcha-img>div{ width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center;  padding: 0 10px}
.captcha-img>div{ background-color: var(--blue-color);  padding: 0 10px}

/* 大屏台式机 */
@media screen and (max-width: 1620px) {
    .s-font-size-30,.s-font-size-33{ font-size: 26px !important; }
    .s-font-size-24{ font-size: 22px !important; }

    .expert-box.advantages .title-down-line b{ font-size: 28px }
    .expert-box.advantages .title-down-line span{ font-size: 20px;}
    .expert-box.advantages .content .b{ font-size: 20px;}
}

/* 主流笔记本 1366px */
@media screen and (max-width: 1445px) {

    .s-blank-height-0-1445{clear:both;visibility:hidden;height:0!important;line-height:0!important; float: none!important}
    .s-blank-height-5-1445{clear:both;overflow:hidden;height:5px;}
    .s-blank-height-8-1445{clear:both;overflow:hidden;height:8px;}
    .s-blank-height-10-1445{clear:both;overflow:hidden;height:10px;}
    .s-blank-height-12-1445{clear:both;overflow:hidden;height:12px;}
    .s-blank-height-14-1445{clear:both;overflow:hidden;height:14px;}
    .s-blank-height-15-1445{clear:both;overflow:hidden;height:15px;}
    .s-blank-height-18-1445{clear:both;overflow:hidden;height:18px;}
    .s-blank-height-20-1445{clear:both;overflow:hidden;height:20px;}
    .s-blank-height-25-1445{clear:both;overflow:hidden;height:25px;}
    .s-blank-height-28-1445{clear:both;overflow:hidden;height:28px;}
    .s-blank-height-30-1445{clear:both;overflow:hidden;height:30px;}
    .s-blank-height-35-1445{clear:both;overflow:hidden;height:35px;}
    .s-blank-height-40-1445{clear:both;overflow:hidden;height:40px;}
    .s-blank-height-42-1445{clear:both;overflow:hidden;height:42px;}
    .s-blank-height-45-1445{clear:both;overflow:hidden;height:45px;}
    .s-blank-height-50-1445{clear:both;overflow:hidden;height:50px;}
    .s-blank-height-60-1445{clear:both;overflow:hidden;height:60px;}
    .s-blank-height-70-1445{clear:both;overflow:hidden;height:70px;}
    .s-blank-height-80-1445{clear:both;overflow:hidden;height:80px;}
    .s-blank-height-90-1445{clear:both;overflow:hidden;height:90px;}
    .s-blank-height-94-1445{clear:both;overflow:hidden;height:94px;}
    .s-blank-height-100-1445{clear:both;overflow:hidden;height:100px;}
    .s-blank-height-140-1445{clear:both;overflow:hidden;height:140px;}
    .s-blank-height-200-1445{clear:both;overflow:hidden;height:200px;}

    .s-font-size-30,.s-font-size-33{ font-size: 24px !important; }
    .s-font-size-24{ font-size: 20px !important; }
    .s-font-size-20{ font-size: 18px !important; }

    .main-hero .title{ font-size: 50px}
    .form-box{ font-size: 16px}
    .form-input, .form-select { font-size: 16px;}

    .footer-wrap .jamb-box{ font-size: 26px;}
    .footer-wrap{ font-size: 18px;  padding: 120px 0;}

    .plate-title{ font-size: 36px;}

    .text-wrap{  font-size: 18px; }

    .expert-wrap{ gap: 2%; }
    .expert-box{ font-size: 16px;  padding: 20px 30px 20px 30px;}

    .expert-box.advantages .title-down-line b{ font-size: 24px }
    .expert-box.advantages .title-down-line span{ font-size: 18px;}
    .expert-box.advantages .content .b{ font-size: 18px;}
}

/* 小笔记本 / 横屏平板 */
@media screen and (max-width: 1280px) {

    .s-blank-height-0-1280{clear:both;visibility:hidden;height:0!important;line-height:0!important; float: none!important}
    .s-blank-height-5-1280{clear:both;overflow:hidden;height:5px;}
    .s-blank-height-8-1280{clear:both;overflow:hidden;height:8px;}
    .s-blank-height-10-1280{clear:both;overflow:hidden;height:10px;}
    .s-blank-height-12-1280{clear:both;overflow:hidden;height:12px;}
    .s-blank-height-14-1280{clear:both;overflow:hidden;height:14px;}
    .s-blank-height-15-1280{clear:both;overflow:hidden;height:15px;}
    .s-blank-height-18-1280{clear:both;overflow:hidden;height:18px;}
    .s-blank-height-20-1280{clear:both;overflow:hidden;height:20px;}
    .s-blank-height-25-1280{clear:both;overflow:hidden;height:25px;}
    .s-blank-height-28-1280{clear:both;overflow:hidden;height:28px;}
    .s-blank-height-30-1280{clear:both;overflow:hidden;height:30px;}
    .s-blank-height-35-1280{clear:both;overflow:hidden;height:35px;}
    .s-blank-height-40-1280{clear:both;overflow:hidden;height:40px;}
    .s-blank-height-42-1280{clear:both;overflow:hidden;height:42px;}
    .s-blank-height-45-1280{clear:both;overflow:hidden;height:45px;}
    .s-blank-height-50-1280{clear:both;overflow:hidden;height:50px;}
    .s-blank-height-60-1280{clear:both;overflow:hidden;height:60px;}
    .s-blank-height-70-1280{clear:both;overflow:hidden;height:70px;}
    .s-blank-height-80-1280{clear:both;overflow:hidden;height:80px;}
    .s-blank-height-90-1280{clear:both;overflow:hidden;height:90px;}
    .s-blank-height-94-1280{clear:both;overflow:hidden;height:94px;}
    .s-blank-height-100-1280{clear:both;overflow:hidden;height:100px;}
    .s-blank-height-140-1280{clear:both;overflow:hidden;height:140px;}
    .s-blank-height-200-1280{clear:both;overflow:hidden;height:200px;}

    .s-font-size-30,.s-font-size-33{ font-size: 20px !important; }
    .s-font-size-24{ font-size: 16px !important; }
    .s-font-size-20{ font-size: 16px !important; }

    .plate-title{ font-size: 30px;}

    .expert-box.advantages .title-down-line b{ font-size: 22px }
    .expert-box.advantages .title-down-line span{ font-size: 16px;}
    .expert-box.advantages .content .b{ font-size: 16px;}
}

/* 竖屏平板 / 大屏手机 */
@media screen and (max-width: 900px) {

    .s-blank-height-0-900{clear:both;visibility:hidden;height:0!important;line-height:0!important; float: none!important}
    .s-blank-height-5-900{clear:both;overflow:hidden;height:5px;}
    .s-blank-height-8-900{clear:both;overflow:hidden;height:8px;}
    .s-blank-height-10-900{clear:both;overflow:hidden;height:10px;}
    .s-blank-height-12-900{clear:both;overflow:hidden;height:12px;}
    .s-blank-height-14-900{clear:both;overflow:hidden;height:14px;}
    .s-blank-height-15-900{clear:both;overflow:hidden;height:15px;}
    .s-blank-height-18-900{clear:both;overflow:hidden;height:18px;}
    .s-blank-height-20-900{clear:both;overflow:hidden;height:20px;}
    .s-blank-height-25-900{clear:both;overflow:hidden;height:25px;}
    .s-blank-height-28-900{clear:both;overflow:hidden;height:28px;}
    .s-blank-height-30-900{clear:both;overflow:hidden;height:30px;}
    .s-blank-height-35-900{clear:both;overflow:hidden;height:35px;}
    .s-blank-height-40-900{clear:both;overflow:hidden;height:40px;}
    .s-blank-height-42-900{clear:both;overflow:hidden;height:42px;}
    .s-blank-height-45-900{clear:both;overflow:hidden;height:45px;}
    .s-blank-height-50-900{clear:both;overflow:hidden;height:50px;}
    .s-blank-height-60-900{clear:both;overflow:hidden;height:60px;}
    .s-blank-height-70-900{clear:both;overflow:hidden;height:70px;}
    .s-blank-height-80-900{clear:both;overflow:hidden;height:80px;}
    .s-blank-height-90-900{clear:both;overflow:hidden;height:90px;}
    .s-blank-height-94-900{clear:both;overflow:hidden;height:94px;}
    .s-blank-height-100-900{clear:both;overflow:hidden;height:100px;}
    .s-blank-height-140-900{clear:both;overflow:hidden;height:140px;}
    .s-blank-height-200-900{clear:both;overflow:hidden;height:200px;}

    .s-font-size-30,.s-font-size-33{ font-size: 18px !important; }

    .main-hero{ width: 100%; height: auto; background-size: 350% auto; }
    .main-hero .title{ font-size: 36px; height: auto; padding: 80px 0;}
    .main-hero .logo{ width: 100px; height: 45px; top:20px;}

    .form-box{ display: block; padding: 1.6em;}
    .form-btn-wrap{ padding: 0 1.6em 1.6em 1.6em;}
    .form-btn { padding: 16px 70px; width: 100%; font-size: 1em; font-weight: bold}
    .form-box>.form-item{ margin-bottom: .5em}
    .form-box > .form-item .form-en{ margin-bottom: .2em}

    .footer-wrap .jamb-box{ font-size: 20px;}
    .footer-wrap{ font-size: 14px;  padding: 80px 0;}

    .plate-title{ font-size: 24px;}
    .plate-title .title-down-line > div > b{ font-weight: 400; }
    .plate-title b{ font-size: 24px !important; }

    .text-wrap{  font-size: 16px; }

    .expert-wrap{ display: block; }
    .expert-box{ margin-bottom: 10px}
    .expert-box:nth-child(3){ margin-bottom: 0}

    .expert-box.advantages .title-wrap{ min-height: 10em}
    .expert-box.advantages{ margin-bottom:80px}

    .hk-wrap{ padding: 50px 0;}

    .kowloon-tong-wrap{ display: block;}
    .hk-wrap .title .hong-kong{ margin-top: 30px}
    .hk-wrap .title .hong-kong>div:nth-child(1){ font-size: 18px; width: 100%}
    .hk-wrap .title .hong-kong>div:nth-child(1)>span{ font-size: 18px;}
    .hk-wrap .title .hong-kong>div:nth-child(2){  font-size: 40px !important;}
    .hk-list-box{ margin-bottom: 10px; padding: 1em}
    .hk-wrap .title>div:nth-child(1)>div:nth-child(1){ font-size: 22px !important; font-weight: 400}

    .new-project-wrap{ margin-top: 40px; padding: 30px 0; display: block;}
    .new-project-box{ margin: 20px 0;}

    .form-btn.el-button{ font-size: 1em}

    .el-dialog{ width: 90% !important;}

}

/* 手机端通用（480px 行业标准，比450px兼容性更好） */
@media screen and (max-width: 480px) {
}