/* @font-face {*/
/*   font-family: 'iconfont';  */
/* project id 522266 */
/**/
/*   src: url('//at.alicdn.com/t/font_522266_wa5u0rw769lik9.eot');*/
/*   src: url('//at.alicdn.com/t/font_522266_wa5u0rw769lik9.eot?#iefix') format('embedded-opentype'),*/
/*   url('//at.alicdn.com/t/font_522266_wa5u0rw769lik9.woff') format('woff'),*/
/*   url('//at.alicdn.com/t/font_522266_wa5u0rw769lik9.ttf') format('truetype'),*/
/*   url('//at.alicdn.com/t/font_522266_wa5u0rw769lik9.svg#iconfont') format('svg');*/
/* }*/
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

.w1400 {
  width: 1400px;
  margin: 0 auto; }

.w1200 {
  width: 1200px;
  margin: 0 auto; }

.w700 {
  width: 700px;
  margin: 0 auto; }

body {
  min-width: 1200px; }

.dataImg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0; }

.js-m {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

.js-m-tit {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease .2s;
  -o-transition: all .3s ease .2s;
  -moz-transition: all .3s ease .2s;
  transition: all .3s ease .2s; }

.js-m-tit-delay {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease .3s;
  -o-transition: all .3s ease .3s;
  -moz-transition: all .3s ease .3s;
  transition: all .3s ease .3s; }

.js-m-delay {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease .1s;
  -o-transition: all .3s ease .1s;
  -moz-transition: all .3s ease .1s;
  transition: all .3s ease .1s; }

.translate-move {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100); }

.foot_top_body {
  opacity: 1 !important; }

.foot_top_fl ul li a {
  font-size: 16px;
  color: #999; }

.foot_top_cen div {
  font-size: 18px; }
.foot_top_cen a {
  font-size: 28px;
  display: inline-block;
  margin-top: 10px; }
.foot_top_cen p {
  font-size: 16px;
  color: #999;
  line-height: 26px;
  margin-top: 5px; }

.foot_cen {
  opacity: 1 !important; }

.foot_bot_body {
  opacity: 1 !important; }

.distribution {
  font-family: STXihei, Arial, Sans; }
  .distribution .distribution-banner {
    width: 100%;
    height: 700px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%; }
    .distribution .distribution-banner img {
      width: 100%; }
    .distribution .distribution-banner .banner-text {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 60%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .distribution .distribution-banner .banner-text h1 {
        font-size: 72px;
        line-height: 72px;
        margin-bottom: 40px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: normal; }
      .distribution .distribution-banner .banner-text h3 {
        font-size: 32px;
        line-height: 32px;
        font-weight: normal; }
  .distribution .main-wrap .wrap1 {
    background: #e7e7e7;
    padding-bottom: 76px; }
    .distribution .main-wrap .wrap1 .tit {
      text-align: center; }
      .distribution .main-wrap .wrap1 .tit p {
        font-size: 40px;
        line-height: 40px;
        color: #2b2b2b; }
      .distribution .main-wrap .wrap1 .tit span {
        font-size: 28px;
        line-height: 28px;
        display: block;
        margin-top: 18px; }
      .distribution .main-wrap .wrap1 .tit i {
        font-family: sans-serif; }
    .distribution .main-wrap .wrap1 .lists {
      margin-top: 90px; }
      .distribution .main-wrap .wrap1 .lists ul li {
        float: left;
        width: 25%;
        height: 360px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding: 50px 46px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease; }
        .distribution .main-wrap .wrap1 .lists ul li dl dt {
          width: 100px;
          margin: 0 auto; }
          .distribution .main-wrap .wrap1 .lists ul li dl dt img {
            width: 100%; }
        .distribution .main-wrap .wrap1 .lists ul li dl dd p {
          margin: 30px 0;
          font-size: 24px; }
        .distribution .main-wrap .wrap1 .lists ul li dl dd div {
          font-size: 16px; }
        .distribution .main-wrap .wrap1 .lists ul li:hover {
          background: #fff;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          -webkit-box-shadow: 0 0 10px #ddd;
          -moz-box-shadow: 0 0 10px #ddd;
          box-shadow: 0 0 10px #ddd; }
  .distribution .main-wrap .wrap2 {
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    height: 799px; }
    .distribution .main-wrap .wrap2 .tit h3 {
      padding-top: 85px;
      font-size: 40px;
      line-height: 40px;
      color: #f58e00;
      text-align: center;
      font-weight: normal; }
    .distribution .main-wrap .wrap2 .box {
      width: 100%;
      height: 480px;
      margin-top: 86px;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 50px 95px;
      background: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      .distribution .main-wrap .wrap2 .box .middle-img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .distribution .main-wrap .wrap2 .box .left-img {
        position: absolute;
        left: 26px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
      .distribution .main-wrap .wrap2 .box .right-img {
        position: absolute;
        right: 26px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
      .distribution .main-wrap .wrap2 .box .content {
        width: 46%; }
        .distribution .main-wrap .wrap2 .box .content .tit {
          padding-bottom: 25px;
          border-bottom: 1px solid #cfcfcf;
          margin-bottom: 18px;
          font-size: 32px;
          line-height: 32px; }
        .distribution .main-wrap .wrap2 .box .content li {
          height: 60px;
          line-height: 60px;
          font-size: 20px;
          color: #222;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: 1px solid #cfcfcf; }
          .distribution .main-wrap .wrap2 .box .content li:last-child {
            border: none; }
      .distribution .main-wrap .wrap2 .box .left-content .tit {
        color: #f58e00; }
      .distribution .main-wrap .wrap2 .box .left-content .active {
        color: #f58e00; }
      .distribution .main-wrap .wrap2 .box .right-content .tit {
        color: #6d768a;
        text-align: right; }
      .distribution .main-wrap .wrap2 .box .right-content .active {
        color: #6d768a; }
      .distribution .main-wrap .wrap2 .box .right-content li {
        padding-left: 116px; }
  .distribution .main-wrap .wrap3 {
    background: #e7e7e7;
    padding: 70px 0 80px 0; }
    .distribution .main-wrap .wrap3 .tit {
      text-align: center;
      color: #333333; }
      .distribution .main-wrap .wrap3 .tit p {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px; }
      .distribution .main-wrap .wrap3 .tit span {
        display: block;
        font-size: 28px;
        line-height: 28px; }
    .distribution .main-wrap .wrap3 .wrap3-banner {
      position: relative; }
      .distribution .main-wrap .wrap3 .wrap3-banner .btns > div {
        position: absolute;
        bottom: 0;
        z-index: 999;
        cursor: pointer; }
      .distribution .main-wrap .wrap3 .wrap3-banner .btns .prev {
        right: 46.4285714286%; }
      .distribution .main-wrap .wrap3 .wrap3-banner .btns .next {
        left: 53.5714285714%; }
    .distribution .main-wrap .wrap3 .swiper-container {
      margin-top: 98px;
      width: 100%;
      height: 560px; }
      .distribution .main-wrap .wrap3 .swiper-container .right {
        width: 46.4285714286%;
        background: #fff;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 56px 40px 22px 40px;
        position: relative; }
        .distribution .main-wrap .wrap3 .swiper-container .right .tit p {
          font-size: 40px;
          line-height: 40px;
          color: #333; }
        .distribution .main-wrap .wrap3 .swiper-container .right .tit span {
          display: block;
          font-size: 16px;
          color: #999; }
        .distribution .main-wrap .wrap3 .swiper-container .right .desc {
          margin-top: 28px;
          color: #666;
          font-size: 16px;
          line-height: 30px; }
        .distribution .main-wrap .wrap3 .swiper-container .right .code {
          text-align: center;
          margin-top: 30px;
          font-size: 16px;
          color: #999; }
          .distribution .main-wrap .wrap3 .swiper-container .right .code p {
            line-height: 30px; }
        .distribution .main-wrap .wrap3 .swiper-container .right .link {
          text-align: right;
          position: absolute;
          bottom: 22px;
          right: 40px;
          color: #999;
          font-size: 16px; }
          .distribution .main-wrap .wrap3 .swiper-container .right .link span {
            margin: 0 10px; }
      .distribution .main-wrap .wrap3 .swiper-container .left {
        width: 53.5714285714%;
        height: 100%; }
        .distribution .main-wrap .wrap3 .swiper-container .left img {
          width: 100%; }
  .distribution .main-wrap .wrap4 {
    height: 390px;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    .distribution .main-wrap .wrap4 .tit {
      color: #fff;
      text-align: center;
      padding-top: 76px; }
      .distribution .main-wrap .wrap4 .tit p {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px; }
      .distribution .main-wrap .wrap4 .tit span {
        display: block;
        font-size: 24px;
        line-height: 24px; }
    .distribution .main-wrap .wrap4 form {
      margin-top: 70px; }
      .distribution .main-wrap .wrap4 form input {
        background: none;
        border: 1px solid #989898;
        height: 56px;
        line-height: 56px;
        width: 24%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 16px;
        color: #999;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-right: 10px; }
      .distribution .main-wrap .wrap4 form input:focus {
        border-color: #0166ce; }
      .distribution .main-wrap .wrap4 form input::-webkit-input-placeholder, .distribution .main-wrap .wrap4 form textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999; }
      .distribution .main-wrap .wrap4 form input:-moz-placeholder, .distribution .main-wrap .wrap4 form textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #999; }
      .distribution .main-wrap .wrap4 form input::-moz-placeholder, .distribution .main-wrap .wrap4 form textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #999; }
      .distribution .main-wrap .wrap4 form input:-ms-input-placeholder, .distribution .main-wrap .wrap4 form textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #999; }
      .distribution .main-wrap .wrap4 form button {
        position: relative;
        top: 4px;
        width: 270px;
        height: 56px;
        line-height: 56px;
        color: #fff;
        font-size: 24px;
        background: #0166ce;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }

.news .news-banner {
  width: 100%;
  height: 430px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0; }
.news .main-wrap {
  margin-top: 40px;
  margin-bottom: 95px; }
  .news .main-wrap .breadcrumb {
    margin-bottom: 25px;
    font-size: 16px; }
    .news .main-wrap .breadcrumb ul {
      overflow: hidden; }
      .news .main-wrap .breadcrumb ul li {
        float: left; }
        .news .main-wrap .breadcrumb ul li i {
          margin: 0 5px; }
  .news .main-wrap .left-wrap {
    width: 69.2857142857%; }
    .news .main-wrap .left-wrap .page {
      font-size: 0; }
      .news .main-wrap .left-wrap .page a {
        padding: 14px 21px;
        border: 1px solid #d2d2d2;
        font-size: 16px;
        color: #999;
        margin-right: -1px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease; }
        .news .main-wrap .left-wrap .page a:hover {
          background-color: #0166ce;
          color: #fff; }
      .news .main-wrap .left-wrap .page .active {
        background-color: #0166ce;
        color: #fff; }
      .news .main-wrap .left-wrap .page .changePage {
        background-color: #f5f5f5; }
    .news .main-wrap .left-wrap .lists .list {
      padding-bottom: 52px;
      margin-bottom: 70px;
      border-bottom: 1px solid #dcdcdc; }
      .news .main-wrap .left-wrap .lists .list:last-child {
        margin-bottom: 60px; }
      .news .main-wrap .left-wrap .lists .list .img {
        width: 640px;
        height: 380px;
        overflow: hidden; }
        .news .main-wrap .left-wrap .lists .list .img img {
          width: 100%; }
      .news .main-wrap .left-wrap .lists .list .msg {
        margin-top: 50px;
        font-size: 16px;
        color: #999; }
        .news .main-wrap .left-wrap .lists .list .msg span {
          margin-right: 30px; }
      .news .main-wrap .left-wrap .lists .list .text {
        margin-top: 30px; }
        .news .main-wrap .left-wrap .lists .list .text h3 {
          font-size: 24px;
          line-height: 24px;
          color: #333; }
        .news .main-wrap .left-wrap .lists .list .text .desc {
          margin-top: 20px;
          font-size: 16px;
          color: #666;
          line-height: 24px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
        .news .main-wrap .left-wrap .lists .list .text .read-more {
          margin-top: 25px;
          display: block;
          width: 128px;
          height: 44px;
          line-height: 42px;
          font-size: 14px;
          color: #0166ce;
          font-weight: bold;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border: 2px solid #0166ce;
          text-transform: uppercase;
          text-align: center;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease; }
      .news .main-wrap .left-wrap .lists .list:hover .read-more {
        background: #0166ce;
        color: #fff; }
      .news .main-wrap .left-wrap .lists .list:hover .text h3 {
        color: #0166ce; }
  .news .main-wrap .right-wrap {
    width: 30.7142857143%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 90px; }
    .news .main-wrap .right-wrap .search .keyword {
      width: 60%;
      height: 18px;
      padding: 16px;
      line-height: 18px;
      font-size: 16px;
      color: #666;
      border: 1px solid #dcdcdc;
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      border-top-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-bottom-left-radius: 3px; }
    .news .main-wrap .right-wrap .search input::-webkit-input-placeholder, .news .main-wrap .right-wrap .search textarea::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #999; }
    .news .main-wrap .right-wrap .search input:-moz-placeholder, .news .main-wrap .right-wrap .search textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #999; }
    .news .main-wrap .right-wrap .search input::-moz-placeholder, .news .main-wrap .right-wrap .search textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #999; }
    .news .main-wrap .right-wrap .search input:-ms-input-placeholder, .news .main-wrap .right-wrap .search textarea:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #999; }
    .news .main-wrap .right-wrap .search button {
      width: 70px;
      height: 52px;
      line-height: 52px;
      text-align: center;
      background-color: #0166ce;
      border: none;
      -webkit-border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      border-bottom-right-radius: 3px; }
      .news .main-wrap .right-wrap .search button i {
        color: #fff;
        font-size: 30px; }
    .news .main-wrap .right-wrap .information {
      margin-top: 30px;
      font-family: STSong; }
      .news .main-wrap .right-wrap .information p {
        font-size: 30px;
        line-height: 30px;
        color: #333; }
      .news .main-wrap .right-wrap .information span {
        display: block;
        margin-top: 12px;
        color: #d8d8d8;
        font-size: 20px;
        text-transform: uppercase; }
    .news .main-wrap .right-wrap .lists {
      margin-top: 20px; }
      .news .main-wrap .right-wrap .lists ul li {
        width: 100%;
        font-size: 20px;
        height: 64px;
        line-height: 64px;
        border-bottom: 1px solid #dcdcdc; }
        .news .main-wrap .right-wrap .lists ul li a {
          color: #333;
          display: block;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease; }
          .news .main-wrap .right-wrap .lists ul li a:hover {
            font-weight: bold;
            color: #0166ce;
            -webkit-transform: translate(10px);
            -moz-transform: translate(10px);
            -ms-transform: translate(10px);
            transform: translate(10px); }
        .news .main-wrap .right-wrap .lists ul li i {
          margin-right: 13px;
          font-size: 14px;
          font-weight: bold; }
      .news .main-wrap .right-wrap .lists ul li.active a {
        font-weight: bold;
        color: #0166ce; }

.newsDetails .main-wrap .left-wrap h3 {
  font-size: 30px;
  line-height: 30px;
  color: #222; }
.newsDetails .main-wrap .left-wrap .bshare-custom {
  display: inline-block;
  font-size: 16px; }
.newsDetails .main-wrap .left-wrap .msg {
  margin-top: 20px;
  font-size: 16px;
  color: #999; }
  .newsDetails .main-wrap .left-wrap .msg span {
    margin-right: 30px; }
  .newsDetails .main-wrap .left-wrap .msg .share {
    color: #333;
    cursor: pointer; }
  .newsDetails .main-wrap .left-wrap .msg .left-msg {
    height: 25px; }
  .newsDetails .main-wrap .left-wrap .msg .right-msg .prev i, .newsDetails .main-wrap .left-wrap .msg .right-msg .next i {
    color: #bebebe; }
  .newsDetails .main-wrap .left-wrap .msg .right-msg .return {
    display: inline-blcok;
    margin: 0 10px; }
    .newsDetails .main-wrap .left-wrap .msg .right-msg .return i {
      font-weight: bold;
      color: #404040; }
  .newsDetails .main-wrap .left-wrap .msg .shareDetail {
    display: none; }
    .newsDetails .main-wrap .left-wrap .msg .shareDetail i {
      display: inline-block;
      font-size: 20px;
      padding: 0 10px; }
  .newsDetails .main-wrap .left-wrap .msg .shareDetail-show {
    display: block; }
.newsDetails .main-wrap .left-wrap .content {
  margin-top: 20px;
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px dashed #e5e5e5; }
  .newsDetails .main-wrap .left-wrap .content p {
    font-size: 16px;
    color: #222;
    line-height: 30px;
    text-align: justify }
.newsDetails .main-wrap .left-wrap .bottom {
  margin-top: 35px; }
  .newsDetails .main-wrap .left-wrap .bottom .return {
    font-size: 16px;
    color: #333; }
    .newsDetails .main-wrap .left-wrap .bottom .return i {
      font-weight: bold;
      color: #404040; }
  .newsDetails .main-wrap .left-wrap .bottom .share {
    font-size: 16px;
    color: #666; }
    .newsDetails .main-wrap .left-wrap .bottom .share a {
      display: inline-block;
      padding: 0 10px; }
      .newsDetails .main-wrap .left-wrap .bottom .share a i {
        font-size: 20px; }
.newsDetails .main-wrap .left-wrap .more-news {
  margin-top: 45px; }
  .newsDetails .main-wrap .left-wrap .more-news .prev-news, .newsDetails .main-wrap .left-wrap .more-news .next-news {
    width: 48.4536082474%;
    height: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #e5e5e5; }
    .newsDetails .main-wrap .left-wrap .more-news .prev-news .strip, .newsDetails .main-wrap .left-wrap .more-news .next-news .strip {
      font-size: 24px;
      color: #222;
      line-height: 24px; }
    .newsDetails .main-wrap .left-wrap .more-news .prev-news .time, .newsDetails .main-wrap .left-wrap .more-news .next-news .time {
      font-size: 16px;
      color: #999;
      margin-top: 32px; }
    .newsDetails .main-wrap .left-wrap .more-news .prev-news .tit, .newsDetails .main-wrap .left-wrap .more-news .next-news .tit {
      font-size: 18px;
      margin-top: 10px;
      color: #222;
      overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
    .newsDetails .main-wrap .left-wrap .more-news .prev-news:hover, .newsDetails .main-wrap .left-wrap .more-news .next-news:hover {
      background-color: #0166ce;
      border-color: transparent; }
      .newsDetails .main-wrap .left-wrap .more-news .prev-news:hover .strip, .newsDetails .main-wrap .left-wrap .more-news .prev-news:hover .time, .newsDetails .main-wrap .left-wrap .more-news .prev-news:hover .tit, .newsDetails .main-wrap .left-wrap .more-news .next-news:hover .strip, .newsDetails .main-wrap .left-wrap .more-news .next-news:hover .time, .newsDetails .main-wrap .left-wrap .more-news .next-news:hover .tit {
        color: #fff; }

@-moz-keyframes mcolor {
  0% {
    color: #101010; }
  50% {
    color: #fff; }
  100% {
    color: #101010; } }
@keyframes mcolor {
  0% {
    color: #101010; }
  50% {
    color: #fff; }
  100% {
    color: #101010; } }
@-webkit-keyframes mcolor {
  0% {
    color: #101010; }
  50% {
    color: #fff; }
  100% {
    color: #101010; } }
@-moz-keyframes more {
  0% {
    left: -100%;
    color: #000; }
  50% {
    left: 0%;
    color: #fff; }
  100% {
    left: 100%;
    color: #000; } }
@keyframes more {
  0% {
    left: -100%;
    color: #000; }
  50% {
    left: 0%;
    color: #fff; }
  100% {
    left: 100%;
    color: #000; } }
@-webkit-keyframes more {
  0% {
    left: -100%;
    color: #000; }
  50% {
    left: 0%;
    color: #fff; }
  100% {
    left: 100%;
    color: #000; } }
@-moz-keyframes arrowDown {
  0% {
    opacity: .9;
    bottom: 40px; }
  50% {
    opacity: 0.2;
    bottom: 20px; }
  100% {
    opacity: .9;
    bottom: 40px; } }
@keyframes arrowDown {
  0% {
    opacity: .9;
    bottom: 40px; }
  50% {
    opacity: 0.2;
    bottom: 20px; }
  100% {
    opacity: .9;
    bottom: 40px; } }
@-webkit-keyframes arrowDown {
  0% {
    opacity: .9;
    bottom: 40px; }
  50% {
    opacity: 0.2;
    bottom: 20px; }
  100% {
    opacity: .9;
    bottom: 40px; } }
.case .banner {
  width: 100%;
  height: 400px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0; }
  .case .banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff; }
    .case .banner .banner-text h1 {
      font-size: 48px;
      line-height: 48px;
      font-weight: normal; }
    .case .banner .banner-text h3 {
      margin-top: 20px;
      font-size: 36px;
      line-height: 36px;
      font-weight: normal; }
.case .main-wrap {
  padding-top: 40px;
  padding-bottom: 76px; }
  .case .main-wrap .navBar ul li {
    float: left;
    font-size: 18px;
    margin-right: 3px;
    width: 135px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #f5f5f5;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .case .main-wrap .navBar ul li a {
      color: #666;
      display: block; }
    .case .main-wrap .navBar ul li:hover {
      background: #0166ce; }
      .case .main-wrap .navBar ul li:hover a {
        color: #fff; }
    .case .main-wrap .navBar ul li.first {
      width: 74px; }
  .case .main-wrap .navBar ul .active {
    background: #0166ce; }
    .case .main-wrap .navBar ul .active a {
      color: #fff; }
  .case .main-wrap .case-box {
    margin-top: 22px; }
    .case .main-wrap .case-box ul {
      width: 101.6%; }
      .case .main-wrap .case-box ul li {
        float: left;
        width: 31.7%;
        margin-right: 1.6%;
        margin-bottom: 20px; }
        .case .main-wrap .case-box ul li .case-img {
          overflow: hidden; }
          .case .main-wrap .case-box ul li .case-img img {
            width: 100%;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease; }
        .case .main-wrap .case-box ul li .case-txt {
          padding: 10px 60px 10px 0px;
          position: relative;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease; }
          .case .main-wrap .case-box ul li .case-txt .case-title {
            font-size: 20px;
            line-height: 35px;
            height: 35px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .case .main-wrap .case-box ul li .case-txt p {
            color: #666;
            font-size: 16px;
            line-height: 24px;
            height: 24px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .case .main-wrap .case-box ul li .case-txt em {
            color: #999;
            font-size: 16px;
            font-style: italic;
            margin-top: 10px;
            display: block; }
          .case .main-wrap .case-box ul li .case-txt i {
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 30px;
            line-height: 50px;
            color: #DCDCDC;
            opacity: 0;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease; }
        .case .main-wrap .case-box ul li:hover .case-img img {
          -webkit-transform: scale(1.2, 1.2);
          -ms-transform: scale(1.2, 1.2);
          -moz-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2); }
        .case .main-wrap .case-box ul li:hover .case-txt {
          padding: 10px 60px 10px 10px; }
          .case .main-wrap .case-box ul li:hover .case-txt i {
            opacity: 1;
            right: 10px; }
    .case .main-wrap .case-box .case-more a {
      display: block;
      width: 250px;
      height: 42px;
      text-align: center;
      line-height: 42px;
      font-size: 18px;
      color: #fff;
      margin: 20px auto 0;
      position: relative;
      opacity: 1;
      border: 2px solid #0166ce;
      overflow: hidden; }
      .case .main-wrap .case-box .case-more a span {
        position: relative;
        z-index: 20;
        text-transform: uppercase;
        color: #0166ce; }
      .case .main-wrap .case-box .case-more a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background: #0166ce;
        transition: width 0.5s ease; }
      .case .main-wrap .case-box .case-more a:hover span {
        color: #fff; }
      .case .main-wrap .case-box .case-more a:hover:after {
        width: 100%; }

.caseDetails .bshare-custom {
  line-height: 68px !important; }
.caseDetails .banner {
  width: 100%;
  height: 580px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0; }
  .caseDetails .banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff; }
    .caseDetails .banner .banner-text h1 {
      font-size: 48px;
      line-height: 48px;
      font-weight: normal;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .caseDetails .banner .banner-text h3 {
      margin-top: 30px;
      font-size: 24px;
      line-height: 24px;
      font-weight: normal;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .caseDetails .banner .arrow-down {
    position: absolute;
    left: 50%;
    bottom: 60px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    -webkit-animation: arrowDown 2s ease-out infinite;
    -moz-animation: arrowDown 2s ease-out infinite;
    animation: arrowDown 2s ease-out infinite; }
    .caseDetails .banner .arrow-down i {
      font-size: 30px;
      color: #fff; }
.caseDetails .main-wrap {
  background: #f5f5f5;
  padding-top: 40px;
  padding-bottom: 80px; }
  .caseDetails .main-wrap .caseDetails-box {
    background: #fff;
    padding-bottom: 80px; }
    .caseDetails .main-wrap .caseDetails-box .share {
      width: 100%;
      height: 68px;
      line-height: 68px;
      border-bottom: 1px solid #f5f5f5;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 40px; }
      .caseDetails .main-wrap .caseDetails-box .share .top-left {
        font-size: 18px;
        color: #666;
        height: 68px;
        line-height: 68px; }
        .caseDetails .main-wrap .caseDetails-box .share .top-left i {
          display: inline-blcok;
          padding: 0 10px;
          font-size: 26px; }
      .caseDetails .main-wrap .caseDetails-box .share .top-right {
        font-size: 18px; }
        .caseDetails .main-wrap .caseDetails-box .share .top-right i {
          color: #bebebe;
          font-size: 20px; }
        .caseDetails .main-wrap .caseDetails-box .share .top-right .return {
          padding: 0 16px;
          margin: 0 18px;
          border-left: 1px solid #f5f5f5;
          border-right: 1px solid #f5f5f5;
          display: inline-block;
          height: 100%; }
          .caseDetails .main-wrap .caseDetails-box .share .top-right .return i {
            color: #353535; }
    .caseDetails .main-wrap .caseDetails-box .content {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 50px  40px 0 40px; }
      .caseDetails .main-wrap .caseDetails-box .content h3 {
        font-size: 30px;
        line-height: 30px;
        font-weight: normal;
        color: #222; }
      .caseDetails .main-wrap .caseDetails-box .content .link {
        font-size: 16px;
        color: #666;
        margin-top: 20px; }
        .caseDetails .main-wrap .caseDetails-box .content .link a {
          text-decoration: underline; }
      .caseDetails .main-wrap .caseDetails-box .content .desc {
        font-size: 16px;
        color: #666;
        line-height: 26px;
        margin-top: 50px; }
      .caseDetails .main-wrap .caseDetails-box .content .img {
        width: 100%;
        border-bottom: 1px solid #f5f5f5;
        margin-top: 40px; }
        .caseDetails .main-wrap .caseDetails-box .content .img img {
          width: 100%; }
    .caseDetails .main-wrap .caseDetails-box .view-site {
      margin-top: 52px; }
      .caseDetails .main-wrap .caseDetails-box .view-site a {
        display: block;
        width: 250px;
        height: 42px;
        margin: 0 auto;
        text-align: center;
        line-height: 42px;
        border: 2px solid #0166ce;
        font-size: 18px;
        color: #0166ce;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease; }
        .caseDetails .main-wrap .caseDetails-box .view-site a:hover {
          background: #0166ce;
          color: #fff; }
  .caseDetails .main-wrap .recommend-case h3 {
    font-size: 24px;
    line-height: 24px;
    color: #0166ce;
    font-weight: normal;
    margin: 46px 0 36px 0; }
  .caseDetails .main-wrap .case-box {
    overflow: hidden; }
    .caseDetails .main-wrap .case-box ul {
      width: 101.6%; }
      .caseDetails .main-wrap .case-box ul li {
        float: left;
        width: 31.7%;
        margin-right: 1.6%;
        margin-bottom: 20px; }
        .caseDetails .main-wrap .case-box ul li .case-img {
          overflow: hidden; }
          .caseDetails .main-wrap .case-box ul li .case-img img {
            width: 100%;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease; }
        .caseDetails .main-wrap .case-box ul li .case-txt {
          padding: 10px 60px 10px 0px;
          position: relative;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease; }
          .caseDetails .main-wrap .case-box ul li .case-txt .case-title {
            font-size: 20px;
            line-height: 35px;
            height: 35px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .caseDetails .main-wrap .case-box ul li .case-txt p {
            color: #666;
            font-size: 16px;
            line-height: 24px;
            height: 24px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .caseDetails .main-wrap .case-box ul li .case-txt em {
            color: #999;
            font-size: 16px;
            font-style: italic;
            margin-top: 10px;
            display: block; }
          .caseDetails .main-wrap .case-box ul li .case-txt i {
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 30px;
            line-height: 50px;
            color: #DCDCDC;
            opacity: 0;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease; }
        .caseDetails .main-wrap .case-box ul li:hover .case-img img {
          -webkit-transform: scale(1.2, 1.2);
          -ms-transform: scale(1.2, 1.2);
          -moz-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2); }
        .caseDetails .main-wrap .case-box ul li:hover .case-txt {
          padding: 10px 60px 10px 10px; }
          .caseDetails .main-wrap .case-box ul li:hover .case-txt i {
            opacity: 1;
            right: 10px; }
    .caseDetails .main-wrap .case-box .case-more a {
      display: block;
      width: 250px;
      height: 42px;
      text-align: center;
      line-height: 42px;
      font-size: 18px;
      color: #0166ce;
      margin: 20px auto 0;
      position: relative;
      opacity: 1;
      border: 2px solid #0166ce;
      overflow: hidden; }
      .caseDetails .main-wrap .case-box .case-more a span {
        position: relative;
        z-index: 20;
        text-transform: uppercase; }
      .caseDetails .main-wrap .case-box .case-more a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background: #0166ce;
        transition: width 0.5s ease; }
      .caseDetails .main-wrap .case-box .case-more a:hover span {
        color: #fff; }
      .caseDetails .main-wrap .case-box .case-more a:hover:after {
        width: 100%; }

.culture .banner {
  width: 100%;
  height: 600px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0; }
  .culture .banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff; }
    .culture .banner .banner-text h3 {
      font-size: 48px;
      line-height: 48px;
      font-weight: normal;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
.culture .main-wrap {
  padding: 33px 0;
  background-color: #f5f5f5; }
  .culture .main-wrap .wrapper1 .item-box {
    width: 49.062049062%;
    height: 350px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }
    .culture .main-wrap .wrapper1 .item-box:hover {
      -webkit-box-shadow: 0 0 20px #d9d9d9;
      -moz-box-shadow: 0 0 20px #d9d9d9;
      box-shadow: 0 0 20px #d9d9d9;
      -webkit-transform: translate(2px, 2px);
      -moz-transform: translate(2px, 2px);
      -ms-transform: translate(2px, 2px);
      transform: translate(2px, 2px); }
    .culture .main-wrap .wrapper1 .item-box .icon {
      width: 40px;
      height: 40px;
      line-height:40px;
      color: #000; }
      .culture .main-wrap .wrapper1 .item-box .icon .iconfont {
        font-size: 40px; }
    .culture .main-wrap .wrapper1 .item-box h3 {
      margin-top: 20px;
      font-size: 30px;
      line-height: 30px;
      color: #333;
      font-weight: normal; }
    .culture .main-wrap .wrapper1 .item-box .text {
      margin-top: 50px;
      font-size: 18px;
      color: #333;
      line-height: 32px; }
  .culture .main-wrap .wrapper1 .left-box, .culture .main-wrap .wrapper1 .right-box {
    width: 49.5%;
    overflow: hidden; }
  .culture .main-wrap .wrapper1 .box1 {
    height: 715px; }
    .culture .main-wrap .wrapper1 .box1 .left-box .box1-left-top {
      margin-bottom: 15px;
      height: 350px; }
      .culture .main-wrap .wrapper1 .box1 .left-box .box1-left-top img {
        width: 100%; }
    .culture .main-wrap .wrapper1 .box1 .right-box {
      height: 715px; }
      .culture .main-wrap .wrapper1 .box1 .right-box .right-box-left {
        position: relative;
        height: 100%; }
        .culture .main-wrap .wrapper1 .box1 .right-box .right-box-left .item-box {
          width: 100%;
          position: absolute;
          top: 0; }
        .culture .main-wrap .wrapper1 .box1 .right-box .right-box-left img {
          width: 100%;
          height: 100%; }
      .culture .main-wrap .wrapper1 .box1 .right-box > div {
        width: 49.062049062%; }
        .culture .main-wrap .wrapper1 .box1 .right-box > div .img {
          height: 350px; }
        .culture .main-wrap .wrapper1 .box1 .right-box > div .item-box {
          width: 100%; }
      .culture .main-wrap .wrapper1 .box1 .right-box .right-box-right .img {
        margin-bottom: 15px; }
  .culture .main-wrap .wrapper1 .box2 {
    margin-top: 13px;
    height: 350px; }
    .culture .main-wrap .wrapper1 .box2 .left-box .img {
      height: 350px;
      width: 49.062049062%; }
    .culture .main-wrap .wrapper1 .box2 .left-box img {
      width: 100%; }
    .culture .main-wrap .wrapper1 .box2 .right-box .img {
      height: 350px;
      width: 100%; }
  .culture .main-wrap .wrapper2 {
    margin-top: 40px;
    height: 450px;
    overflow: hidden; }
    .culture .main-wrap .wrapper2 .img {
      width: 58%;
      height: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    .culture .main-wrap .wrapper2 .text {
      width: 42%;
      height: 100%;
      background: #2b2b2b;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 80px 60px;
      font-size: 16px;
      line-height: 30px;
      color: #fff; }
      .culture .main-wrap .wrapper2 .text p {
        margin: 20px 0 25px 0; }
      .culture .main-wrap .wrapper2 .text h3 {
        font-weight: normal;
        font-size: 30px;
        line-height: 30px; }

.aboutUs .banner {
  width: 100%;
  height: 600px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0; }
  .aboutUs .banner .banner-content {
    position: absolute;
    width: 100%;
    bottom: 0; }
    .aboutUs .banner .banner-content .banner-box {
      width: 700px;
      height: 322px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 50px;
      background: #2b2b2b;
      color: #fefefe; }
      .aboutUs .banner .banner-content .banner-box .left h3 {
        font-size: 48px;
        line-height: 48px;
        font-weight: normal; }
      .aboutUs .banner .banner-content .banner-box .left p {
        text-transform: uppercase;
        font-size: 30px;
        line-height: 30px;
        margin-top: 16px; }
      .aboutUs .banner .banner-content .banner-box .left .line {
        margin-top: 80px;
        display: block;
        width: 30px;
        height: 2px;
        background: #d2d2d2; }
      .aboutUs .banner .banner-content .banner-box .right {
        margin-left: 120px; }
        .aboutUs .banner .banner-content .banner-box .right .about-desc {
          margin-bottom: 50px; }
          .aboutUs .banner .banner-content .banner-box .right .about-desc div {
            position: relative;
            display: inline-block;
            margin: 0 auto;
            padding-right: 20px; }
            .aboutUs .banner .banner-content .banner-box .right .about-desc div span {
              font-size: 60px;
              height: 60px;
              line-height: 60px;
              text-align: center;
              display: block;
              font-weight: lighter;
              color: #0166ce; }
            .aboutUs .banner .banner-content .banner-box .right .about-desc div i {
              position: absolute;
              top: -10px;
              right: -10px;
              font-size: 18px; }
          .aboutUs .banner .banner-content .banner-box .right .about-desc p {
            font-size: 16px;
            line-height: 16px;
            margin-top: 10px; }
.aboutUs .main-wrap .wrap1 .about-company {
  width: 100%;
  height: 400px; }
  .aboutUs .main-wrap .wrap1 .about-company .img {
    width: 50%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .aboutUs .main-wrap .wrap1 .about-company .text {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 65px 50px;
    color: #333; }
    .aboutUs .main-wrap .wrap1 .about-company .text p {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 30px; }
      .aboutUs .main-wrap .wrap1 .about-company .text p:last-child {
        margin-bottom: 0; }
.aboutUs .main-wrap .wrap1 .about-team {
  width: 100%;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 120px;
  font-size: 16px;
  color: #333;
  line-height: 30px; }
.aboutUs .main-wrap .wrap1 .about-business {
  margin-top: 45px; }
  .aboutUs .main-wrap .wrap1 .about-business ul li {
    float: left;
    width: 25%; }
    .aboutUs .main-wrap .wrap1 .about-business ul li .about-business-icon .icon {
      width: 50px;
      height: 50px; }
    .aboutUs .main-wrap .wrap1 .about-business ul li h3 {
      margin-top: 25px;
      font-size: 18px;
      line-height: 18px; }
    .aboutUs .main-wrap .wrap1 .about-business ul li .desc {
      margin-top: 30px;
      font-size: 16px;
      line-height: 26px; }
.aboutUs .main-wrap .wrap1 .about-mission {
  width: 100%;
  height: 400px;
  margin-top: 40px;
  position: relative;
  z-index: 99; }
  .aboutUs .main-wrap .wrap1 .about-mission .img {
    width: 50%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0; }
    .aboutUs .main-wrap .wrap1 .about-mission .img a {
      display: block;
      width: 100%;
      height: 100%; }
    .aboutUs .main-wrap .wrap1 .about-mission .img .img-text {
      text-align: center;
      color: #fff;
      position: absolute;
      top: 45%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .aboutUs .main-wrap .wrap1 .about-mission .img .img-text h3 {
        font-size: 60px;
        line-height: 60px;
        font-weight: normal; }
      .aboutUs .main-wrap .wrap1 .about-mission .img .img-text p {
        margin-top: 12px;
        text-transform: uppercase;
        font-size: 20px;
        opacity: 0.4;
        letter-spacing: 2px; }
    .aboutUs .main-wrap .wrap1 .about-mission .img .arrow {
      position: absolute;
      opacity: 0;
      top: 70%;
      left: 50%;
      -webkit-transform: translate(-50%) scale(2);
      -moz-transform: translate(-50%) scale(2);
      -ms-transform: translate(-50%) scale(2);
      transform: translate(-50%) scale(2);
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      background-color: #ddd;
      border: 1px solid rgba(255, 255, 255, 0.4);
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease; }
      .aboutUs .main-wrap .wrap1 .about-mission .img .arrow i {
        color: #999;
        font-size: 26px; }
    .aboutUs .main-wrap .wrap1 .about-mission .img:hover .arrow {
      opacity: 1;
      -webkit-transform: translate(-50%) scale(1);
      -moz-transform: translate(-50%) scale(1);
      -ms-transform: translate(-50%) scale(1);
      transform: translate(-50%) scale(1);
      visibility: visible; }
  .aboutUs .main-wrap .wrap1 .about-mission .text {
    width: 50%;
    height: 100%;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 90px; }
    .aboutUs .main-wrap .wrap1 .about-mission .text h3 {
      font-weight: normal;
      font-size: 30px;
      line-height: 30px; }
    .aboutUs .main-wrap .wrap1 .about-mission .text .desc {
      margin-top: 40px;
      font-size: 16px;
      line-height: 26px; }
.aboutUs .main-wrap .wrap2 {
  width: 100%;
  height: 670px; }
  .aboutUs .main-wrap .wrap2 .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 150px;
    height: 700px;
    position: relative;
    top: -80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .aboutUs .main-wrap .wrap2 .tit {
    text-align: center;
    font-size: 48px;
    line-height: 48px;
    position: relative; }
    .aboutUs .main-wrap .wrap2 .tit h3 {
      font-weight: normal; }
    .aboutUs .main-wrap .wrap2 .tit p {
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 18px; }
    .aboutUs .main-wrap .wrap2 .tit .line {
      width: 1px;
      height: 40px;
      background: #bfbfbf;
      position: absolute;
      left: 50%;
      bottom: -48px; }
      .aboutUs .main-wrap .wrap2 .tit .line i {
        position: absolute;
        width: 10px;
        height: 10px;
        top: 40px;
        left: -5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #202020; }
  .aboutUs .main-wrap .wrap2 .history-count {
    margin-top: 120px;
    width: 100%;
    position: relative; }
    .aboutUs .main-wrap .wrap2 .history-count .swiper-pagination {
      width: 100%;
      margin-top: 80px; }
      .aboutUs .main-wrap .wrap2 .history-count .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #15120d;
        background: none;
        opacity: 1;
        margin: 0 5px; }
      .aboutUs .main-wrap .wrap2 .history-count .swiper-pagination .swiper-pagination-bullet-active {
        background: #15120d; }
    .aboutUs .main-wrap .wrap2 .history-count .fullLine {
      width: 100%;
      position: absolute;
      top: 96px;
      left: 0;
      height: 1px;
      background: #ccc; }
    .aboutUs .main-wrap .wrap2 .history-count .container {
      position: relative; }
      .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list {
        margin: 0 auto;
        position: relative; }
        .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li {
          width: 25%;
          height: auto;
          float: left;
          overflow: hidden;
          padding-left: 50px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          position: relative;
          z-index: 3; }
          .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li div.en {
            display: block;
            height: auto;
            height: 65px;
            color: #24242a;
            padding-bottom: 35px; }
            .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li div.en .year {
              font-size: 40px;
              line-height: 40px;
              font-style: italic;
              font-weight: bold;
              font-family: Arial; }
              .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li div.en .year span {
                font-size: 18px;
                font-style: normal; }
            .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li div.en p {
              font-size: 16px; }
            .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li div.en .bottomLine {
              display: block;
              width: 85%;
              height: 3px;
              background-color: #bfbfbf;
              margin: 25px 0; }
          .aboutUs .main-wrap .wrap2 .history-count .container ul.history-list li .more {
            margin-top: 30px;
            font-size: 16px;
            line-height: 30px;
            color: #000; }
      .aboutUs .main-wrap .wrap2 .history-count .container .points {
        position: absolute;
        width: 100%;
        top: 90px;
        z-index: 99; }
        .aboutUs .main-wrap .wrap2 .history-count .container .points span {
          width: 11px;
          height: 11px;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          border-radius: 50px;
          background: #1b1b1b; }
.aboutUs .main-wrap .wrap3 {
  height: 550px;
  margin-top: 0;
  background: #f5f5f5; }
  .aboutUs .main-wrap .wrap3 .tit {
    color: #333; }
    .aboutUs .main-wrap .wrap3 .tit h3 {
      font-size: 36px;
      line-height: 36px;
      font-weight: normal; }
    .aboutUs .main-wrap .wrap3 .tit p {
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 18px; }
  .aboutUs .main-wrap .wrap3 .box-left {
    width: 70%; }
    .aboutUs .main-wrap .wrap3 .box-left .box-left-top {
      width: 100%;
      height: 145px;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 50px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
      .aboutUs .main-wrap .wrap3 .box-left .box-left-top .look {
        width: 160px;
        height: 45px;
        font-size: 16px;
        border: 1px solid #393744;
        color: #393744;
        text-align: center;
        line-height: 45px; }
    .aboutUs .main-wrap .wrap3 .box-left .box-left-bottom {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 60px 116px; }
      .aboutUs .main-wrap .wrap3 .box-left .box-left-bottom .img {
        padding: 9px;
        background: #fff; }
        .aboutUs .main-wrap .wrap3 .box-left .box-left-bottom .img img {
          width: 100%; }
      .aboutUs .main-wrap .wrap3 .box-left .box-left-bottom .lists {
        margin-left: 65px; }
        .aboutUs .main-wrap .wrap3 .box-left .box-left-bottom .lists ul li {
          font-size: 16px;
          line-height: 30px; }
  .aboutUs .main-wrap .wrap3 .box-right {
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 50px;
    height: 100%;
    background: #e9e9e9; }
    .aboutUs .main-wrap .wrap3 .box-right .tit {
      margin-bottom: 56px; }
    .aboutUs .main-wrap .wrap3 .box-right .text {
      margin: 5px 0 40px 0;
      font-size: 16px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 26px;
      line-height: 32px; }
    .aboutUs .main-wrap .wrap3 .box-right i {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 72px;
      line-height: 50px; }
.aboutUs .main-wrap .wrap4 {
  margin-top: 126px;
  background: #f5f5f5;
  padding: 80px 0; }
  .aboutUs .main-wrap .wrap4 h3 {
    text-align: center;
    font-size: 48px;
    line-height: 48px;
    font-weight: normal; }
    .aboutUs .main-wrap .wrap4 h3 p {
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 18px;
      font-weight: normal; }
  .aboutUs .main-wrap .wrap4 .img {
    margin-top: 40px;
    text-align: center; }
.aboutUs .main-wrap .wrap5 {
  height: 340px;
  margin-top: 50px; }
  .aboutUs .main-wrap .wrap5 .left-box {
    width: 48.5714285714%;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 45px 50px; }
    .aboutUs .main-wrap .wrap5 .left-box .tit {
      color: #fff; }
      .aboutUs .main-wrap .wrap5 .left-box .tit h3 {
        font-size: 30px;
        line-height: 30px;
        font-weight: normal; }
      .aboutUs .main-wrap .wrap5 .left-box .tit p {
        text-transform: uppercase;
        margin-top: 12px;
        font-size: 18px; }
    .aboutUs .main-wrap .wrap5 .left-box .img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .aboutUs .main-wrap .wrap5 .right-box {
    width: 48.5714285714%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-bottom: 4px solid #0166ce;
    border-right: 62px solid #0166ce;
    position: relative; }
    .aboutUs .main-wrap .wrap5 .right-box .img {
      position: absolute;
      bottom: -4px;
      right: 30px;
      z-index: 99; }
    .aboutUs .main-wrap .wrap5 .right-box .container {
      padding: 46px 0 0 60px;
      width: 250px;
      text-align: center; }
      .aboutUs .main-wrap .wrap5 .right-box .container .tit h3 {
        font-weight: normal;
        font-size: 30px;
        line-height: 30px;
        color: #222; }
      .aboutUs .main-wrap .wrap5 .right-box .container .tit p {
        margin-top: 12px;
        text-transform: uppercase;
        font-size: 18px;
        color: #999; }
      .aboutUs .main-wrap .wrap5 .right-box .container .position {
        margin-top: 30px;
        line-height: 30px;
        font-size: 18px; }
      .aboutUs .main-wrap .wrap5 .right-box .container .time {
        font-size: 14px;
        color: #999;
        line-height: 24px; }
      .aboutUs .main-wrap .wrap5 .right-box .container .case-more a {
        display: block;
        width: 150px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        margin: 40px auto 0;
        position: relative;
        opacity: 1;
        border: 2px solid #0166ce;
        overflow: hidden; }
        .aboutUs .main-wrap .wrap5 .right-box .container .case-more a span {
          position: relative;
          z-index: 20;
          text-transform: uppercase; }
        .aboutUs .main-wrap .wrap5 .right-box .container .case-more a:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #0166ce; }
        .aboutUs .main-wrap .wrap5 .right-box .container .case-more a:hover span {
          animation: mcolor 1s;
          -moz-animation: mcolor 1s;
          -webkit-animation: mcolor 1s;
          -o-animation: mcolor 1s; }
        .aboutUs .main-wrap .wrap5 .right-box .container .case-more a:hover:after {
          animation: more 1s;
          -moz-animation: more 1s;
          -webkit-animation: more 1s;
          -o-animation: more 1s; }
.aboutUs .main-wrap .wrap6 {
  margin-top: 70px; }
  .aboutUs .main-wrap .wrap6 .tit {
    text-align: center;
    color: #2b2b2b; }
    .aboutUs .main-wrap .wrap6 .tit h3 {
      font-size: 48px;
      line-height: 48px;
      font-weight: normal; }
    .aboutUs .main-wrap .wrap6 .tit p {
      font-size: 24px;
      line-height: 32px; }
  .aboutUs .main-wrap .wrap6 .lists {
    margin-top: 75px; }
    .aboutUs .main-wrap .wrap6 .lists ul li {
      float: left;
      width: 12.5%;
      height: 110px;
      line-height: 110px;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .aboutUs .main-wrap .wrap6 .lists ul li img {
        width: 100%;
        display: inline-block;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: 0.8;
        -webkit-transform: scale(0.9, 0.9);
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease; }
      .aboutUs .main-wrap .wrap6 .lists ul li:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }

.contactUs .header {
  height: 60px;
  overflow: hidden;
  padding: 20px 0;
  background: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .contactUs .header .nav ul li {
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    width: 104px; }
    .contactUs .header .nav ul li:first-child {
      width: 72px; }
    .contactUs .header .nav ul li a {
      color: #fff; }
      .contactUs .header .nav ul li a span {
        float: left;
        width: 0px;
        margin-right: 0px;
        height: 1px;
        background: #2b2b2b;
        margin-top: 30px;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s; }
      .contactUs .header .nav ul li a:hover span {
        width: 8px;
        margin-right: 5px; }
.contactUs .map {
  position: relative; }
  .contactUs .map .mapDetail {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    opacity: .8;
    z-index: 100000;
    cursor: pointer; }
    .contactUs .map .mapDetail .mapDetailInfo {
      position: absolute;
      left: 50%;
      top: 50%;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .contactUs .map .mapDetail .mapDetailInfo h3 {
        font-size: 28px;
        color: #fff;
        line-height: 28px; }
      .contactUs .map .mapDetail .mapDetailInfo a {
        color: #5c5c5c;
        display: inline-block;
        margin-top: 30px;
        padding-left: 40px;
        font-size: 20px;
        background: url(../img/market.png) left top no-repeat; }
  .contactUs .map #map {
    width: 100%;
    height: 600px; }
.contactUs .main-wrap {
  background: #f5f5f5;
  padding-top: 18px; }
  .contactUs .main-wrap .wrap1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 50px 38px; }
    .contactUs .main-wrap .wrap1 .tit {
      text-align: center; }
      .contactUs .main-wrap .wrap1 .tit h3 {
        font-size: 36px;
        line-height: 36px;
        font-weight: normal;
        color: #222; }
      .contactUs .main-wrap .wrap1 .tit p {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 18px;
        margin-top: 10px;
        color: #999; }
    .contactUs .main-wrap .wrap1 .content .left {
      width: 50%; }
    .contactUs .main-wrap .wrap1 .content .right {
      width: 50%;
      height: 500px; }
    .contactUs .main-wrap .wrap1 .content .lists {
      margin-top: 45px; }
      .contactUs .main-wrap .wrap1 .content .lists ul li {
        padding-left: 20px;
        margin-bottom: 30px;
        border-left: 1px solid #999; }
        .contactUs .main-wrap .wrap1 .content .lists ul li h3 {
          font-weight: normal;
          font-size: 24px;
          line-height: 24px;
          color: #222; }
        .contactUs .main-wrap .wrap1 .content .lists ul li p {
          font-size: 16px;
          line-height: 16px;
          color: #666;
          margin-top: 15px; }
  .contactUs .main-wrap .wrap2 {
    margin-top: 30px;
    height: 388px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 35px;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .contactUs .main-wrap .wrap2 .tit {
      text-align: center;
      color: #fff; }
      .contactUs .main-wrap .wrap2 .tit h3 {
        font-weight: normal;
        font-size: 36px;
        line-height: 36px; }
      .contactUs .main-wrap .wrap2 .tit p {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 18px;
        margin-top: 15px; }
    .contactUs .main-wrap .wrap2 .lists {
      margin-top: 30px; }
      .contactUs .main-wrap .wrap2 .lists ul li {
        width: 23%;
        margin-right: 2%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid #434343;
        color: #fff;
        font-size: 16px;
        padding: 15px 0; }
        .contactUs .main-wrap .wrap2 .lists ul li p {
          line-height: 26px; }
        .contactUs .main-wrap .wrap2 .lists ul li:last-child {
          margin-right: 0;
          border: 0; }
    .contactUs .main-wrap .wrap2 .complaint {
      margin-top: 38px;
      text-align: center; }
      .contactUs .main-wrap .wrap2 .complaint span {
        display: inline-block;
        width: 280px;
        height: 48px;
        line-height: 48px;
        margin: 0 8px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        border: 1px solid #bfbfbf; }
  .contactUs .main-wrap .wrap3 {
    background: #fff;
    margin-top: 34px;
    padding: 55px 0; }
    .contactUs .main-wrap .wrap3 h3 {
      font-weight: normal;
      font-size: 30px;
      line-height: 30px;
      color: #222;
      text-align: center; }
    .contactUs .main-wrap .wrap3 form {
      width: 760px;
      margin: 40px auto 0 auto; }
      .contactUs .main-wrap .wrap3 form .item {
        width: 105%; }
        .contactUs .main-wrap .wrap3 form .item input:-webkit-input-placeholder, .contactUs .main-wrap .wrap3 form .item textarea:-webkit-input-placeholder {
          /* WebKit browsers */
          color: #999; }
        .contactUs .main-wrap .wrap3 form .item input:-moz-placeholder, .contactUs .main-wrap .wrap3 form .item textarea:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #999; }
        .contactUs .main-wrap .wrap3 form .item input:-moz-placeholder, .contactUs .main-wrap .wrap3 form .item textarea:-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #999; }
        .contactUs .main-wrap .wrap3 form .item input:-ms-input-placeholder, .contactUs .main-wrap .wrap3 form .item textarea:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #999; }
        .contactUs .main-wrap .wrap3 form .item input {
          float: left;
          width: 45%;
          margin-right: 5%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 20px;
          height: 50px;
          line-height: 50px;
          border: 1px solid #e5e5e5;
          font-size: 14px; }
      .contactUs .main-wrap .wrap3 form textarea {
        margin-top: 20px;
        width: 100%;
        height: 180px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #e5e5e5;
        font-size: 14px;
        padding: 20px; }
      .contactUs .main-wrap .wrap3 form .submit {
        margin-top: 46px;
        text-align: center; }
        .contactUs .main-wrap .wrap3 form .submit button {
          width: 220px;
          height: 50px;
          line-height: 50px;
          text-align: center;
          border: 1px solid #111;
          font-size: 20px;
          color: #111;
          background: #fff;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease; }
          .contactUs .main-wrap .wrap3 form .submit button:hover {
            background: #111;
            color: #fff; }

.products .banner {
  width: 100%;
  height: 700px;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .products .banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff; }
    .products .banner .banner-text h1 {
      font-size: 48px;
      line-height: 48px;
      font-weight: normal;
      white-space: nowrap; }
    .products .banner .banner-text h3 {
      font-size: 18;
      line-height: 36px;
      font-weight: normal;
      text-transform: uppercase; }
.products .main-wrap {
  background-color: #f5f5f5; }
  .products .main-wrap .wrap1 .lists .list {
    width: 50%;
    height: 400px;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; }
    .products .main-wrap .wrap1 .lists .list .text {
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease; }
      .products .main-wrap .wrap1 .lists .list .text:hover {
        -webkit-transform: translate(10px, -10px);
        -moz-transform: translate(10px, -10px);
        -ms-transform: translate(10px, -10px);
        transform: translate(10px, -10px); }
      .products .main-wrap .wrap1 .lists .list .text a {
        color: #fff; }
    .products .main-wrap .wrap1 .lists .list .tit {
      color: #fff; }
      .products .main-wrap .wrap1 .lists .list .tit h3 {
        font-size: 30px;
        line-height: 30px; }
      .products .main-wrap .wrap1 .lists .list .tit .s-tit {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px; }
    .products .main-wrap .wrap1 .lists .list:nth-child(odd) .text {
      float: right; }
    .products .main-wrap .wrap1 .lists .list:nth-child(even) .text {
      float: left;
      padding-left: 90px; }
    .products .main-wrap .wrap1 .lists .list .content {
      position: relative;
      padding-left: 20px;
      font-size: 14px;
      margin-top: 20px; }
      .products .main-wrap .wrap1 .lists .list .content:before {
        content: "";
        width: 4px;
        height: 1px;
        position: absolute;
        top: 10px;
        left: 0;
        background-color: #fff; }
  .products .main-wrap .wrap2 {
    width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .products .main-wrap .wrap2 .text {
      padding-top: 80px;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease; }
      .products .main-wrap .wrap2 .text:hover {
        -webkit-transform: translate(10px, -10px);
        -moz-transform: translate(10px, -10px);
        -ms-transform: translate(10px, -10px);
        transform: translate(10px, -10px); }
      .products .main-wrap .wrap2 .text .tit {
        color: #333; }
        .products .main-wrap .wrap2 .text .tit h3 {
          font-size: 30px;
          line-height: 30px; }
        .products .main-wrap .wrap2 .text .tit .s-tit {
          font-size: 16px;
          line-height: 24px;
          margin-top: 15px; }
      .products .main-wrap .wrap2 .text .content {
        position: relative;
        padding-left: 20px;
        font-size: 14px;
        margin-top: 20px; }
        .products .main-wrap .wrap2 .text .content:before {
          content: "";
          width: 4px;
          height: 1px;
          position: absolute;
          top: 10px;
          left: 0;
          background-color: #666; }
  .products .main-wrap .wrap3 {
    margin-top: 54px; }
    .products .main-wrap .wrap3 .tit {
      text-align: center; }
      .products .main-wrap .wrap3 .tit h3 {
        font-weight: normal;
        font-size: 24px;
        color: #555;
        line-height: 30px; }
    .products .main-wrap .wrap3 .lists {
      margin-top: 100px; }
      .products .main-wrap .wrap3 .lists ul li {
        width: 25%;
        float: left; }
        .products .main-wrap .wrap3 .lists ul li .top {
          width: 100%;
          height: 100px;
          background-color: #2b2b2b;
          position: relative;
          text-align: center;
          font-size: 24px;
          color: #fff;
          line-height: 100px;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease; }
          .products .main-wrap .wrap3 .lists ul li .top span {
            position: absolute;
            width: 116px;
            height: 116px;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            background-color: #2b2b2b;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
            line-height: 116px;
            left: 50%;
            top: -46px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
            .products .main-wrap .wrap3 .lists ul li .top span i {
              font-size: 40px;
              color: #fff; }
          .products .main-wrap .wrap3 .lists ul li .top .tit {
            position: absolute;
            bottom: -10px;
            color: #fff;
            text-align: center;
            width: 100%; }
        .products .main-wrap .wrap3 .lists ul li .text {
          width: 100%;
          height: 390px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding-top: 86px;
          padding: 86px 40px 0 40px;
          font-size: 16px;
          color: #555;
          line-height: 30px; }
        .products .main-wrap .wrap3 .lists ul li .bottom {
          width: 100%;
          height: 100px;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center; }
        .products .main-wrap .wrap3 .lists ul li:nth-child(odd) .text {
          background-color: #fff; }
        .products .main-wrap .wrap3 .lists ul li:nth-child(even) .text {
          background-color: #f0f0f0; }
        .products .main-wrap .wrap3 .lists ul li:hover .top {
          background-color: #0166ce; }
          .products .main-wrap .wrap3 .lists ul li:hover .top span {
            background-color: #0166ce; }
  .products .main-wrap .wrap4 {
    margin-top: 75px;
    background-color: #fff;
    padding: 76px 0 86px 0; }
    .products .main-wrap .wrap4 h3 {
      font-size: 42px;
      line-height: 42px;
      color: #333;
      text-align: center; }
    .products .main-wrap .wrap4 .box {
      margin-top: 70px; }
      .products .main-wrap .wrap4 .box .top-box {
        position: relative;
        width: 1200px;
        margin: 0 auto; }
        .products .main-wrap .wrap4 .box .top-box .line {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 80%;
          height: 1px;
          border-bottom: 2px dashed #eee; }
        .products .main-wrap .wrap4 .box .top-box ul li {
          width: 20%;
          float: left; }
          .products .main-wrap .wrap4 .box .top-box ul li div {
            width: 106px;
            height: 106px;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            position: relative;
            z-index: 99;
            border: 1px solid #313131;
            background-color: #fff;
            margin: 0 auto;
            -webkit-transition: background 0.3s ease 0s;
            -o-transition: background 0.3s ease 0s;
            -moz-transition: background 0.3s ease 0s;
            transition: background 0.3s ease 0s; }
            .products .main-wrap .wrap4 .box .top-box ul li div i {
              line-height: 106px;
              font-size: 60px;
              position: relative;
              z-index: 999;
              color: #313131; }
            .products .main-wrap .wrap4 .box .top-box ul li div:hover {
              border: 1px solid #0166ce;
              background-color: #0166ce;
              overflow: hidden; }
              .products .main-wrap .wrap4 .box .top-box ul li div:hover i {
                color: #fff; }
              .products .main-wrap .wrap4 .box .top-box ul li div:hover .bg {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #0166ce; }
            .products .main-wrap .wrap4 .box .top-box ul li div .bg {
              display: block;
              width: 0;
              height: 0;
              left: 50%;
              top: 50%;
              -webkit-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              position: absolute;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              border-radius: 50%;
              overflow: hidden; }
          .products .main-wrap .wrap4 .box .top-box ul li:last-child {
            margin-right: 0; }
      .products .main-wrap .wrap4 .box .service-list {
        padding-top: 90px; }
        .products .main-wrap .wrap4 .box .service-list ul li {
          float: left;
          width: 20%;
          text-align: center; }
        .products .main-wrap .wrap4 .box .service-list dl {
          color: #333; }
          .products .main-wrap .wrap4 .box .service-list dl dt {
            font-size: 36px;
            line-height: 36px;
            margin-bottom: 30px; }
          .products .main-wrap .wrap4 .box .service-list dl dd {
            font-size: 16px;
            line-height: 30px; }
  .products .main-wrap .wrap5 {
    height: 390px;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    .products .main-wrap .wrap5 .tit {
      color: #fff;
      text-align: center;
      padding-top: 76px; }
      .products .main-wrap .wrap5 .tit p {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px; }
      .products .main-wrap .wrap5 .tit span {
        display: block;
        font-size: 24px;
        line-height: 24px; }
    .products .main-wrap .wrap5 form {
      margin-top: 70px; }
      .products .main-wrap .wrap5 form input {
        background: none;
        border: 1px solid #989898;
        height: 56px;
        line-height: 56px;
        width: 23%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 16px;
        color: #999;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-right: 10px; }
      .products .main-wrap .wrap5 form input:focus {
        border-color: #0166ce; }
      .products .main-wrap .wrap5 form input::-webkit-input-placeholder, .products .main-wrap .wrap5 form textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999; }
      .products .main-wrap .wrap5 form input:-moz-placeholder, .products .main-wrap .wrap5 form textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #999; }
      .products .main-wrap .wrap5 form input::-moz-placeholder, .products .main-wrap .wrap5 form textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #999; }
      .products .main-wrap .wrap5 form input:-ms-input-placeholder, .products .main-wrap .wrap5 form textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #999; }
      .products .main-wrap .wrap5 form button {
        position: relative;
        top: 4px;
        width: 270px;
        height: 56px;
        line-height: 56px;
        color: #fff;
        font-size: 24px;
        background: #0166ce;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }

/*# sourceMappingURL=style.css.map */