@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,.w1200{width:1200px;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%}

#header .topnav{background:#eee;width:100%;height:34px}

.topnav .hi{line-height:34px;color:#898989;font-size:12px}

.topnav .fx{display:inline-block;border-right:1px solid #d2d2d2;margin-top:7px;margin-right:24px}

.topnav .fx a{display:inline-block;margin-right:28px}

.topnav .phone{line-height:34px;color:#898989;font-size:12px;}

#header .head{padding:23px 0}

.menu{padding-top:22px}

.menu li{float:left;}

.menu li a{color:#666;display:inline-block;font-size:16px;text-align:center;width:119px}

.menu li a:hover{color:#7fb06a}

.menu li a .border{display:block;width:35px;height:2px;background:#fff;margin:10px auto 0 auto}

.menu li:hover a .border{background:#6d905c}

.wrap1200 {

  margin: 0 auto;

  width:1200px;

}

.wrap1920 {

  position: relative;

  margin: 0 auto;

  width: 100%;

  max-width: 1920px;

}

.contanier {

  padding: 0 170px;

  background:#ececec;

}

/* 头部 */

#header{/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/}

#header #logo{

  width:175px;

  height:60px;

  overflow:hidden;float:left;

}



.logo_box{ position:relative}



#header #nav li {

  float:left;

  height:100%;

 position: relative;
  z-index:99;

}

#header #showNav {

  display: none;

  position: relative;

  float: right;

  width: 40px;

  height: 42px;

}

#header #showNav span {

  display: block;

  position: absolute;

  top: 10px;

  left: 0;

  width: 68%;

  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);

}

#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 li:nth-of-type(1) {

  margin-top:110px;

}

#slideNav a:hover, #slideNav a.active {color:#7fb06a;}

#slideNav li:hover{background:#7fb06a;}

#slideNav li:hover a{color:#fff;}



#nav li .snav{position:absolute;overflow:hidden;display:none;background:#7fb06a;z-index:10;width:155px;left: -20px;}

#nav li .snav dl dd{position:relative;height:34px;text-align:center;border-top:1px solid #fff;}

#nav li .snav dl dd a{display:block;background:none;color:#fff;font-size:12px;line-height:34px;height:34px;padding:0;border-bottom:none;width: 155px;}

#nav li:hover a{color:#7fb06a}

#slideNav li .snav{display:none;background:#fff;z-index:10}

#slideNav li .snav dl dd a{color:#fff;font-size:12px;background:none;height:auto;line-height:34px}



.focusA{padding-top:98px;}



/*footer*/

.footer{width:100%;background:#eee;padding:30px 0}

.footer .share_fx{float:right;margin-bottom:13px;margin-top:13px}

.footer .share_fx a{display:inline-block;margin-left:28px}

.footer p{color:#898989;font-size:13px;line-height:30px;text-align:right;clear:both}

.footer p a{color:#898989;font-size:13px;}

.footer p em{display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2px}



#back-to-top{position:fixed;bottom:20px;right:20px;z-index:99;display:none; }

#back-to-top img a{border:none}