@charset "utf-8";
/*英文字母 s*/
@font-face{
    font-family: "itc_xlt";
    src: url("../font/itc_xlt.woff");
}
@font-face{
    font-family: "itc_bk";
    src: url("../font/itc_bk.woff");
}
/*英文字母 e*/
@font-face{
    font-family: 'yqb';
    src: url("../font/yqzjht.woff2"),url("../font/yqzjht.woff");
}
/* CSS Document */
*html{ background-image:url(about:blank); background-attachment:fixed;}　
html{　　-webkit-text-size-adjust:none;background: #000;}
body{ font-size:12px; font-family:"itc_xlt","PingFang SC","Microsoft YaHei"; position:relative; transition:.5s;background: #000;}
input,select,textarea,button{font-family:"itc_xlt","PingFang SC","Microsoft YaHei";  outline:none; font-size:12px;-webkit-appearance:none;}


*{margin:0;padding:0; border: 0;}
ul, li {list-style-type:none;}
em,i,ins{ font-style:normal; text-decoration:none;}
img {border:none; vertical-align:middle;}
a{color:#999;text-decoration:none;}
a:hover{color:#fff}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.fl {float:left;}
.fr {float:right;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display:block;}
.cc{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.w1440{max-width:1400px; padding:0 20px; margin:0 auto;}
/*.fontFamily{font-family: 'yqb'; } /!*需要用英文字体的加这个类*!/*/



/*头部*/
.header{ background:rgba(0,0,0,0); transition:all .5s; -webkit-transition:all .5s; position:fixed; left:0; top:0; width:100%; z-index:555;}
.header-scroll{background:rgba(0,0,0,1);}
.head{height:90px;}
.head-logo img{height:40px; margin-top:25px;}
.head-nav ul li{float:left; margin:0 30px; position:relative;}
.head-nav ul li .head-up{height:90px; line-height:90px;}
.head-nav ul li .head-up a{color:#fff; font-size:16px;}
.head-nav ul li .head-down{position:absolute; top:90px; padding-top: 1px; width: 160px; left: 50%; margin-left: -80px; box-shadow: 0 4px 4px 1px rgb(0 0 0 / 21%); opacity:0; margin-top: 20px; transition: all .4s; pointer-events: none; text-align:center;}
.head-nav ul li .head-down a{display: block; background: rgba(0,0,0,0.3); text-align: center; line-height: 44px; color:#fff; font-size:16px;}
.head-nav ul li:hover .head-down{opacity: 1; margin-top: 0; pointer-events: auto;}
.head-nav ul li .head-down a:hover { background: #000; color: #fff;}
.head-lang{line-height:86px;color:#a9a9a9;}
.head-lang a{color:#a9a9a9; font-size:16px; vertical-align:middle;}
.head-lang a.active{color:#fff;}
.head-search{ position:relative; height:100%;}
.head-search img{height:16px; margin:37px 20px 0 10px; cursor:pointer;}
.search-input{position:absolute; top:90px; right:0;}
.search-input{height:30px; line-height:30px; width:120px; padding:0 12px; background:#fff; box-shadow:0 0 20px #eee; font-size:14px; color:#666; display:none;}
.head-search:hover .search-input{ display:block;}
.moreNav{ position:absolute; top:15px; right:30px; cursor:pointer; display:none;}
.moreNav span{width:35px; height:2px; background:#fff; display:block; margin-top:10px; transition:.5s;  -webkit-transition:.5s;}

/*尾部*/
.footer{background:#111;}
.foot-top{ padding:60px 0 ;}
.foot-nav li{float:left; margin-right:60px;}
.foot-nav li h2{font-size:14px; color:#fff; margin-bottom:14px;}
.foot-nav li p{line-height:26px;}
.foot-nav li p a{color:#fff; display:block;opacity: .5;transition: all .4s;letter-spacing: 1px;}
.foot-nav li p:hover a{opacity: 1;}
.foot-tel{display:table-cell;}
.foot-text,.foot-code{display: inline-block; vertical-align: top;}
.foot-code{width: 114px;}
.foot-code img{width: 100%;vertical-align: bottom;}
.foot-text{padding-right:40px;}
.foot-text p{color:#fff; font-size:14px; line-height:40px;letter-spacing: 1px;}
.foot-text img{ vertical-align:middle; margin:-3px 20px 0 0;width: 23px;}
.copyright{height:60px; line-height:60px; color:#fff; font-size:14px;}
.copyright-con span,.copyright-con a{display: inline-block;}
.copyright-con a{margin-left: 10px;}
.copyright-con a:hover{text-decoration: underline;}

.backTop{position:fixed; bottom:10%; right:20px; z-index:444; cursor:pointer; display:none;width: 54px;background: #fff;border-radius: 100%;overflow: hidden;}
.backTop img{width: 100%;vertical-align: bottom;}
.backTop:hover img{animation:updown .6s linear;}
@keyframes updown{
    0%{transform: translateY(0);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
.c-search{position: fixed;left: 0;background: #000000;width: 100%;z-index: 9999;transition: all .4s;top:-100%;}
.c-search.active{top:0;}
.c-what{font-size: 26px;color: #fff;margin-bottom: 35px;}
.c-search-top{padding: 150px 0;}
.s-input-box{border-bottom: 1px solid #333;}
.s-input-box .text{display: block;width: 100%;height: 100px;line-height: 100px;font-size: 48px;color: #fff;background: none;}
.s-sb{position: absolute;width: 100px;height: 100px;background: url("../images/ss.png") no-repeat center;background-size: cover;right: 0;top:0;}
.enter{text-align: right;color: #fff;font-size: 16px;margin-top: 30px;}


.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.wap-show{display: none;}
.pc-show{display: block;}
.beian span,.beian a{opacity: .5;}
.gbss{position: absolute;top:20px;cursor: pointer; right: 45px;width: 50px;height: 50px;background: url("../images/close-fff.png") no-repeat center;background-size: cover;}
/**/