@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: 'SourceHanSansCN-Medium';
    src: url('../fonts/SourceHanSansCN-Medium.otf');
}

html{position: relative;overflow-x: hidden;}
/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family:'SourceHanSansCN-Regular';
    padding-top: 206px;overflow-x: hidden;
    transition: all 0.6s ease 0s;
}
a{color: #333;}
a:hover{color: #BA2221;}
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: #ccc;}
::-moz-placeholder {color: #ccc; }
::-ms-input-placeholder {color: #ccc;}

.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: 1440px;margin: 0 auto;}
.wp2{width: 100%;max-width: 1560px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
body.fixed{padding-top: 66px;}
body.fixed .header{top: -140px;}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;transition: all 0.6s ease 0s;}
.hd{height: 140px;*zoom:1;
    background: url(../images/hd-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:after,.hd:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.logo{float: left;line-height: 140px;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;height: 101px;}
.hdr{float: right;}
.header .tel{float: left;font-size: 18px;color: #666;padding-left: 26px;line-height: 140px;
    background: url(../images/i-01.png) no-repeat left center;
    -o-background-size: 19px auto;
    -ms-background-size: 19px auto;
    -moz-background-size: 19px auto;
    -webkit-background-size: 19px auto;
    background-size: 19px auto;
}
.header .tel span{font-size: 26px;color: #BA2221;font-weight: bold;font-family: arial;}
.so{float: right;width: 300px;margin-top: 47px;margin-left: 26px;position: relative;}
.so .inp{width: 100%;height: 46px;display: block;border: 1px solid #BA2221;
    padding: 0 72px 0 14px;font-size: 16px;
}
.so .btn{position: absolute;top: 0;right: 0;width: 58px;height: 46px;
    border: 0;cursor: pointer;
    background: #BA2221 url(../images/i-02.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;
}
.nav{*zoom:1;
    background-color: #BA2221;
}
.nav:after,.nav:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.nav li{float: left;width: 7.69%;position: relative;}
.nav li:before,.nav li:last-child:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 2px;
    background: url(../images/i-05.png) no-repeat center;
}
.nav li .v1{display: block;line-height: 66px;text-align: center;font-size: 20px;color: #fff;
    background-color: rgba(0,0,0,0);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:last-child:after{left: auto;right: 0;}
.nav li:hover .v1,.nav li.on .v1{background-color: rgba(0,0,0,.1);}






/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    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: #BA2221;
    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{height: 630px;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-slide .con{outline: 0;position: relative;display: block;height: 100%;overflow: hidden;
    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-slide .bg{outline:0;display:block;height:100%;position:relative;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    -o-background-size:cover;
    -ms-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:all 5s ease-out;
    transition:all 5s ease-out
}
.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 .t-p{position: absolute;top: 50%;left: 15px;right: 15px;height: 238px;z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .t-p img{display: block;margin: 0 auto;max-height: 100%;
    opacity:0;
    -webkit-transition:all 2s ease-out;
    transition:all 2s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}

.banner .slick-slide.img_scale .t-p img{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-arrow{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    width: 66px;height: 66px;font-size: 0;line-height: 0;z-index: 2;
    border: 1px solid #fff;text-indent: 99999px;cursor: pointer;
    background-color: rgba(255,255,255,0);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.banner .slick-prev{left: 180px;background-image: url(../images/i-03.png);}
.banner .slick-next{right: 180px;background-image: url(../images/i-04.png);}
.banner .slick-arrow:hover{background-color: #BA2221;border-color: #BA2221;}

.banner .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}
.banner .slick-dots li{display: inline-block;margin: 0 3px;cursor: pointer;padding: 15px 0;}
.banner .slick-dots li button{display: block;width: 68px;height: 2px;padding: 0;border: 0;margin-top: 1px;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;opacity: .6;
}
.banner .slick-dots li.slick-active button{opacity: 1;margin-top: 0;height: 3px;}


.ban{height: 350px;
    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;
}


/*******************************
  -------[=底部]-------
********************************/
.fd-link{position: relative;z-index: 9;margin-bottom: 18px;}
.fd-link .tit{float: left;width: 143px;font-size: 20px;color: #666;line-height: 56px;}
.fd-link .cont{float: left;}
.fd-link ul{margin: 0 -8px;}
.fd-link li{width: 422px;float: left;}
.fd-link dl{margin: 0 8px;position: relative;z-index: 9;}
.fd-link dt{height: 56px;line-height: 54px;font-size: 18px;color: #666;padding: 0 30px;
    border: 1px solid rgba(0,0,0,.12);position: relative;cursor: pointer;
    background-color: rgba(0,0,0,.02);
}
.fd-link dt:after{content: '';position: absolute;right: 30px;top: 50%;
    width: 16px;height: 10px;
    background: url(../images/i-10.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;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fd-link dd{position: absolute;left: 0;right: 0;top: 100%;margin-top: -1px;display: none;
    border: 1px solid rgba(0,0,0,.12);padding: 5px 0;
    background-color: #fafafa;
}
.fd-link dd a{display: block;line-height: 40px;font-size: 16px;padding: 0 30px;}

.footer{
    background: url(../images/fd-bg.jpg) no-repeat 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: 76px 0 53px;}
.fd-logo{float: left;margin-top: 23px;}
.fd-logo img{display: block;height: 101px;}
.fd-contact{float: left;margin-left: 199px;color: #fff;}
.fd-contact .tit{font-size: 20px;padding-right: 26px;margin-right: 30px;
    float: left;font-weight: normal;
    line-height: 155px;border-right: 1px solid rgba(255,255,255,.1);
}
.fd-contact .txt{overflow: hidden;font-size: 18px;line-height: 34px;
    position: relative;top: -6px;
}
.fd-contact .item{padding-left: 25px;
    background-position: left center;background-repeat: no-repeat;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
}
.fd-qr{float: right;width: 126px;text-align: center;}
.fd-qr .pic{margin-bottom: 12px;}
.fd-qr .pic img{width: 100%;display: block;}
.fd-qr span{font-size: 16px;opacity: .6;color: #fff;}
.fd-bot{border-top: 1px solid rgba(255,255,255,.1);overflow: hidden;
    font-size: 16px;color: #fff;padding: 28px 0;
}
.fd-bot a{color: #fff;}
.fd-bot .copy{float: left;}
.fd-bot .link{float: right;}
.fd-bot a:hover{text-decoration: underline;}
/*******************************
    -------[=正文]-------
********************************/

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

.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}
.pop-video{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1024;display: none;}
.pop-bg{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7)}
.pop-video .cont{width:660px;position:absolute;top:50%;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%)}
.pop-video .close{position:absolute;right:-20px;top:-20px;z-index:3;width:46px;height:46px;border-radius:50%;cursor:pointer;background:url(../images/close.png) center no-repeat #000;-o-background-size:24px auto;-ms-background-size:24px auto;-moz-background-size:24px auto;-webkit-background-size:24px auto;background-size:24px auto;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.pop-video .video video{width:100%;background-color:#000}
.pop-video .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}