﻿.header {
  *zoom: 1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 90px;
  background-color: #fff;
  background:url(../images/headerbg.jpg) no-repeat;
  background-size:100% 100%;
  border-bottom: 2px solid #d7d7d7;
  z-index: 999;
  -webkit-transition: height 0.5s;
          transition: height 0.5s;
}

.dh {
  color: #0b5c83;
}
.login {
	color:#0b5c83;
	font-size:14px;
}
#menu { position: fixed; right:8%; top: 60%; width: 8px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;}
#menu li { margin-top:8px; font: 14px "Microsoft Yahei";}
#menu a { display: block; height:8px; background: url(../images/points_le.png); color: #0074EA; text-align: center; text-decoration: none; border-radius:8px;}
#menu .active a { color: #fff; background: url(../images/point_on.png); height:20px; border-radius:8px;}

.header:before,
.header:after {
  display: table;
  content: ' ';
}
.header:after {
  clear: both;
}
.header .logo {
  position: absolute;
  left: 0;
  top: 13%;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.header .logo img {
  display: block;
  height: 100%;
}
.header nav {
  float: left;
  margin-left: 280px;
}
.header nav ul {
  *zoom: 1;
}
.header nav ul:before,
.header nav ul:after {
  display: table;
  content: ' ';
}
.header nav ul:after {
  clear: both;
}
.header nav ul li {
  float: left;
}
.header nav ul li:hover a,
.header nav ul li.on a {
  color: #317bc0;
}
.son_m_bg{ height: 40px; display:none; background-color:#0C547A; width: 3600px; position: absolute; left: 0; margin-left: -1800px; z-index:-111111111; opacity:0;filter:alpha(opacity=0); -moz-opacity:0.; -khtml-opacity: 0.; opacity: 0.; margin-top: 90px;}
.son_m_bg_act{ transition:300ms; margin-top: 90px; opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; display:block}

.header .menu {
  float: left;
}

.header .menu a {
  display: inline-block;
  vertical-align: middle;
}
.header .menu a:hover {
  color: #224390;
}
.newsdetail-hd span a{height:80px; line-height:80px; display:block; float:left; padding:0px 15px;}
.select { color:#0B5B83; background:url(../images/bottomline.png) bottom center no-repeat;}
#nav_all{height:90px;float:left;line-height:39px;position:relative;z-index:222; border-right: 1px solid #DFDFDF; padding-right:38px}
#nav_all li{text-align:center;float:left; padding:0px 10px;}
#nav_all li a{color:#333;display:inline-block;font-size:16px; cursor:pointer;min-width:100px;_padding:0 10px;white-space:nowrap; line-height:90px; text-align:center; position:relative; overflow:hidden}
#nav_all li a .m_i_hbg{ width: 100px; background:url(../images/aa_b.png) center no-repeat; height: 3px; position: absolute; left: 0; transition: 200ms; margin-top: 90px; z-index: -1; }
#nav_all li a:hover{ overflow:hidden; color:#0C547A;}
#nav_all li:hover a{ overflow:hidden; color:#0C547A;}
#nav_all li a:hover .m_i_hbg{margin-top: 87px;}
#nav_all li:hover a .m_i_hbg{margin-top: 87px;}
#nav_all li a.cur .m_i_hbg{margin-top: 87px;}

#nav_all li ul{display:none;position:absolute;z-index:99;width:900px;left:0;top:90px;}
#nav_all ul li{ line-height:60px;height:60px;padding-top:0px;padding:0;}
#nav_all ul li a{ margin:0px;height:60px;line-height:60px;color:#fff;font-weight:200;border:none; font-size:14px; padding:0px 10px;}
#nav_all ul li a:hover{margin:0px auto;height:60px;line-height:60px; border-top:none; color: #125A80;}

#nav_all ul.son_list li a{ color:#fff;height:40px;line-height:40px;}
#nav_all ul.son_list li a:hover{ color:#125A80}

.rz_bw_server_tel {font-size:14px;font-family:"微软雅黑", "幼圆", sans-serif;color:#fff;float:right;width:200px;height:39px;line-height:39px;text-align:center;background-color:#63aACA;}
.clear { width:100%; height:1px; clear:both;}
.page { padding:30px 0px; width:100%; text-align: center;}
.page a { padding:4px 8px; background:#E3E3E3; margin-left:8px;}
.page a:hover { background:#0B5B83; color:#fff;}
.page span { background:#0B5B83; color:#fff; padding: 4px 8px; margin-left: 8px;}
.container { margin:0px !important;}
.info { z-index:999;}
.header .menu span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
  font-weight: bold;
}
.header .menu .tel {
  width: 36px;
  height:59px;
 
}
.header .menu .tel:hover {
  background-position: -277px -145px;
}
.header .menu .wechart {
  width: 160px;
  height: 59px;
 
}
.header .menu .wechart:hover {
  background-position: -246px -145px;
}
.header .menu .tel,
.header .menu .wechart {
  position: relative;
  margin-top:-13px;
  text-align: center;
    color: #0B5C83;
	  font-size: 14px;
}

.header .menu .tel:hover,
.header .menu .wechart:hover {
    color: #0B5C83;
}

.header .menu .tel .qr,
.header .menu .wechart .qr {
  position: absolute;
  left: 50%;
  bottom: -120px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  padding: 5px;
  border: 1px solid #d5d5d5;
  display: none;
  background: #fff;
}
.header .menu .tel .qr img,
.header .menu .wechart .qr img {
  display: block;
  width: 100%;
  height: 100%;
}
.header .menu .tel .qr:after,
.header .menu .wechart .qr:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  margin-left: -8px;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  border-style: solid;
  vertical-align: middle;
}
.header .menu .tel:hover .qr,
.header .menu .wechart:hover .qr {
  display: block;
}
.header .menu-button {
  float: right;
  font-size: 34px;
  color: #317bc0;
  margin-top: 12px;
  display: none;
}
.header .wrap {
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.header + .container {
  -webkit-transition: margin-top 0.5s;
          transition: margin-top 0.5s;
}
@media (max-width: 960px) {
  .header nav {
    display: none;
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    background: rgba(49, 123, 192, 0.9);
  }
  .header nav li {
    float: none !important;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .header nav li a {
    display: block;
    color: #fff !important;
  }
  .header .menu {
    display: none;
  }
  .header .menu-button {
    display: block;
  }
  .header + .container {
    margin-top: 60px;
  }
}
@media (min-width: 960px) {
  .header .wrap {
    
  }
  .header nav li {
    
  }
  .header .menu {
    display: block;
  }
  .header + .container {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .header nav li {
   
  }
}

  .header {
    height: 90px;
    font-size: 16px;
  }
  .header .wrap {
    
  }
  .header .menu {
    display: block;
	margin-top: 35px;
  }
  .header .menu .tel .qr,
  .header .menu .wechart .qr {
    bottom: -150px;
  }
  .header nav li {
   
  }
  .header + .container {
    margin-top: 90px;
	
  }


.banner {
  text-align: center;
}

