@media (min-width:1601px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:329px) and (max-width:480px) {
    html {
        font-size: 13px;
    }
}
@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.eot");
    src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
}

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BEBAS.ttf');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SourceHanSansCN-Normal.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src: url('../fonts/SourceHanSansCN-Heavy.otf');
}

/*-----------------[初始化]--------------*/
html{position: relative;overflow-x: hidden;}
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular";
    padding-top: 6.25rem;overflow-x: hidden;
}
a{color: #333;}
a:hover{color: #BB9D5C;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #333;
    font-family:"SourceHanSansCN-Regular";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{width: 100%;max-width: 80rem;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
.header.transparent{background-color: transparent;
    box-shadow: none;border-bottom: 1px solid rgba(255,255,255,.15);
}
.header.transparent .nav li .v1{color: #fff;}
.header.transparent .lang{color: #fff;background-image: url(../images/i-06-ok.png);}
.header.scroll{background-color: #fff;border-bottom: 0;
    box-shadow: 0px 0px 1rem rgba(0,0,0,.1);
}
.header.scroll .nav li .v1{color: #333;}
.header.scroll .lang{color: #333;background-image: url(../images/i-06.png);}

.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;
    background-color: #fff;padding-left: 3.75rem;
    box-shadow: 0px 0px 1rem rgba(0,0,0,.1);
}
.logo{float: left;line-height: 6.25rem;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;height: 3.19rem;}
.hdr{float: right;}
.nav{float: left;position: relative;padding-right: 3.38rem;}
.nav:after{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 1.5rem;
    background-color: #E2E2E2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav li{float: left;margin-left: 4.75rem;}
.nav li .v1{display: block;font-size: 1rem;color: #333;line-height: 6.25rem;position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li .v1:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 3px;
    background-color: #BB9D5C;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li:hover .v1,.nav li.on .v1{color: #BB9D5C;}
.nav li:hover .v1:after,.nav li.on .v1:after{left: 0;right: 0;}

.lang{float: left;padding-left: 2.19rem;font-size: 1rem;color: #333;
    margin-left: 3.44rem;margin-right: 3.94rem;line-height: 6.25rem;
    background: url(../images/i-06.png) no-repeat left center;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.lang:hover{color: #BB9D5C;background-image: url(../images/i-06-on.png);}
.menu{float: right;width: 6.25rem;height: 6.25rem;cursor: pointer;z-index: 129;
    background-color: #BB9D5C;position: relative;
}
.menu b{position: absolute;height: 3px;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.menu .i1{width: 20px;top: 41px;left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.menu .i2{width: 16px;top: 48px;left: 45%;}
.menu .i3{width: 16px;top: 55px;left: 40%;}
.menu.open{background-color: #26282C;}
.menu.open .i1{width: 30px;top: 50%;left: 35%;
    transform: rotate(-135deg);
}
.menu.open .i3{width: 30px;top: 50%;left: 35%;
    transform: rotate(135deg);
}
.menu.open .i2{opacity: 0;}

.hd-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;
    z-index: 128;visibility: hidden;pointer-events: none;
}
.hd-bg{position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);transition: opacity 0.8s;opacity: 0;}
.hd-nav{position: absolute;opacity: 0;width: 24.69rem;height: 100vh;right: 0;top: 0;
    transform: translate(25rem,0);padding: 8rem 0 0 5.63rem;
    overflow: hidden;transition: all .8s;
    background: #26282C url(../images/nv-bg.jpg) no-repeat center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.hd-nav li{position: relative;}
.hd-nav li .v1{display: block;color: #FFF;font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.hd-nav li .v1 span{display: inline-block;position: relative;line-height: 5.13rem;
    font-size: 1.13rem;
}
.hd-nav li .v1 span:after{content: '';position: absolute;left: 0;bottom: -1px;height: 1px;width: 0;
    background-color: #BB9D5C;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.hd-nav li:hover .v1 span:after,.hd-nav li.ok .v1 span:after{width: 100%;}
.hd-nav .sub{padding-top: 0.82rem;padding-bottom: 1.07rem;display: none;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.hd-nav .sub dd a{display: block;font-size: 1rem;color: rgba(255,255,255,.6);
    line-height: 2.38rem;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.hd-nav .sub dd a:hover{color: #fff;}
.hd-nav .btn{position: absolute;left: 50%;bottom: 2rem;width: 17.88rem;height: 3.63rem;
    text-align: center;line-height: 3.5rem;font-size: 1rem;color: #BB9D5C;
    border: 1px solid rgba(187, 157, 92, .3);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.hd-nav .btn:before{content: '';display: inline-block;vertical-align: middle;
    width: 1.13rem;height: 0.88rem;margin-right: 1.25rem;position: relative;top: -1px;
    background: url(../images/i-07.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.hd-nav .btn:hover{border-color: #BB9D5C;}

.hd-wrap.active{visibility: visible;pointer-events: auto;}
.hd-wrap.active .hd-bg{opacity: 1;}
.hd-wrap.active .hd-nav{opacity: 1;transform: translate(0,0);}
.hd-wrap.active .hd-nav li{animation: HeaderRun .8s ease both;}
@keyframes HeaderRun {0%{transform: translateX(25rem);}100%{transform: translateX(0);}}


/*******************************
  -------[=底部]-------
********************************/
.footer{
    background-color: #1E1F22;
}
.fd-con{padding: 4.69rem 0 3.13rem;overflow: hidden;}
.fd-l{float: left;}
.fd-logo{margin-bottom: 3.38rem;}
.fd-logo img{display: block;height: 3.13rem;}
.fd-txt{font-size: 1rem;line-height: 2.13;color: rgba(255,255,255,.6);}
.fd-txt .item{margin-bottom: 0.63rem;padding-left: 2.13rem;
    background-position: left center;background-repeat: no-repeat;
    -o-background-size: 1.13rem auto;
    -ms-background-size: 1.13rem auto;
    -moz-background-size: 1.13rem auto;
    -webkit-background-size: 1.13rem auto;
    background-size: 1.13rem auto;
}
.fd-txt .i1{background-image: url(../images/i-03.png);}
.fd-txt .i2{background-image: url(../images/i-04.png);}
.fd-txt .i3{background-image: url(../images/i-05.png);}
.fd-nv{float: right;}
.fd-nv dl{float: left;width: 12.5rem;padding-left: 1.81rem;padding-top: 3px;
    border-left: 1px solid rgba(255,255,255,.05);height: 13.56rem;
}
.fd-nv dt{margin-bottom: 1.69rem;}
.fd-nv dt a{display: block;font-size: 1.13rem;color: #fff;font-weight: bold;}
.fd-nv dd a{display: block;font-size: 1rem;line-height: 2.13;color: rgba(255,255,255,.6);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-nv dd a:hover{color: #fff;}
.fd-bot{overflow: hidden;line-height: 5rem;font-size: 1.13rem;color: rgba(255,255,255,.3);
    background-color: #18191C;
}
.fd-bot a{color: rgba(255,255,255,.3);}
.fd-bot a:hover{color: #fff;}
.fd-bot .copy{float: left;}
.fd-bot .link{float: right;}
/*******************************
    -------[=正文]-------
********************************/
.ban{height: 40rem;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.ban .wp{position: relative;height: 100%;}
.ban .tit{position: absolute;left: 0;bottom: -5rem;width: 12.5rem;height: 12.5rem;
    background-color: #BB9D5C;color: #fff;padding-top: 3.6rem;padding-left: 2.31rem;
}
.ban .tit:after{content: '';position: absolute;left: 2.5rem;bottom: 0;width: 1px;height: 3.3rem;
    background-color: #fff;opacity: .4;
}
.ban .tit .cn{font-size: 2rem;}
.ban .tit .en{font-size: 1.38rem;}

.cur{text-align: right;font-size: 1rem;color: #989898;padding-top: 3.63rem;}
.cur a{color: #989898;}
.cur .home{padding-left: 1.88rem;
    background: url(../images/i-01.png) no-repeat left center;
    -o-background-size: 1.13rem auto;
    -ms-background-size: 1.13rem auto;
    -moz-background-size: 1.13rem auto;
    -webkit-background-size: 1.13rem auto;
    background-size: 1.13rem auto;
}
.cur span{color: #333;}

.m-tab1{font-size: 0;padding-top: 3.94rem;
    border-bottom: 1px solid #E3E3E3;
}
.m-tab1 li{display: inline-block;vertical-align: top;margin-right: 5.94rem;}
.m-tab1 li a{display: block;font-size: 1.13rem;color: #999;padding-bottom: 1.38rem;
    position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.m-tab1 li a:after{content: '';position: absolute;bottom: -1px;left: 50%;right: 50%;height: 3px;
    background-color: #BB9D5C;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.m-tab1 li:hover a:after,.m-tab1 li.on a:after{left: 0.44rem;right: .44rem;}
.m-tab1 li:hover a,.m-tab1 li.on a{color: #333;}

.index{padding-top: 0;}

.home-swiper{position: relative;height: 100vh;}
.home-slide{overflow: hidden;}
.last-slide{height: auto !important;}
.introduct{height: 100vh;overflow: hidden;}
.last-slide .introduct{height: auto;}
.banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.banner-slide {
  overflow: hidden;
}
.banner-slide figure{margin: 0;
  display: block;
  line-height: 1;
  overflow: hidden;
  transform: scale(1.15, 1.15);
  transition: 1s linear 2s;
}
.banner-slide figure img {
  display: block;max-width: none;
  position: relative;
    transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    -o-transition: 0s;
}
.banner-slide.swiper-slide-active figure {
  transition: 6s linear;
  transform: scale(1);
}
.banner-slide.swiper-slide-active .bhide {
  visibility: visible;
  animation: letterL 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes letterL {
  0% {
    opacity: 0;
    text-shadow: #ffffff 0px 0px 40px;
  }
  60% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    text-shadow: #ffffff 0px 0px 0px;
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    text-shadow: #ffffff 0px 0px 0px;
  }
}
.bhide{
  visibility: hidden;
  transform: translateY(-100px);
}
.banner .txt{position: absolute;top: 50%;left: 0;right: 0;color: #fff;font-size: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt .tit{font-size: 4.38rem;line-height: 1.26;font-weight: normal;display: inline-block;
    border-bottom: 2px solid rgba(255,255,255,.3);position: relative;padding-bottom: 1.56rem;
    font-family: 'SourceHanSansCN-Normal';
}
.banner .txt .tit:after{content: '';position: absolute;left: 0;bottom: -2px;width: 7.56rem;height: 2px;
    background-color: #fff;
}
.banner .txt .tit span{font-family: 'SourceHanSansCN-Heavy';}

.home-slide .wp{height: 100%;position: relative;}
.g-center{position: absolute;top: 50%;left: 0;right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.introduct-2.open {
    transform: translate3d(0px, 0%, 0px) !important;
}

.home-swiper:after{content: '';position: absolute;top: 0;bottom: 0;right: 6.19rem;width: 1px;
    background-color: #fff;opacity: .1;z-index: 3;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.home-swiper.hide:after{opacity: 0;}

.home-swiper .swiper-pagination1{position: absolute;top: 50%;right: 2.31rem !important;z-index: 6;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home-swiper .swiper-pagination1 .swiper-pagination-bullet{width: 1.56rem;height: 1.56rem;opacity: 1;
    border: 2px solid rgba(255,255,255,0);background-color: transparent;position: relative;display: block;
    margin: 0 0 20px !important;cursor: pointer;
}
.home-swiper .swiper-pagination1 .swiper-pagination-bullet:after{content: '';position: absolute;top: 50%;left: 50%;
    width: 6px;height: 6px;background-color: #fff;opacity: .6;border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.home-swiper .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: #fff;
}
.home-swiper .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
    opacity: 1;
}

.banner-pagination{position: absolute;right: 0;width: 6.25rem !important;left: auto !important;bottom: 3.63rem !important;z-index: 3;
    font-size: 1.13rem;font-family: 'Bebas';text-align: center;color: rgba(255,255,255,.5);
}
.banner-pagination:after{content: '';position: absolute;left: 0;top: 50%;width: 2px;height: 1.13rem;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-pagination span{color: #fff;}


.pop-heng{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;
    background-color: #000;display: none;
}
.pop-heng .tit{position: absolute;top: 50%;left: 0;right: 0;
    font-size: 2rem;color: #fff;text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}