﻿

/*-----------------[初始化]--------------*/

body{color: #000;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";overflow-x: hidden;}

a{color: #000;}

a:hover{color: #e26824;}

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: #444;

    font-family:"微软雅黑","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;

}

*{

    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: 1440px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}





/*******************************

  -------[=头部]-------

********************************/

.header{position: fixed;left: 0;top: 0;right: 0;z-index: 101;

    padding: 0 30px 0 45px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.logo{float: left;line-height: 105px;}

.logo img{display: inline-block;vertical-align: middle;}

.header .hdr{float: right;margin-top: 30px;}

.header.open{top: -100%;}



.nav{float: left;padding-right: 25px;}

.nav li{float: left;margin: 0 20px;}

.nav li .v1{display: block;color: #fff;font-size: 16px;

    line-height: 45px;position: relative;

}

.nav li .v1:after{content: '';position: absolute;bottom: 1px;

    height: 2px;left: 50%;right: 50%;

    background-color: #fff;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.nav li.on .v1:after,.nav li:hover .v1:after{left: 0;right: 0;}



.scroll-nv{position: fixed;top: -44px;left: 0;right: 0;height: 44px;

    background: rgba(0,0,0,.8);z-index: 5;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.scroll-nv.open{top: 0;}

.scroll-nv li{float: left;width: 10.28%;}

.scroll-nv li .v1{display: block;line-height: 44px;color: #fff;

    text-align: center;font-size: 16px;

}

.scroll-nv li.on .v1,.scroll-nv li:hover .v1{background-color: #e26824;}

.header .hdr-btn{float: left;position: relative;}

.header .a-btn1{float: left;width: 162px;height: 45px;line-height: 45px;

    text-align: center;font-size: 16px;color: #fff;

    background-color: #e26824;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.header .a-btn1 i{width: 30px;height: 30px;display: inline-block;vertical-align: middle;
    position: relative;top: -2px;margin-right: 5px;
    background: url(../images/dh.png) no-repeat center center;
}
.tit_g1{margin-bottom:20px;text-align:center; margin-top:50px;}
.tit_g1 h3{font-size:32px;color:#1a438e;font-weight:200;line-height:40px;margin-bottom:8px}
.tit_g1 .icon{display:block;text-align:center;overflow:hidden}
.tit_g1 .icon em{display:inline-block;vertical-align:middle;width:30px;height:30px;margin:0 4px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.tit_g1 .icon:after,.tit_g1 .icon:before{content:'';display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.tit_g1 .icon:before{width:304px;height:8px;background:url(../images/icon_21.png) center right no-repeat;-webkit-background-size:233px auto;background-size:233px auto}
.tit_g1 .icon:after{width:304px;height:8px;background:url(../images/icon_22.png) left center no-repeat;-webkit-background-size:304px auto;background-size:304px auto}

.header .a-btn1:hover{

    opacity: .8;

    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';

    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

}

.header .lang{float: left;margin-left: 35px;}

.header .lang dl{position: relative;}

.header .lang dt a{display: block;line-height: 45px;font-size: 16px;

    color: #fff;padding-right: 14px;

    background: url(../images/i-2.png) no-repeat right center;

}

.header .lang dd{position: absolute;width: 90px;left: 50%;top: 100%;margin-left: -45px;

    background-color: #fff;padding: 2px;display: none;

}

.header .lang dd a{display: block;text-align: center;font-size: 14px;

    line-height: 30px;

}

.header .lang dd a:hover{background-color: #e26824;color: #fff;}

.header .a-login{float: left;font-size: 16px;color: #fff;padding-left: 24px;

    margin-left: 20px;line-height: 45px;

    background: url(../images/i-4.png) no-repeat left center;

}

.a-so{float: left;width: 40px;height: 45px;margin-left: 22px;

    background: url(../images/i-3.png) no-repeat center center;

}

.so{position: absolute;top: 45px;right: 0;display: none;}

.so .inp{width: 200px;height: 35px;border-radius: 35px;border: 0;

    background: rgba(255,255,255,.5);

    font-size: 14px;color: #000;

    padding: 0 30px 0 15px;

}

.so .btn{position: absolute;right: 0;top: 0;width: 35px;height: 35px;

    border: 0;cursor: pointer;

    background: url(../images/i-3-on.png) no-repeat center center;

}





/*******************************

    -------[=导航]-------

********************************/

.menuBtn{position: absolute;top: 5px;right: 10px;z-index: 9;display: none;

    width: 40px;height: 40px;padding: 7px;cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menuBtn b{display: block;height: 3px;background-color: #fff;

    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: 10px;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{height: 832px;}*/

/*.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}*/

.banner .slick-slide a{outline: 0;position: relative;display: block;

    /*padding-top: 44%;*/height: 100vh;

    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-next,.banner .slick-prev{

    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;

    width: 45px;height: 50px;font-size: 0;line-height: 0;z-index: 999;

    background-repeat: no-repeat;

    background-position: center center;

    -o-background-size: auto 50px;

    -ms-background-size: auto 50px;

    -moz-background-size: auto 50px;

    -webkit-background-size: auto 50px;

    background-size: auto 50px;

}

.banner .slick-prev{left: 50%;margin-left: -645px;background-image: url(../images/arr-l.png);}

.banner .slick-next{right: 50%;margin-right: -645px;background-image: url(../images/arr-r.png);}



.banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}

.banner .slick-dots li{display: inline-block;margin: 0 2px;}

.banner .slick-dots li button{display: block;width: 44px;height: 4px;cursor: pointer;

    font-size: 0;line-height: 0;text-indent: 999px;border: 0;outline: 0;

    background: url(../images/i-5.png) no-repeat center center;

}

/*.banner .item1 a{position: relative;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}*/

.banner .time{position: absolute;top: 50%;left: 46%;right: 0;
    font-size: 44px;color: #00caff;
}
.banner .time span{width: 100px;height: 90px;text-align: center;line-height: 96px;
    margin: 0 5px;font-size: 67px;position: relative;top: -10px;
    font-weight: bold;font-family: arial;display: inline-block;vertical-align: middle;
    background: url(../images/i-date.png) no-repeat center 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;
}

.banner .slick-dots li.slick-active button,
.banner .slick-dots li.slick-notice button{background-image: url(../images/i-6.png);}

.banner-z .slick-slide a{height: 600px;/*background-position: top 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%;
}

.ban{height: 330px;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 .tit{text-align: center;position: absolute;top: 47%;left: 0;right: 0;}

.ban .tit h2{font-size: 36px;color: #fff;}

.ban .tit em{font-size: 16px;font-family: arial;text-transform: uppercase;

    color: rgba(255,255,255,.3);

}





/*******************************

  -------[=底部]-------

********************************/

.footer{

    background: url(../images/bg6.jpg) no-repeat center center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.fd-con{overflow: hidden;padding-bottom: 31px;}

.fd-logo{float: left;margin-top: 68px;width: 219px;}

.fd-logo img{display: block;}

.fd-txt{float: left;padding-left: 70px;color: #fff;margin-top: 38px;}

.fd-txt h3{font-size: 24px;font-weight: normal;position: relative;padding-bottom: 12px;

    margin-bottom: 9px;

}

.fd-txt .txt{font-size: 16px;line-height: 30px;}

.fd-qr{float: right;margin-top: 56px;}

.fd-qr .item{float: left;width: 104px;margin-left: 15px;}

.fd-qr .item .pic{height: 104px;margin-bottom: 7px;}

.fd-qr .item .pic img{width: 100%;height: 100%;display: block;}

.fd-qr .item p{font-size: 14px;color: rgba(255,255,255,.6);text-align: center;}

.fd-copy{height: 53px;overflow: hidden;line-height: 53px;font-size: 14px;color: rgba(255,255,255,.5);

    background: rgba(0,0,0,.4);

}

.fd-copy .copy{float: left;}

.fd-copy .link{float: right;}

.fd-copy .link a{color: rgba(255,255,255,.5);}

.fd-copy .link a:hover{color: #fff;}

/*******************************

    -------[=正文]-------

********************************/

.fix-right{

    z-index:101;

    right:10px;

    position:fixed;

    top:50%;

    -ms-transform:translate(0,-50%);

    transform:translate(0,-50%)

}

.fix-right li {

    margin-bottom:1px;

    height:58px;

    width:58px;

    transition:0.5s;

    position:relative

}

.fix-right .txt {

    position:absolute;

    right:0;

    height:58px;

    overflow:hidden;

    transition:0.5s;

    width:58px;

    line-height:58px;

    font-size:16px;

    color:#e26824;

    padding-right:58px;

    text-align:center;

    background:#fff;

    border-radius:5px;

    opacity: 0;

}

.fix-right .ico {

    transition:0.5s;

    position:absolute;

    right:0;

    top:0;

    display:inline-block;

    height:58px;

    width:58px;

    border-radius:5px;

    background-color:rgba(0,0,0,.15);

    background-repeat:no-repeat;

    background-position: center center;

}

.fix-right .ico-phone {

    background-image: url(../images/i-a1.png);

}

.fix-right .ico-zx {

    background-image: url(../images/i-a2.png);

}

.fix-right .ico-vip {

    background-image: url(../images/i-a3.png);

}

.fix-right .ico-top {

    background-image: url(../images/i-a4.png);

}

.fix-right li:hover .ico-phone {

    background-image: url(../images/i-a1-on.png);

}

.fix-right li:hover .ico-zx {

    background-image: url(../images/i-a2-on.png);

}

.fix-right li:hover .ico-vip {

    background-image: url(../images/i-a3-on.png);

}

.fix-right li:hover .ico-top {

    background-image: url(../images/i-a4-on.png);

}

.fix-right li:hover .txt {

    width:190px;opacity: 1;

}

.fix-right li:hover .ico {

    background-color:#fff;

}



.body_home{background:#000;height:100%;overflow:hidden;position: relative;z-index: 1;}

.index-home body{height: 100%;overflow: hidden;}

.index-home .wow{opacity: 0;}

.index-home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}

.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;

    background:#fff;overflow:hidden;

    transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:3;

    overflow:auto;overflow-x: hidden;outline:none;

}

.body_b *{outline:none;}

.body_b.showdiv{top:0;}

.body_b .mCSB_scrollTools{z-index:4;width:5px;}

.body_b .mCSB_scrollTools .mCSB_draggerRail{width:5px;}

.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#94070a;width:5px;}

.body_b .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,0.1);}



.logo-m{display: none;}

