body{ background: #333; }

.loading-layer{ width: 100%;height: 100vh; background-color: #f4b721; position: fixed;top: 0;left: 0;z-index: 100;display: flex;}
.loading-layer .loading-box{ pointer-events: none; -webkit-user-select:none;-moz-user-select:none-ms-user-select:none;width:100%;height: 100%; display: flex; align-items: center;justify-content: center;}
.loading-layer .loading-box .loading-box__logo{display: inline-block; position: relative; width:287px;height:287px;}
.loading-layer .loading-box .loading-box__logo .text{position: absolute;top: 0;left: 0; width: 100%; height: 100%;-webkit-animation: sec1imgrotate 8s linear infinite; animation: sec1imgrotate 8s linear infinite;}
.loading-layer .loading-box .loading-box__logo .icon{position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
.loading-layer .loading-box .loading-box__logo .icon .icon-round{position: absolute; width: 40%; height: 40%; border-radius:30%; left: 0; top: 30%; right: 0; margin: auto; content: ''; background-image: linear-gradient(white,white,rgba(255,255,255,.9));filter: blur(3px); -webkit-filter: blur(3px);animation:loading 3s;-webkit-animation:loading 3s;animation-iteration-count:1; -webkit-animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.loading-layer .loading-box .loading-box__logo .icon .icon-logo{position: absolute; width:100%;height:100%; left:0;top:0;z-index:1;}
.loading-m__layer{width: 100%;height: 100vh; background-color: #000221; position: fixed;top: 0;left: 0;z-index: 99;}

@media screen and (max-width:768px){
    .loading-layer .loading-box .loading-box__logo{width: 120px;height: 120px;}
}
@keyframes loading{
    form {background-image: linear-gradient(white,rgba(255,255,255,.9));}
    to{width:20%;height:0;linear-gradient(white,white);}
}
@-webkit-keyframes loading{
    form{background-image: linear-gradient(white,rgba(255,255,255,.9));}
    to{width:20%;height:0;linear-gradient(white,white);}
}




/* -- 页首信息 -- */
.header{pointer-events: none; width: 100%; height: auto; padding: 40px 0 0; position: fixed;top: 0;z-index: 98;}
.header .logo-box{pointer-events: auto;display: flex;justify-content: space-between;align-items: center; width: 140px;}
.header .logo-box .logo{ flex-shrink: 0;display: inline-block; position: relative; width: 57px;height: 57px; }
.header .logo-box .logo .text{ position: absolute;top: 0;left: 0; width: 100%; height: 100%;-webkit-animation: sec1imgrotate 8s linear infinite; animation: sec1imgrotate 8s linear infinite; }
.header .logo-box .logo .icon{ position: absolute;top: 0;left: 0; width: 100%; height: 100%; }
.header .logo-box .name{ width:64px;}
@media screen and (max-width:768px){
    .header{padding: 25px 0 0;}
}


/* -- 导航信息 -- */
.menu-wrap{z-index: 99;pointer-events: none; width: 100%; height: 100vh;position: fixed;top: 0; left: 0; font-size: 0;}
.menu-wrap .menu-left{ pointer-events: auto;position: absolute; top: 0; left: -100%; width: calc(100% - 400px); height: 100%;background:#000221;display: inline-block; font-size: 18px; color: white; }
.menu-wrap .menu-left .down-arrow { z-index: 9; width: 64px; text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; height: 64px; }
.menu-wrap .menu-left .down-arrow .icon { width:64px; height:64px; background-image: url(data:image/png;base64,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); background-size:32px; background-repeat: no-repeat; display: inline-block; background-position: center; }
.menu-wrap .menu-left .down-arrow .open-more {animation: heart 1.3s ease-in-out 2.7s infinite alternate;}
.menu-wrap .menu-left .menu-content{ display:none; }
.menu-wrap .menu-left .menu-content.active{ display:block; }
.menu-wrap .menu-left .menu-content .content-items{ height: 100vh; overflow-y: auto; display:flex;justify-content: space-between;flex-wrap: wrap; align-items: flex-start; }
.menu-wrap .menu-left .menu-content .content-items .item{width: 50%;height:50vh; position: relative; }
.menu-wrap .menu-left .menu-content .content-items .item.product-item{  }
.menu-wrap .menu-left .menu-content .content-items .item .item-con{overflow: hidden; position: relative; width: 100%;height: 100%;display: block;background-position: center; background-size: cover; background-repeat: no-repeat;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con::after {content: ''; position: absolute;width: 100%;height: 100%;background-color: inherit; z-index: 1;-webkit-transition: -webkit-transform .5s ease-out;transition: -webkit-transform .5s ease-out;transition: transform .5s ease-out;transition: transform .5s ease-out,-webkit-transform .5s ease-out;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box{ z-index: 3; position: absolute;top: 0;left: 0;width: 100%;height: 100%; padding: 50px 45px; }
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; font-family: 'CKTKingKong-Bold';color: white; }
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con .en-text{text-transform:uppercase; font-size: 36px;line-height:48px; letter-spacing:4px;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con .en-text .solid{}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con .en-text .hollow{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con .cn-text{ font-family: 'AlibabaPuHuiTi-Bold'; letter-spacing:4px;font-size: 18px;line-height: 40px; }
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .more{ padding: 50px 45px; position: absolute;bottom: 0;left: 0;display:flex; align-items: center; justify-content: space-between; }
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .more .text{letter-spacing:4px; font-size: 12px;line-height:48px ; color: white; font-family: 'AlibabaPuHuiTi-Bold';}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .more .icon{ margin-left: 10px; background-image: url(../images/icon-arrow-right.png); background-size: auto; background-repeat: no-repeat; background-position: left center; width: 15px;height: 15px; display:inline-block; }

.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text{font-family:'CKTKingKong-Bold'; color: white; font-weight: 600; font-style: normal;text-transform: uppercase;top: 25%; left: 0; width: 100%; height: 100%; z-index: 1;white-space: nowrap; position: absolute;-webkit-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform-origin: center center; transform-origin: center center}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker{display: -webkit-box; display: flex; white-space: nowrap;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker .ticker__list{display: -webkit-box; display: flex; -webkit-animation: ticker 60s infinite linear; animation: ticker 60s infinite linear;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker .ticker__list .ticker__item{ margin-right:43px; }
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker .ticker__list .ticker__item .solid{letter-spacing:2px;font-size:83px;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker .ticker__list .ticker__item .hollow{letter-spacing:2px;font-size:105px;line-height:105px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker-pause-hover .ticker:hover .ticker__list,
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker-pause-hover .ticker:focus .ticker__list {-webkit-animation-play-state:paused;animation-play-state:paused;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker-hover .ticker__list {-webkit-animation-play-state:paused;animation-play-state:paused;}

.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover::after, 
.menu-wrap .menu-left .menu-content .content-items .item .item-con:focus::after {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .text-box .text-con{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .text-box .more{width: 100%;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .text-box .more .text{opacity: 0;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .text-box .more .icon{background-image: url(../images/icon-arrow-right-white.png); }
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .image{ width: 100%;height: 100%;bottom: 0; right: 0;display:flex;align-items:center;justify-content: center;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .image img{}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .background{opacity: 0;}

.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .ticker-pause-hover .ticker__list, 
.menu-wrap .menu-left .menu-content .content-items .item .item-con:focus .ticker-pause-hover .ticker__list {
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
}
.menu-wrap .menu-left .menu-content .content-items .item .item-con:hover .ticker-hover .ticker__list, 
.menu-wrap .menu-left .menu-content .content-items .item .item-con:focus .ticker-hover .ticker__list {
    -webkit-animation-play-state:running;
    animation-play-state:running;
}

.menu-wrap .menu-left .menu-content .content-items .item .item-con .image{position: absolute;bottom: -110px; right: -50px;z-index: 2;}
.menu-wrap .menu-left .menu-content .content-items .item .item-con .background{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 2;}

.menu-wrap .menu-right{pointer-events: auto;position: absolute; top: 0;right:-400px; width: 400px; height: 100%;background: #000221;display: inline-block; flex-shrink: 0;}

.menu-wrap .menu-right .menu-header{ overflow: hidden; width: calc(100% - 70px); }
.menu-wrap .menu-right .menu-header .menu-header-logo{ text-align: center;margin-top: 45px;}
.menu-wrap .menu-right .menu-header .menu-header-logo .logo{display: inline-block;pointer-events: auto; position: relative; width: 57px;height: 57px; }
.menu-wrap .menu-right .menu-header .menu-header-logo .logo .text{ position: absolute;top: 0;left: 0; width: 100%; height: 100%;-webkit-animation: sec1imgrotate 8s linear infinite; animation: sec1imgrotate 8s linear infinite; }
.menu-wrap .menu-right .menu-header .menu-header-logo .logo .icon{ position: absolute;top: 0;left: 0; width: 100%; height: 100%; }

.menu-wrap .menu-right .menu-header .search-box{text-align: center;margin-top: 32px;}
.menu-wrap .menu-right .menu-header .search-box .search-form{ border-radius: 16px;display: inline-block; border-radius:16px; overflow: hidden; }
.menu-wrap .menu-right .menu-header .search-box .search-form .text-input{ padding: 0 15px; vertical-align: middle; height:32px;background: white;border: 0; }
.menu-wrap .menu-right .menu-header .search-box .search-form .input-btn{ vertical-align: middle; background: white;width: 32px; height:32px; border: 0;line-height: 100%;outline: none;}


.menu-wrap .menu-right .menu-header .nav-items{ margin:100px auto 0; text-align: center;}
.menu-wrap .menu-right .menu-header .nav-items .item{ line-height:54px; font-size: 18px; }
.menu-wrap .menu-right .menu-header .nav-items .item .btn{ vertical-align: middle;font-family: 'AlibabaPuHuiTi-Bold'; color:#bb8d59;display: inline-block;font-style: italic; }
.menu-wrap .menu-right .menu-header .nav-items .item .btn:hover,
.menu-wrap .menu-right .menu-header .nav-items .item.active .btn{ color: white; }
.menu-wrap .menu-right .menu-header .nav-items .item .touch{ display: inline-block; margin-left: 15px; vertical-align: middle; width:24px;height: 24px; background-image: url(../images/icon-round-arrow.png); background-size: 100%; background-position: center; background-repeat: no-repeat; }
.menu-wrap .menu-right .menu-header .nav-items .item .touch:hover,
.menu-wrap .menu-right .menu-header .nav-items .item.active .touch{ -webkit-transform: rotate(90deg); transform: rotate(90deg); background-image: url(../images/icon-round-arrow-white.png); }

.menu-wrap .menu-right .menu-header .nav-social{ text-align: center; margin-top:80px; }
.menu-wrap .menu-right .menu-header .nav-social .item{ margin: 0 9px; border: 2px solid white; border-radius: 50%; display:inline-block; width: 35px; height: 35px; }
.menu-wrap .menu-right .menu-header .nav-social .item .icon{width: 100%; height: 100%;background-position: center;background-size: auto; background-repeat: no-repeat; display: inline-block;font-size: 0; }
.menu-wrap .menu-right .menu-header .nav-social .item .icon-weibo{background-image:url(../images/icon-weibo.png);}
.menu-wrap .menu-right .menu-header .nav-social .item .icon-wechat{background-image:url(../images/icon-wechat.png);}
.menu-wrap .menu-right .menu-header .nav-social .item .icon-douyin{background-image:url(../images/icon-douyin.png);}
.menu-wrap .menu-right .menu-header .nav-social .item:hover{opacity: .6;}
.menu-wrap .menu-left.open{left: 0}
.menu-wrap .menu-right.open{right: 0;}
.menu-wrap .menu-line{position: absolute; width: 100px; height: 100%; top: 0; display: inline-block; right:6.5px;}
.menu-wrap .menu-line .menu-btn{pointer-events: auto;margin-top: calc(50vh - 44px);position: relative; z-index: 1; cursor:pointer;}
.menu-wrap .menu-line .menu-btn .nav-bg{  width: 100px; height:auto; }
.menu-wrap .menu-line::after{ position: absolute; content:'';width: 1px; height: 100%; background: #bb8d59; top: 0; left: 0;right: 0;margin:0 auto ; }
.menu-wrap .menu-line .menu-btn.nav-open .nav-toggle .icon {width: 0;}
.menu-wrap .menu-line .menu-btn.nav-open .nav-toggle .icon:before {-webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
.menu-wrap .menu-line .menu-btn.nav-open .nav-toggle .icon:after {-webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg);}
@media screen and (max-width:1024px){
    .menu-wrap .menu-left .menu-content .content-items{ display: block; }
    .menu-wrap .menu-left .menu-content .content-items .item{width:100%; height:33.333333vh; }
}
@media screen and (max-width:768px){
    .menu-wrap{height: auto;min-height: 100vh;}
    .menu-wrap .menu-left{width:60%;}
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box{padding: 20px 15px;}
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con .en-text{font-size: 20px; line-height: 24px; letter-spacing: 2px;}
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .text-con .cn-text{letter-spacing: 2px; font-size: 16px; line-height: 32px;}
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .more{padding: 20px 15px;}
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .text-box .more .text{line-height: 24px;}
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker .ticker__list .ticker__item .solid{ font-size: 42px; }
    .menu-wrap .menu-left .menu-content .content-items .item .item-con .rolling-text .ticker .ticker__list .ticker__item .hollow{ font-size: 65px;    line-height: 65px;}
    .menu-wrap .menu-right{width:40%;}
    .menu-wrap .menu-right .menu-header{width: 100%;}
    .menu-wrap .menu-right .menu-header .menu-header-logo{text-align: left;margin-top: 40px;}
    .menu-wrap .menu-right .menu-header .menu-header-logo .logo{padding-left: 15px;opacity: 0;}
    .menu-wrap .menu-right .menu-header .nav-social{margin-top:40px;margin-right: 0; text-align: center;}
    .menu-wrap .menu-right .menu-header .nav-items{margin-top:25px}
    .menu-wrap .menu-right .menu-header .nav-items .item{line-height: 42px; text-align: right; padding-right: 25px;}
    .menu-wrap .menu-right .menu-header .nav-social .item{margin: 0 4px;width:28px; height:28px;}
    .menu-wrap .menu-right .menu-header .nav-items .item .touch{ display: inline-block; }
    .menu-wrap .menu-right .menu-header .search-box .search-form .text-input{width:72px;}
    .menu-wrap .menu-line{height:57px;top:25px;right: 15px;width:64px;}
    .menu-wrap .menu-line .menu-btn{margin-top: 0;}
    .menu-wrap .menu-line::after{width: 0;}
    .menu-wrap .menu-line .menu-btn .nav-bg{width:64px;height:auto;}
    .menu-wrap .menu-left .down-arrow{width:50px;height:50px;bottom: 10px;right: 10px; left: auto;}
    .menu-wrap .menu-left .down-arrow .icon{background-size:25px;width:50px;height:50px; }
}


/* -- 公用 没有内容 -- */
.common-empty{ padding:150px 0; text-align: center; }
.common-empty p{ font-size:14px; color: #afafaf;margin-top:24px; }
.common-empty span{ font-size:64px;  color:rgb(187 141 89 / 60%); }


.pagination{ margin-top: -1px; padding:30px 0; align-items: center; justify-content: center; display: flex; border-top: 1px solid #bb8d59; border-bottom: 1px solid #bb8d59; }
.pagination .item{ min-width: 20px; position: relative; display: inline-block; font-size: 14px; line-height: 30px; font-family: 'AlibabaPuHuiTi-Bold'; color: #bb8d59; margin:0 10px ; text-align: center;}
.pagination .item.active:after{ content: '';position: absolute; bottom:-5px; width:90%; left:5%; height: 2px; background-color: #bb8d59; }
.pagination .item.active,
.pagination .item:hover{ color: white; font-weight:bold; }


/*二维码弹窗样式*/  
.qrcode-popup{ background-color: #fff; border: 3px solid #fff; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;display: inline-block; left: 50%; opacity: 0; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 101; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.qrcode-popup h3{ font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 10px; }
.qrcode-popup img{}
.qrcode-popup p{ margin-top: 10px; }
.qrcode-popup p input{text-align: center; width: 100%; font-size: 14px; line-height: 32px; border: 1px solid #ababab;}
.qrcode-popup.open{top: 45%; opacity: 1; visibility: visible;}
.qrcode-overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; cursor:pointer; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 100; }     
.qrcode-overlay.open{ visibility: visible; opacity: 1; }   




/* -- 页脚信息 -- */
.footer{ background-color: #000221; }
.footer .footer-items{ padding-top: 250px; display: flex;justify-content:center;flex-wrap: wrap; }
.footer .footer-items .item{width: 33.333333%; margin-bottom: 90px;}
.footer .footer-items .item .line{height: 2px;width: 17px; background-color: #bb8d59;}
.footer .footer-items .item .con{ margin-top: 15px; }
.footer .footer-items .item .con .desc-cn{letter-spacing:2px; color: white;font-family: "Microsoft YaHei","CKTKingKong-Bold";
    font-weight: bold; font-size: 36px;line-height: 48px; }
.footer .footer-items .item .con .desc-cn span{color: #bb8d59;}
.footer .footer-items .item .con .desc-en{ letter-spacing:2px;color: white;font-family: 'CKTKingKong-Bold'; font-size: 14px;line-height:32px; }
.footer .footer-items .item .con .text{color: white; font-family: 'AlibabaPuHuiTi-Regular'; font-size:12px;line-height: 30px;}
.footer .footer-items .item .con .text a{ color: white; }
.footer .footer-items .item .con .text a:hover{ color:#bb8d59 ; }

.footer .footer-items .item .con .social{ margin-top:38px; }
.footer .footer-items .item .con .social .ite{ margin-right:18px; border: 2px solid white; border-radius: 50%; display:inline-block; width: 35px; height: 35px; }
.footer .footer-items .item .con .social .ite .icon{width: 100%; height: 100%;background-position: center;background-size: auto; background-repeat: no-repeat; display: inline-block;font-size: 0; }
.footer .footer-items .item .con .social .ite .icon-weibo{background-image:url(../images/icon-weibo.png);}
.footer .footer-items .item .con .social .ite .icon-wechat{background-image:url(../images/icon-wechat.png);}
.footer .footer-items .item .con .social .ite .icon-douyin{background-image:url(../images/icon-douyin.png);}
.footer .footer-items .item .con .social .ite:hover{opacity: .6;}

.footer .footer-copyrigth{color: white;font-size: 12px; display: flex;align-items: center;justify-content: space-between;padding: 24px 0; line-height:32px;text-transform:uppercase; flex-wrap: wrap;}
.footer .footer-copyrigth a{color: white;}
.footer .footer-copyrigth .copyright{ width: 33.333333%; font-family: 'AlibabaPuHuiTi-Bold'; }
.footer .footer-copyrigth .power{width: 33.333333%;font-family: 'AlibabaPuHuiTi-Regular'; color: #bb8d59;}
.footer .footer-copyrigth .power a{ color: #bb8d59; }
.footer .footer-copyrigth .icp{width: 33.333333%;font-family: 'AlibabaPuHuiTi-Regular';}
@media screen and (max-width:768px){
    .footer .footer-items{ padding-top:90px; }
    .footer .footer-items .item{width: 100%; margin-bottom: 45px; }
    .footer .footer-items .item .con .desc-cn{line-height: 42px;font-size: 32px;}
    .footer .footer-copyrigth .copyright,
    .footer .footer-copyrigth .power,
    .footer .footer-copyrigth .icp{width: 50%;}
}