@charset "utf-8";
body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}
body{font-size:12px;color:#666;font-family:"微软雅黑";background:#fff; width:100%;overflow-x:hidden;word-break:break-all;}
em{font-style:normal;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}
ul, ol{list-style:none;}
a{text-decoration:none;color:#999;}
a:hover{text-decoration:none;}
img{border:none;line-height:0;font-size:0;vertical-align:bottom;}
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;}
.wrap,.w1520{width:1520px;margin:0 auto;}
.fr{float:right}
.fl{float:left}
/*======================浮动的外层==================*/
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix{zoom:1}
.clearfix{display:block;}
/* end clearfix */
/*header*/
.header{width:100%;position:fixed;top:0;left:0;background:#fff;z-index:100000}
.header .head{padding:0px 0}
.header .menu_box{clear:both;}
/*.menu{margin-top:52px;margin-left:88px}
.menu li{margin-left:52px}
.menu li a{line-height:32px;color:#000;font-size:12px}
.menu li a span{color:#333;font-size:14px;}
.menu li a:hover span{color:#000}
.menu li a:hover{color:#9fa0a0;text-decoration:line-through;}
.head .tel,.tel2{padding-top:20px}
.head .tel h1,.tel2 h1{color:#595757;font-size:16px}
.head .tel h1 span,.tel2 h1 span{display:block;}*/
.menu,.menu2{margin-top:38px;margin-left:50px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.menu2{margin:0px;padding-bottom:0;margin-top:20px;display:none}
.menu li,.menu2 li{position:relative}
.menu li a,.menu2 li a{line-height:32px;color:#000;font-size:12px;width:138px;text-align:center; display:block}
.menu li a span.china,.menu2 li a span.china{color:#333;font-size:14px;position:relative;opacity:1;transition: all .3s ease-in-out 0s;}
.menu li a:hover span.china,.menu2 li a:hover span.china{color:#000}
.menu li a:hover,.menu2 li a:hover{color:#9fa0a0;}
.head .tel,.tel2{padding-top:35px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.head .tel h1,.tel2 h1{color:#595757;font-size:16px}
.head .tel h1 span,.tel2 h1 span{display:block;}
.tel2 h1 span{display:none}
.menu li a span.english,.menu2 li a span.english{color:#9fa0a0;font-size:14px;display:block;width:138px;position:absolute;overflow:hidden;top:0;opacity:0;letter-spacing:-1px;transition: all .3s ease-in-out 0s;}
.menu li:hover a span.china,.menu2 li:hover a span.china{ opacity:0}
.menu li:hover a span.english,.menu2 li:hover a span.english{ opacity:1}
.tel2 h1{font-size:14px}

.head .share li,.tel2 .share li{float:left;position:relative;margin-right:17px;}
.head .share li .info_box,.tel2 .share li .info_box{width:95px;height:96px;background:url(../images/ewm_bg.png) no-repeat;position:absolute;z-index:10;top:21px;padding-left:8px;padding-top:11px;left:-40px;display:none}
.head .share li:hover .info_box,.tel2 .share li:hover .info_box{display:block}
.line{position:absolute;height:12px;background:#6d6b6b;display:block;z-index:10;left:29px;top:5px;width:1px}
.head .share li:nth-child(3n),.tel2 .share li:nth-child(3n){margin-right:0}
.wrap1920{
  position: relative;
  width: 100%;
  max-width: 1920px;
}
.contanier {
  padding: 0 170px;
  background:#ececec;
}
.w1080{width:1080px;margin:0 auto}
/* 头部 */
.header #logo{
  width:238px;
  height:58px;
  overflow:hidden;float:left;padding-top:10px; padding-left:10px;
}
.header #logo3{display:none;width:238px;height:58px;overflow:hidden;float:left;}
.header #logo img,.header #logo3 img{width:auto;height:auto;-webkit-transition: height 0.3s;transition: height 0.3s;}
.logo_box{position:relative;}

.logo_box2{display:none}
.header #logo2 img{width:100%;height:auto;}

.header #nav li {
  float:left
}
.header #showNav {
  display: none;
  position: relative;
  float: right;
  width: 40px;
  height: 42px;
}
.header #showNav span {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width:100%;
  height: 4px;
  background: #595959;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-origin: left;
  transform-origin: left;
}
.header #showNav span:nth-of-type(2) {
  top: 19px;
}
.header #showNav span:nth-of-type(3) {
  top:30px;
}
.header #showNav.active span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);top:2px
}
.header #showNav.active span:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}
.header #showNav.active span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 小屏幕导航样式 */
.shadow20 {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1500;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#slideNav {
  display: block;
  position: fixed;
  top: 0px;
  right: -150px;
  z-index: 1500;
  width: 150px;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
#slideNav a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  width:85%;
  height: 50px;
  font: normal 16px/50px "微软雅黑", Helvetica, sans-serif, "宋体";
  color: #2a2a2a;
  border-bottom: #cacaca 1px solid;
  padding-left:15%

}
#slideNav a span.china{color:#333;font-size:16px;position:relative;opacity:1;transition: all .3s ease-in-out 0s;}
#slideNav a:hover span.china{color:#000}
#slideNav a span.english{color:#9fa0a0;font-size:14px;display:block;position:absolute; overflow:hidden;top:0; opacity:0; letter-spacing:-0.5px;transition: all .3s ease-in-out 0s;}
#slideNav li:hover a span.china{ opacity:0}
#slideNav li:hover a span.english{ opacity:1}

#slideNav li{ position:relative}
#slideNav li:nth-of-type(1){margin-top:97px;}
#slideNav li .snav dl dd a{color:#000}
#slideNav li .snav dl dd a:hover{text-decoration:underline}

#slideNav .share li:nth-of-type(1){margin-top:0px;}

#nav li .snav{overflow:hidden;margin-left:20px;}
#nav li .snav dl dd{position:relative;}
#nav li .snav dl dd a{display:block;line-height:24px;height:24px;padding:0;}

.tel2{width:86%;padding-left:14%;padding-top:30px}
#slideNav .tel2 .share li a{border:none;width:auto;height:auto;padding-left:0}


.menu #nav li .snav dl dd a span,.menu2 #nav li .snav dl dd a span{color:#333;font-size:12px;}
#nav li .snav dl dd a:hover span{color:#000}
#nav li .snav dl dd a:hover{color:#9fa0a0;text-decoration:line-through;}


#slideNav li .snav{display:none;background:#fff;z-index:10}
#slideNav li .snav dl dd a{color:#000;font-size:12px;background:none;height:auto;line-height:34px}
/*footer*/
/*.footer{width:100%;padding-bottom:100px}
.footer .adress{padding-bottom:33px}
.footer .adress li{text-align:center;color:#595757;font-size:16px;padding-bottom:10px}
.footer .adress li span{display:block;padding-bottom:1px}
.footer .copy{text-align:center;color:#595757;font-size:12px;line-height:20px}
.footer .f_menu{text-align:center; width:40%; margin:0 auto;}
.footer .f_menu a{display:inline-block;color:#999;font-size:12px;}
*/
.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

/*footer*/
.footer{width:100%;background:#efefef;padding:26px 0 20px 0}
.foot{padding:0 20px}
.foot .f_left{width:410px}
.foot .sao{text-align:center;color:#999;font-size:12px;line-height:20px;}
.foot .dz_adress{width:258px}
.foot .dz_adress p,.foot .f_mid p{color:#999;font-size:12px;line-height:25px;}
.foot .f_mid{width:204px;border-left:1px solid #585858;border-right:1px solid #585858;padding:0 35px;margin:0 35px}
.foot .f_right{width:724px}
.foot .f_right span{display:block;color:#999;font-size:12px;line-height:25px;}
.foot .f_right a{color:#999;font-size:12px;line-height:25px;}