@import url(reset.css);
@import url(nav.css);
@import url(carousel.css);
@import url(theme.css);
@import url(other.css);
@import url(lightbox.css);

body {
  overflow-x: hidden;
  font-family: "Microsoft Yahei"; }

.content {
  width: 1080px;
  margin: 0 auto; }

.about-content {
  width: 1190px;
  margin: 0 auto; }

.header-top {
  height: 32px;
  line-height: 32px;
  background: #555; }
  .header-top ul {
    float: right;
    margin-right: -20px; }
    .header-top ul li {
      float: left;
      font-size: 12px;
      color: #cdcdcd;
      margin-right: 20px; }
      .header-top ul li a {
        font-size: 12px;
        color: #cdcdcd; }

.header {
  height: 50px;
  padding: 30px 0  30px 0; }
  .header .logo {
    display: block;
    float: left; }

.about {
  width: 100%;
  height: 806px;
  background: url("../img/about-bg.jpg") center center; }
  .about .about-top {
    padding-top: 60px;
    text-align: center; }
    .about .about-top h2 {
      font-size: 28px;
      color: #333333; }
    .about .about-top h3 {
      font-size: 36px;
      color: #004884; }
      .about .about-top h3 span {
        color: #64deeb; }
    .about .about-top p {
      width: 695px;
      margin: 0 auto;
      font-size: 14px;
      color: #666666;
      margin-top: 60px; }

.business {
  width: 100%;
  height: 540px;
  background: #f7f7f7; }
  .business .business-top {
    padding-top: 76px;
    text-align: center; }
    .business .business-top h2 {
      font-size: 28px;
      color: #333333; }
    .business .business-top h3 {
      font-size: 36px;
      color: #004884; }
      .business .business-top h3 span {
        color: #64deeb; }
        .business .business-top .list{
          width: 100%;
          height: auto;
          margin-top: 70px;
        }
        .business .business-top .list .hd{
          width: 100%;
          text-align: center;
          height: auto;
          margin-top: 50px;
        }
        .business .business-top .list .hd a{
          width: 29px;
          height: 29px;
          display: inline-block;
          margin: 0 5px;
        }
        .business .business-top .list .hd .prev{
          background: url(../img/w_prev.png) no-repeat;
        }
        .business .business-top .list .hd .next{
          background: url(../img/w_next.png) no-repeat;
        }

        .business .business-top .list .hd .prev:hover{
          background: url(../img/w_prev_h.png) no-repeat;
        }
        .business .business-top .list .hd .next:hover{
          background: url(../img/w_next_h.png) no-repeat;
        }
    .business .business-top ul {
      
      width: 100%;
      zoom: 1;
       }
      .business .business-top ul li {
        float: left;
        width: 220px;
        margin-right: 70px; }
        .business .business-top ul li .ico {
          display: block;
          width: 71px;
          height: 70px;
          margin: 0 auto; }
        .business .business-top ul li h4 {
          font-size: 18px;
          color: #333;
          margin-top: 30px; }
        .business .business-top ul li p {
          width: 32px;
          height: 2px;
          background: #000;
          margin: 20px auto; }
        .business .business-top ul li .text {
          text-align: center;
          font-size: 16px;
          color: #666666; }
      .business .business-top ul .ico1 span {
        background: url("../img/ico.png") -115px -94px;  }
      .business .business-top ul .ico1:hover span {
        background: url("../img/ico.png") -112px -1px;  }
      .business .business-top ul .ico1:hover h4 {
        color: #004884; }
      .business .business-top ul .ico2 span {
        background: url("../img/ico1.png") no-repeat; }
      .business .business-top ul .ico2:hover span {
        background: url("../img/ico1_h.png") no-repeat; }
      .business .business-top ul .ico2:hover h4 {
        color: #004884; }
      .business .business-top ul .ico3 span {
        background: url("../img/ico.png")  -218px 70px; }
      .business .business-top ul .ico3:hover span {
        background: url("../img/ico.png") -215px 0px; }
      .business .business-top ul .ico3:hover h4 {
        color: #004884; }
      .business .business-top ul .ico4 span {
        background: url("../img/ico.png") -2px -94px; -325px -93px; }
      .business .business-top ul .ico4:hover span {
        background: url("../img/ico.png") -3px -2px;  -319px 2px; }
      .business .business-top ul .ico4:hover h4 {
        color: #004884; }
      .business .business-top ul .ico5 span{
        background: url("../img/ico.png") -325px -93px; }
      }
      .business .business-top ul .ico5:hover span{
        background: url("../img/ico.png") -319px 2px; }
      }
      .business .business-top ul .ico5:hover h4{
        color: #004884;
      }

.news {
  height: 544px; }
  .news .news-top {
    padding-top: 60px;
    text-align: center; }
    .news .news-top h2 {
      font-size: 28px;
      color: #333333; }
    .news .news-top h3 {
      font-size: 36px;
      color: #004884; }
      .news .news-top h3 span {
        color: #64deeb; }
  .news ul {
    width: 1150px;
    margin-top: 60px; }
    .news ul li {
      text-align: left;
      float: left;
      width: 347px;
      margin-right: 20px; }
      .news ul li h4 {
        font-size: 18px;
        line-height: 60px;
        color: #333333; }
      .news ul li span {
        font-size: 12px;
        color: #999999; }
      .news ul li p {
        font-size: 12px;
        color: #666;
        line-height: 20px; }
      .news ul li div {
        width: 347px;
        height: 160px;
        overflow: hidden; }
        .news ul li .more{
          width: 100%;
          height: 14px;
          font-size: 14px;
          line-height: 14px;
          color: #666;
          margin-top: 15px;
          display: block;
        }
        .news ul li div img {
          display: block;
          position: relative;
          -webkit-transform: scale(1, 1);
          -webkit-transition-timing-function: ease-out;
          -webkit-transition-duration: 1000ms;
          -moz-transform: scale(1, 1);
          -moz-transition-timing-function: ease-out;
          -moz-transition-duration: 1000ms;
          transform: scale(1, 1);
          transition-timing-function: ease-out;
          transition-duration: 1000ms; }
          .news ul li div img:hover {
            display: block;
            position: relative;
            -webkit-transform: scale(1.25, 1.25);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 1000ms;
            -moz-transform: scale(1.25, 1.25);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 1000ms;
            transform: scale(1.25, 1.25);
            transition-timing-function: ease-out;
            transition-duration: 1000ms; }

.footer {
  width: 100%;
  height: 218px;
  background: #014984;
  clear: both; }
  .footer .top {
    width: 100%;
    background: #fafafa;
   /* height: 74px;*/
    padding-top: 10px; }
    .footer .top ul {
      width: 1080px;
      clear: both;
      zoom: 1;
      overflow: hidden; }
      .footer .top ul li {
        float: left;
        width: 25%;
        height: 121px;
        line-height: 121px;
        color: #666666;
        font-size: 14px;
        color: #666666; }
        .footer .top ul li img {
          display: block;
          float: left;
          margin-right: 8px; 
          margin-top: 40px;
          }
  .footer .bottom {
    line-height: 61px;
    color: #fff;
    font-size: 12px; }
    .footer .bottom a {
      margin-left: 5px;
      color: #fff; }

.crumbs {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
  position: relative;
  margin-top: -40px;
  z-index: 0;
  opacity: 0.8; }
  .crumbs .crumbs-min ul {
    float: right; }
    .crumbs .crumbs-min ul li {
      float: left;
      margin-right: 3px; }
      .crumbs .crumbs-min ul li a {
        font-size: 12px;
        color: #666666; }
    .crumbs .crumbs-min ul .inthis a {
      color: #004884; }

.about-sidebar {
  height: 100%;
  width: 200px;
  float: left; }
  .about-sidebar .title {
    height: 197px;
    background: url("../img/h2bg.png");
    margin-top: -237px;
    position: relative;
    text-align: right;
    padding-right: 12px; }
    .about-sidebar .title h2 {
      padding-top: 93px;
      font-size: 28px;
      font-weight: bold;
      color: #004884; }
    .about-sidebar .title span {
      font-size: 18px;
      color: #004884; }
  .about-sidebar .bnav {
    min-height: 711px;
    margin-top: 40px;
    padding-top: 32px;
    background: url("../img/sidebar-bg.png") no-repeat; }
    .about-sidebar .bnav li {
      text-align: right;
      height: 49px;
      border-bottom: 1px dashed #e3e3e3; }
      .about-sidebar .bnav li:hover a {
        color: #fff;
        background: url("../img/sidebar-link.png"); }
      .about-sidebar .bnav li:hover span {
        color: #fff; }
      .about-sidebar .bnav li a {
        margin-top: 5px;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        color: #333333;
        display: block;
        margin-left: -13px;
        padding-right: 62px; }
      .about-sidebar .bnav li span {
        display: block;
        margin-top: 11px;
        margin-left: 10px;
        float: right;
        margin-right: 43px; }
    .about-sidebar .bnav .onbnav a {
      color: #fff;
      background: url("../img/sidebar-link.png"); }
    .about-sidebar .bnav .onbnav span {
      color: #fff; }

#honor-right {
  width: 960px;
  margin: 0; }

.about-banner {
  height: 236px; }

.about-min .about-right {
  float: right;
  width: 920px;
  min-height: 980px;
  margin-right: 30px; }
  .about-min .about-right .right-top {
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0; }
    .about-min .about-right .right-top h2 {
      font-size: 31px;
      color: #004884; }
    .about-min .about-right .right-top span {
      font-size: 16px;
      color: #004884;
      line-height: 42px;
      margin-top: -10px;
      display: block; }
  .about-min .about-right .about-text {
    font-size: 12px;
    color: #333;
    line-height: 33px; }
    .about-min .about-right .about-text img {
      max-width: 100%;
      margin-top: 40px; }

.hands {
  margin-top: 63px; }
  .hands ul {
    width: 1000px; }
    .hands ul li {
      float: left;
      border: 1px solid #e7e7e7;
      box-shadow: 1px 1px 3px #ccc;
      margin-right: 21px;
      margin-bottom: 21px; }
      .hands ul li img {
        max-width: 100%; }

#waterfall {
  margin-top: 60px; }
  #waterfall li h3 {
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 45px; }
  #waterfall li img {
    max-width: 215px;
    border: 1px solid #ccc;
    padding: 5px; }

.zoom {
  left: 14px;
  width: 42px;
  font-size: 12px;
  color: #ccc;
  position: absolute;
  line-height: 25px;
  padding: 0 0 2px 18px;
  text-align: center;
  top: 14px;
  display: block;
  text-decoration: none;
  background: url("../img/pic_ilike.png") no-repeat 0px -2px; }
  .zoom:hover {
    color: #333;
    background: url("../img/pic_ilike.png") no-repeat 0px -30px; }

.lb-close {
  background: url("../img/close.png") 9px no-repeat;
  height: 18px; }
/*
.lb-cancel {
  background: url("../img/loading.gif") center no-repeat; }*/

.organ img {
  display: block;
  margin: 0 auto;
  margin-top: 52px; }

.new {
  width: 875px;
  margin-top: 35px; }
  .new ul {
    min-height: 635px; }
    .new ul li {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px dashed #e3e3e3; }
      .new ul li:hover h2 {
        text-decoration: underline; }
      .new ul li h2 {
        font-size: 14px;
        color: #333333;
        float: left; }
      .new ul li span {
        font-size: 14px;
        color: #666666;
        display: block;
        float: right; }

.page img {
  display: block;
  margin: 0 auto;
  margin-top: 50px; }

.busi-info img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 57px; }
.busi-info h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 70px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px; }
.busi-info .text {
  text-indent: 2em;
  font-size: 16px;
  color: #666666;
  line-height: 33px; }

.info-page {
  margin-top: 67px;
  height: 70px;
  width: 100%;
  border-top: 1px solid #ebebeb; }
  .info-page .b-prev {
    float: left;
    max-width: 800px;
    overflow: hidden; }
    .info-page .b-prev li {
      color: #999999;
      font-size: 12px;
      margin-top: 10px; }
  .info-page span {
    margin-top: 10px;
    float: right;
    display: block;
    height: 31px;
    line-height: 33px;
    text-indent: 8px;
    width: 75px;
    font-size: 12px;
    color: #999;
    cursor: pointer;
    background: url("../img/return.jpg") no-repeat; }

.service {
  margin-top: 42px; }
  .service h2 {
    font-size: 22px;
    color: #333;
    float: left;
    margin-right: 13px; }
  .service img {
    display: block;
    margin-top: 5px; }
  .service .s-form {
    margin-top: 30px; }
    .service .s-form td {
      width: 400px;
      height: 52px; }
      .service .s-form td input {
        width: 338px;
        height: 34px;
        line-height: 34px;
        outline: none;
        text-indent: 1em;
        color: #999999;
        font-family: "Microsoft Yahei"; }
      .service .s-form td textarea {
        font-family: "Microsoft Yahei";
        width: 740px;
        resize: none;
        text-indent: 1em;
        color: #999;
        line-height: 25px;
        height: 145px;
        outline: none;
        margin-top: 20px; }
      .service .s-form td #sub {
        width: 126px;
        background: #004884;
        border: none;
        outline: none;
        cursor: pointer;
        color: #fff;
        margin-top: 20px;
        font-size: 18px;
        text-indent: 0;
        float: left;
        transition: all 0.3s;
        text-align: center; }
        .service .s-form td #sub:hover {
          background: #2777b8; }
      .service .s-form td p {
        float: left;
        margin-top: 25px;
        margin-left: 20px; }

.contact h2 {
  font-weight: bold;
  margin-bottom: 17px; }
.contact .info {
  width: 880px;
  padding-left: 23px;
  margin: 0 auto;
  height: 157px;
  padding-top: 201px;
  background: url("../img/contact-info.jpg");
  font-size: 14px; }
  .contact .info li {
    float: left;
    min-height: 26px;
    margin-bottom: 40px; }
  .contact .info .one {
    margin-left: 40px;
    margin-top: 5px;
    width: 311px; }
  .contact .info .two {
    margin-top: 5px;
    width: 323px; }
  .contact .info .three {
    margin-top: 5px;
    width: 203px; }

.map-box {
  width: 100%;
  border: 1px solid #f9f9f9;
  padding: 8px 7px; }
  .map-box #map {
    width: 100%;
    height: 374px; }
    .map-box #map .anchorBL {
      display: none; }

.about-big {
  width: 357px;
  margin: 0 auto;
  margin-top: 74px;
  display: block;
  position: relative; }
  .about-big .b1, .about-big .b2 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 54px;
    left: -100px;
    opacity: 0;
    font-size: 14px;
    color: #333; }
    .about-big .b1 p, .about-big .b2 p {
      width: 65px;
      position: relative;
      left: -79px;
      top: -33px; }
  .about-big .b2 {
    left: 418px; }
    .about-big .b2 p {
      left: 47px; }
  .about-big span:hover p {
    color: #46b6ef; }

.about-mid {
  width: 304px;
  margin: 0 auto;
  margin-top: -332px;
  display: block;
  position: relative; }
  .about-mid .b3 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: -115px;
    left: 127px;
    font-size: 14px;
    color: #333; }
    .about-mid .b3 p {
      width: 65px;
      position: relative;
      left: -10px;
      top: -72px; }
  .about-mid .b4 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 135px;
    left: -169px;
    font-size: 14px;
    color: #333; }
    .about-mid .b4 p {
      width: 65px;
      position: relative;
      left: -65px;
      top: -32px; }
  .about-mid .b5 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 135px;
    left: 435px;
    font-size: 14px;
    color: #333; }
    .about-mid .b5 p {
      width: 65px;
      position: relative;
      left: 49px;
      top: -32px; }
  .about-mid .b6 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 366px;
    left: 135px;
    font-size: 14px;
    color: #333; }
    .about-mid .b6 p {
      width: 65px;
      position: relative;
      left: -10px;
      top: 13px; }
  .about-mid span:hover p {
    color: #46b6ef; }

.about-smo {
  width: 252px;
  margin: 0 auto;
  margin-top: -278px;
  display: block;
  position: relative; }
  .about-smo .b7 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 186px;
    left: -112px;
    font-size: 14px;
    color: #333; }
    .about-smo .b7 p {
      width: 65px;
      position: relative;
      left: -68px;
      top: -26px; }
  .about-smo .b8 {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 186px;
    left: 315px;
    font-size: 14px;
    color: #333; }
    .about-smo .b8 p {
      width: 65px;
      position: relative;
      left: 47px;
      top: -27px; }
  .about-smo span:hover p {
    color: #46b6ef; }
.masonry-brick{
  width: 227px\9;
}
/*# sourceMappingURL=style.css.map */