@charset "utf-8";
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;font-size: 16px;font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif; font-weight: normal; line-height: 22px;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display: block}
html,
body{color: #333}
body{background: #fff}
ul,
ol,
li{list-style: none}
a{color: #333;text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a:hover{text-decoration: none;}
img{ border:0; vertical-align: middle; max-width: 100%; max-height: 100%;}
b,
em,
i{font-style: normal}
input{-webkit-appearance:none; /*去除input默认样式*/ border-radius: 0 }
.setwidth{ width:1200px; margin: 0 auto; position: relative;}
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}
.floatL{ float:left; }
.floatR{ float:right; }
.tran{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header{ border-top: 3px solid #22252a; height: 120px; background: #fff; }
.header .logo{ height: 120px; line-height: 120px; overflow: hidden; }
.header .logo a{ display: block; max-height: 90px; max-width: 230px; }
.header .logo a img{ max-width: 100%; max-height: 100%;}
.header .nav li{ position: relative; float: left; width: 140px; height: 120px; z-index: 991; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header .nav li::after{ position: absolute; content: ""; right: 0; top: 46px; width: 1px; height: 28px; background: #dadada;}
.header .nav li a{ display: block; line-height: 120px; text-align: center; color: #444; font-size: 15px; }
.header .nav li.active,.header .nav li:hover{ background: #222429;}
.header .nav li.active::after,.header .nav li:hover::after{ background: none;}
.header .nav li.active a,.header .nav li:hover a{ color: #fff; }
.header .nav li .mn{ position: absolute; width: 100%; padding: 20px 0; background: #171717; display: none;}
.header .nav li .mn a{ display: block; margin: 0 10%; padding: 22px 0; line-height: 22px; color: #fff;}
.header .nav li .mn a:hover{ background: #d8b420; }
.Language{ padding-top: 40px; padding-left: 36px;}
.Language a{ display: inline-block; width: 40px; height: 40px; margin-left: 5px; line-height: 40px; text-align: center; background: url(../images/indexicon.png) left top no-repeat; font-size: 14px; color: #b8b8b8; }
.Language a:hover,.Language a.active{ background-position: -43px top; color: #d8b420;}

.footer{ width: 100%; min-height: 217px; padding-top: 45px; background: url(../images/foot-bg.jpg) center top no-repeat #212328;}
.foot-nav{ position: relative; float: left; padding-right: 60px; width: 700px; min-height: 138px; display: flex; justify-content: space-between;}
.foot-nav .nav-list{ float: left; padding-left: 10px;text-align: left; }
.foot-nav .nav-list a{ display: block; color: #a6a6a6; font-size: 15px; line-height: 30px;}
.foot-nav .nav-list a:hover{ color: #fff; }
.foot-nav::after{ position: absolute; content: ""; right: 0px; top: 24px; width: 1px; height: 32px; background: #fff; }
.foot-lx{ float: right;  color: #fff; width: 360px;}
.foot-lx p{ margin-bottom: 5px; font-size: 14px; line-height: 20px; }
.foot-logo{ position: relative; text-align: center; padding-bottom: 30px;}
.foot-logo::after,.foot-logo::before{ position: absolute; content: ""; left: 0; top: 50%; width: 45%; height: 1px; background: #4b4e52; }
.foot-logo::before{ left: auto; right: 0;  }
.foot-logo span{ display: inline-block; height: 70px; }
.foot-logo span img{ max-height: 100%;}

.copyright{ height: 52px; line-height: 52px; width: 100%; background: #000; text-align: center; color: #fff; font-size: 13px;}
.copyright a{ color: #fff; font-size: 13px;}