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

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("SourceHanSansCN-Regular.eot");
    src: url("SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"), 
    url("SourceHanSansCN-Regular.woff") format("woff"), 
    url("SourceHanSansCN-Regular.ttf") format("truetype"), 
    url("SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'DINCond-Bold';
    src: url('DINCond-Black.otf');
}
@font-face {
    font-family: 'Manrope3-Regular';
    src: url('Manrope3-Regular.otf');
}
@font-face {
    font-family: 'Helvetica-Bold';
    src: url('Helvetica-Black.otf');
}
@font-face{
    font-family: 'gabo'; 
    src: url(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(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: #1AD427;}
.header.hd1 .lang,.h-black .header .lang{color: #111;background-image: url(i-lang-on.png);}
.header.hd1 .lang:after,.h-black .header .lang:after{background-image: url(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(i-tel-on.png);
}
.header.hd1 .so-btn,.h-black .header .so-btn{background-image: url(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: #1AD427;border-color: #1AD427;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: #1AD427;border-color: #1AD427;
    -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: #1AD427;border-color: #1AD427;
    -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(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;
}
.lang{font-size: 20px;color: #fff;line-height: 105px;position: relative;
    float: left;margin-right: 35px;padding-left: 26px;padding-right: 16px;
    background: url(i-lang.png) no-repeat left center;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}
.lang:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 11px;
    background: url(i-01.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;
}
.lang:hover{color: #fff;}
.so-btn{width: 30px;height: 30px;float: right;margin-top: 35px;cursor: pointer;
    background: url(i-so.png) no-repeat center;
    -o-background-size: 21px auto;
    -ms-background-size: 21px auto;
    -moz-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
}
.so{width: 0;float: right;position: relative;overflow: hidden;margin-top: 25px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.so.open{width: 280px;border-radius: 25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.so.open .inp{}
.so .inp{display: block;width: 100%;height: 50px;font-size: 16px;
    border-radius: 25px;border: 0;padding: 0 50px 0 15px;color: #000;
    background-color: #fff;
}
.so .btn{position: absolute;right: 0;top: 0;width: 50px;height: 50px;
    border: 0;cursor: pointer;
    background: url(i-so2.png) no-repeat center;
    -o-background-size: 21px auto;
    -ms-background-size: 21px auto;
    -moz-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    background-size: 21px 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(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;}
.nav li:last-child a{padding-top: 0;line-height: 108px;}

/*******************************
  -------[=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 .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}*/
.banner .con{height: 100vh;position: relative;overflow: hidden;display: block;}
.banner .video{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    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;
}
.banner .video .v-bg{display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(rgba(0,0,0,0.01)), to(rgba(0,0,0,.8)));
    background: -webkit-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.8));
    background: -moz-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.8));
    background: -ms-radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.8));
    background: radial-gradient(circle, rgba(0,0,0,0.01), rgba(0,0,0,.8));
}
.banner .video video,.banner .video source{display: block;width: 100%;height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.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 .txt{position: absolute;left: 184px;top: 240px;color: #fff;z-index: 2;font-size: 0;}
.banner .t1{font-size: 88px;font-family: 'SourceHanSansCN-ExtraLight';font-weight: normal;
    margin-bottom: 5px;
}
.banner .t2{font-size: 60px;font-weight: normal;font-family: 'SourceHanSansCN-Medium';
    margin-bottom: 16px;
}
.banner .desc{font-size: 30px;line-height: 1.53;font-family: 'SourceHanSansCN-ExtraLight';}*/


.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(ico-l.png);}
.banner .swiper-next{background-image: url(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(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%);
}
/*******************************
  -------[=底部]-------
********************************/
.footer{position: relative;z-index: 109;background-color: #fff;
    border-top: 1px solid #e1e1e1;
}
.fd-top{overflow: hidden;padding-bottom: 36px;}

.fd-tel{float: left;margin-top: 38px;}
.fd-tel li{float: left;padding-right: 30px;border-right: 1px solid #ccc;
    margin-right: 30px;
}
.fd-tel .ico{float: left;margin-right: 15px;height: 48px;}
.fd-tel .ico img{height: 100%;display: block;}
.fd-tel .txt{overflow: hidden;line-height: 48px;color: #666;
    font-size: 0;
}
.fd-tel .txt span{display: inline-block;vertical-align: middle;font-size: 24px;}
.fd-tel .txt b{font-size: 44px;display: inline-block;vertical-align: middle;
    font-family: 'gabo'; font-weight: normal;color: #000;
}
.fd-tel li:last-child{margin-right: 0;padding-right: 50px;}
.fd-adds{float: right;position: relative;margin-top: 43px;}
.fd-adds li{float: left;margin-left: 30px;
    padding-left: 24px;
    background: url(i-15.png) no-repeat left center;
    -o-background-size: 14px auto;
    -ms-background-size: 14px auto;
    -moz-background-size: 14px auto;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
}
.fd-adds .t1{font-size: 20px;color: #666;font-family: 'SourceHanSansCN-Normal';
    display: block;cursor: pointer;position: relative;
}
.fd-adds .t1:after{content: '';position: absolute;left: 0;right: 0;height: 6px;bottom: -9px;opacity: 0;
    background: url(i-16.png) no-repeat center;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.fd-adds .desc{position: absolute;left: 40px;top: 100%;margin-top: 15px;display: none;
    font-size: 14px;font-family: 'SourceHanSansCN-Light';color: #444;
}
.fd-adds li.on .t1{color: #28a130;}
.fd-adds li.on .t1:after{opacity: 1;}
.fd-adds li.on .desc{display: block;}
.fd-adds li.on{background-image: url(i-15-on.png);}

.fd-con{*zoom:1;padding: 43px 0 33px;
    border-top: 1px solid rgba(51,51,51,.25);
}
.fd-con:after,.fd-con:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.fd-nv{float: left;/*min-height: 190px;border-right: 1px solid rgba(0,0,0,.15);*/}
.fd-nv .cont{overflow-y: auto;max-height: 152px;width: 1040px;}

.fd-nv .cont::-webkit-scrollbar {width: 4px;}
.fd-nv .cont::-webkit-scrollbar-track {background: #ddd;}
.fd-nv .cont::-webkit-scrollbar-thumb {background: #28a130;border-radius: 2px;}
.fd-nv .cont::-webkit-scrollbar-thumb:window-inactive {background: #28a130;border-radius: 2px;}

.fd-nv dl{float: left;margin-right: 130px;}
.fd-nv dt{margin-bottom: 14px;}
.fd-nv dt a{font-size: 20px;color: #000;}
.fd-nv dd a{font-size: 16px;line-height: 2.25;color: #666;display: block;}
.fd-nv dd a:hover{color: #28a130;}
.fd-nv dd .btn{height: 36px;
    background: url(i-17.png) no-repeat 6px center;
}
.fd-nv dd .btn:hover{background-image: url(i-17-on.png);}
.fd-nv dl:last-child{margin-right: 0;}

.fd-about{float: right;width: 480px;}
.fd-about .tit{margin-bottom: 18px;}
.fd-about .tit h3{display: inline-block;color: #000;
    font-size: 26px;font-weight: normal;
}
.fd-about .tit .qr{display: inline-block;width: 20px;height: 20px;
    position: relative;margin-left: 10px;
}
.fd-about .tit span{width: 20px;height: 20px;display: block;cursor: pointer;
    background: url(i-qr.png) no-repeat center center;
}
.fd-about .qr .pic{position: absolute;top: 55px;left: 50%;width: 172px;
    background-color: #fff;border: 1px solid #DEDEDE;text-align: center;
    opacity: 0;z-index: -1;padding: 5px 0;
    box-shadow: 0px 0px 14px 1px rgba(72,72,72,0.21);
    -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;
}
.fd-about .qr .pic img{width: 148px;display: block;margin: 0 auto;}
.fd-about .qr:hover .pic{opacity: 1;z-index: 1;}
.fd-about .qr p{font-size: 13px;color: #000;}
.fd-about .txt{font-size: 16px;line-height: 30px;color: #333;}

.fd-link{padding: 27px 0 12px;font-family:"微软雅黑","Microsoft Yahei";border-top: 1px solid rgba(51,51,51,.25);}
.fd-link dl{overflow: hidden;font-size: 16px;line-height: 20px;margin-bottom: 15px;}
.fd-link dt{float: left;}
.fd-link dd{overflow: hidden;}
.fd-link dd .tempWrap{width: 100% !important;}
.fd-link dd li{float: left;width: auto !important;}
.fd-link dd a{display: inline-block;margin-right: 15px;}

.fd-copr{background-color: #1a1a1a;font-size: 16px;color: #fff;position: relative;z-index: 2;
    /*overflow: hidden;*/padding: 19px 0;*zoom:1;font-family:"微软雅黑","Microsoft Yahei";
}
.fd-copr:after,.fd-copr:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.fd-copr a{color: #fff;}
.fd-copr .c-btn:hover{text-decoration: underline;}
.fd-copr .c-btn{display: inline-block;vertical-align: middle;padding-left: 28px;
    margin-left: 15px;position: relative;
    background: url(i-cheng.png) no-repeat left center;
}
.fd-copr .c-qr{position: absolute;left: 50%;bottom: 100%;width: 172px;display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fd-copr .c-qr img{width: 100%;display: block;}
.fd-copr .c-btn:hover .c-qr{display: block;}


/*******************************
    -------[=正文]-------
********************************/
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(1.5);
-webkit-transform:scale(1.5)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated2{ -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fix-xun{position: fixed;right: 21px;bottom: 58px;width: 80px; height: 80px;
    border-radius: 50%;
    z-index: 700;
}
.fix-xun .t-t{width: 203px;height: 66px;position: absolute;top: 50%;right: 100%;margin-right: 36px;
    background: #FFFFFF;line-height: 66px;font-size: 20px;color: #333;text-align: center;
    box-shadow: 0px 0px 14px 6px rgba(10,33,11,0.05);
    border-radius: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-xun .t-t:before{content: '';width: 29px;height: 29px;
    display: inline-block;vertical-align: middle;
    position: relative;top: -2px;margin-right: 9px;
    background: url(i-18.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;
}
.fix-xun .t-t:after{content: '';position: absolute;left: 100%;top: 50%;margin-top: -5px;
    border-left: 7px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.fix-xun .face{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;
    overflow: hidden;z-index: 2;cursor: pointer;
}
.fix-xun .face img{width: 100%;height: 100%;display: block;}
/*.fix-xun.animated2 .pop{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px) }*/
.fix-xun .animated-circles .circle {background: rgba(40, 161, 48, .2); 
    width: 80px; height: 80px; border-radius: 50%;
    position: absolute; z-index: 1; 
    transform: scale(1); -webkit-transform: scale(1)
}
.fix-xun .animated-circles .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards infinite }
.fix-xun .animated-circles .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards infinite }
.fix-xun .animated-circles .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards infinite }
.fix-xun.animation-stopped .circle { opacity: 0!important }
.fix-xun.animation-stopped .circle { opacity: 0!important }

.fix-xun .pop{position: absolute;bottom: -33px;right: 100%;padding-right: 51px;display: none;}
.fix-xun .cont{width: 545px;border-radius: 20px;position: relative;padding: 0 25px;
    background-color: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,.15);
}
.fix-xun .cont:after{content: '';position: absolute;left: 100%;bottom: 69px;
    border-left: 13px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.fix-xun .con{overflow: hidden;padding: 20px 0;border-bottom: 1px solid rgba(220, 220, 220, .5);}
.fix-xun .txt{float: left;margin-top: 27px;}
.fix-xun .t1{font-size: 26px;font-family: 'SourceHanSansCN-Light';font-weight: normal;
    padding-left: 32px;color: #333;display: block;margin-bottom: 14px;
    background: url(i-03.png) no-repeat left center;
    -o-background-size: 25px auto;
    -ms-background-size: 25px auto;
    -moz-background-size: 25px auto;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
}
.fix-xun .tel{font-size: 39px;color: #111;font-family: 'DINCond-Bold';line-height: 1.3;}
.fix-xun .tips{font-size: 22px;color: #999;font-family: 'SourceHanSansCN-Normal';line-height: 1.2;}
.fix-xun .qr{float: right;width: 122px;border-radius: 8px;padding: 12px 12px 10px;margin-top: 5px;
    background-color: #F4F7F9;text-align: center;
}
.fix-xun .qr .pic{margin-bottom: 9px;}
.fix-xun .qr .pic img{width: 100%;display: block;}
.fix-xun .qr span{font-size: 18px;color: #999;font-family: 'SourceHanSansCN-Light';}
.fix-xun .bot{overflow: hidden;padding: 29px 0 35px;}
.fix-xun .t2{float: left;font-size: 26px;font-family: 'SourceHanSansCN-Light';
    line-height: 48px;padding-left: 32px;color: #333;
    background: url(i-04.png) no-repeat left center;
    -o-background-size: 23px auto;
    -ms-background-size: 23px auto;
    -moz-background-size: 23px auto;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
}
.fix-xun .btn{width: 135px;height: 48px;float: right;text-align: center;line-height: 48px;
    border-radius: 24px;background-color: #3BB415;font-size: 22px;color: #fff;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fix-xun .btn:hover{opacity: .8;}


.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;}

.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.fix-top{position: fixed;right: 21px;bottom: 170px;width: 90px;height: 90px;z-index: 699;}
.fix-top img{width: 100%;height: 100%;display: block;}