/*字体大小*/
.ft14{font-size: 0.7292vw;}
.ft15{font-size: 0.7813vw;}
.ft16{font-size: 0.8333vw;}
.ft18{font-size: 0.9375vw;}
.ft19{font-size: 0.9896vw;}
.ft20{font-size: 1.0417vw;}
.ft21{font-size: 1.0938vw;}
.ft22{font-size: 1.1458vw;}
.ft26{font-size: 1.3542vw;}
.ft27{font-size: 1.4063vw;}
.ft28{font-size: 1.4583vw;}
.ft30{font-size: 1.5625vw;}
.ft31{font-size: 1.6146vw;}
.ft32{font-size: 1.6667vw;}
.ft34{font-size: 1.7708vw;}
.ft35{font-size: 1.8229vw;}
.ft36{font-size: 1.875vw;}
.ft38{font-size: 1.9792vw;}
.ft42{font-size: 2.1875vw;}
.ft44{font-size: 2.2917vw;}
.ft50{font-size: 2.6042vw;}
.ft54{font-size: 2.8125vw;}
.ft64{font-size: 3.3333vw;}
.ft73{font-size: 3.8021vw;}
.ft80{font-size: 4.1667vw;}
.ft88{font-size: 4.5833vw;}
.ft120{font-size: 6.25vw;}
.ft130{font-size: 6.7708vw;}
.ft138{font-size: 7.1875vw;}
.ft140{font-size: 7.2917vw;}
.ft173{font-size: 9.0104vw;}
.ft190{font-size: 9.8958vw;}

/*间距*/
.mtauto{margin: auto;}
.mt10{margin-top: 0.5208vw;}
.mt13{margin-top: 0.6771vw;}
.mt15{margin-top: 0.7813vw;}
.mt16{margin-top: 0.8333vw;}
.mt18{margin-top: 0.9375vw;}
.mt20{margin-top: 1.0417vw;}
.mt27{margin-top: 1.4063vw;}
.mt30{margin-top: 1.5625vw;}
.mt32{margin-top: 1.6667vw;}
.mt33{margin-top: 1.7188vw;}
.mt34{margin-top: 1.7708vw;}
.mt36{margin-top: 1.875vw;}
.mt40{margin-top: 2.0833vw;}
.mt42{margin-top: 2.1875vw;}
.mt46{margin-top: 2.3958vw;}
.mt48{margin-top: 2.5vw;}
.mt50{margin-top: 2.6042vw;}
.mt54{margin-top: 2.8125vw;}
.mt55{margin-top: 2.8646vw;}
.mt64{margin-top: 3.3333vw;}
.mt66{margin-top: 3.4375vw;}
.mt72{margin-top: 3.75vw;}
.mt80{margin-top: 4.1667vw;}
.mt88{margin-top: 4.5833vw;}
.mt94{margin-top: 4.8958vw;}
.mt96{margin-top: 5vw;}
.mt100{margin-top: 5.2083vw;}
.mt110{margin-top: 5.7292vw;}
.mt116{margin-top: 6.0417vw;}
.mt120{margin-top: 6.25vw;}
.mt136{margin-top: 7.0833vw;}
.mt170{margin-top: 8.8542vw;}

.mb16{margin-bottom: 0.8333vw;}
.mb27{margin-bottom: 1.4063vw;}
.mb32{margin-bottom: 1.6667vw;}

.ml8{margin-left: 0.4167vw;}
.ml20{margin-left: 1.0417vw;}
.ml60{margin-left: 3.125vw;}
.ml10{margin-left: 0.5208vw;}
.ml25{margin-left: 1.3021vw;}
.ml42{margin-left: 2.1875vw;}
.ml140{margin-left: 7.2917vw;}

.mr10{margin-right: 0.5208vw;}
.mr16{margin-right: 0.8333vw;}
.mr23{margin-right: 1.1979vw;}
.mr30{margin-right: 1.5625vw;}

.pt18{padding-top: 0.9375vw;}
.pt55{padding-top: 2.8646vw;}

/*行间距*/
.lh-base{line-height: 1;}
.lh-11{line-height: 1.1;}
.lh-12{line-height: 1.2;}
.lh-13{line-height: 1.3;}
.lh-14{line-height: 1.4;}
.lh-15{line-height: 1.5;}
.lh-16{line-height: 1.6;}
.lh-18{line-height: 1.8;}
.lh-20{line-height: 2;}

/*圆角*/
.rounded-4{border-radius: 4px;}
.rounded-8{border-radius: 0.4167vw;}
.rounded-16{border-radius: 0.8333vw;}
.rounded-18{border-radius: 0.9375vw;}
.rounded-20{border-radius: 1.0417vw;}
.rounded-24{border-radius: 1.25vw;}
.rounded-26{border-radius: 1.3542vw;}
.rounded-28{border-radius: 1.4583vw;}
.rounded-30{border-radius: 1.5625vw;}
.rounded-32{border-radius: 1.6667vw;}
.rounded-40{border-radius: 2.0833vw;}
.rounded-80{border-radius: 4.1667vw;}
.rounded-full{border-radius: 50%;}

/*对齐方式*/
.text-center{text-align: center;}
.text-right{text-align: right;}

/*翻页*/
.page{display: flex;justify-content: center;align-items: center; padding-bottom: 16px;}
.page a,
.page span{display: flex;align-items: center;justify-content: center;width: 25px;height: 28px;box-sizing: border-box;font-size: 18px;color: var(--cb5); margin: 0 18px;transition: .3s linear;position: relative;}
.page .prev, 
.page .next{font-size: 0;width: 28px;height: 28px;background: url(../images/page_arrow.png) no-repeat;background-size: cover;opacity: .5;}
.page .next{transform: rotate(180deg);}
.page a::after{content: '';width: 0;height: 4px;background: var(--ch);position: absolute;left:50%;bottom: -16px;transform: translateX(-50%);transition: .3s linear;}
.page .prev::after,
.page .next::after{display: none !important;}
.page a.on,
.page a:hover{color: var(--cb8);}
.page a.on::after,
.page a:hover::after{width: 100%;}
.page .prev:hover,
.page .next:hover{opacity: 1;}

/*头部*/
.header{position: fixed;left: 0;top: -200px;width: 100%;z-index: 99;transition: .7s linear;opacity: 0;background:#FFF;}
.header .container{display: flex;justify-content: space-between;align-items: center;padding: 0.7813vw 0;position: relative;z-index: 10;height:5.7292vw;box-sizing:border-box;}
.header .logo{display: block;width: 6.875vw;}
.header .logo img{display: block;width: 100%;}
.header .links{display:flex;gap: 5.2083vw;margin-right:5.2083vw;}
.header .links a{font-size:1.3021vw;font-weight: 600;color:#242424;position:relative;line-height:1.2;}
.header .links p{position: relative;z-index:8;}
.header .links .en{position: absolute;left:50%; transform:translateX(-50%);text-align:center;color:#e6e6e6;font-size:1.7708vw;line-height:1;bottom:-0.9375vw;text-transform: uppercase;width:10.4167vw;opacity:0;transition: .5s ease-in-out;}
.header .links a:hover .en{opacity: 1;}
.header .action{width:2.7083vw;height:2.2917vw;}
.header .nav{width: 100%;cursor: pointer;}
.header .nav span{display: block; width: 100%;height:  0.3646vw;background: #242424;transition: .5s linear;margin-bottom:0.5625vw;}
.header .nav span:last-child{margin-bottom: 0;}

.header .close{display: none;width:2.1875vw;height:2.2396vw;background: url(../images/nav_close.png) no-repeat;background-size:cover;}

.m-header{display: none;}
.head-h{height:5.7292vw;}
.head-fixed{opacity: 1;top: 0;}
.head-on,
.head-show,
.head-open{background: var(--cw);}

.sub-menu{position: absolute;right: 0;width: 100%;top: 5.7292vw;background: var(--cw);display: none;}
.sub-menu .main{display:flex;align-items:flex-end;box-sizing:border-box;padding: 0 7.8125vw 1.9271vw;height: calc(100vh - 5.7292vw);}
.sub-menu .box{width:100%;}
.sub-menu .sub-nav{margin-bottom:6.25vw;width:100%;}
.sub-menu .sub-nav .item{display:flex;align-items:center;justify-content:center;height: 5.8333vw;gap:1.4583vw;line-height: 1;}
.sub-menu .sub-nav i{display:block;width:2.5vw;height:2.5521vw;background: url(../images/sub_nav_link.png) no-repeat;background-size: cover;transition: .5s ease-in-out;transform: translateX(-1.0417vw);opacity: 0;}
.sub-menu .sub-nav .arrow-r{transform: rotate(180deg) translateX(-1.0417vw);}
.sub-menu .sub-nav .en{font-size: 3.75vw;height:3.75vw;line-height:3.75vw; color:#b9b9b9;width:20.1042vw;text-transform: uppercase;margin-top:1.0417vw;}
.sub-menu .sub-nav p{font-size:2.8646vw;color:#242424;}
.sub-menu .sub-nav .item:hover i{opacity:1; transform: translateX(0px);}
.sub-menu .sub-nav .item:hover .arrow-r{transform: rotate(180deg) translateX(0px);}
.sub-menu .list{gap: 6.4583vw;}
.sub-menu .list .item{font-size: 0.9375vw;line-height: 1.2;color:#242424;}
.sub-menu .list .item span{color:#A7A7A7;}

.head-show .links {opacity:0;}
.head-show .nav{display: none;}
.head-show .close{display: block;}


main{background:#FFF;}

/*底部*/
.footer{position: relative;background: var(--cw);z-index: 5;border-radius: 5.2083vw 5.2083vw 0 0;overflow: hidden;}
.footer video{display: block;width: 100%;position: absolute;left: 0;top: 0;}
.footer .top{position: relative;z-index: 10;padding: 4.1667vw 4.1667vw 11.5625vw;}
.footer .logo{width: 21.875vw;}
.footer .nav {justify-content:flex-end;}
.footer .nav .item{position: relative;}
.footer .nav .item::before{content: '';width: 4px;height: 4px;background: var(--cb200);border-radius: 50%;margin-right: 0.7813vw;}
.footer .nav .item:hover{color: var(--ch);}
.footer .title{line-height: 1.1842;font-weight: 700;}
.footer .title span{margin: 0 1.5625vw;}
.footer .back-up{display: block;}
.footer .back-up i{display: block;width: 4.1667vw;height: 4.1667vw;background: url(../images/backup_icon.png) no-repeat center var(--ch);background-size: 1.6667vw 1.6667vw;}
.footer .bot{padding: 3.4375vw 4.1667vw 2.2917vw;background: #050505;position: relative;z-index: 10;}
.footer .bot .box{display: flex;justify-content: space-between;align-items: flex-end;}
.footer .share i{background-image: url(../images/wx_w_icon.png);}
.footer .share .sp-icon{background-image: url(../images/sp_w_icon.png);}
.footer .share .wb-icon{background-image: url(../images/wb_w_icon.png);}
.footer .share .hr-icon{background-image: url(../images/hr_w_icon.png);}
.footer .share .rb-icon{background-image: url(../images/rb_w_icon.png);}
.footer .bot a:hover{text-decoration: underline;color: var(--cw);}
.aside{position: fixed;right: 2.0833vw;bottom: 20%;width: 3.125vw;z-index: 90;}
.aside a{height: 3.125vw;background: var(--ch);box-shadow: 0px 4px 30px 0px rgba(212, 197, 156, 0.5);}
.aside i{display: block;width: 1.5625vw;height: 1.5625vw;background: url(../images/aside_icon.png) no-repeat;background-size: cover;}
.aside .back{margin-top: 4px;pointer-events: auto;}
.aside .back i{background-image: url(../images/backup_icon.png);}

/*内页banner*/
/*.sub-banner{position: relative;}*/
/*.sub-banner video{display: block;width: 100%;position: absolute;left: 0;top: -10.4167vw;}*/
/*.sub-banner img{display: block;width: 31.25vw;position: absolute;right: 0;top: 6.25vw;}*/
/*.sub-banner .container{padding-top: 12.8646vw;position: relative;z-index: 10;}*/
/*.sub-banner .h-title{line-height: 1.175;}*/
/*.sub-banner .tips{line-height: 1.25;}*/
/*.sub-banner .tips i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/scroll_arrow.png) no-repeat;background-size: cover;margin: 0 0.4167vw;animation: bounceUpDown 1.2s cubic-bezier(0.45, 0.05, 0.2, 1.2) infinite;}*/
/*.sub-banner .nav{display: flex;justify-content: flex-end;}*/
/*.sub-banner .nav .item{display: block;line-height: 1.875vw;background: var(--cw);padding: 0 0.8333vw;}*/
/*.sub-banner .nav .active,*/
/*.sub-banner .nav .item:hover{background: var(--cb200);color: var(--cw);}*/

/*@keyframes bounceUpDown {*/
/*    0% {*/
/*        transform: translateY(-5px);*/
/*    }*/
/*    40% {*/
/*        transform: translateY(5px);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(-5px);*/
/*    }*/
/*}*/
.sub-banner {padding-top: 6.05vw;}
.sub-banner .top{position: relative;}
.sub-banner h1{font-weight: 400;font-size: 12.15vw;line-height:.868; letter-spacing: 0;font-family: Bronova;}
.sub-banner h1 span{font-family: Bronova;}
.sub-banner .arrow{width: 9vw;stroke-width: 9;position:absolute;right:0; bottom: 0;stroke: none;:stroke-linecap:square;fill:var(--gold);}
.sub-banner .sub-label{margin-top: 5.2083vw;display: flex;align-items: center;gap: 1.7vw;}
.sub-banner .sub-label i{display: block;width:.9vw;height:.9vw;background:#b8a583;border-radius: 50%;}
.sub-banner .sub-label img{display: block;height: 2.3vw;}
.sub-banner .nav{margin-top: 4.1667vw;display: flex;gap: 0.8333vw;}
.sub-banner .nav .item{display: block;line-height: 1.875vw;background: var(--cw);padding: 0 0.8333vw;}
.sub-banner .nav .active,
.sub-banner .nav .item:hover{background: var(--cb200);color: var(--cw);}

/*面包屑*/
.website{display: flex;align-items: center;}
.website a{line-height: 1.158;}
.website i{display: block;width: 1.0417vw;height: 1.0417vw;background: url(../images/website_icon.png) no-repeat;background-size: cover;}
.website span{display: block;width: 1.0417vw;height: 1.0417vw;background: url(../images/website_arrow.png) no-repeat;background-size: cover;margin: 0 0.2604vw;}
.website span:last-child{width: auto;height: auto;background: none;}
.website a:hover{color: var(--ch);}

/*视频弹窗*/
.media-pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;background:var(--cb8);display:none;}
.media-pop .close {display:block;width:1.5625vw;height:1.5625vw;position:absolute;right:0;top:-2.0833vw; background:url(../images/close.png) no-repeat;background-size:cover;transition:.5s linear;}   
.media-pop .close:hover {transform:rotate(180deg);}
.media-pop .media-pop-main{width:50vw;height:28.125vw;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.media-pop video {display:block;width:100%;height:28.125vw;object-fit:cover;}

/*分享*/
.share{gap: 1.875vw;}
.share a{box-sizing;border-box;width:2.7083vw;height:2.7083vw;border:1px solid #242424;border-radius: 50%;}
.share i{display: block;width: 1.875vw;height: 1.875vw;background: url(../images/wx_icon.png) no-repeat;background-size: cover;}
.share .sp-icon{background-image: url(../images/sp_icon.png);}
.share .wb-icon{background-image: url(../images/wb_icon.png);}
.share .hr-icon{background-image: url(../images/hr_icon.png);}
.share .rb-icon{background-image: url(../images/rb_icon.png?v=1.0);width: 2.3958vw;}

