/*  引入iconfont  */
@import "//at.alicdn.com/t/font_3104563_7olww1eyjgx.css";

@font-face {
    font-family: 'futurabt_diy';
    src: url('../font/futurabt/FuturaBT-Light.eot');
    src: url('../font/futurabt/FuturaBT-Light.eot') format('embedded-opentype'),
    url('../font/futurabt/FuturaBT-Light.woff2') format('woff2'),
    url('../font/futurabt/FuturaBT-Light.woff') format('woff'),
    url('../font/futurabt/FuturaBT-Light.ttf') format('truetype'),
    url('../font/futurabt/FuturaBT-Light.svg') format('svg');
}
@font-face {
    font-family: 'sourcehansanscn_regular_diy';
    src: url('../font/sourcehansanscn-regular/SourceHanSansCN-Regular.eot');
    src: url('../font/sourcehansanscn-regular/SourceHanSansCN-Regular.eot') format('embedded-opentype'),
    url('../font/sourcehansanscn-regular/SourceHanSansCN-Regular.woff2') format('woff2'),
    url('../font/sourcehansanscn-regular/SourceHanSansCN-Regular.woff') format('woff'),
    url('../font/sourcehansanscn-regular/SourceHanSansCN-Regular.ttf') format('truetype'),
    url('../font/sourcehansanscn-regular/SourceHanSansCN-Regular.svg') format('svg');
}

* {margin: 0;padding: 0;}
body {width: 100%;min-width:320px;margin: 0 auto;font: 14px/1.5 sourcehansanscn_regular_diy;color: #333;overflow-x: hidden;}
li {list-style: none;}
a {text-decoration: none;color: #333;}
a:hover {color: #333;}
i {font-style: normal;}
button, input, textarea, hr {border: none;}
.clear {clear: both;}
table {border-collapse: collapse;max-width: 100%;}
table td {border-collapse: collapse;}
select{outline: unset;-webkit-appearance: none;}
input:focus ,button{outline: none;-webkit-appearance: none;}
iframe{width:100%;height: 100%;}
img{border:none;}
li{list-style: none;}

.float-right{float: right;display: inline-block;}
.float-left{float: left;display: inline-block;}
.position-fixed-top{position: fixed;top:0;left:0;right:0;z-index:9999;}
.flex-between{display: flex !important;justify-content: space-between;}

.position-relative{position: relative;}

.mr-top-315{margin-top:315px !important;}
.mr-top-260{margin-top:260px !important;}
.mr-top-200{margin-top:200px !important;}
.mr-top-170{margin-top:170px !important;}
.mr-top-150{margin-top:150px !important;}
.mr-top-140{margin-top:140px !important;}
.mr-top-130{margin-top:130px !important;}
.mr-top-115{margin-top:115px !important;}
.mr-top-100{margin-top:100px !important;}
.mr-top-90{margin-top:90px !important;}
.mr-top-80{margin-top:80px !important;}
.mr-top-70{margin-top:70px !important;}
.mr-top-60{margin-top:60px !important;}
.mr-top-50{margin-top:50px !important;}
.mr-top-40{margin-top:40px !important;}
.mr-top-30{margin-top:30px !important;}
.mr-top-20{margin-top:30px !important;}
.mr-top-10{margin-top:10px !important;}
@media screen and (max-width: 1600px) {
    .mr-top-315{margin-top:19.6875VW !important;}
    .mr-top-260{margin-top:16.25vw !important;}
    .mr-top-200{margin-top:12.5VW !important;}
    .mr-top-170{margin-top:10.625VW !important;}
    .mr-top-150{margin-top:9.375VW !important;}
    .mr-top-140{margin-top:8.75VW !important;}
    .mr-top-130{margin-top:8.125VW !important;}
    .mr-top-115{margin-top:7.1875VW !important;}
    .mr-top-100 {margin-top: 6.25vw !important;}
    .mr-top-90 {margin-top: 5.625vw !important;}
    .mr-top-80 {margin-top: 5vw !important;}
    .mr-top-70 {margin-top: 4.375vw !important;}
    .mr-top-60 {margin-top: 3.75vw !important;}
    .mr-top-50 {margin-top: 3.125vw !important;}
    .mr-top-40 {margin-top: 2.5vw !important;}
    .mr-top-30 {margin-top: 1.875vw !important;}
    .mr-top-20 {margin-top: 1.25vw !important;}
    .mr-top-10 {margin-top: 0.625vw !important;}
}



.header{width:100%;display: block;transition: .4s ease .1s;}
.nav ul{width:100%;/*border-bottom: 1px solid #93928e;*/box-shadow: 0 1px 0 rgba(255,255,255,.4);}
.nav li{flex-grow: 1;display: block;text-align: center;}
.nav li a{width:100%;color:#fff;line-height: 47px;font-size:16px;display: block;padding:20px 0;border-top:6px solid rgba(0,0,0,0);box-sizing: border-box;transition: .4s ease .1s;}
.nav li.logo{flex-grow:0;width:198px;margin:0 10px;display: block;}
.nav li.nav-li{width:calc((100% - 198px)/6);max-width:calc((100% - 198px)/6);min-width:calc((100% - 198px)/6);}

.nav li.logo img{width: 100%;height:47px;object-fit:contain;display: block;}
.nav li a:hover,.nav li a.on{border-top:6px solid #f3dfc0;color:#f3dfc0;}
.nav li.logo a:hover{border-top: 6px solid rgba(0,0,0,0);}

.nav-bottom .nav{border-bottom: 1px solid #e5e5e5;}


.header-white{background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.18);}
.info-header{background: #fff;position: relative;}
/*.header-white .nav li.logo img{filter: invert(100%);}*/

.header-white .nav li.logo a,.info-header .nav li.logo a{position: relative;overflow: hidden;height: 100%;}
/*.header-white .nav li.logo a img,.info-header .nav li.logo a img{filter: drop-shadow(178px 0px #eb9c5b) ;position: absolute;left:-100%;}*/

.header-white .nav li a{padding:15px 0;}
.header-white ul,.info-header ul{border-bottom: 0;}
.header-white .nav li a,.info-header .nav li a{color:#000;}
.header-white .nav li a:hover ,.header-white .nav li a.on{border-top:6px solid #f3dfc0;color:#f3dfc0;}
.info-header .nav li a:hover ,.info-header .nav li a.on{color:#eb9c5b;}
.header-white .nav li.logo a:hover,.info-header .nav li.logo a:hover{background: unset;border-top: 6px solid rgba(0,0,0,0);}


.web-nav-btn,.nav li.logo img.logo-web{display: none;}

.header-white  .nav li.logo img.logo-web,.info-header  .nav li.logo img.logo-web{display: block;}
.header-white  .nav li.logo img.logo-pc,.info-header .nav li.logo img.logo-pc{display: none;}

@media screen and (max-width: 1200px) {
    .header{background: #fff;}
    .nav{position: relative;}

    .nav li.logo img.logo-web{display: block;}
    .nav li.logo img.logo-pc{display: none;}
    .nav ul{border:none;}
    .nav li.logo{width:auto;}
    .nav li.logo a,.header-white .nav li.logo a,.info-header .nav li.logo a {position: relative;overflow: hidden;height: 40px !important;}
    .nav li.logo img{width:114px;height:30px;}
    .nav-li{display: none !important;}
    .nav li a{padding:5px 0;border-top:none;}
    .web-nav-btn{position: absolute;top:50%;right:0;transform: translateY(-50%);display: block;}
    .web-nav-btn i{font-size:20px;color:#000;display: block;padding:5px 10px;}
}


.header-white .nav ul,.info-header .nav ul{box-shadow: none;}
.nav ul{}
.nav ul li .nav-li-box{position: relative;z-index:9;}
.nav ul li .nav-li-box span{width:50%;height: 3px;background: #eb9c5b;position: absolute;bottom:0;left:50%;transform:translateX(-50%);display: block;transition: .4s ease .1s;}
.nav ul li .nav-li-box span i{width:3px;height: 20px;background: #eb9c5b;position: absolute;top:100%;left:50%;transform: translateX(-50%);z-index:1000;transition: .4s ease .1s;}
.nav li .sub-nav{width:100%;position: absolute;top:100%;left:0;right:0;z-index:999;}
.sub-nav-main{width:100%;background: #fff;}
.nav li .sub-nav .sub-nav-box{width:100%;max-width:1500px;padding:40px 50px;min-height:296px;box-sizing:border-box;margin: 0 auto 0;background: #fff;display: block;}

.sub-nav-box-img{width:502px;min-width:502px;height:216px;display: block;position: absolute;top:0;left:856px;}
.sub-nav-box-img img{width:100%;height: 100%;object-fit: cover;display: block;}
.sub-nav-box-intro{width:420px;display: block;height:100%;font-size:14px;line-height: 28px;color:#000;margin:0 130px 0 80px;text-align: left;position: absolute;top:0;left:226px;background: #fff;}
.sub-nav-box-intro h2{width:100%;font-size:14px;line-height: 38px;color:#000;display: block;}
.sub-nav-box-intro p{width:100%;font-size:12px;line-height: 24px;color:#555;display: block;}
.sub-nav-box dl{width:225px;min-height:216px;border-right:1px solid #c9c9c9;margin-left:30px;display: block;position: relative;}
.sub-nav-box dd{width:100%;display: block;}
.sub-nav-box dd a {width:100%;font-size:14px;line-height: 32px;text-align:left;color:#000;padding:0 !important;display: block;border:none !important;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sub-nav-box dd:hover a,.sub-nav-box dd.on a{background: unset;color:#eb9c5b !important;border:none !important;}
.sub-nav-box dd:first-child .sub-nav-box-intro,.sub-nav-box dd:first-child .sub-nav-box-img{z-index:2;}
.sub-nav-box dd .sub-nav-box-intro,.sub-nav-box dd .sub-nav-box-img{z-index:1;}
.sub-nav-box dd:hover .sub-nav-box-intro,.sub-nav-box dd:hover .sub-nav-box-img,.sub-nav-box dd.on .sub-nav-box-intro,.sub-nav-box dd.on .sub-nav-box-img{z-index:3;}


.sub-nav-origin .sub-nav-box{display: flex !important;justify-content: start;}
.sub-nav-origin .sub-nav-box-img,.sub-nav-origin .sub-nav-box dl{position: unset;top:unset;left:unset;}
.sub-nav-origin .sub-nav-box{max-width: 100% !important;padding:0 !important;}
.sub-nav-origin .sub-nav-box-img{width:1292px;height: 339px; flex-grow: 0;display: block;}
.sub-nav-origin dl{width:400px;flex-grow: 0;display: block;margin-left:105px;border-right: unset;text-align: left;}
.sub-nav-origin dl dt{font-size:16px;line-height: 32px;color:#555;font-weight: 600;margin-top:30px;}
.sub-nav-origin dl dd a{font-size:14px;line-height: 38px;color:#999;}


.nav ul li .nav-li-box span,.nav ul li .nav-li-box span i{transition: .4s ease .1s;}
.nav ul li .sub-nav{transition: opacity .4s ease;}
.nav ul li .sub-nav{opacity: 0;/*margin-top:20px;*/display: none;border-top:1px solid #f1f1f1;}
.nav ul li .nav-li-box span{width:0;height:0;margin:0 auto;}
.nav ul li .nav-li-box span i{width:0;height:0;}
.nav ul li:hover .nav-li-box span{width:50%;height:3px;}
.nav ul li:hover .nav-li-box span i{width:3px;height:20px;}
.nav ul li:hover .sub-nav{display:block; animation:subnavshow .4s ease 0s 1 alternate forwards;;
    -webkit-animation:subnavshow .4s ease 0s 1 alternate forwards;; /* Safari 和 Chrome */;}
@keyframes subnavshow
{
    from {opacity: 0;margin-top:20px;}
    to {opacity: 1;margin-top:0;}
}

@-webkit-keyframes subnavshow /*Safari and Chrome*/
{
    from {opacity: 0;margin-top:20px;}
    to {opacity: 1;margin-top:0;}
}





    /*   手机导航   */
.web-nav{width:60%;max-width:300px;min-width:260px;height: 100vh;overflow: hidden;position: fixed;top:0;right:-300px;bottom: 0;z-index:99999;background: #231f20;display: block;transition: .5s ease .1s;}
.web-nav.active{right:0;}
.web-nav-close{width:100%;text-align: right;padding:0 10%;box-sizing: border-box;color:#fcd116;height:50px;line-height: 50px;}
.web-nav-close i{font-size: 20px;}
.web-nav-main{width:100%;position: absolute;top:50px;bottom:0;overflow: hidden;}
.web-nav-main ul{width:100%;height: 100%;overflow-y: auto;overflow-x:hidden;display: block;}
.web-nav-main ul li {width:100%;font-size:14px;line-height: 42px;display: block;position: relative;}
.web-nav-main ul li a{color:#fff;padding:0 10%;display: block;}
.web-nav-main ul li i{width:50px;height: 50px;font-size:14px;text-align:center;position: absolute;top:0;right:0;color:#fff;}
.web-nav-main ul li dl{width:88%;margin-left:12%;display: none;}
.web-nav-main ul li dl dd{width:100%;border-left:1px solid #fff;display: block;}
.web-nav-main ul li dl dd a{color:#fff !important;}
.web-nav-main ul li dd.on{border-left-color: #fcd116;}
.web-nav-main ul li.on dd a{color:#fff;}
.web-nav-main ul li:hover a,.web-nav-main ul li.on a,.web-nav-main ul li:hover i,.web-nav-main ul li.on i{color:#fcd116;}
.web-nav-main ul li dd.on a{color:#fcd116 !important;}


.web-nav-main ul::-webkit-scrollbar {/*滚动条整体样式*/
    width:0;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.web-nav-main ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.2);
    background: #231f20;
}
.web-nav-main ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.2);
    background: #231f20;
}

/*  底部版权  */
.footer{width:100%;background: #030102;}
.footer .foot{width:96%;max-width: 1600px;margin:0 auto;padding-top:60px;display: block;}
.footer .footer-logo{width:30%;max-width:180px;margin:0 auto;display: block;}
.footer .footer-logo img{max-width: 100%;object-fit: cover;margin:0 auto;display: block;}
.footer-main{width:100%;border-bottom: 1px solid #fff;padding:15px 0;display: block;color:#fff;}
.footer-follow,.footer-contact,.footer-contact-address,.footer-contact-address i,.footer-contact-address p{width:auto;float: left;display: inline-block;}
.footer-contact-left-80{margin-left:80px;}
.footer-contact{float: right;font-size: 16px;line-height: 32px;}
.footer-follow{font-size:18px;line-height: 32px;}
.footer-follow span{line-height: 32px;float:left;display: inline-block;}
.footer-follow a{margin-left:30px;float:left;display: inline-block;position: relative; }
.footer-follow a img{height: 24px;margin-top:4px;object-fit: contain;display: block;}
.footer-contact-address i{font-size:20px;margin-right: 5px;}
.footer-follow a .footer-follow-mask{position: absolute;bottom:32px;left:50%;transform: translateX(-50%);width:150px;height: 150px;z-index:2;display: none;}
.footer-follow a .footer-follow-mask img{width:100%;height: 100%;object-fit: contain;margin:0;display: block; }
.footer-follow a:hover .footer-follow-mask{display: block;}

.footer-copyright{width:100%;display: block;color:#fff;padding:20px 0;font-size:16px;line-height: 32px;}
.footer-copyright dl,.footer-copyright dl dd{float: left;display: inline-block;}
.footer-copyright dl dd{margin-right: 50px;}
.footer-copyright a{color:#fff;}
.copyright{float: right;}
@media screen and (max-width: 1600px) {
    .footer .foot{padding-top:3.75vw;}
    .footer-contact-left-80{margin-left:5vw;}
}
@media screen and (max-width: 900px) {
    .footer-follow,.footer-contact{width:100%;display: block;}
    .footer-follow{margin: 20px 0;}
}
@media screen and (max-width: 750px) {
    .footer-copyright,.footer-contact-address,.footer-follow{font-size:14px;line-height: 32px;}
    .footer-follow{margin:10px 0;display: flex;justify-content: center;}
    .footer-contact-address,.footer-copyright dl,.copyright{width:100%;display: block;display: flex;justify-content: center;}
    .footer-contact-left-80{margin-left:0;}
    .footer-contact-address i{font-size:16px;}
    .footer-copyright dl dd{margin-right: 6.666vw;}
}


.more{width:50%;max-width:240px;height: 40px;line-height: 40px;text-align: center;font-size:16px;color:#887b72;margin:0 auto;border:1px solid #887b72;border-radius:3px;display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;font-family: futurabt_diy;}

.more:hover {background: #010101;color:#fff;}


.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}



.banner{width:100%;display: block;position: relative;z-index:1;}