@charset "utf-8";
* {margin: 0;padding: 0;outline: none;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
body {overflow-x: hidden; width: 100%;font:normal 12px  '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';color: #595757;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background:#fff;}
a {color: #595757;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all 0.3s;}
a:hover {text-decoration: none;color:#333;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;font:normal 12px '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}
ul,ol,li {list-style: none;}
i,em {font-style: normal;}
img{ border:none;display: block;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
@media (max-width:750px){
    img{max-width: 100%;height: auto;}
}
img{max-width: 100%;height: auto;}
.clear{clear: both;}
.fl{float:left; }
.fr{float:right; }
.graybg{background: #f5f5f5;}
.backbg{background: #1e1e1e;}
.pd{padding: 80px 0;}
.container{ width:100%; margin:0 auto; z-index: 1;}



/*头部导航*/
header{position: relative;}
.nav{position: absolute;width: 100%; left: 0;top:0;z-index: 3;}
.topcon{width: 90%;margin: 0 auto;}
.navcon{position: relative;}
.logo{position: absolute;left: 0;top:0;}
.logo a{display: block;width: 115px;}
.logo a img{width: 100%;height: auto;}
.navul{margin-top: 30px;}
.navul ul{display: inline-block;vertical-align: middle;}
.navul ul li{display: inline-block;vertical-align: middle;}
.navul ul li>a{display:block;padding: 30px 20px;color:#fff;font-size: 18px;line-height: 20px;}
.navul ul li:hover>a,.navul ul li.active>a {color:#ff2900; }
.navul ul li.lan{margin-left: 130px;}
.navul ul li p{color:#fff;font-size: 16px;}
.navul ul li p a{font-size: 16px;color:#fff;}
.navul ul li p a.active,.navul ul li p a:hover{color:#ff2900;}
.navul2{display: none;}
.navico{cursor: pointer; position: absolute;right: 0;top:50%;transform:translateY(-50%);z-index: 8;}
.navico i{display:none;width: 25px;height: 25px;background: url("../images/icon/navico.png") no-repeat center;background-size: 23px;padding: 5px;}
.navico.active{z-index: 10;}
.navico.active i{background: url("../images/icon/close.png") no-repeat center;background-size: 23px;}


/*尾部*/
footer{background: #1f1d1d;}
.fleft{float: left;width: 80%;}
.fleft ul{font-size: 0;}
.fleft ul li{display: inline-block;width: 20%;text-align: left;}
.fleft ul li dl{display: inline-block;text-align: center;color:#fff;vertical-align: top;}
.fleft ul li dl dt{font-size: 14px;margin-bottom: 10px;}
.fleft ul li dl dd a{display: block; color:rgba(255,255,255,0.5);font-size: 12px;line-height: 28px;transition: none;}
.fleft ul li dl dd a:hover{color:#ff2900;}
.code{width: 20%;float: right;text-align: right;}
.code img{display: inline-block;}
.copyright{border-top: 1px solid rgba(255,255,255,0.04);padding: 20px 0;}
.c_txt p{float: left;color:rgba(255,255,255,0.4);line-height: 30px;}
.c_txt span{display: block;float: right;}
.c_txt span em{display: inline-block;color:rgba(255,255,255,0.4);vertical-align: middle;}
.c_txt span a{display: inline-block; vertical-align: middle;width: 30px;height: 30px;background-size: contain;background-repeat: no-repeat;background-position: center;margin: 0 5px;}


@media (min-width:1280px) { .container{ width:1180px;}  }
@media (max-width:1280px){ .container{ width:960px;}
}
@media (max-width:992px){ .container{ width:98%;}
    .pd{padding: 50px 0;}
    /*头部导航*/
    .logo a{width: 100px;}
    .navcon{height: 124px;}
    .navul{display: none;}
    .navico i {  display: block;  width: 40px;  height: 40px;  background-size: 40px;  }
    .navico.active i{background-size: 40px;}
    .navul2{display: none;  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.8);float: none;z-index: 9;}
    .navul2 ul{position: absolute;  left: 0;  top: 50%;  width: 100%;  transform: translateY(-50%);}
    .navul2 ul li{margin: 10px 0; text-align: center;  }
    .navul2 ul li>a{display: block; font-size: 28px;color: #fff; padding: 10px 0; border-top:none;border-bottom:2px solid transparent; }
    .navul2 ul li:hover>a,.navul2 ul li.active>a{ border-top: none;border-bottom:2px solid #ff2900;color:#ff2900; }
    .navul2 ul li.lan p a{color:rgba(255,255,255,0.7);font-size: 22px;}
    .navul2 ul li.lan p a.active{color:#ff2900;}
}
@media (max-width:750px) { .container {  width: 94%;  }
    .pd{padding: 30px 0;}
    /*头部导航*/
    .navcon{height: 74px;}
    .logo a{width: 60px;}
    .navico i{width: 35px;height: 35px;background-size: 35px;}
    .navico.active i{background-size: 30px;}
    .navul2 ul li a{font-size: 18px;}
    .navul2 ul li.lan p a{font-size: 14px;}

    /*尾部*/
    .fleft{float: none;width: 100%;display: none;}
    .fleft ul{text-align: center;}
    .fleft ul li{width: 33%;text-align: center;margin-bottom: 20px;}
    .code{width: 40%;text-align: center;margin: 0 auto;float: none;}
    .c_txt span{text-align: center;float: none;}
    .c_txt p{text-align: center;float: none;line-height: 25px;margin-top: 15px;}

}