@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%;border-top:4px solid #004793}
.head .tel{color:#004793;font-size:14px;background:url(../images/index_06.png) no-repeat left center;padding-left:33px;float:right}
#header .head{padding:22px 0}
.menu{padding-top:27px}
.menu li{float:left;}
.menu li a{color:#666;display:inline-block;font-size:14px;text-align:center;width:119px;padding:15px 0}
.menu li a:hover{color:#0553a7}
.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:294px;
  height:109px;
  overflow:hidden;float:left;
}
#header #logo img{width:100%;height:auto}
.logo_box{ position:relative}

#header #nav li {
  float:left;
  height:100%;
  overflow:hidden;
  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:#0553a7;z-index:10;width:119px}
#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;}
#nav li:hover a{color:#0553a7}
#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}
/*footer*/
.footer{width:100%}
.footer .f_top{width:100%;background:#004793;padding:50px 0}
.f_right dl{border-left:1px solid #386fab;float:left;padding:0 56px;height:150px}
.f_right dt{color:#fff;font-size:14px;margin-bottom:10px}
.f_right dd a{color:#fff;font-size:12px;line-height:30px}
.footer .f_down{width:100%;background:#0d3866;height:50px;line-height:50px;text-align:center}
.footer p,.footer p a{color:#fff;font-size:12px;}