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

/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;overflow-x: hidden;
    font-family:"SourceHanSansCN-Medium";
}
a{color: #333;}
a:hover{color: #82BF25;}
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-Medium";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;}

*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('../fonts/HelveticaNeue-Medium.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src: url('../fonts/SourceHanSansCN-ExtraLight.otf');
}
@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.TTF');
}
@font-face {
    font-family: 'DINCond-BlackAlternate';
    src: url('../fonts/DINCond-BlackAlternate.otf');
}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.wp2{width: 100%;max-width: 1400px;margin: 0 auto;}
.wp3{width: 100%;max-width: 1312px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}
.main{min-height: 500px;}

/*******************************
  -------[=头部]-------
********************************/
.header{height: 99px;position: fixed;top: 0;left: 0;right: 0;z-index: 109;
    padding: 0 83px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.index .header{background-color: rgba(0,0,0,.4);}
.header.fixed{height: 70px;background-color: rgba(0,0,0,.4);}
.header.fixed .logo{line-height: 69px;}
.header.fixed .logo img{height: 46px;}
.header.fixed .nav .v1{line-height: 69px;}
.header.fixed .so-btn{margin: 15px;}
.header.open{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.logo{float: left;line-height: 97px;font-size: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.logo img{display: inline-block;vertical-align: middle;height: 57px;}

.hdr{float: right;}
.nav{float: left;}
.nav li{float: left;position: relative;}
.nav .v1{display: block;line-height: 98px;font-size: 20px;color: #fff;
    padding: 0 32px;background-color: rgba(0,0,0,0);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .v1 i{width: 13px;height: 9px;display: inline-block;vertical-align: middle;
    position: relative;top: -2px;margin-left: 8px;
    background: url(../images/i-down.png) no-repeat center;
    -o-background-size: 1005 auto;
    -ms-background-size: 1005 auto;
    -moz-background-size: 1005 auto;
    -webkit-background-size: 1005 auto;
    background-size: 1005 auto;
}
.nav li:hover .v1,.nav li.on .v1{background-color: rgba(0,0,0,.2);}
.nav dl{position: absolute;top: 100%;left: 0;right: 0;text-align: center;
    background-color: rgba(0,0,0,.5);padding: 5px;display: none;
}
.nav dd a{display: block;font-size: 18px;line-height: 50px;color: #fff;}
.nav dd:hover a,.nav dd.ok a{background-color: #82BF25;}

.so-btn{width: 40px;height: 40px;float: right;margin-right: -10px;
    cursor: pointer;margin-top: 29px;
    background: url(../images/i-so.png) no-repeat center;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.so{position: absolute;top: 100%;right: 73px;margin-top: 10px;z-index: 3;display: none;}
.so .inp{width: 250px;height: 45px;border-radius: 23px;
    padding: 0 45px 0 15px;font-size: 16px;color: #fff;
    background-color: rgba(0,0,0,.5);border: 0;border: 1px solid rgba(255,255,255,.3);
}
.so .btn{position: absolute;right: 0;top: 0;width: 45px;height: 45px;
    border: 0;cursor: pointer;
    background: url(../images/i-so.png) no-repeat center; 
}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;margin-top: 5px;margin-right: -5px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #82BF25;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
.banner .slick-slide .con{outline: 0;position: relative;display: block;height: 796px;
    background-position: center 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 .slick-dots{position: absolute;left: 0;bottom: 50px;width: 100%;text-align: center;z-index: 3;
    font-size: 0;
}
.banner .slick-dots li{display: inline-block;margin: 0 5px;}
.banner .slick-dots em{font-size: 42px;color: #fff;font-family: 'HelveticaNeue-Medium';
    opacity: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.banner .slick-dots span{width: 100px;height: 2px;display: block;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.banner .slick-dots .slick-active em{opacity: 1;}
.banner .slick-dots .slick-active span{
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.banner .wp2{height: 100%;position: relative;}

#particles-js{width: 100%;height: 100%;}
.banner .pic-1{position: absolute;left: 50%;bottom: 53px;width: 485px;height: 578px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .txt-1{position: absolute;left: 50%;top: 50%;width: 1000px;padding: 18px 0 36px;
    background-color: rgba(0,0,0,.2);text-align: center;color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banner .txt-1 .con{}
.banner .txt-1 h3{font-size: 60px;margin-bottom: 5px;}
.banner .txt-1 .desc{font-size: 41px;}
.banner .txt-2{color: #fff;position: absolute;top: 53.5%;left: -21px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt-2 h3{font-family: 'SourceHanSansCN-ExtraLight';font-size: 58px;
    font-weight: normal;line-height: 73px;margin-bottom: 18px;
}
.banner .txt-2 .desc{font-size: 16px;line-height: 29px;font-family: 'SourceHanSansCN-ExtraLight';
    margin-bottom: 60px;max-width: 738px;
}
.banner .btn{width: 169px;height: 53px;display: block;text-align: center;
    line-height: 51px;border-radius: 27px;border: 1px solid #fff;
    font-size: 16px;
}
.banner .slick-slide h3{
    opacity:0;-webkit-transition:all 2s ease-out;transition:all 1.5s ease-out;
    -webkit-transform:translateY(120px);
    -moz-transform:translateY(120px);
    -o-transform:translateY(120px);
    -ms-transform:translateY(120px);
    transform:translateY(120px);
}
.banner .slick-slide .desc{
    opacity:0;-webkit-transition:all 2.5s ease-out;transition:all 2s ease-out;
    -webkit-transform:translateY(120px);
    -moz-transform:translateY(120px);
    -o-transform:translateY(120px);
    -ms-transform:translateY(120px);
    transform:translateY(120px);
}
.banner .slick-slide .btn{
    opacity:0;-webkit-transition:all 3s ease-out;transition:all 2.5s ease-out;
    -webkit-transform:translateY(120px);
    -moz-transform:translateY(120px);
    -o-transform:translateY(120px);
    -ms-transform:translateY(120px);
    transform:translateY(120px);
}

.banner .slick-slide.img_scale .bg{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 5s ease-out;transition:all 5s ease-out}
.banner .slick-slide.img_scale h3{opacity:1;-webkit-transition:all 2s ease-out;transition:all 2s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.banner .slick-slide.img_scale .desc{opacity:1;-webkit-transition:all 2.5s ease-out;transition:all 2.5s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.banner .slick-slide.img_scale .btn{opacity:1;-webkit-transition:all 3s ease-out;transition:all 3s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}


.ban{height: 631px;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 .txt{position: absolute;top: 50%;left: 15px;right: 15px;color: #fff;text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ban h2{font-size: 36px;font-weight: normal;margin-bottom: 23px;}
.ban .desc{max-width: 752px;margin: 0 auto;font-size: 16px;line-height: 28px;}
.ban .btn{display: block;margin: 0 auto;width: 171px;height: 51px;
    border: 1px solid #FFFFFF;text-align: center;line-height: 49px;
    border-radius: 5px;font-size: 16px;color: #fff;margin-top: 46px;
    background-color: rgba(0,0,0,0);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.ban .btn:hover{background-color: rgba(0,0,0,.5);}
.ban .btn:before{content: '';display: inline-block;vertical-align: middle;
    width: 25px;height: 21px;position: relative;top: -2px;margin-right: 8px;
    background: url(../images/i-29.png) no-repeat center;
}
/*******************************
  -------[=底部]-------
********************************/
.footer{
    background-color: #e5ebf1;
}
.fd-con{overflow: hidden;padding: 51px 0 15px;}
.fd-nv{float: left;}
.fd-nv dl{float: left;margin-right: 60px;}
.fd-nv dt{margin-bottom: 11px;}
.fd-nv dt a{font-size: 16px;color: #2B2B2B;}
.fd-nv dd a{display: block;font-size: 14px;line-height: 30px;color: #5E5E5E;}
.fd-nv dd a:hover{color: #00A5EB;}
.fd-adds{float: left;min-height: 177px;padding-left: 60px;
    border-left: 1px solid rgba(0,0,0,.15);
}
.fd-adds .tel{padding-left: 25px;
    background: url(../images/i-14.png) no-repeat left center;
}
.fd-adds .tel span{font-size: 14px;color: #2B2B2B;}
.fd-adds .tel p{font-size: 22px;color: #394264;font-weight: bold;}
.fd-adds .txt{line-height: 28px;color: #777;font-size: 14px;}
.fd-adds .ico{padding-left: 27px;
    background-position: left center;background-repeat: no-repeat;
}
.fd-adds .url{background-image: url(../images/i-12.png);}
.fd-adds .add{background-image: url(../images/i-13.png);}

.fd-qr{float: right;text-align: center;}
.fd-qr .pic{width: 108px;margin: 0 auto 10px;}
.fd-qr .pic img{width: 100%;display: block;}
.fd-qr p{font-size: 14px;color: #2B2B2B;}
.fd-copy{overflow: hidden;height: 54px;background-color: #115E98;
    line-height: 54px;font-size: 14px;color: #fff;
}
.fd-copy .copy{float: left;}
.fd-copy a{color: #fff;}
.fd-copy a:hover{opacity: .8;text-decoration: underline;}
.fd-copy .link{float: right;}
/*******************************
    -------[=正文]-------
********************************/
.g-bg1{padding: 1px 0;
    background: url(../images/p-bg6.jpg) no-repeat center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.ico-miao{width: 56px;display: block;margin-bottom: 86px;position: relative;}
.ico-miao img{width: 100%;display: block;}
.ico-miao:after{content: '';position: absolute;left: -58px;bottom: -47px;
    width: 110px;height: 94px;animation: shang 1.5s linear infinite;
    background: url(../images/i-65.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-right{position: fixed;right: 0;top: 50%;z-index: 105;display: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right li{margin-bottom: 4px;}
.fix-right .con{display: block;position: relative;}
.fix-right .ico{width: 56px;height: 56px;display: block;position: relative;z-index: 2;
    background-color: #0068B7;border-radius: 7px 0 0 7px;
    background-position: center;background-repeat: no-repeat;
    -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-right .con:hover .ico{opacity: .8;}
.fix-right .txt{position: absolute;top: 0;height: 56px;padding-right: 56px;
    width: 320px;right: -320px;background-color: #0068B7;
    line-height: 56px;color: #fff;text-align: center;font-size: 20px;
    border-radius: 7px 0 0 7px;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fix-right .con:hover .txt{right: 0;}
.fix-right .con:hover .qr{right: 60px;}
.fix-right .qr{position: absolute;width: 120px;height: 120px;
    padding: 10px;right: -120px;top: 0;
    background-color: #0068B7;border-radius: 7px;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fix-right .qr img{width: 100%;height: 100%;}