html{position: relative;overflow-x: hidden;}

@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: 'DINCond-Bold';
    src: url('../fonts/DINCond-Black.otf');
}
@font-face {
    font-family: 'Manrope3-Regular';
    src: url('../fonts/Manrope3-Regular.otf');
}
@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../fonts/Helvetica-Black.otf');
}
@font-face{
    font-family: 'gabo'; 
    src: url(../fonts/gabo_drive.otf);
}

/*-----------------[初始化]--------------*/
body{color: #111;font-size: 12px;line-height: 1.5;
    font-family:"SourceHanSansCN-Regular",'PingFang SC','Hiragino Sans GB','Source Han Sans','Microsoft Yahei',Arial,'Lucida Grande',sans-serif;
    overflow-x: hidden;
}
a{color: #111;}
a:hover{color: #28A130;}
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: #111;
    font-family:"SourceHanSansCN-Regular","微软雅黑","Microsoft Yahei";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-1{padding: 0 118px;}
.wp-2{padding: 0 135px;}
.wp-3{padding: 0 180px;}
.wp-4{padding: 0 140px 0 180px;}
.wp-6{margin: 0 170px;}
.wp6{width: 80%;max-width: 1500px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/


.header{position: fixed;left: 0;right: 0;top: 0;z-index: 102;
    height: 105px;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.header.fixed{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.header.hd1{background-color: #fff;height: 75px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05);
}
.header.hd1 .menu{margin-top: 23px;}
/*.header.hd1 .menu.open{background-image: url(../images/i-menu2-on.png);}*/
.header.hd1 .menu em{display: none;}
.header.hd1 .menu b,.h-black .header .menu b{background-color: #111;}
.header.hd1 .menu b:before,.h-black .header .menu b:before{border-color: #111;}
.header.hd1 .menu b.i2:before,.h-black .header .menu b.i2:before{border-color: #ff8f45;}
.header.hd1 .lang,.h-black .header .lang{color: #111;background-image: url(../images/i-lang-on.png);}
.header.hd1 .lang:after,.h-black .header .lang:after{background-image: url(../images/i-01-on.png);}
.header.hd1 .logo{margin-left: 50px;line-height: 75px;}
.header.hd1 .logo .img1,.h-black .header .logo .img1{display: none;}
.header.hd1 .logo .img2,.h-black .header .logo .img2{display: inline-block;}
.header.hd1 .tel,.h-black .header .tel {color: #111;
    background-image: url(../images/i-tel-on.png);
}
.header.hd1 .so-btn,.h-black .header .so-btn{background-image: url(../images/i-so-on.png);}
.header.hd1 .tel{line-height: 75px;}
.header.hd1 .so-btn{margin-top: 23px;}
.header.hd1 .so{margin-top: 12px;}
.h-black .header .menu em{color: #111;}
.menu{width: 120px;margin-top: 34px;float: left;text-align: center;}
.menu .cont{width: 40px;display: block;position: relative;cursor: pointer;
    padding-top: 45px;margin: 0 auto;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menu em{font-size: 16px;color: #fff;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menu b{display: block;height: 3px;position: absolute;top: 0;left: 0;
    background-color: #fff;border-radius: 2px;/*width: 40px;*/
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menu b:before{content: '';position: absolute;top: 50%;width: 8px;height: 8px;
    border-radius: 50%;border: 2px solid #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menu b.i1{width: 26px;margin-left: 8px;}
.menu b.i2{width: 30px;right: 0;left: auto;top: 13px;}
.menu b.i3{width: 29px;top: 26px;left: auto;right: 8px;}

.menu b.i1:before{left: -8px;}
.menu b.i2:before{background-color: #ff8f45;border-color: #ff8f45;left: 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%);
}
.menu b.i3:before{right: -8px;}
.menu.open b.i1,.menu.open b.i3{top: 13px;width: 100%;}
.menu.open b.i2{width: 100%;left: 0;}
.menu.open b.i1:before{left: 50%;background-color: #ff8f45;border-color: #ff8f45;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.menu.open b.i1{margin: 0;}
.menu.open b.i3{right: auto;}
.menu.open b.i3:before{left: 50%;right: auto;background-color: #ff8f45;border-color: #ff8f45;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.menu.open em{opacity: 0;}
.header .logo{line-height: 105px;margin-left: 36px;float: left;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.header .logo img{display: inline-block;vertical-align: middle;}
.header .logo .img1{height: 39px;}
.header .logo .img2{height: 46px;display: none;}
.hdr{float: right;margin-right: 60px;}
.header .tel{font-size: 30px;color: #fff;font-family: 'DINCond-Bold';line-height: 105px;
    float: left;margin-right: 19px;padding-left: 25px;
    background: url(../images/i-tel.png) no-repeat left center;
    -o-background-size: 17px auto;
    -ms-background-size: 17px auto;
    -moz-background-size: 17px auto;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
}

.menu.open b{}
.nv-btn{position: absolute;top: 0;bottom: 0;left: 0;width: 162px;z-index: 2;}
.nv-btn2{position: absolute;top: 0;bottom: 0;left: 162px;right: 0;z-index: 2;}







.nav{ display: none; position: fixed;top: 0;bottom: 0;left: 0;right: 0;
    padding-top: 85px;z-index: 101;
    background: url(../images/nv-bg.png) repeat-y left top;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.nav:after{content: '';position: absolute;top: 0;bottom: 0;left: 120px;
    width: 1px;background-color: rgba(255,255,255,.15);
}
.nav li{width: 120px;text-align: center;position: relative;}
.nav li a{display: block;font-size: 18px;color: #fff;height: 108px;
    padding-top: 18px;position: relative;
}
.nav li a:before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    background: linear-gradient(268deg, #C7C7C7 0%, rgba(73,73,73,0.01) 99%);
    opacity: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:after{content: '';position: absolute;top: 50%;right: -6px;
    margin-top: -5px;background-color: #fff;width: 10px;height: 10px;
    border-radius: 50%;opacity: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:hover a:before{opacity: .15;}
.nav li:hover:after{opacity: 1;}
.nav li .icon{display: block;height: 36px;margin-bottom: 5px;position: relative;z-index: 2;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.nav li .icon img{position: absolute;top: 0;left: 50%;height: 100%;width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav .i-on{opacity: 0;}
.nav li:hover .i-on{opacity: 1;}
.nav li:hover .i-ok{opacity: 0;}
.nav li p{position: relative;z-index: 2;}

/*******************************
  -------[=banner]-------
*******************************/

.banner{position: relative;height: 100vh;}
.banner:after{content: '';position: absolute;top: 0;bottom: 0;z-index: 2;
    left: 120px;width: 1px;background-color: rgba(255,255,255,.15);
}
.banner .con{height: 100vh;position: relative;overflow: hidden;display: block;}
.banner .b-t{position: absolute;top: 50%;left: 0;right: 0;text-align: center;z-index: 6;
    font-size: 72px;color: #fff;letter-spacing: 10px;
    font-weight: bold;text-shadow: 3px 3px 3px rgba(0,0,0,.1);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner .bg{height: 100%;
    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;
    transform: scale(1.5);
    transition: all 2s;
    -webkit-animation: fa1 6s linear 1;
}
.banner .swiper-slide-active .bg{
    transform: scale(1);left: 0;
}
.banner .b-txt1{position: absolute;left: 14%;top: 30%;color: #fff;
    transition: all 1s;
}
.banner .swiper-slide-active .b-txt1{opacity: 1;left: 14%;animation: wz_left 1.8s 1;}
@keyframes wz_left {
  0% {
    left: -20vw;
    opacity: 0;
  }
  100% {
    left: 14%;
    opacity: 1;
  }
}

@-webkit-keyframes fa1{
    0%{-webkit-transform:scale(1.1);}
    10%{-webkit-transform:scale(1.09);}
    20%{-webkit-transform:scale(1.08);}
    30%{-webkit-transform:scale(1.07);}
    40%{-webkit-transform:scale(1.06);}
    50%{-webkit-transform:scale(1.05);}
    60%{-webkit-transform:scale(1.04);}
    70%{-webkit-transform:scale(1.03);}
    80%{-webkit-transform:scale(1.02);}
    90%{-webkit-transform:scale(1.01);}
    100%{-webkit-transform:scale(1.0);}
}

.b-hua{}
.b-hua .lab{display: block;height: 34px;margin-bottom: 20px;}
.b-hua .lab img{display: block;height: 100%;}
.b-hua .tit{font-size: 68px;margin-bottom: 30px;font-weight: normal;}
.b-hua .more{font-size: 18px;display: inline-block;letter-spacing: 1px;
    border-bottom: 1px solid #fff;padding-bottom: 2px;
}
.b-hua .desc{font-size: 24px;letter-spacing: 25px;margin-bottom: 35px;}

.b-she{}
.b-she .tit{font-size: 68px;line-height: 80px;margin-bottom: 39px;font-weight: normal;}
.b-she .more{font-size: 18px;display: inline-block;letter-spacing: 1px;
    border-bottom: 1px solid #fff;padding-bottom: 2px;
}
.b-fan{}
.b-fan .tit{font-size: 68px;line-height: 84px;font-weight: normal;margin-bottom: 20px;}
.b-fan .desc{font-size: 24px;letter-spacing: 25px;margin-bottom: 35px;}
.b-fan .more{font-size: 18px;display: inline-block;letter-spacing: 1px;
    border-bottom: 1px solid #fff;padding-bottom: 2px;
}

.b-ya{}
.b-ya .tit{font-size: 68px;line-height: 80px;margin-bottom: 39px;font-weight: normal;}
.b-ya .more{font-size: 18px;display: inline-block;letter-spacing: 1px;
    border-bottom: 1px solid #fff;padding-bottom: 2px;
}

.banner .operate{position: absolute;left: 0px;right: 0;bottom: 63px;
    z-index: 2;font-size: 0;padding-left: 360px;
}
.banner .swiper-pagination{display: inline-block;vertical-align: middle;
    position: static;width: auto;
}
.banner .swiper-pagination .swiper-pagination-bullet{display: inline-block;
    margin: 0 6px;position: relative;width: 12px;height: 12px;
    font-size: 0;line-height: 0;text-indent: 999px;
    border: 0;border-radius: 50%;
    background-color: rgba(255,255,255,.5);
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #fff;
}
.banner .swiper-arrow{display: inline-block;vertical-align: middle;
    width: 32px;height: 32px;border-radius: 50%;margin-left: 10px;
    border: 1px solid #fff;cursor: pointer;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: 8px auto;
    -ms-background-size: 8px auto;
    -moz-background-size: 8px auto;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
}
.banner .swiper-prev{background-image: url(../images/ico-l.png);}
.banner .swiper-next{background-image: url(../images/ico-r.png);}
.banner .swiper-flow{width: 120px;height: 2px;position: relative;
    display: inline-block;vertical-align: middle;margin-left: 30px;margin-right: 20px;
    background-color: rgba(255,255,255,.5);
}
.banner .swiper-flow.active:after{content: '';width: 0;height: 100%;
    position: absolute;top: 0;left: 0;background-color: #fff;
    animation: banwid 6s linear forwards;
}
@-webkit-keyframes banwid{
    0%{width: 0;}
    100%{width: 100%;}
}
@keyframes banwid{
    0%{width: 0;}
    100%{width: 100%;}
}
.row-a1{position: relative;}
.g-tab1{position: absolute;left: 116px;bottom: 30px;z-index: 3;}
.g-tab1 li{margin-bottom: 9px;}
.g-tab1 li a{font-size: 18px;color: rgba(255,255,255,.5);line-height: 36px;height: 36px;display: block;
    padding-left: 40px;position: relative;font-family: 'SourceHanSansCN-Normal';
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.g-tab1 li a:after{content: '';position: absolute;top: 50%;left: 0;
    width: 9px;height: 9px;border-radius: 50%;margin-top: -5px;
    background: rgba(255,255,255,.5);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.g-tab1 li:hover a{color: #fff;}
.g-tab1 li:hover a:after{background: rgba(255,255,255,1);}

.btn-case{position: fixed;right: 21px;bottom: 170px;width: 90px;height: 90px;z-index: 700;}
.btn-case:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background: url(../images/i-02.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;
    /*animation: yuan 6s linear infinite;*/
}
@-webkit-keyframes yuan{
    0%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes yuan{
    0%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.btn-case span{position: absolute;top: 50%;left: 0;right: 0;text-align: center;z-index: 2;
    font-size: 14px;color: #fff;line-height: 1.14;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.nav-dian{position: fixed;top: 50%;right: 60px;z-index: 1010;display: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav-dian.dian1{display: block;}
.nav-dian li{margin-bottom: 40px;}
.nav-dian li a{display: block;width: 13px;height: 13px;border-radius: 50%;
    border: 2px solid #1B1B1B;background-color: #fff;opacity: 0.6;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav-dian li.on a,.nav-dian li:hover a{opacity: 1;border-color: #1AB170;background-color: #1AB170;}
.nav-dian li:last-child{margin-bottom: 0;}