@charset 'utf-8';
* {
  margin: 0 ;
  padding: 0 ;
  border: 0 ;
  outline: 0 ;
  box-sizing: border-box;
  font-family: "Microsoft YaHei";
  font-size: 16px;
}
*:focus {
  outline: 0;
}
* ol,
* ul {
  list-style: none;
}
* a {
  text-decoration: none;
}
* a img,
* :link img,
* :visited img {
  border: 0 ;
}
* table {
  border-collapse: collapse;
  border-spacing: 0;
}
* header,
* main,
* section,
* footer,
* aside,
* nav,
* article,
* figure {
  display: block;
}
.center {
  width: 1000px;
  height: 100%;
  position: relative;
  margin: 0 auto ;
}
.center:after {
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}
.header {
  height: 160px;
  border-bottom: 4px solid #0b8ddb;
  position: relative;
}
.header .head {
  height: 120px;
  position: relative;
}
.header .head img {
  margin-top: 30px;
}
.header .head .search {
  width: 440px;
  position: absolute;
  right: 0;
  top: 0 ;
  margin-top: 30px;
}
.header .head .search form {
  border: 1px solid #0b8ddb;
  width: 410px;
  height: 40px;
  background-color: #fff;
  overflow: hidden;
}
.header .head .search form .search-text {
  height: 38px;
  line-height: 38px;
  float: left;
  width: 320px;
  border: 0;
  outline: none;
}
.header .head .search form .search-button {
  background: #0b8ddb url(../../../../images/default/public/serach.png) 20% center no-repeat;
  width: 88px;
  height: 100%;
  float: left;
  border: 0;
  color: #fff;
  font-size: 14px;
  padding-left: 20px;
}
.header .head .search p {
  color: #999;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-top: 4px;
}
.header .nav {
  height: 36px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.header .nav li {
  display: inline-block;
  height: 100%;
  padding: 10px 0;
}
.header .nav li a {
  color: #333;
  font-size: 14px;
  font-family: "宋体";
  font-weight: 600;
  padding: 0 17px;
  display: block;
  border-right: 1px solid #ccc;
}
.header .nav li.active {
  background: #0b8ddb;
  position: relative;
  left: -1px;
}
.header .nav li.active a {
  color: #fff;
  border: none ;
}
.header .nav li:last-of-type a {
  border: none ;
}
.footer .foot-top {
  height: 276px;
  background: #f2f2f2;
  padding: 30px 0;
  border-bottom: 5px solid #0b8ddb;
}
.footer .foot-top h4 {
  color: #333;
  height: 33px;
  font: normal 500 26px/33px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 10px;
  position: relative;
}
.footer .foot-top h4:after {
  content: ' ';
  display: block;
  height: 3px;
  width: 110px;
  background: #0b8ddb;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer .foot-top a {
  display: block;
  font-size: 14px;
  color: #7a7a7a;
  height: 30px;
  line-height: 30px;
}
.footer .foot-top .foot-top-left {
  width: 372px;
  float: left;
  padding-right: 60px;
}
.footer .foot-top .foot-top-left a {
  padding-left: 10px;
}
.footer .foot-top .foot-top-right {
  width: 628px;
  float: left;
}
.footer .foot-top .foot-top-right table {
  height: 100%;
  width: 100%;
}
.footer .foot-bottom {
  background: #212528;
  height: 145px;
}
.footer .foot-bottom p {
  font: normal 400 12px/26px "宋体";
  color: #999;
  text-align: center ;
  padding-top: 18px;
}
.footer .foot-bottom p img {
  vertical-align: middle ;
}