@charset "utf-8";
/* ====================公共样式========================= */
.layui-layer-hui{z-index: 9999999999999999999!important}
.pop-protocol{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999999;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;padding:0 15px;display:none}
.pop-protocol .bg-hover{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5);z-index:-1;left:0;top:0}
.pop-protocol .content{position:absolute;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);outline:0;box-shadow:0 3px 9px rgba(0,0,0,.5);max-width:800px;left:50%;top:50%;transform:translate(-50%,-50%);max-height:90vh;width:92%}
.pop-protocol .head{padding:15px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}
.pop-protocol .head .title{font-size:20px;font-weight:700;color:#333}
.pop-protocol .head .close{font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;width:20px!important;height:20px!important;min-width:20px!important;color:#000;font-size:23px;margin-top:-5px;transition:all .4s ease;cursor:pointer}
.pop-protocol .head .close:hover{opacity:1}
.pop-protocol .txt{padding:20px 10px 20px}
.pop-protocol .txt .inner{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:10px}
.pop-protocol .txt .sub-title{font-weight:700;color:#4c4c4c;font-size:16px;margin-bottom:8px}
.pop-protocol .txt p{font-size:14px;color:#4c4c4c;line-height:20px}
.pop-protocol .txt p+p{margin-top:5px}

/* 头部 */
.Header-wrapper{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background: #fff;user-select: none;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);transition: all .4s ease;}

.Header-logo{height: 80px;display: flex;align-items: center;position: relative;z-index: 999;}
.header-logo-row{float:left}
.Header-logo img{height: auto;}
.Header-logo img.s{display: block;}
.Header-logo img.h,.header-logo-row .font img.h{display: none}
.header-logo-row .font{padding-left:20px;margin-left:20px}
.header-logo-row .font:after{content:'';transform:translateY(-50%);left:0;border-left:1px dashed #595757;position:absolute;top:50%;width:1px;height:70%}

.Header-lang{float: right;position: relative;z-index: 999;margin-left: 12px;}
.Header-lang-menu{display: flex;align-items: center;height: 80px;}
.Header-lang-menu span{display: block;padding-left: 26px;background: url('/hdcss/lang.svg') no-repeat left center /20px auto;line-height: 22px;font-size: 14px;color: #777;font-family: Arial;}
.Header-lang.active .Header-lang-menu span{color: #006aff;}
/* 多个语言 */
.Header-lang-more{display: none;z-index: 9;width: 160px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top: 80px;left: 50%;margin-left: -80px;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: block;font-size: 16px;color: #666;text-align: center;padding: 10px 0;}
.Header-lang-more a span{display: inline-block;}
.Header-lang-more a:hover {color: #fff;background: #006aff;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

.Header-search{float: right;}
.Header-search-click{width: 40px;height: 80px;cursor: pointer;background: url('/hdcss/search.svg') no-repeat center /26px auto;position: relative;z-index: 999;}
.Header-search-click.active{background: url('/hdcss/close.svg') no-repeat center/20px auto;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 80px;line-height: 80px;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{padding-right: 148px;}
.Header-search-item.active{display: block;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;color: #747474;background: transparent;}
.Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 520px;}}
.Header-search-item button{width: 50px;height: 40px;background: url('/hdcss/search.svg') no-repeat center /26px auto;cursor: pointer;margin-right: 0;}
body.onSearch .Header-navbar{visibility: hidden;opacity: 0;}

.Header-navbar{float: right;visibility: visible;opacity: 1;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar li{float: left;margin: 0 14px;position: relative;z-index: 9}
.Header-navbar li.style2{position: static}
.Header-navbar li:last-child{margin-right: 0;}
.Header-navbar li:first-child{margin-left: 0;}
.Header-menu{position: relative;height: 80px;display: flex;align-items: center;font-size: 15px;color: #747474;transition: color .4s ease;}
.Header-menu::before{content: "";width: 0%;right:0;left:0;margin:0 auto;opacity: 0;height: 4px;position: absolute;bottom: 0;background: #006aff;transition: width .3s ease,opacity .2s ease .2s;background:#006aff;}
.Header-navbar li.active .Header-menu{color: #006aff}
.Header-navbar li.active .Header-menu::before, .Header-navbar li:hover .Header-menu::before{width:100%;opacity: 1;transition: width .3s ease .1s,opacity .2s ease;}
.Header-arrow{display: none;}
.Header-drop{display: none;position: absolute;background: #fff;top: 80px;left: 50%;width: 170px;margin-left: -85px}
.Header-drop a{display: block;width: 100%;height: 42px;line-height: 42px;font-size: 14px;color: #666;text-align: center;transition: all .4s ease;}
.Header-drop a.active, .Header-drop a:hover{background: #006aff;color: #fff;}
/* 下拉-样式2 */
.Header-navbar li.style2 .Header-drop{width:100%;margin:0;left:9%;transform:none;background:0 0}
.Header-navbar li.style2 .contain{display:flex;justify-content:flex-end}
.Header-navbar li.style2 .Header-drop .inner{background:#fff;padding:36px;border:1px solid #e2e3e4;display:inline-flex;margin-left:auto}
.Header-navbar li.style2 .item{min-width:130px}
.Header-navbar li.style2 .item+.item{margin-left:40px}
.Header-navbar li.style2 .Header-drop a{height:unset;line-height:28px;text-align:unset;color:#737583;font-size:14px}
.Header-navbar li.style2 .Header-drop a:hover{background:0 0;color:#006aff}
.Header-navbar li.style2 .tit{display:flex;padding-bottom:10px;border-bottom:1px solid #dfe2e9;margin-bottom:10px}
.Header-navbar li.style2 .tit span{font-size:15px;color:#0f1126}
.Header-navbar li.style2 .tit a:hover{text-decoration: underline;color:unset}
.Header-navbar li.style2 .icon{height:21px;max-height:100%;object-fit:cover;display:block;margin-right:5px}
.Header-navbar span.label-hot{width:37px;height:14px;background:#f64041;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#fff;position:relative;top:0;margin-left:6px}
.Header-navbar span.label-hot em{transform:scale(.76);font-style:normal;font-size:12px;font-weight:400}

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #777;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #777;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 透明 */
body.NoGap .Container-wrapper{margin-top: 0;}
body.Lucency .Header-wrapper{background: transparent;box-shadow: none;border-bottom: 1px solid rgba(255,255,255,.1)}
body.Lucency .Header-logo img.s,body.Lucency .header-logo-row .font img.s{display: none;}
body.Lucency .Header-logo img.h,body.Lucency .header-logo-row .font img.h{display: block;}
body.Lucency .Header-menu,body.Lucency .Header-navbar li.active .Header-menu{color: #fff;}
body.Lucency .Header-search-click{background-image: url('/hdcss/searchW.svg');}
body.Lucency .Header-lang-menu span{color: #fff;background-image: url('/hdcss/langW.svg');}
body.Lucency .Header-menu::before{background:#fff}
body.Lucency .header-logo-row .font:after{border-color:#fff}
/* -- */
body.Lucency.Mouse .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
body.Lucency.Mouse .Header-logo img.s{display: block;}
body.Lucency.Mouse .Header-logo img.h{display: none;}
body.Lucency.Mouse .Header-menu{color: #747474;}
body.Lucency.Mouse .Header-menu::before{background: #006aff;}
body.Mouse .Header-navbar li:hover .Header-menu{color: #006aff !important}
body.Lucency.Mouse .Header-search-click{background-image: url('/hdcss/search.svg');}
body.Lucency.Mouse .Header-lang-menu span{color: #747474;background-image: url('/hdcss/lang.svg');}
/* -- */
body.Lucency.onSearch .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
body.Lucency.onSearch .Header-logo img.s{display: block;}
body.Lucency.onSearch .Header-logo img.h{display: none;}
body.Lucency.onSearch .Header-menu{color: #747474;}
body.Lucency.onSearch .Header-search-click.active{background-image: url('/hdcss/close.svg');}
body.Lucency.onSearch .Header-lang-menu span{color: #747474;background-image: url('/hdcss/lang.svg');}
body.Mouse .Header-navbar li.active .Header-menu{color: #006aff}
body.Mouse .Header-navbar li.active .Header-menu::before{background: #006aff}
body.Mouse .header-logo-row .font img.h{display:none}
body.Mouse .header-logo-row .font img.s{display:block}
body.Mouse .header-logo-row .font:after{border-color:#595757}
/* 底部 */
.Footer-wrapper{width:100%;background:#0b2241 url(/hdimages/footer-bg.jpg) no-repeat bottom;position:relative;z-index:9}
.Footer-items{width:100%;padding:60px 0 20px}
.Footer-items .contain{display:flex;justify-content:space-between;flex-wrap:wrap}
.Footer-info{width:240px;position:relative}
.Footer-info:after{content:'';width:1px;height:210px;background:rgba(255,255,255,.1);right:0;top:0;position:absolute}
.Footer-logo{max-width:100%;padding-bottom:25px}
.Footer-info h6{color:#99aabe;font-size:14px;line-height:1;margin-bottom:8px}
.Footer-info p{color:#fff;font-size:14px;line-height:20px;max-width:186px}
.Footer-info p.phone{font-size:20px;line-height:1;font-family:Roboto;margin-bottom:20px}
.Footer-QR-code{width:82px;height:82px;object-fit:cover;margin-top:20px}
.Footer-info p.qr-code{font-size:14px;color:#99aabe;line-height:1;text-align:center;margin-top:8px;max-width:82px}
.Footer-navbar{width:860px;overflow:hidden;user-select:none}
.Footer-navbar ul{display:flex;justify-content:space-between}
.Footer-navbar li{max-width:16.66%}
.Footer-menu{font-size:18px;color:#fff;font-weight:700;display:block}
.Footer-drop{width:100%;margin-top:12px}
body.PC .Footer-drop{display:block!important}
.Footer-drop a{display:block;font-size:14px;color:#99aabe;line-height:1;padding:7px 0;transition:all .4s ease}
.Footer-drop a:hover,.Footer-link a:hover{color:#fff}
.Footer-link{display:flex;flex-wrap:wrap;margin-top:25px;color:#99aabe;margin-right:-18px}
.Footer-link li:nth-child(1){font-weight:700;font-size:13px;margin-right:0}
.Footer-link li{margin-right:18px;line-height:28px}
.Footer-link a{transition:all .4s ease;font-size: 13px}
.Footer-copyright{width:100%;border-top:1px solid rgba(255,255,255,.08);padding:33px 0;color:#99aabe}
.Footer-copyright h6{font-size:13px;float:left;line-height:1}
.FooterCode{width:100%;font-size:0;margin-top:32px}
.FooterCode a{display:inline-block;vertical-align:middle;position:relative}
.FooterCode a{width:32px;text-align:center;margin:0 5px}
.FooterCode a>img{width:22px}
.FooterCode-img{display:none;width:152px;height:152px;padding:6px;position:absolute;bottom:36px;left:50%;margin-left:-76px;background:#fff;border-radius:4px}
.FooterCode-img::after{content:"";display:block;width:0;height:0;border:8px solid transparent;border-top-color:#fff;position:absolute;bottom:-16px;left:50%;margin-left:-8px}
.FooterCode-img img{width:100%;height:100%;object-fit:cover}
.FooterCode a:hover .FooterCode-img{display:block;animation:FooterCode .6s ease-in-out both}
@keyframes FooterCode{0%{transform: translateY(-14px);}100%{transform: translateY(0);}}
.footer-sup a{font-size: 13px;line-height: 1;display:flex;margin-left:10px;align-items:center}
.footer-sup a img{margin-right:4px}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 80px}
.contain{width: 1200px;margin: 0 auto}
.com-block{overflow:hidden}

/* 置底 */
.adsense-bottom{height:102px;background:#061a29;position:fixed;z-index:9999;left:0;width:100%;bottom:0;animation: index-bottom-animation 1s ease both}
@keyframes index-bottom-animation{from{opacity:1;filter:Alpha(opacity=100);-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0)}}
.adsense-bottom .contain{height:100%;display:flex;justify-content:center;align-items:center}
.adsense-bottom p{font-size:24px;color:#fff;display:flex;align-items:center}
.adsense-bottom p span{padding-left:10px;font-family:Roboto;font-size:28px;color:#006aff}
.adsense-bottom a{display:flex;align-items:center;justify-content:center;background:#006aff;font-size:24px;color:#fff;margin-left:50px;width:232px;height:52px;border-radius:5px;transition:all .4s ease}
.adsense-bottom a:hover{box-shadow:0 0 0 .2rem rgba(0,106,255,.5)}
.adsense-bottom i.close{background:url(/hdcss/closeW.svg) no-repeat center/20px;width:30px;height:30px;position:absolute;cursor:pointer;display:flex;top:50%;transform:translateY(-50%);right:55px;border-radius:50%}
.adsense-bottom i.close:hover{background:rgba(0,106,255,.5) url(/hdcss/closeW.svg) no-repeat center/15px}

/* 侧边栏 */
#side{position:fixed;right:5px;top: 50%;z-index:99999999;display:flex;flex-direction:column;align-items:flex-end;transform: translateY(-50%)}
#side a{display:flex;position:relative}
#side a i{display:flex;width:56px;height:56px;align-items:center;justify-content:center;background:#0e284c;z-index:1}
#side a p{color:#fff;font-size:16px;white-space:nowrap;height:56px;background:#006aff;line-height:56px;box-sizing:border-box;padding:0 18px 0 10px;transition:all .5s ease;display:none}
#side a:hover p{display:block}
#side a:hover i{background:#006aff}
#side a+a{margin-top:2px}
#side .qr-code{padding:5px;background:#fff;position:absolute;left:-115px;top:0;display:none;width:108px}
#side .qr-code img{width:100px;height:100px;object-fit:cover}
#side a:hover .qr-code{display:block}
#side .qr-code em{font-size: 13px;color: #333;line-height: 1;margin-bottom: 5px;font-style: normal;width: 100%;text-align: center;display: block}

/* common */
.full-cover{width:100%;height:100%;object-fit:cover;transition:all .8s ease}
.full-width{width:100%;transition:all .8s ease}
.full-maxWidth{max-width:100%;object-fit:cover;height:auto;transition:all .8s ease}
.full-maxHeight{max-height:100%;width:auto;object-fit:cover;transition:all .8s ease}
.full-auto{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover}
.placeholder{visibility:hidden!important;height:0!important;border:0!important;padding:0!important;margin:0!important}
.btn{display:flex;align-items:center;justify-content:center}
/*flex*/
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-direction-row{flex-direction:row}
.flex-direction-row-reverse{flex-direction:row-reverse}
.flex-direction-column{flex-direction:column}
.flex-wrap-nowrap{flex-wrap:nowrap}
.flex-wrap-wrap{flex-wrap:wrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.flex-justify-start{justify-content:flex-start}
.flex-justify-end{justify-content:flex-end}
.flex-justify-center{justify-content:center}
.flex-justify-between{justify-content:space-between}
.flex-align-start{align-items:flex-start}
.flex-align-end{align-items:flex-end}
.flex-align-center{align-items:center}
.height100{height:100%}
/*font justify*/
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.inline-bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.swiper-button-disabled{cursor:not-allowed!important;opacity:.6}
.relative{position:relative}
.background-gray{background:#f5f5f5}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .contain-1600{width: 1400px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .contain{width: 1080px}
    .Footer-navbar{width: 800px}
    .Footer-info{width: 230px}
    .Footer-copyright{padding: 28px 0}

    .adsense-bottom p,.adsense-bottom p span{font-size: 22px}
    .adsense-bottom p span{padding-left: 5px}
    .adsense-bottom a{width: 180px;height: 46px;font-size: 20px}
    .adsense-bottom{height: 90px}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-block{padding:80px 0!important}
    .contain{width: 900px}
    .Footer-menu{font-size: 16px}
    .Footer-info{width: 200px}
    .Footer-info p{font-size: 13px;line-height: 18px;max-width: 160px}
    .Footer-info p.phone{font-size: 16px}
    .Footer-navbar{width: 660px}
    .Footer-copyright{padding: 20px 0}
    #side a i{width: 50px;height: 50px}
    #side a i img{max-width: 20px}
    #side a p{height: 50px;line-height: 50px;font-size: 14px;padding: 0 10px}
    .header-logo-row .font{display:none}

    .adsense-bottom p, .adsense-bottom p span{font-size: 20px}
    .adsense-bottom a{width: 140px;height: 42px;font-size: 18px;margin-left: 20px}
    .adsense-bottom{height: 80px}

    .Header-navbar li.style2 .Header-drop .inner{padding: 30px 20px}
    .Header-navbar li.style2 .item+.item{margin-left: 30px}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-block{padding:60px 0!important}
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain{width: 92%;}
    .Container-wrapper{margin-top: 60px;}
    .Header-wrapper .contain{width: 100%;}
    .Header-wrapper::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 0;bottom: 0;}
    .Header-logo, .Header-search-click, .Header-lang-menu{height: 60px;}
    .Header-logo{margin-left: 4%;}
    .Header-logo img{max-height: 44px;}
    .Header-navclick{display: flex;margin-right: 4%;}
    .Header-lang{margin: 0 12px 0 4px;}
    .Header-lang-more{width: 120px;margin-left: -60px;top: 60px;}
    .Header-lang-more a{padding: 6px 0;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;}
    .Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-menu{height: 44px;padding: 0 4%;}
    .Header-menu::before{display: none;}
    .Header-arrow{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;right: 0;top: 0;background: url('/hdcss/arrD.svg') no-repeat center /14px auto;}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar li:hover .Header-menu{color: #747474 !important;}
    .Header-navbar li.active .Header-menu{color: #006aff !important;}
    .Header-drop {position: relative;top: 0;left: 0;width: 100%;margin-left: 0;overflow: hidden;padding: 8px 0;background: #f8fbff}
    .Header-drop a {height: 34px;line-height: 34px;text-align: left;padding: 0 4%;}
    .Header-search-item {display: none;width: 100%;line-height: normal;height: 45px;top: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;}
    .Header-search-item .contain {padding-right: 0;}
    .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;}
    .Header-search-item.active input[type="text"] {animation: none;}
    .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #006aff url('/hdcss/searchW.svg') no-repeat center /26px auto !important;z-index: 2;}
    .Header-search-click.active {background-image: url('/hdcss/close.svg') !important;}
    .Header-search-click {background-image: url('/hdcss/search.svg') !important;}
    .Header-navbar li.style2 .Header-drop .inner{flex-wrap: wrap;justify-content: space-between;padding: 10px 4% 20px;border-left:0;border-right: 0}
    .Header-navbar li.style2 .Header-drop .inner:after{content: '';width: 30%}
    .Header-navbar li.style2 .item{width: 30%;min-width: unset;margin-top: 20px}
    .Header-navbar li.style2 .item+.item{margin-left: 0}
    .Header-navbar li.style2 .tit{padding-bottom: 5px}
    .Header-navbar li.style2 .Header-drop a{padding: 0}

    .Footer-items{padding: 32px 0 15px}
    .Footer-info{width: 100%}
    .Footer-info-txt{display: flex;justify-content: space-between}
    .Footer-link li{margin-right: 10px}
    .Footer-link{margin-right: -10px}
    .Footer-navbar ul{flex-wrap: wrap;margin-top: 30px}
    .Footer-info:after{display: none}
    .Footer-navbar li{max-width: 100%}
    .Footer-navbar{width: 100%;}
    .Footer-navbar li{width: 100% !important;}
    .Footer-menu {height: 40px;line-height: 40px;position: relative;}
    .Footer-menu::after{content: "";width: 44px;height: 40px;position: absolute;z-index: 9;right: 0;top: 0;background: url('/hdcss/arrDW.svg') no-repeat center /18px auto;}
    .Footer-menu.active::after{transform: rotate(180deg);}
    .Footer-drop a{padding: 7px 0}
    .Footer-drop{display: none;margin-top: 0;}
    .Footer-copyright h6{width: 100%;text-align: center;line-height: 18px}
    .Footer-copyright {padding: 20px 0;}
    .FooterCode {text-align: center;margin-top: 28px;}
    .footer-sup{width:100%;justify-content:center}
    .footer-sup a{line-height:26px}

    #side{display: none}

    .adsense-bottom p, .adsense-bottom p span{font-size: 16px}
    .adsense-bottom a{width: 100px;height: 38px;font-size: 14px}
    .adsense-bottom i.close{width: 20px;height: 20px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .com-block{padding:40px 0!important}
    .Footer-link a{font-size: 12px}
    .Footer-link li{margin-right: 5px}
    .Footer-link{margin-right: -10px}
    .Footer-menu{font-size: 16px}
    .Header-navbar li.style2 .item{width: 100%}

    .adsense-bottom{display: none}
    
    .Footer-info-QR, .footer-sup, .Footer-link{display: none;}
    .Footer-info p{max-width: 100%;}
    .Footer-copyright h6{font-size:12px;}
}