@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px;
  list-style: none;
  box-sizing: border-box; }

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  font-family: "PingFangSC-Regular", "Microsoft YaHei", STHeiti, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #666;
  background: #FFF;
  overflow-y: auto; }

a {
  text-decoration: none;
  color: #666; }

a img {
  border: none; }

i, em {
  font-style: normal; }

input {
  font-family: "PingFangSC-Regular", "Microsoft YaHei", STHeiti, Helvetica, Arial, sans-serif; }

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none; }

input[placeholder] {
  font-family: "PingFangSC-Regular", "Microsoft YaHei", STHeiti, Helvetica, Arial, sans-serif; }

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #f0f0f0; }

::-webkit-scrollbar-thumb {
  background-color: #9D9D9D; }

::-webkit-scrollbar-track {
  background-color: #f0f0f0; }

::selection {
  background: #F6D041;
  color: #FFF; }

::-moz-selection {
  background: #F6D041;
  color: #FFF; }

.move-300 {
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }

.move-400 {
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ease-in-block {
  opacity: 0;
  transform: translateY(80px) scale(1);
  transition: transform 0.9s ease 0s, opacity 0.9s ease 0s; }

.ease-in-block-delay, .ease-in-block-t {
  opacity: 0;
  transform: translateY(80px) scale(1);
  transition: transform 0.9s ease 0s, opacity 0.9s ease 0s; }

.ease-in-block-l {
  transition: transform 1.8s ease 0s, opacity 1.8s ease 0s; }

.ease-in-block-active {
  opacity: 1;
  transform: translateY(0) scale(1); }

.text-field {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: solid 1px #DDD;
  position: relative; }
  .text-field:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transform: scaleX(0); }
  .text-field label {
    float: left; }
  .text-field input {
    width: 70%;
    height: 32px;
    margin-top: 9px;
    border: none;
    outline: none;
    float: right;
    text-align: right; }
  .text-field .input-tip {
    display: none; }

.text-field-active:before {
  transform: scaleX(1); }

.text-field-err:before {
  background: #E20000;
  transform: scaleX(1); }
.text-field-err .input-tip {
  color: #E20000;
  font-size: 12px;
  display: block;
  position: absolute;
  height: 12px;
  line-height: 12px;
  right: 0px;
  bottom: -15px;
  text-align: right;
  z-index: 9; }

.select-field {
  width: 100%;
  height: 50px;
  position: relative;
  border-bottom: solid 1px #DDD;
  cursor: pointer; }
  .select-field label {
    height: 50px;
    line-height: 50px;
    float: left; }
  .select-field .select-area {
    height: 50px;
    float: right;
    width: 70%;
    cursor: pointer;
    padding-right: 26px; }
    .select-field .select-area .placeholder {
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: right;
      color: #D3D2D2; }
    .select-field .select-area .value {
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: right; }
    .select-field .select-area .icon {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 50px;
      line-height: 52px;
      color: #D3D2D2;
      font-size: 16px; }
  .select-field .hasVal .placeholder {
    display: none; }
  .select-field .option-item {
    position: absolute;
    right: -52px;
    top: 50px;
    width: 135px;
    max-height: 250px;
    background: #F5F5F5;
    z-index: 999;
    overflow-y: auto;
    transform: scale(0, 0);
    transform-origin: 0% 0%;
    transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
    .select-field .option-item .option {
      font-size: 12px;
      color: #666;
      width: 100%;
      height: 48px;
      border-bottom: solid 1px #EEE;
      line-height: 48px;
      padding-left: 12px;
      cursor: pointer; }
      .select-field .option-item .option:hover {
        background: #DDD; }
    .select-field .option-item .active {
      background: #666;
      color: #FFF; }
  .select-field .option-item-show {
    transform: scale(1, 1); }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@font-face {
  font-family: 'DINPro';
  src: url("../libs/font/DINPro-Light.otf"), url("../libs/font/DINPro-Light.ttf") format("truetype"); }
/********导航**********/
.top-nav-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 65px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 15px rgba(33, 28, 0, 0);
  background: rgba(255, 255, 255, 0);
  z-index: 999; }
  .top-nav-wrap .top-nav {
    width: 1080px;
    height: 65px;
    margin: 0px auto; }
    .top-nav-wrap .top-nav .logo {
      float: left;
      width: 105px;
      height: 100%;
      position: relative; }
      .top-nav-wrap .top-nav .logo img {
        position: absolute;
        display: block;
        left: 0px;
        top: 12px;
        height: 42px; }
      .top-nav-wrap .top-nav .logo .logo-b {
        z-index: 8; }
      .top-nav-wrap .top-nav .logo .logo-w {
        z-index: 9; }
    .top-nav-wrap .top-nav .nav-item {
      float: left;
      margin-left: 80px;
      height: 42px;
      line-height: 42px;
      margin-top: 12px; }
      .top-nav-wrap .top-nav .nav-item .nav {
        display: block;
        height: 42px;
        color: #FFF;
        margin: 0px 24px;
        float: left;
        position: relative; }
        .top-nav-wrap .top-nav .nav-item .nav:before {
          content: '';
          display: block;
          width: 56%;
          height: 2px;
          background: #FFF;
          position: absolute;
          bottom: 0px;
          left: 50%;
          margin-left: -28%;
          transform: scaleX(0);
          transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
        .top-nav-wrap .top-nav .nav-item .nav:hover:before {
          transform: scaleX(1); }
      .top-nav-wrap .top-nav .nav-item .cur-nav:before {
        transform: scaleX(1); }
      .top-nav-wrap .top-nav .nav-item .black:before {
        background: #000; }
    .top-nav-wrap .top-nav .oprate-item {
      float: right;
      height: 42px;
      line-height: 42px;
      margin-top: 12px; }
      .top-nav-wrap .top-nav .oprate-item .oprate {
        display: block;
        color: #FFF;
        margin-left: 48px;
        float: left;
        position: relative; }
        .top-nav-wrap .top-nav .oprate-item .oprate:before {
          content: '';
          display: block;
          width: 56%;
          height: 2px;
          background: #FFF;
          position: absolute;
          bottom: 0px;
          left: 50%;
          margin-left: -28%;
          transform: scaleX(0);
          transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
        .top-nav-wrap .top-nav .oprate-item .oprate:hover:before {
          transform: scaleX(1); }
      .top-nav-wrap .top-nav .oprate-item .black:before {
        background: #000; }
      .top-nav-wrap .top-nav .oprate-item .cur-oprate:before {
        transform: scaleX(1); }

.white-nav {
  background: white;
  box-shadow: 0px 0px 15px rgba(33, 28, 0, 0.2);
  border-bottom: solid 1px rgba(233, 233, 233, 0.5); }
  .white-nav .top-nav .nav-item .nav {
    color: #666; }
    .white-nav .top-nav .nav-item .nav:before {
      background: #666; }
  .white-nav .top-nav .oprate-item .oprate {
    color: #666; }
    .white-nav .top-nav .oprate-item .oprate:before {
      background: #666; }

/*********首页banner********/
.index-banner {
  width: 100%;
  height: 590px;
  position: relative; }
  .index-banner .scene {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .index-banner .scene .banner-bg-wrap {
      width: 100%;
      height: 100%;
      transform: scale(1.18); }
      .index-banner .scene .banner-bg-wrap .banner-bg {
        width: 100%;
        height: 100%; }
        .index-banner .scene .banner-bg-wrap .banner-bg img {
          width: 100%;
          height: 100%; }
    .index-banner .scene .text-wrap {
      width: 1080px;
      height: 460px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -230px;
      margin-left: -540px; }
      .index-banner .scene .text-wrap .text {
        width: 100%;
        height: 100%; }
        .index-banner .scene .text-wrap .text img {
          width: 100%;
          height: 100%; }
  .index-banner .down-arrow {
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -25px;
    z-index: 99;
    font-weight: bold;
    cursor: pointer; }

/******项目section******/
.bg-project-item {
  width: 100%;
  margin-top: 52px; }
  .bg-project-item .project-section-wrap {
    width: 1080px;
    margin: 0px auto; }
    .bg-project-item .project-section-wrap .project-section {
      margin-bottom: 36px; }
      .bg-project-item .project-section-wrap .project-section .info {
        float: right;
        width: 410px;
        height: 370px; }
        .bg-project-item .project-section-wrap .project-section .info .title {
          width: 100%;
          height: 140px; }
          .bg-project-item .project-section-wrap .project-section .info .title img {
            width: 100%;
            height: 100%; }
        .bg-project-item .project-section-wrap .project-section .info .content {
          margin-top: 18px;
          width: 380px;
          color: #333;
          line-height: 1.8em;
          margin-left: 30px; }
        .bg-project-item .project-section-wrap .project-section .info .button {
          display: block;
          width: 120px;
          height: 38px;
          color: #FFF;
          text-align: center;
          line-height: 38px;
          margin-top: 50px;
          float: right;
          margin-right: 0px;
          overflow: hidden; }
          .bg-project-item .project-section-wrap .project-section .info .button .wrap {
            width: 240px;
            margin-left: -120px;
            transition: all 300ms ease; }
            .bg-project-item .project-section-wrap .project-section .info .button .wrap .a {
              float: left;
              width: 120px;
              background: #F6D041; }
              .bg-project-item .project-section-wrap .project-section .info .button .wrap .a .iconfont {
                margin-left: 14px; }
            .bg-project-item .project-section-wrap .project-section .info .button .wrap .b {
              float: left;
              width: 120px;
              background: #333; }
              .bg-project-item .project-section-wrap .project-section .info .button .wrap .b .iconfont {
                margin-left: 14px; }
          .bg-project-item .project-section-wrap .project-section .info .button:hover .wrap {
            margin-left: 0px; }
      .bg-project-item .project-section-wrap .project-section .cover {
        width: 650px;
        height: 370px;
        float: left; }
        .bg-project-item .project-section-wrap .project-section .cover img {
          display: block;
          width: 100%;
          height: 100%; }
    .bg-project-item .project-section-wrap .left-text .info {
      float: left; }
      .bg-project-item .project-section-wrap .left-text .info .content {
        margin-left: 0px; }
      .bg-project-item .project-section-wrap .left-text .info .button {
        margin-right: 30px; }
    .bg-project-item .project-section-wrap .left-text .cover {
      float: right; }

/**********广告位********/
.adv-box {
  width: 100%; }
  .adv-box .adv {
    width: 1080px;
    height: 155px;
    display: block;
    margin: 28px auto; }
    .adv-box .adv img {
      width: 100%;
      height: 100%; }

/*******合作伙伴**********/
.hezuo-wrap {
  width: 100%; }
  .hezuo-wrap .hezuo-box {
    width: 1080px;
    margin: 28px auto;
    position: relative; }
    .hezuo-wrap .hezuo-box .title {
      font-size: 28px;
      text-align: center;
      margin: 0px auto 18px;
      font-weight: normal; }
    .hezuo-wrap .hezuo-box .sbtn {
      width: 36px;
      height: 50px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #333;
      font-size: 24px;
      position: absolute;
      top: 60%;
      margin-top: -25px;
      background: #FFF;
      transition: all 250ms ease;
      cursor: pointer; }
      .hezuo-wrap .hezuo-box .sbtn:hover {
        background: #F6D041;
        color: #FFF; }
    .hezuo-wrap .hezuo-box .pre {
      left: -36px;
      z-index: 99; }
    .hezuo-wrap .hezuo-box .next {
      right: -36px;
      z-index: 99; }
    .hezuo-wrap .hezuo-box .hezuo-item {
      width: 1114px;
      margin-left: -18px; }
      .hezuo-wrap .hezuo-box .hezuo-item .row {
        width: 20%;
        height: 80px;
        float: left;
        filter: grayscale(1) contrast(0);
        -webkit-filter: grayscale(1) contrast(0);
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        padding: 0px 18px;
        display: flex;
        align-items: center; }
        .hezuo-wrap .hezuo-box .hezuo-item .row img {
          width: 100%;
          height: auto;
          display: block;
          margin: 0px auto; }
        .hezuo-wrap .hezuo-box .hezuo-item .row:hover {
          filter: grayscale(0) contrast(1);
          -webkit-filter: grayscale(0) contrast(1); }

/*******返回顶部******/
.to-top {
  position: fixed;
  width: 45px;
  height: 45px;
  border: solid 1px #FFF;
  text-align: center;
  line-height: 43px;
  background: #292929;
  right: 0px;
  bottom: 70px;
  cursor: pointer;
  z-index: 999;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: #FFF;
  font-size: 20px;
  font-weight: bold; }
  .to-top:hover {
    background: #F6D041; }

/********底部*******/
.footer-wrap {
  width: 100%;
  margin-top: 50px; }
  .footer-wrap .email {
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #666;
    background: #F1F1F1; }
    .footer-wrap .email a {
      text-decoration: underline;
      font-weight: normal; }
  .footer-wrap .footer-content-wrap {
    width: 100%;
    padding: 50px 0px;
    background: #292929; }
    .footer-wrap .footer-content-wrap .footer-content {
      width: 1080px;
      margin: 0px auto; }
      .footer-wrap .footer-content-wrap .footer-content .copyright {
        float: left;
        font-size: 14px;
        color: #999;
        height: 42px;
        line-height: 42px; }
      .footer-wrap .footer-content-wrap .footer-content .share-item {
        float: left;
        height: 42px;
        line-height: 42px;
        color: #FFF;
        margin-left: 130px; }
        .footer-wrap .footer-content-wrap .footer-content .share-item label {
          float: left;
          margin-right: 12px; }
        .footer-wrap .footer-content-wrap .footer-content .share-item .share {
          display: block;
          width: 32px;
          height: 32px;
          margin: 5px 10px;
          float: left;
          text-align: center;
          line-height: 30px;
          color: #FFF;
          border: solid 1px #FFF;
          border-radius: 50%;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
          .footer-wrap .footer-content-wrap .footer-content .share-item .share:hover {
            border: solid 1px #F6D041;
            background: #F6D041;
            color: #292929; }
      .footer-wrap .footer-content-wrap .footer-content .logo {
        float: right;
        height: 42px; }
        .footer-wrap .footer-content-wrap .footer-content .logo img {
          height: 42px; }

/**********创业banner********/
.chuangye-banner {
  width: 100%;
  height: 570px;
  margin-bottom: 80px;
  position: relative; }
  .chuangye-banner .bg {
    width: 100%;
    height: 100%; }
  .chuangye-banner .bg-text {
    position: absolute;
    left: 50%;
    margin-left: -540px;
    top: 85px;
    z-index: 99;
    display: block;
    width: 1080px;
    height: 142px; }
  .chuangye-banner .form-box {
    position: absolute;
    width: 1080px;
    height: 400px;
    background: #FFF;
    left: 50%;
    margin-left: -540px;
    bottom: -70px; }
    .chuangye-banner .form-box .content {
      width: 100%;
      height: 350px;
      padding: 10px 60px 0px; }
      .chuangye-banner .form-box .content .form {
        width: 100%;
        height: 300px; }
        .chuangye-banner .form-box .content .form .left {
          width: 250px;
          float: left; }
          .chuangye-banner .form-box .content .form .left .upload-img-box {
            width: 100%;
            margin-top: 18px; }
            .chuangye-banner .form-box .content .form .left .upload-img-box .upload-img {
              float: left;
              width: 110px;
              height: 110px;
              border: solid 1px #DDD;
              cursor: pointer;
              position: relative; }
              .chuangye-banner .form-box .content .form .left .upload-img-box .upload-img .filename {
                position: absolute;
                bottom: -32px;
                left: 0px;
                width: 100%;
                height: 20px;
                line-height: 20px;
                display: block;
                font-size: 12px;
                color: #999;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-family: '宋体';
                text-align: center; }
              .chuangye-banner .form-box .content .form .left .upload-img-box .upload-img .hide-file {
                display: none; }
              .chuangye-banner .form-box .content .form .left .upload-img-box .upload-img .preview {
                display: block;
                background: #FFF;
                text-align: center;
                line-height: 108px;
                font-size: 48px;
                color: #F6D041;
                width: 100%;
                height: 100%;
                left: 0px;
                top: 0px;
                z-index: 9;
                position: absolute; }
              .chuangye-banner .form-box .content .form .left .upload-img-box .upload-img .upload-icon {
                width: 100%;
                height: 100%;
                font-size: 60px;
                color: #DDD;
                text-align: center;
                line-height: 108px; }
            .chuangye-banner .form-box .content .form .left .upload-img-box .upload-btn {
              margin-top: 80px;
              float: right;
              width: 85px;
              height: 32px;
              border: solid 2px #F6D041;
              color: #F6D041;
              text-align: center;
              line-height: 28px;
              cursor: pointer; }
        .chuangye-banner .form-box .content .form .right {
          width: 590px;
          float: right; }
          .chuangye-banner .form-box .content .form .right .gs-row {
            width: 100%; }
            .chuangye-banner .form-box .content .form .right .gs-row .text-field {
              width: 240px;
              float: left; }
            .chuangye-banner .form-box .content .form .right .gs-row .select-field {
              width: 240px;
              float: right; }
          .chuangye-banner .form-box .content .form .right .addr .select-field {
            float: left;
            width: 150px; }
          .chuangye-banner .form-box .content .form .right .text-area-box {
            width: 100%; }
            .chuangye-banner .form-box .content .form .right .text-area-box label {
              display: block;
              height: 50px;
              line-height: 50px; }
            .chuangye-banner .form-box .content .form .right .text-area-box .text-area {
              width: 100%;
              height: 80px;
              border: solid 1px #DDD;
              outline: none;
              resize: none;
              padding: 8px; }
              .chuangye-banner .form-box .content .form .right .text-area-box .text-area:focus {
                border: solid 2px #333;
                padding: 7px; }
      .chuangye-banner .form-box .content .tip {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px; }
    .chuangye-banner .form-box .submit {
      width: 100%;
      height: 50px;
      background: #333;
      line-height: 50px;
      text-align: center;
      color: #FFF;
      font-size: 16px;
      cursor: pointer; }

/**********合作流程*********/
.hezuoliucheng-wrap {
  width: 100%;
  margin-top: 100px; }
  .hezuoliucheng-wrap .hezuoliucheng-box {
    width: 1080px;
    margin: 0px auto; }
    .hezuoliucheng-wrap .hezuoliucheng-box .title {
      width: 100%;
      font-size: 28px;
      text-align: center;
      margin: 0px auto 18px;
      font-weight: normal; }
    .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item {
      width: 100%; }
      .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item .row {
        width: 270px;
        height: 270px;
        background: #333;
        border: solid 1px #333;
        float: left;
        color: #FFF; }
        .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item .row .row-title {
          font-size: 36px;
          text-align: center;
          height: 70px;
          line-height: 70px;
          font-weight: normal;
          margin-top: 48px; }
          .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item .row .row-title i {
            color: #F6D041;
            font-weight: bold;
            margin-right: 8px; }
        .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item .row .content {
          width: 160px;
          margin: 0px auto;
          line-height: 24px;
          font-size: 14px;
          padding-left: 12px; }
        .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item .row:nth-child(odd) {
          background: #FFF;
          border: solid 1px #DDD;
          color: #999; }
    .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item-2 .row {
      width: 270px;
      height: 270px;
      background: #FFF;
      border: solid 1px #DDD;
      float: left;
      color: #999; }
      .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item-2 .row .row-title {
        font-size: 36px;
        text-align: center;
        height: 70px;
        line-height: 70px;
        font-weight: normal;
        margin-top: 48px; }
        .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item-2 .row .row-title i {
          color: #F6D041;
          font-weight: bold;
          margin-right: 8px; }
      .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item-2 .row .content {
        width: 160px;
        margin: 0px auto;
        line-height: 24px;
        font-size: 14px;
        padding-left: 12px; }
      .hezuoliucheng-wrap .hezuoliucheng-box .liucheng-item-2 .row:nth-child(odd) {
        background: #333;
        border: solid 1px #333;
        color: #FFF; }

.load {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #000;
  z-index: 10000;
  transition: all 1s ease; }
  .load .contain {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    background: black;
    overflow: hidden;
    animation: fade 5s infinite; }
  .load .filter {
    filter: url(#glitch);
    width: 100%; }
  .load .here {
    position: absolute;
    left: 58%;
    top: 52%;
    font-size: 26px;
    overflow: hidden;
    animation: type 1s steps(8);
    white-space: nowrap;
    letter-spacing: 0.1em; }
@keyframes type {
  from {
    width: 0; }
  to {
    width: 100px; } }
@keyframes fade {
  0% {
    opacity: 1; }
  94% {
    opacity: 1; }
  95% {
    opacity: 0; }
  96% {
    opacity: 1; }
  97% {
    opacity: 0; }
  99% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.load-hide {
  opacity: 0; }

/***********团队banner**************/
.tuandui-banner-box {
  width: 100%;
  height: 1130px;
  background: #FAFAFA;
  position: relative; }
  .tuandui-banner-box .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 1130px;
    left: 0px;
    top: 0px;
    z-index: 8;
    filter: grayscale(1);
    -webkit-filter: grayscale(1); }
  .tuandui-banner-box .bg-text {
    width: 350px;
    height: 158px;
    position: absolute;
    left: 50%;
    margin-left: -175px;
    top: 85px;
    z-index: 99; }
    .tuandui-banner-box .bg-text img {
      width: 100%;
      height: 100%; }
  .tuandui-banner-box .swiper-container {
    width: 1080px;
    height: 820px;
    position: absolute;
    left: 50%;
    top: 275px;
    margin-left: -540px;
    z-index: 99;
    overflow: hidden; }
    .tuandui-banner-box .swiper-container .swiper-wrapper {
      width: 8640px; }
      .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: 1080px;
        height: 820px;
        float: left; }
        .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item {
          width: 1198.8px; }
          .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren {
            margin-top: 20px;
            width: 250px;
            height: 355px;
            float: left;
            margin-right: 26px;
            position: relative; }
            .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .cover {
              width: 100%;
              height: 100%; }
            .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box {
              position: absolute;
              width: 220px;
              height: 155px;
              background: #FFF;
              left: 50%;
              bottom: 15px;
              margin-left: -110px;
              padding: 16px 24px 0px;
              transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
              cursor: default; }
              .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box:hover {
                background: #F6D041; }
                .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box:hover:before {
                  border-bottom: solid 9px #F6D041; }
                .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box:hover .info {
                  color: #333; }
              .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box:before {
                content: '';
                display: block;
                border: solid 9px transparent;
                border-bottom: solid 9px #FFF;
                position: absolute;
                left: 50%;
                margin-left: -8px;
                top: -17px; }
              .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box .title {
                width: 100%;
                font-size: 14px;
                height: 21px;
                line-height: 21px;
                position: relative;
                text-align: left;
                color: #333; }
                .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box .title span {
                  margin-right: 6px; }
                .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box .title:before {
                  content: '';
                  display: block;
                  width: 30px;
                  height: 2px;
                  background: #333;
                  position: absolute;
                  left: 0px;
                  bottom: -14px; }
              .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .ren-item .ren .text-box .info {
                color: #999;
                margin-top: 22px;
                font-size: 12px;
                line-height: 24px;
                text-align: left; }
        .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box {
          width: 1060px;
          height: 280px;
          box-shadow: 0px 0px 15px rgba(33, 28, 0, 0.2);
          margin: 32px auto 0px; }
          .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box .map {
            width: 100%;
            height: 140px;
            display: block; }
          .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box .content-box {
            width: 100%;
            height: 140px;
            background: #FFF;
            padding: 0px 72px;
            position: relative; }
            .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box .content-box:before {
              content: '';
              display: block;
              width: 0px;
              height: 0px;
              border: solid 12px transparent;
              border-bottom: solid 12px #FFF;
              position: absolute;
              left: 50%;
              margin-left: -12px;
              top: -23px; }
            .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box .content-box .text {
              color: #666;
              text-align: center;
              line-height: 24px;
              height: 88px;
              font-size: 14px;
              padding-top: 22px;
              border-bottom: solid 1px #DDD; }
            .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box .content-box .addr-text {
              width: 100%;
              height: 50px;
              line-height: 47px;
              font-size: 14px;
              color: #333; }
              .tuandui-banner-box .swiper-container .swiper-wrapper .swiper-slide .addr-box .content-box .addr-text .iconfont {
                color: #F6D041;
                font-size: 24px; }
    .tuandui-banner-box .swiper-container .pagination-wrap {
      position: absolute;
      bottom: 28px;
      left: 50%;
      margin-left: -170px;
      width: 340px;
      height: 6px;
      overflow: hidden; }
      .tuandui-banner-box .swiper-container .pagination-wrap .pagination {
        width: 400px;
        height: 6px; }
        .tuandui-banner-box .swiper-container .pagination-wrap .pagination .swiper-pagination-bullet {
          width: 75px;
          height: 6px;
          background: #FFF;
          float: left;
          margin-right: 12px;
          cursor: pointer;
          position: relative;
          border-radius: 0px;
          opacity: 1; }
          .tuandui-banner-box .swiper-container .pagination-wrap .pagination .swiper-pagination-bullet .progress {
            position: absolute;
            width: 0px;
            height: 6px;
            top: 0px;
            left: 0px;
            background: #F6D041; }

.chuangye {
  margin-top: 6px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center; }

.weidu-banner-wrap {
  width: 100%;
  padding: 110px 0px 45px;
  background: #FFF; }
  .weidu-banner-wrap .weidu-banner {
    width: 1080px;
    margin: 0px auto; }
    .weidu-banner-wrap .weidu-banner .top {
      height: 355px; }
      .weidu-banner-wrap .weidu-banner .top .left {
        width: 300px;
        float: left; }
        .weidu-banner-wrap .weidu-banner .top .left .title {
          height: 110px; }
        .weidu-banner-wrap .weidu-banner .top .left .detail {
          margin-top: 30px; }
          .weidu-banner-wrap .weidu-banner .top .left .detail .text {
            float: left; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .text span {
              float: left;
              display: block;
              width: 22px;
              margin-right: 8px;
              line-height: 25px; }
          .weidu-banner-wrap .weidu-banner .top .left .detail .share {
            width: 22px;
            float: left;
            text-align: center;
            margin-left: 8px;
            margin-top: 4px; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .share .iconfont {
              font-size: 20px; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .share .qq:hover:before {
              content: '\e620'; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .share .weixin:hover:before {
              content: '\e633'; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .share .weibo:hover:before {
              content: '\e616'; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .share i {
              font-size: 16px;
              width: 16px;
              height: 16px;
              text-align: center;
              line-height: 8px;
              display: block;
              transform: rotate(45deg); }
          .weidu-banner-wrap .weidu-banner .top .left .detail .logo {
            float: left;
            width: 76px;
            height: 76px;
            margin-left: 30px;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0px 0px 15px rgba(33, 28, 0, 0.1);
            margin-top: 8px; }
            .weidu-banner-wrap .weidu-banner .top .left .detail .logo img {
              width: 100%;
              height: 100%; }
      .weidu-banner-wrap .weidu-banner .top .right {
        width: 780px;
        float: right;
        height: 355px; }
        .weidu-banner-wrap .weidu-banner .top .right img {
          height: 100%;
          width: 100%; }
    .weidu-banner-wrap .weidu-banner .bottom {
      margin-top: 55px; }
      .weidu-banner-wrap .weidu-banner .bottom .title {
        float: left;
        width: 200px; }
        .weidu-banner-wrap .weidu-banner .bottom .title img {
          width: 100%; }
      .weidu-banner-wrap .weidu-banner .bottom .content {
        float: left;
        width: 880px;
        padding-left: 30px; }
        .weidu-banner-wrap .weidu-banner .bottom .content p {
          margin-top: -4px;
          font-size: 12px;
          line-height: 28px;
          margin-bottom: 4px; }

.weidu-section1-wrap {
  width: 100%;
  padding: 50px 0px;
  background: #F7F7F7; }
  .weidu-section1-wrap .weidu-section1 {
    width: 1080px;
    margin: 0px auto;
    height: 660px; }
    .weidu-section1-wrap .weidu-section1 .left {
      float: left;
      width: 350px; }
      .weidu-section1-wrap .weidu-section1 .left .title {
        width: 100%; }
        .weidu-section1-wrap .weidu-section1 .left .title img {
          width: 100%; }
      .weidu-section1-wrap .weidu-section1 .left .banner {
        margin-top: 47px;
        width: 100%; }
        .weidu-section1-wrap .weidu-section1 .left .banner img {
          width: 100%; }
      .weidu-section1-wrap .weidu-section1 .left .p-title {
        margin-top: 80px;
        width: 300px; }
        .weidu-section1-wrap .weidu-section1 .left .p-title img {
          width: 100%; }
      .weidu-section1-wrap .weidu-section1 .left .text {
        width: 300px;
        margin-top: 20px;
        font-size: 12px; }
        .weidu-section1-wrap .weidu-section1 .left .text p {
          line-height: 26px;
          word-break: break-all;
          margin-bottom: 28px; }
          .weidu-section1-wrap .weidu-section1 .left .text p:last-child {
            margin-bottom: 0px; }
    .weidu-section1-wrap .weidu-section1 .right {
      float: right;
      width: 705px; }
      .weidu-section1-wrap .weidu-section1 .right .top {
        width: 100%;
        height: 275px; }
        .weidu-section1-wrap .weidu-section1 .right .top img {
          width: 100%;
          height: 100%; }
      .weidu-section1-wrap .weidu-section1 .right .bottom {
        margin-top: 23px;
        height: 355px;
        width: 100%; }
        .weidu-section1-wrap .weidu-section1 .right .bottom .b-left {
          height: 100%;
          width: 400px;
          float: left; }
          .weidu-section1-wrap .weidu-section1 .right .bottom .b-left img {
            width: 100%;
            height: 100%; }
        .weidu-section1-wrap .weidu-section1 .right .bottom .b-right {
          height: 100%;
          width: 285px;
          float: right; }
          .weidu-section1-wrap .weidu-section1 .right .bottom .b-right img {
            width: 100%;
            height: 100%; }

.weidu-section2-wrap {
  width: 100%;
  padding: 50px 0px;
  background: #FFF; }
  .weidu-section2-wrap .weidu-section2 {
    width: 1080px;
    margin: 0px auto; }
    .weidu-section2-wrap .weidu-section2 .col-a {
      width: 300px;
      float: left; }
      .weidu-section2-wrap .weidu-section2 .col-a .title {
        margin-top: 100px;
        width: 100%; }
        .weidu-section2-wrap .weidu-section2 .col-a .title img {
          width: 100%; }
      .weidu-section2-wrap .weidu-section2 .col-a .text {
        width: 100%;
        line-height: 24px;
        font-size: 12px;
        height: 106px; }
      .weidu-section2-wrap .weidu-section2 .col-a .shu-text span {
        float: left;
        width: 22px;
        line-height: 16px;
        margin-right: 8px;
        word-break: break-all; }
    .weidu-section2-wrap .weidu-section2 .col-b {
      width: 305px;
      float: left;
      margin-left: 80px; }
      .weidu-section2-wrap .weidu-section2 .col-b .title {
        width: 100%; }
        .weidu-section2-wrap .weidu-section2 .col-b .title img {
          width: 100%; }
      .weidu-section2-wrap .weidu-section2 .col-b .content {
        width: 100%; }
    .weidu-section2-wrap .weidu-section2 .col-c {
      width: 290px;
      float: right; }
      .weidu-section2-wrap .weidu-section2 .col-c .title {
        margin-top: 100px;
        width: 100%; }
        .weidu-section2-wrap .weidu-section2 .col-c .title img {
          width: 100%; }
      .weidu-section2-wrap .weidu-section2 .col-c .text {
        width: 100%;
        line-height: 24px;
        font-size: 12px;
        height: 106px; }
      .weidu-section2-wrap .weidu-section2 .col-c .shu-text span {
        float: right;
        width: 22px;
        line-height: 16px;
        margin-left: 8px;
        text-align: right;
        word-break: break-all; }

.weidu-section3-wrap {
  width: 100%;
  height: 380px;
  background: #FFF;
  position: relative; }
  .weidu-section3-wrap .bg {
    width: 100%;
    height: 100%; }
  .weidu-section3-wrap .weidu-section3 {
    position: absolute;
    width: 1080px;
    height: 100%;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .weidu-section3-wrap .weidu-section3 .people {
      width: 210px;
      height: 100%;
      background: #FFF;
      padding: 20px;
      float: left; }
      .weidu-section3-wrap .weidu-section3 .people .avater {
        display: block;
        width: 100%; }
      .weidu-section3-wrap .weidu-section3 .people span {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 24px;
        margin-top: 30px; }
      .weidu-section3-wrap .weidu-section3 .people em {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 16px;
        margin-top: 6px; }
    .weidu-section3-wrap .weidu-section3 .text-pic {
      width: 610px;
      float: left;
      margin: 150px 0px 0px 120px; }

.weidu-section4-wrap {
  width: 100%;
  padding: 50px 0px 0px;
  background: #FFF; }
  .weidu-section4-wrap .weidu-section4 {
    width: 1080px;
    margin: 0px auto;
    height: 360px; }
    .weidu-section4-wrap .weidu-section4 .swiper-block {
      width: 600px;
      height: 100%;
      position: relative;
      float: left; }
      .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container .swiper-wrapper .swiper-slide {
          text-align: center;
          background: #FFF; }
          .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container .swiper-wrapper .swiper-slide img {
            width: 100%;
            height: 100%; }
        .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container .swiper-pagination {
          position: absolute;
          right: -36px;
          z-index: 99;
          width: 10px;
          top: 50%;
          margin-top: -41px; }
          .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container .swiper-pagination .swiper-pagination-bullet {
            display: block;
            width: 8px;
            height: 8px;
            background: #666;
            border-radius: 50%;
            margin: 8px 0px;
            position: relative;
            cursor: pointer; }
            .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
              content: '';
              display: block;
              width: 14px;
              height: 14px;
              border: solid 1px #666;
              position: absolute;
              left: -4px;
              top: -4px;
              border-radius: 50%;
              transform: scale(0);
              transition: all 1s ease; }
          .weidu-section4-wrap .weidu-section4 .swiper-block .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before {
            transform: scale(1); }
    .weidu-section4-wrap .weidu-section4 .text-block {
      width: 270px;
      height: 100%;
      float: left;
      margin-left: 140px;
      position: relative; }
      .weidu-section4-wrap .weidu-section4 .text-block:before {
        position: absolute;
        content: '';
        display: block;
        width: 34px;
        height: 1px;
        background: #333;
        left: 0px;
        bottom: 0px; }
      .weidu-section4-wrap .weidu-section4 .text-block .title {
        width: 100%; }
      .weidu-section4-wrap .weidu-section4 .text-block .text {
        margin-top: 50px;
        font-size: 12px;
        line-height: 24px; }

.pptg-banner-wrap {
  width: 100%;
  height: 510px;
  position: relative; }
  .pptg-banner-wrap .bg {
    width: 100%;
    height: 100%; }
  .pptg-banner-wrap .pptg-banner {
    width: 1080px;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 100%;
    margin-left: -540px; }
    .pptg-banner-wrap .pptg-banner .text {
      display: block;
      width: 630px;
      margin: 165px auto 0px; }

.ppxt-section-wrap {
  width: 100%;
  padding: 50px 0px 0px;
  background: #FFF; }
  .ppxt-section-wrap .ppxt-section {
    width: 1080px;
    margin: 0px auto; }
    .ppxt-section-wrap .ppxt-section .l-col {
      float: left;
      width: 540px;
      height: 1000px; }
      .ppxt-section-wrap .ppxt-section .l-col .top {
        width: 100%;
        height: 664px;
        position: relative; }
        .ppxt-section-wrap .ppxt-section .l-col .top .bg {
          width: 100%;
          height: 100%; }
        .ppxt-section-wrap .ppxt-section .l-col .top .text-box {
          position: absolute;
          width: 470px;
          padding: 35px;
          background: rgba(255, 255, 255, 0.8);
          left: 35px;
          top: 35px; }
          .ppxt-section-wrap .ppxt-section .l-col .top .text-box .title {
            color: #999;
            font-size: 20px;
            height: 30px;
            line-height: 24px;
            border-bottom: solid 4px #F6D041;
            float: left; }
          .ppxt-section-wrap .ppxt-section .l-col .top .text-box .t-title {
            font-size: 28px;
            height: 30px;
            line-height: 30px;
            margin: 20px 0px; }
          .ppxt-section-wrap .ppxt-section .l-col .top .text-box .text {
            color: #999;
            line-height: 24px; }
      .ppxt-section-wrap .ppxt-section .l-col .bottom {
        width: 100%;
        height: 336px;
        position: relative; }
        .ppxt-section-wrap .ppxt-section .l-col .bottom .bg {
          width: 100%;
          height: 100%; }
        .ppxt-section-wrap .ppxt-section .l-col .bottom .text-box {
          position: absolute;
          width: 225px;
          padding: 20px;
          left: 35px;
          top: 35px; }
          .ppxt-section-wrap .ppxt-section .l-col .bottom .text-box .title {
            color: #FFF;
            font-size: 20px;
            height: 30px;
            line-height: 24px;
            border-bottom: solid 4px #F6D041;
            float: left; }
          .ppxt-section-wrap .ppxt-section .l-col .bottom .text-box .t-title {
            font-size: 28px;
            height: 30px;
            line-height: 30px;
            margin: 20px 0px;
            color: #FFF; }
          .ppxt-section-wrap .ppxt-section .l-col .bottom .text-box .text {
            color: #FFF;
            line-height: 24px; }
    .ppxt-section-wrap .ppxt-section .r-col {
      float: left;
      width: 540px;
      height: 1000px; }
      .ppxt-section-wrap .ppxt-section .r-col .top {
        width: 100%;
        height: 664px; }
        .ppxt-section-wrap .ppxt-section .r-col .top .t-top {
          height: 332px;
          position: relative; }
          .ppxt-section-wrap .ppxt-section .r-col .top .t-top .bg {
            width: 100%;
            height: 100%; }
          .ppxt-section-wrap .ppxt-section .r-col .top .t-top .text-box {
            position: absolute;
            width: 225px;
            padding: 20px;
            right: 35px;
            top: 35px; }
            .ppxt-section-wrap .ppxt-section .r-col .top .t-top .text-box .title {
              color: #FFF;
              font-size: 20px;
              height: 30px;
              line-height: 24px;
              border-bottom: solid 4px #F6D041;
              float: left; }
            .ppxt-section-wrap .ppxt-section .r-col .top .t-top .text-box .t-title {
              font-size: 28px;
              height: 30px;
              line-height: 30px;
              margin: 20px 0px;
              color: #FFF; }
            .ppxt-section-wrap .ppxt-section .r-col .top .t-top .text-box .text {
              color: #FFF;
              line-height: 24px; }
        .ppxt-section-wrap .ppxt-section .r-col .top .t-bottom .text-box {
          position: absolute;
          width: 225px;
          padding: 20px;
          left: 35px;
          top: 35px; }
      .ppxt-section-wrap .ppxt-section .r-col .bottom {
        width: 100%;
        height: 336px;
        position: relative; }
        .ppxt-section-wrap .ppxt-section .r-col .bottom .bg {
          width: 100%;
          height: 100%; }
        .ppxt-section-wrap .ppxt-section .r-col .bottom .text-box {
          position: absolute;
          width: 250px;
          padding: 35px;
          background: rgba(255, 255, 255, 0.8);
          right: 35px;
          top: 35px; }
          .ppxt-section-wrap .ppxt-section .r-col .bottom .text-box .title {
            color: #999;
            font-size: 20px;
            height: 30px;
            line-height: 24px;
            border-bottom: solid 4px #F6D041;
            float: left; }
          .ppxt-section-wrap .ppxt-section .r-col .bottom .text-box .t-title {
            font-size: 28px;
            height: 30px;
            line-height: 30px;
            margin: 20px 0px; }
          .ppxt-section-wrap .ppxt-section .r-col .bottom .text-box .text {
            color: #999;
            line-height: 24px; }

.xm-banner-wrap {
  width: 100%;
  position: relative;
  height: 745px; }
  .xm-banner-wrap .bg {
    width: 100%;
    height: 570px;
    margin: 0px auto;
    display: block; }
  .xm-banner-wrap .bg-text {
    width: 1080px;
    height: 570px;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    top: 0px; }
  .xm-banner-wrap .banner-bottom {
    width: 100%;
    height: 175px;
    background: #333; }
    .xm-banner-wrap .banner-bottom .bottom-content {
      width: 1080px;
      margin: 0px auto; }
      .xm-banner-wrap .banner-bottom .bottom-content .title {
        float: left;
        width: 230px; }
        .xm-banner-wrap .banner-bottom .bottom-content .title img {
          width: 100%;
          height: 100%; }
      .xm-banner-wrap .banner-bottom .bottom-content .text {
        float: left;
        width: 650px;
        color: #CCC;
        font-size: 12px;
        line-height: 28px;
        margin: 30px 0px 0px 90px; }
  .xm-banner-wrap .banner-content {
    position: absolute;
    left: 50%;
    margin-left: -540px;
    width: 1080px;
    top: 0px;
    height: 100%; }
    .xm-banner-wrap .banner-content .share {
      position: absolute;
      right: 0px;
      top: 100px; }
      .xm-banner-wrap .banner-content .share .iconfont {
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 24px;
        border: solid 1px #DDD;
        display: block;
        color: #DDD;
        background: #FFF;
        float: left;
        transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        margin-left: -1px; }
        .xm-banner-wrap .banner-content .share .iconfont:hover {
          color: #FFF;
          background: #F6D041;
          border: solid 1px #F6D041; }
    .xm-banner-wrap .banner-content .xm-banner-text {
      margin-top: 100px;
      text-align: center; }
      .xm-banner-wrap .banner-content .xm-banner-text .big-title {
        font-size: 34px;
        height: 50px;
        line-height: 50px;
        position: relative; }
        .xm-banner-wrap .banner-content .xm-banner-text .big-title:before {
          position: absolute;
          background: #F6D041;
          content: '';
          width: 30px;
          height: 3px;
          left: 50%;
          margin-left: -15px;
          bottom: -5px; }
      .xm-banner-wrap .banner-content .xm-banner-text .text {
        margin-top: 12px;
        font-size: 16px;
        height: 28px; }

.xm-section1-wrap {
  width: 100%;
  padding: 50px 0px; }
  .xm-section1-wrap .xm-section1 {
    width: 1080px;
    margin: 0px auto; }
    .xm-section1-wrap .xm-section1 .left {
      width: 510px;
      float: left; }
      .xm-section1-wrap .xm-section1 .left .xm-section-title {
        height: 45px;
        line-height: 45px;
        background: url("../images/xmxq8.png");
        background-position: 0px 28px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        font-size: 24px;
        float: left;
        margin-top: 40px;
        letter-spacing: 3px; }
        .xm-section1-wrap .xm-section1 .left .xm-section-title i {
          font-size: 30px; }
      .xm-section1-wrap .xm-section1 .left .xm-section-text p {
        margin-top: 34px;
        font-size: 14px;
        line-height: 26px; }
    .xm-section1-wrap .xm-section1 .right {
      width: 570px;
      float: right; }
      .xm-section1-wrap .xm-section1 .right .cover {
        width: 100%; }

.xm-section2-wrap {
  width: 100%;
  padding: 50px 0px; }
  .xm-section2-wrap .xm-section2 {
    width: 1080px;
    margin: 0px auto; }
    .xm-section2-wrap .xm-section2 .right {
      width: 560px;
      float: left;
      padding-left: 12px; }
      .xm-section2-wrap .xm-section2 .right .xm-section-title {
        height: 45px;
        line-height: 45px;
        background: url("../images/xmxq8.png");
        background-position: 0px 28px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        font-size: 24px;
        float: left;
        letter-spacing: 3px; }
        .xm-section2-wrap .xm-section2 .right .xm-section-title i {
          font-size: 30px; }
      .xm-section2-wrap .xm-section2 .right .xm-section-text p {
        margin-top: 34px;
        font-size: 14px;
        line-height: 26px; }
    .xm-section2-wrap .xm-section2 .left {
      width: 520px;
      float: left; }
      .xm-section2-wrap .xm-section2 .left .cover {
        width: 100%; }

.xm-section3-wrap {
  width: 100%;
  padding: 50px 0px; }
  .xm-section3-wrap .xm-section3 {
    width: 1080px;
    margin: 0px auto; }
    .xm-section3-wrap .xm-section3 .left {
      width: 510px;
      float: left; }
      .xm-section3-wrap .xm-section3 .left .xm-section-title {
        width: 525px;
        height: 45px;
        line-height: 45px;
        background: url("../images/xmxq8.png");
        background-position: 0px 28px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        font-size: 24px;
        float: left;
        letter-spacing: 3px; }
        .xm-section3-wrap .xm-section3 .left .xm-section-title i {
          font-size: 30px; }
      .xm-section3-wrap .xm-section3 .left .xm-section-text {
        width: 255px; }
        .xm-section3-wrap .xm-section3 .left .xm-section-text p {
          margin-top: 34px;
          font-size: 14px;
          line-height: 34px; }
    .xm-section3-wrap .xm-section3 .right {
      width: 570px;
      float: right; }
      .xm-section3-wrap .xm-section3 .right .cover {
        width: 100%; }

.xm-section4-wrap {
  width: 100%;
  padding: 50px 0px; }
  .xm-section4-wrap .xm-section4 {
    width: 1080px;
    margin: 0px auto; }
    .xm-section4-wrap .xm-section4 .right {
      width: 560px;
      float: left;
      padding-left: 12px; }
      .xm-section4-wrap .xm-section4 .right .xm-section-title {
        height: 45px;
        line-height: 45px;
        background: url("../images/xmxq8.png");
        background-position: 0px 28px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        font-size: 24px;
        float: left;
        letter-spacing: 3px;
        margin-top: 15px; }
        .xm-section4-wrap .xm-section4 .right .xm-section-title i {
          font-size: 30px; }
      .xm-section4-wrap .xm-section4 .right .xm-section-text p {
        margin-top: 34px;
        font-size: 14px;
        line-height: 34px; }
    .xm-section4-wrap .xm-section4 .left {
      width: 520px;
      float: left; }
      .xm-section4-wrap .xm-section4 .left .cover {
        width: 100%; }

.xm-section5-wrap {
  width: 100%;
  padding: 50px 0px 0px; }
  .xm-section5-wrap .xm-section5 {
    width: 1080px;
    margin: 0px auto; }
    .xm-section5-wrap .xm-section5 .left {
      width: 510px;
      float: left; }
      .xm-section5-wrap .xm-section5 .left .xm-section-title {
        height: 45px;
        line-height: 45px;
        background: url("../images/xmxq8.png");
        background-position: 0px 28px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        font-size: 24px;
        float: left;
        letter-spacing: 3px; }
        .xm-section5-wrap .xm-section5 .left .xm-section-title i {
          font-size: 30px; }
      .xm-section5-wrap .xm-section5 .left .xm-section-text {
        width: 430px; }
        .xm-section5-wrap .xm-section5 .left .xm-section-text p {
          margin-top: 34px;
          font-size: 14px;
          line-height: 34px; }
    .xm-section5-wrap .xm-section5 .right {
      width: 570px;
      float: right; }
      .xm-section5-wrap .xm-section5 .right .cover {
        width: 100%; }

.xm-section6-wrap {
  width: 100%;
  height: 355px;
  background: #333;
  position: relative; }
  .xm-section6-wrap .bg {
    display: block;
    width: 1080px;
    margin: 0px auto;
    height: 100%; }
  .xm-section6-wrap .xm-section6 {
    position: absolute;
    width: 1080px;
    height: 100%;
    left: 50%;
    margin-left: -540px;
    top: 0px; }
    .xm-section6-wrap .xm-section6 .video-box {
      width: 470px;
      height: 245px;
      float: left;
      margin-top: 55px; }
      .xm-section6-wrap .xm-section6 .video-box video {
        width: 100%;
        height: 100%; }
    .xm-section6-wrap .xm-section6 .text {
      float: left;
      margin-top: 60px;
      margin-left: 120px;
      width: 430px; }
      .xm-section6-wrap .xm-section6 .text .info .iconfont {
        font-size: 48px;
        color: #787878;
        float: left; }
      .xm-section6-wrap .xm-section6 .text .info span {
        float: left;
        color: #CCC;
        margin-left: 80px;
        margin-top: -10px;
        line-height: 28px;
        font-size: 14px; }
      .xm-section6-wrap .xm-section6 .text .user {
        float: right;
        margin-top: 30px;
        color: #CCC; }
        .xm-section6-wrap .xm-section6 .text .user .line {
          display: block;
          width: 30px;
          height: 1px;
          background: #CCC;
          float: left;
          margin: 12px 12px 0px 0px; }
        .xm-section6-wrap .xm-section6 .text .user .user-info {
          float: left; }
          .xm-section6-wrap .xm-section6 .text .user .user-info span {
            display: block;
            margin-bottom: 12px; }

.xm-section7-wrap {
  width: 100%;
  height: 600px;
  background: #FFF;
  position: relative;
  padding: 65px 0px 50px; }
  .xm-section7-wrap .bg {
    display: block;
    width: 1080px;
    margin: 0px auto;
    height: 100%; }
  .xm-section7-wrap .xm-section7 {
    position: absolute;
    width: 1080px;
    height: 100%;
    left: 50%;
    margin-left: -540px;
    top: 0px; }
    .xm-section7-wrap .xm-section7 .text {
      margin-top: 70px; }
      .xm-section7-wrap .xm-section7 .text .title {
        height: 45px;
        line-height: 45px;
        background: url("../images/xmxq8.png");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: -385px 28px;
        font-size: 24px;
        float: left;
        letter-spacing: 3px; }
        .xm-section7-wrap .xm-section7 .text .title i {
          font-size: 30px; }
      .xm-section7-wrap .xm-section7 .text .content {
        width: 665px; }
        .xm-section7-wrap .xm-section7 .text .content p {
          margin-top: 34px;
          font-size: 14px;
          line-height: 34px; }

.syms-banner-wrap {
  width: 100%;
  height: 505px; }
  .syms-banner-wrap .bg {
    width: 100%;
    height: 100%; }
  .syms-banner-wrap .banner-content {
    width: 1080px;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    top: 0px; }
    .syms-banner-wrap .banner-content .text {
      width: 610px;
      display: block;
      margin: 150px auto 0px; }

.syms-section1-wrap {
  width: 100%;
  padding: 50px 0px 0px; }
  .syms-section1-wrap .syms-section {
    width: 1080px;
    margin: 0px auto; }
    .syms-section1-wrap .syms-section .left {
      width: 540px;
      float: left; }
      .syms-section1-wrap .syms-section .left .cover {
        width: 100%; }
    .syms-section1-wrap .syms-section .right {
      width: 540px;
      float: right;
      padding-left: 110px;
      color: #000; }
      .syms-section1-wrap .syms-section .right .title {
        height: 70px;
        line-height: 70px;
        margin-top: 125px; }
        .syms-section1-wrap .syms-section .right .title i {
          display: block;
          float: left;
          border: solid 1px #000;
          border-left: none;
          border-right: none;
          line-height: 68px;
          font-size: 60px; }
        .syms-section1-wrap .syms-section .right .title span {
          margin-left: 16px;
          float: left;
          font-size: 26px; }
      .syms-section1-wrap .syms-section .right .text {
        margin-top: 26px;
        color: #666;
        line-height: 24px;
        font-size: 14px; }

.syms-section2-wrap {
  width: 100%;
  padding: 50px 0px 0px; }
  .syms-section2-wrap .syms-section {
    width: 1080px;
    margin: 0px auto; }
    .syms-section2-wrap .syms-section .right {
      width: 540px;
      float: right; }
      .syms-section2-wrap .syms-section .right .cover {
        width: 100%; }
    .syms-section2-wrap .syms-section .left {
      width: 540px;
      float: left;
      padding-right: 160px;
      color: #000; }
      .syms-section2-wrap .syms-section .left .title {
        height: 70px;
        line-height: 70px;
        margin-top: 125px; }
        .syms-section2-wrap .syms-section .left .title i {
          display: block;
          float: left;
          border: solid 1px #000;
          border-left: none;
          border-right: none;
          line-height: 68px;
          font-size: 60px; }
        .syms-section2-wrap .syms-section .left .title span {
          margin-left: 16px;
          float: left;
          font-size: 26px; }
      .syms-section2-wrap .syms-section .left .text {
        margin-top: 26px;
        color: #666;
        line-height: 24px;
        font-size: 14px; }

.dabao-banner-wrap {
  width: 100%;
  height: 480px;
  position: relative; }
  .dabao-banner-wrap .bg {
    display: block;
    width: 100%;
    height: 415px; }
  .dabao-banner-wrap .banner-content {
    width: 1080px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .dabao-banner-wrap .banner-content .left {
      float: left;
      width: 720px;
      margin-top: 140px;
      margin-left: -25px; }
    .dabao-banner-wrap .banner-content .right {
      float: left;
      margin-left: 70px; }
      .dabao-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .dabao-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .dabao-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .dabao-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #FFF;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .dabao-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .dabao-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .dabao-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.bim-banner-wrap {
  width: 100%;
  margin-top: 65px;
  position: relative; }
  .bim-banner-wrap .bg {
    display: block;
    width: 100%;
    height: 415px; }
  .bim-banner-wrap .banner-content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .bim-banner-wrap .banner-content .left {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -480px;
      width: 960px;
      margin-top: -124px; }
    .bim-banner-wrap .banner-content .right {
      position: absolute;
      right: 0px;
      bottom: 80px; }
      .bim-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .bim-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .bim-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .bim-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #00A0C6;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .bim-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .bim-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .bim-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.pp-banner-wrap {
  width: 100%;
  margin-top: 65px;
  position: relative; }
  .pp-banner-wrap .bg {
    display: block;
    width: 100%;
    height: 422px; }
  .pp-banner-wrap .banner-content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .pp-banner-wrap .banner-content .left {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -600px;
      width: 1200px;
      margin-top: -180px; }
    .pp-banner-wrap .banner-content .right {
      position: absolute;
      left: 45px;
      top: 40px; }
      .pp-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .pp-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .pp-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .pp-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #FEBF29;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .pp-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .pp-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .pp-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.nd-banner-wrap {
  width: 100%;
  margin-top: 65px;
  height: 367px;
  position: relative;
  background: #303338; }
  .nd-banner-wrap .bg {
    display: block;
    height: 367px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
  .nd-banner-wrap .banner-content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .nd-banner-wrap .banner-content .left {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -600px;
      width: 1200px;
      margin-top: -180px; }
    .nd-banner-wrap .banner-content .right {
      position: absolute;
      left: 50%;
      bottom: 86px;
      margin-left: -40px; }
      .nd-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .nd-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .nd-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .nd-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #09dad0;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .nd-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .nd-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .nd-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.zdz-banner-wrap {
  width: 100%;
  margin-top: 65px;
  position: relative;
  overflow: hidden;
  background: #fcfcfc;
  height: 415px; }
  .zdz-banner-wrap .bg {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    display: block;
    height: 415px; }
  .zdz-banner-wrap .banner-content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .zdz-banner-wrap .banner-content .left {
      position: absolute;
      left: 50%;
      top: 0px;
      margin-left: -600px;
      width: 100%; }
    .zdz-banner-wrap .banner-content .right {
      position: absolute;
      right: 50px;
      top: 38px; }
      .zdz-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .zdz-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .zdz-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .zdz-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #85CE9C;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .zdz-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .zdz-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .zdz-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.vi-banner-wrap {
  width: 100%;
  margin-top: 65px;
  position: relative;
  overflow: hidden;
  background: #fcfcfc;
  height: 515px; }
  .vi-banner-wrap .bg {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    display: block;
    height: 515px;
    width: 100%; }
  .vi-banner-wrap .banner-content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .vi-banner-wrap .banner-content .left {
      position: absolute;
      left: 50%;
      top: 0px;
      margin-left: -540px;
      height: 100%;
      width: 1080px; }
    .vi-banner-wrap .banner-content .right {
      position: absolute;
      right: 50px;
      top: 38px; }
      .vi-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .vi-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .vi-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .vi-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #999;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .vi-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .vi-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .vi-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.bim-main-wrap {
  width: 1200px;
  margin: 0px auto;
  position: relative; }
  .bim-main-wrap .bg {
    display: block;
    width: 100%; }
  .bim-main-wrap .section1 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 60px;
    overflow: hidden; }
    .bim-main-wrap .section1 .img {
      width: 475px;
      float: left;
      margin-left: 60px; }
      .bim-main-wrap .section1 .img img {
        display: block;
        width: 100%; }
    .bim-main-wrap .section1 .text {
      width: 445px;
      float: left;
      margin-left: 80px; }
      .bim-main-wrap .section1 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 45px; }
      .bim-main-wrap .section1 .text .con {
        width: 100%;
        margin-top: 30px; }
        .bim-main-wrap .section1 .text .con p {
          font-size: 12px;
          line-height: 2;
          color: #666; }
  .bim-main-wrap .section2 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 455px;
    overflow: hidden; }
    .bim-main-wrap .section2 .img {
      width: 570px;
      float: left;
      margin-left: 56px; }
      .bim-main-wrap .section2 .img img {
        display: block;
        width: 100%; }
    .bim-main-wrap .section2 .text {
      width: 370px;
      float: left;
      margin-left: 80px;
      margin-top: 70px; }
      .bim-main-wrap .section2 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 45px;
        text-align: right; }
      .bim-main-wrap .section2 .text .con {
        width: 100%;
        margin-top: 30px; }
        .bim-main-wrap .section2 .text .con p {
          font-size: 12px;
          line-height: 2;
          color: #666; }
  .bim-main-wrap .section3 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 905px;
    overflow: hidden; }
    .bim-main-wrap .section3 .img {
      width: 460px;
      float: left;
      margin-left: 85px; }
      .bim-main-wrap .section3 .img img {
        display: block;
        width: 100%; }
    .bim-main-wrap .section3 .text {
      width: 445px;
      float: left;
      margin-left: 74px; }
      .bim-main-wrap .section3 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 45px; }
      .bim-main-wrap .section3 .text .con {
        width: 100%;
        margin-top: 30px; }
        .bim-main-wrap .section3 .text .con p {
          font-size: 12px;
          line-height: 2;
          color: #666; }
  .bim-main-wrap .section4 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 1300px;
    overflow: hidden; }
    .bim-main-wrap .section4 .img {
      width: 560px;
      float: left;
      margin-left: 70px; }
      .bim-main-wrap .section4 .img img {
        display: block;
        width: 100%; }
    .bim-main-wrap .section4 .text {
      width: 378px;
      float: left;
      margin-left: 80px; }
      .bim-main-wrap .section4 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 25px;
        text-align: right; }
      .bim-main-wrap .section4 .text .con {
        width: 100%;
        margin-top: 30px; }
        .bim-main-wrap .section4 .text .con p {
          font-size: 12px;
          line-height: 2;
          color: #666;
          margin-bottom: 20px; }
  .bim-main-wrap .section5 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 1800px;
    overflow: hidden; }
    .bim-main-wrap .section5 .img {
      width: 458px;
      float: left;
      margin-left: 85px; }
      .bim-main-wrap .section5 .img img {
        display: block;
        width: 100%; }
    .bim-main-wrap .section5 .text {
      width: 442px;
      float: left;
      margin-left: 70px; }
      .bim-main-wrap .section5 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 74px;
        text-align: right;
        padding-right: 20px; }
      .bim-main-wrap .section5 .text .con {
        width: 100%;
        margin-top: 30px; }
        .bim-main-wrap .section5 .text .con p {
          font-size: 12px;
          line-height: 2;
          color: #666; }

.pp-main-wrap {
  width: 1080px;
  margin: 40px auto 0px;
  position: relative;
  padding-bottom: 100px; }
  .pp-main-wrap .bg {
    display: block;
    width: 100%; }
  .pp-main-wrap .jieshao {
    width: 1080px;
    position: absolute;
    left: 0px;
    top: 0px; }
    .pp-main-wrap .jieshao h3 {
      font-size: 22px;
      color: #555;
      font-weight: normal;
      margin-top: 12px; }
    .pp-main-wrap .jieshao .con {
      width: 97%;
      font-size: 14px;
      line-height: 2;
      color: #666;
      margin-top: 20px; }
  .pp-main-wrap .section1 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 248px;
    overflow: hidden; }
    .pp-main-wrap .section1 .img {
      width: 475px;
      float: left; }
      .pp-main-wrap .section1 .img img {
        display: block;
        width: 100%; }
    .pp-main-wrap .section1 .text {
      width: 510px;
      float: left;
      margin-left: 62px; }
      .pp-main-wrap .section1 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 50px; }
      .pp-main-wrap .section1 .text .con {
        width: 100%;
        margin-top: 25px; }
        .pp-main-wrap .section1 .text .con p {
          font-size: 12px;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .pp-main-wrap .section2 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 732px;
    overflow: hidden; }
    .pp-main-wrap .section2 .img {
      width: 425px;
      float: right;
      margin-left: 56px;
      margin-right: 35px; }
      .pp-main-wrap .section2 .img img {
        display: block;
        width: 100%; }
    .pp-main-wrap .section2 .text {
      width: 510px;
      float: left;
      margin-left: 20px;
      margin-top: 70px; }
      .pp-main-wrap .section2 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 36px;
        text-align: right; }
      .pp-main-wrap .section2 .text .con {
        width: 100%;
        margin-top: 92px; }
        .pp-main-wrap .section2 .text .con p {
          text-align: right;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .pp-main-wrap .section3 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 1358px;
    overflow: hidden; }
    .pp-main-wrap .section3 .img {
      width: 455px;
      float: left;
      margin-left: 0px; }
      .pp-main-wrap .section3 .img img {
        display: block;
        width: 100%; }
    .pp-main-wrap .section3 .text {
      width: 500px;
      float: left;
      margin-left: 90px; }
      .pp-main-wrap .section3 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 45px; }
      .pp-main-wrap .section3 .text .con {
        width: 100%;
        margin-top: 36px; }
        .pp-main-wrap .section3 .text .con p {
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .pp-main-wrap .section4 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 1812px;
    overflow: hidden; }
    .pp-main-wrap .section4 .img {
      width: 455px;
      float: right;
      margin-left: 0px;
      margin-right: 8px; }
      .pp-main-wrap .section4 .img img {
        display: block;
        width: 100%; }
    .pp-main-wrap .section4 .text {
      width: 500px;
      float: left;
      margin-left: 30px; }
      .pp-main-wrap .section4 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 110px;
        text-align: right; }
      .pp-main-wrap .section4 .text .con {
        width: 100%;
        margin-top: 75px; }
        .pp-main-wrap .section4 .text .con p {
          text-align: right;
          font-size: 12px;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .pp-main-wrap .section5 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 2350px;
    overflow: hidden; }
    .pp-main-wrap .section5 .img {
      width: 445px;
      float: left;
      margin-left: 0px; }
      .pp-main-wrap .section5 .img img {
        display: block;
        width: 100%; }
    .pp-main-wrap .section5 .text {
      width: 510px;
      float: left;
      margin-left: 92px; }
      .pp-main-wrap .section5 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 74px;
        text-align: left;
        padding-right: 20px; }
      .pp-main-wrap .section5 .text .con {
        width: 100%;
        margin-top: 74px; }
        .pp-main-wrap .section5 .text .con p {
          font-size: 12px;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }

.nd-main-wrap {
  width: 1080px;
  margin: 0px auto 0px;
  position: relative; }
  .nd-main-wrap .bg {
    display: block;
    width: 100%; }
  .nd-main-wrap .jieshao {
    width: 1080px;
    position: absolute;
    left: 0px;
    top: 0px; }
    .nd-main-wrap .jieshao h3 {
      font-size: 22px;
      color: #555;
      font-weight: normal;
      margin-top: 64px;
      margin-left: 46px;
      color: #04BDF1; }
    .nd-main-wrap .jieshao .con {
      width: 94%;
      font-size: 14px;
      line-height: 2;
      color: #666;
      margin-top: 14px;
      margin-left: 30px; }
  .nd-main-wrap .section1 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 278px;
    overflow: hidden; }
    .nd-main-wrap .section1 .img {
      width: 445px;
      float: left;
      margin-left: 30px; }
      .nd-main-wrap .section1 .img img {
        display: block;
        width: 100%; }
    .nd-main-wrap .section1 .text {
      width: 510px;
      float: left;
      margin-left: 62px; }
      .nd-main-wrap .section1 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 50px;
        color: #04BDF1; }
      .nd-main-wrap .section1 .text .con {
        width: 100%;
        margin-top: 88px; }
        .nd-main-wrap .section1 .text .con p {
          font-size: 12px;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .nd-main-wrap .section2 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 736px;
    overflow: hidden; }
    .nd-main-wrap .section2 .img {
      width: 425px;
      float: right;
      margin-left: 56px;
      margin-right: 35px; }
      .nd-main-wrap .section2 .img img {
        display: block;
        width: 100%; }
    .nd-main-wrap .section2 .text {
      width: 510px;
      float: left;
      margin-left: 20px;
      margin-top: 70px; }
      .nd-main-wrap .section2 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 30px;
        text-align: right;
        color: #04BDF1; }
      .nd-main-wrap .section2 .text .con {
        width: 100%;
        margin-top: 92px; }
        .nd-main-wrap .section2 .text .con p {
          text-align: right;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .nd-main-wrap .section3 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 1268px;
    overflow: hidden; }
    .nd-main-wrap .section3 .img {
      width: 420px;
      float: left;
      margin-left: 55px; }
      .nd-main-wrap .section3 .img img {
        display: block;
        width: 100%; }
    .nd-main-wrap .section3 .text {
      width: 500px;
      float: left;
      margin-left: 67px; }
      .nd-main-wrap .section3 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 85px;
        color: #04BDF1; }
      .nd-main-wrap .section3 .text .con {
        width: 100%;
        margin-top: 82px; }
        .nd-main-wrap .section3 .text .con p {
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .nd-main-wrap .section4 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 1780px;
    overflow: hidden; }
    .nd-main-wrap .section4 .img {
      width: 455px;
      float: right;
      margin-left: 0px;
      margin-right: 30px; }
      .nd-main-wrap .section4 .img img {
        display: block;
        width: 100%; }
    .nd-main-wrap .section4 .text {
      width: 500px;
      float: left;
      margin-left: 10px; }
      .nd-main-wrap .section4 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 138px;
        text-align: right;
        color: #04BDF1; }
      .nd-main-wrap .section4 .text .con {
        width: 100%;
        margin-top: 70px; }
        .nd-main-wrap .section4 .text .con p {
          text-align: right;
          font-size: 12px;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }
  .nd-main-wrap .section5 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 2350px;
    overflow: hidden; }
    .nd-main-wrap .section5 .img {
      width: 412px;
      float: left;
      margin-left: 40px; }
      .nd-main-wrap .section5 .img img {
        display: block;
        width: 100%; }
    .nd-main-wrap .section5 .text {
      width: 510px;
      float: left;
      margin-left: 90px; }
      .nd-main-wrap .section5 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 84px;
        text-align: left;
        padding-right: 20px;
        color: #04BDF1; }
      .nd-main-wrap .section5 .text .con {
        width: 100%;
        margin-top: 90px; }
        .nd-main-wrap .section5 .text .con p {
          font-size: 12px;
          line-height: 2.5;
          color: #666;
          margin-bottom: 16px; }

.bim-gsjs {
  width: 1200px;
  margin: 0px auto;
  background: url("../images/bim6.png");
  background-size: 100% 100%;
  height: 400px;
  overflow: hidden; }
  .bim-gsjs .img {
    width: 460px;
    float: left;
    margin-left: 70px;
    margin-top: 65px; }
    .bim-gsjs .img img {
      display: block;
      width: 100%; }
  .bim-gsjs .text {
    width: 400px;
    float: left;
    margin-left: 132px; }
    .bim-gsjs .text h3 {
      font-size: 22px;
      line-height: 40px;
      font-weight: normal;
      margin-top: 95px;
      text-align: right; }
    .bim-gsjs .text .con {
      width: 100%;
      margin-top: 30px; }
      .bim-gsjs .text .con p {
        font-size: 12px;
        line-height: 2;
        color: #666;
        margin-bottom: 20px; }

.bim-csr-wrap {
  width: 100%;
  height: 330px;
  background: #1E242B; }
  .bim-csr-wrap .bim-csr {
    width: 1080px;
    height: 100%;
    margin: 0px auto;
    position: relative; }
    .bim-csr-wrap .bim-csr .bg {
      display: block;
      height: 100%;
      margin-left: -70px; }
    .bim-csr-wrap .bim-csr .csr {
      width: 140px;
      position: absolute;
      left: 170px;
      top: 64px; }
    .bim-csr-wrap .bim-csr .text {
      width: 436px;
      position: absolute;
      left: 545px;
      top: 100px;
      color: #FFF; }
      .bim-csr-wrap .bim-csr .text p {
        font-size: 14px;
        line-height: 40px; }
      .bim-csr-wrap .bim-csr .text .r {
        text-align: right;
        color: #FFF;
        margin-top: 40px; }
        .bim-csr-wrap .bim-csr .text .r b {
          margin-right: 12px;
          font-size: 22px; }

.pp-csr-wrap {
  width: 100%;
  height: 330px;
  background: url("../images/pp_bg.png");
  background-size: auto 100%;
  background-repeat: repeat-x;
  overflow: hidden;
  position: relative; }
  .pp-csr-wrap .bim-csr {
    height: 100%;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
    .pp-csr-wrap .bim-csr .bg {
      display: block;
      height: 100%; }
    .pp-csr-wrap .bim-csr .csr {
      width: 140px;
      position: absolute;
      left: 170px;
      top: 64px; }
    .pp-csr-wrap .bim-csr .text {
      width: 436px;
      position: absolute;
      left: 520px;
      top: 132px;
      color: #333; }
      .pp-csr-wrap .bim-csr .text p {
        font-size: 12px;
        line-height: 32px; }
      .pp-csr-wrap .bim-csr .text .r {
        text-align: right;
        color: #333;
        margin-top: 40px; }
        .pp-csr-wrap .bim-csr .text .r b {
          margin-right: 12px;
          font-size: 22px; }

.nd-csr-wrap {
  width: 100%;
  height: 375px;
  background: #2E3136; }
  .nd-csr-wrap .bim-csr {
    width: 1080px;
    max-width: 100%;
    height: 100%;
    margin: 0px auto;
    position: relative; }
    .nd-csr-wrap .bim-csr .bg {
      width: 1080px;
      display: block;
      height: 100%;
      margin: 0px auto; }
    .nd-csr-wrap .bim-csr .csr {
      width: 140px;
      position: absolute;
      left: 170px;
      top: 64px; }
    .nd-csr-wrap .bim-csr .text {
      width: 436px;
      position: absolute;
      left: 220px;
      top: 130px;
      color: #FFF; }
      .nd-csr-wrap .bim-csr .text p {
        font-size: 12px;
        line-height: 32px; }
      .nd-csr-wrap .bim-csr .text .r {
        text-align: right;
        color: #FFF;
        margin-top: 40px; }
        .nd-csr-wrap .bim-csr .text .r i {
          display: inline-block;
          width: 55px;
          height: 1px;
          background: #FFF;
          margin-right: 15px;
          margin-top: -6px; }
        .nd-csr-wrap .bim-csr .text .r b {
          margin-right: 12px;
          font-size: 22px; }

.zj-banner-wrap {
  width: 100%;
  margin-top: 65px;
  position: relative;
  overflow: hidden;
  background: #fcfcfc;
  height: 515px; }
  .zj-banner-wrap .bg {
    height: 515px;
    width: 100%; }
  .zj-banner-wrap .banner-content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px; }
    .zj-banner-wrap .banner-content .left {
      position: absolute;
      left: 50%;
      top: 0px;
      height: 100%;
      transform: translateX(-50%); }
    .zj-banner-wrap .banner-content .right {
      position: absolute;
      left: 95px;
      top: 138px; }
      .zj-banner-wrap .banner-content .right .text-1 {
        margin-top: 175px; }
      .zj-banner-wrap .banner-content .right .tag {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        background: #F6D041;
        color: #FFF;
        margin-top: 10px;
        width: 120px;
        text-align: center; }
      .zj-banner-wrap .banner-content .right .share {
        margin-top: 10px;
        margin-left: -4px; }
        .zj-banner-wrap .banner-content .right .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #F6D041;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .zj-banner-wrap .banner-content .right .share .qq:hover:before {
          content: '\e620'; }
        .zj-banner-wrap .banner-content .right .share .weixin:hover:before {
          content: '\e633'; }
        .zj-banner-wrap .banner-content .right .share .weibo:hover:before {
          content: '\e616'; }

.bim-jieshao-wrap {
  width: 100%;
  height: 158px;
  background: #FFF;
  border-bottom: solid 1px #CCECF4;
  box-shadow: 0px 2px 12px rgba(0, 160, 198, 0.2);
  overflow: visible;
  position: relative; }
  .bim-jieshao-wrap .bim-jieshao {
    width: 1080px;
    overflow: visible;
    height: 160px;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    top: 0px;
    background: url("../images/bim7.png");
    background-size: 100% 100%;
    padding: 34px 0px 20px 200px; }
    .bim-jieshao-wrap .bim-jieshao p {
      line-height: 2;
      font-size: 12px; }

.zdz-section1 {
  width: 1180px;
  margin: 40px auto 0px;
  position: relative; }
  .zdz-section1 .bg {
    display: block;
    width: 100%; }
  .zdz-section1 .text {
    position: absolute;
    width: 485px;
    right: 158px;
    top: -22px;
    margin-left: 70px; }
    .zdz-section1 .text h3 {
      font-size: 22px;
      line-height: 40px;
      font-weight: normal;
      margin-top: 74px;
      text-align: left;
      padding-right: 20px; }
    .zdz-section1 .text .con {
      width: 100%;
      margin-top: 30px; }
      .zdz-section1 .text .con p {
        font-size: 12px;
        line-height: 2;
        color: #666; }
  .zdz-section1 .text2 {
    position: absolute;
    width: 455px;
    top: 480px;
    left: 22px;
    margin-left: 70px; }
    .zdz-section1 .text2 h3 {
      font-size: 22px;
      line-height: 40px;
      font-weight: normal;
      margin-top: 74px;
      text-align: right;
      padding-right: 20px; }
    .zdz-section1 .text2 .con {
      width: 100%;
      margin-top: 30px;
      padding-left: 60px; }
      .zdz-section1 .text2 .con p {
        font-size: 12px;
        line-height: 2;
        color: #666; }
  .zdz-section1 .cover1 {
    width: 490px;
    position: absolute;
    left: 0px;
    top: 0px; }
  .zdz-section1 .cover2 {
    width: 460px;
    position: absolute;
    right: 0px;
    top: 440px; }

.zdz-section2-wrap {
  width: 100%;
  background: #FCFCFC; }
  .zdz-section2-wrap .zdz-section2 {
    width: 1180px;
    margin: 0px auto 0px;
    position: relative; }
    .zdz-section2-wrap .zdz-section2 .bg {
      display: block;
      width: 100%; }
    .zdz-section2-wrap .zdz-section2 .cover1 {
      width: 490px;
      position: absolute;
      left: 0px;
      top: 0px; }
    .zdz-section2-wrap .zdz-section2 .text {
      position: absolute;
      width: 485px;
      right: 162px;
      top: 35px;
      margin-left: 70px; }
      .zdz-section2-wrap .zdz-section2 .text h3 {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
        margin-top: 74px;
        text-align: left;
        padding-right: 20px; }
      .zdz-section2-wrap .zdz-section2 .text .con {
        width: 100%;
        margin-top: 30px; }
        .zdz-section2-wrap .zdz-section2 .text .con p {
          font-size: 12px;
          line-height: 2;
          color: #666; }

.zdz-section4-wrap {
  width: 100%;
  background: url("../images/zdz4.png");
  background-size: 100% 100%;
  height: 298px; }
  .zdz-section4-wrap .zdz-section4 {
    width: 1180px;
    margin: 0px auto 0px;
    position: relative; }
    .zdz-section4-wrap .zdz-section4 .bg {
      display: block;
      width: 100%; }
    .zdz-section4-wrap .zdz-section4 .csr {
      width: 192px;
      height: 240px;
      position: absolute;
      left: 210px;
      top: 38px;
      box-shadow: 0px 0px 12px rgba(136, 219, 162, 0.2); }
    .zdz-section4-wrap .zdz-section4 .text {
      width: 436px;
      position: absolute;
      left: 645px;
      top: 100px;
      color: #333; }
      .zdz-section4-wrap .zdz-section4 .text p {
        font-size: 14px;
        line-height: 40px; }
      .zdz-section4-wrap .zdz-section4 .text .r {
        text-align: right;
        color: #333;
        margin-top: 40px; }
        .zdz-section4-wrap .zdz-section4 .text .r b {
          margin-right: 12px;
          font-size: 22px; }

.zdz-section3 {
  width: 1180px;
  margin: 0px auto 0px;
  position: relative; }
  .zdz-section3 .bg {
    display: block;
    width: 100%; }
  .zdz-section3 .cover1 {
    width: 490px;
    position: absolute;
    right: 0px;
    top: 0px; }
  .zdz-section3 .cover2 {
    width: 510px;
    position: absolute;
    left: 0px;
    top: 480px; }
  .zdz-section3 .text {
    position: absolute;
    width: 420px;
    left: 56px;
    top: 92px;
    margin-left: 70px; }
    .zdz-section3 .text h3 {
      font-size: 22px;
      line-height: 40px;
      font-weight: normal;
      margin-top: 74px;
      text-align: left;
      padding-right: 20px; }
    .zdz-section3 .text .con {
      width: 100%;
      margin-top: 30px; }
      .zdz-section3 .text .con p {
        font-size: 12px;
        line-height: 2;
        color: #666; }
  .zdz-section3 .text2 {
    position: absolute;
    width: 490px;
    top: 556px;
    right: 134px;
    margin-left: 70px; }
    .zdz-section3 .text2 h3 {
      font-size: 22px;
      line-height: 40px;
      font-weight: normal;
      margin-top: 74px;
      text-align: left;
      padding-right: 20px; }
    .zdz-section3 .text2 .con {
      width: 100%;
      margin-top: 30px; }
      .zdz-section3 .text2 .con p {
        font-size: 12px;
        line-height: 2;
        color: #666; }

.dabao-section1-wrap {
  width: 100%;
  height: 210px;
  position: relative; }
  .dabao-section1-wrap .shadow {
    width: 100%;
    height: 210px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 0px 10px 30px rgba(116, 116, 116, 0.1);
    z-index: 99; }
    .dabao-section1-wrap .shadow .dabao-section1 {
      width: 1080px;
      margin: 0px auto; }
      .dabao-section1-wrap .shadow .dabao-section1 .logo-line {
        width: 100%;
        height: 70px;
        position: relative; }
        .dabao-section1-wrap .shadow .dabao-section1 .logo-line:before {
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background: #DDD;
          position: absolute;
          left: 0px;
          top: 50%; }
        .dabao-section1-wrap .shadow .dabao-section1 .logo-line .logo {
          position: absolute;
          left: 50%;
          margin-left: -60px;
          top: 14px;
          display: block;
          width: 120px;
          z-index: 9;
          border: solid 20px #FFF;
          border-top: none;
          border-bottom: none; }
      .dabao-section1-wrap .shadow .dabao-section1 .text {
        width: 100%;
        text-indent: 2em;
        font-size: 12px;
        color: #666;
        line-height: 24px; }

.dabao-item-wrap {
  width: 100%;
  background: #FFF; }
  .dabao-item-wrap .dabao-item {
    width: 1080px;
    margin: 0px auto;
    background: url("../images/dabao-bg-line.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-bottom: 50px; }
    .dabao-item-wrap .dabao-item .section1 {
      padding: 125px 0px 38px;
      position: relative; }
      .dabao-item-wrap .dabao-item .section1 .bg {
        width: 100%;
        transform: scale(1.04); }
      .dabao-item-wrap .dabao-item .section1 .title {
        position: absolute;
        left: 82px;
        top: 60px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section1 .title .num {
          float: left;
          color: #F6D041;
          font-size: 60px;
          transform: scale(0.8, 1); }
        .dabao-item-wrap .dabao-item .section1 .title .text {
          float: left;
          margin-top: 15px;
          margin-left: 5px; }
          .dabao-item-wrap .dabao-item .section1 .title .text span {
            font-size: 15px;
            letter-spacing: -1px; }
          .dabao-item-wrap .dabao-item .section1 .title .text div {
            font-size: 24px; }
      .dabao-item-wrap .dabao-item .section1 .content {
        width: 400px;
        position: absolute;
        top: 172px;
        right: 30px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section1 .content .t-title {
          font-size: 20px;
          line-height: 28px; }
        .dabao-item-wrap .dabao-item .section1 .content .t-content {
          font-size: 12px;
          color: #666; }
          .dabao-item-wrap .dabao-item .section1 .content .t-content p {
            margin-top: 40px; }
    .dabao-item-wrap .dabao-item .section2 {
      padding: 50px 0px;
      position: relative; }
      .dabao-item-wrap .dabao-item .section2 .bg {
        width: 100%;
        transform: scale(1.04); }
      .dabao-item-wrap .dabao-item .section2 .title {
        position: absolute;
        left: 532px;
        top: 14px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section2 .title .num {
          float: left;
          color: #F6D041;
          font-size: 60px;
          transform: scale(0.8, 1); }
        .dabao-item-wrap .dabao-item .section2 .title .text {
          float: left;
          margin-top: 15px;
          margin-left: 5px; }
          .dabao-item-wrap .dabao-item .section2 .title .text span {
            font-size: 15px;
            letter-spacing: -1px; }
          .dabao-item-wrap .dabao-item .section2 .title .text div {
            font-size: 24px; }
      .dabao-item-wrap .dabao-item .section2 .content {
        width: 400px;
        position: absolute;
        top: 132px;
        left: 100px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section2 .content .t-title {
          font-size: 20px;
          line-height: 28px; }
        .dabao-item-wrap .dabao-item .section2 .content .t-content {
          font-size: 12px;
          color: #666; }
          .dabao-item-wrap .dabao-item .section2 .content .t-content p {
            margin-top: 32px;
            line-height: 24px; }
    .dabao-item-wrap .dabao-item .section3 {
      padding: 50px 0px 38px;
      position: relative; }
      .dabao-item-wrap .dabao-item .section3 .bg {
        width: 100%;
        transform: scale(1.04); }
      .dabao-item-wrap .dabao-item .section3 .title {
        position: absolute;
        left: 60px;
        top: -18px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section3 .title .num {
          float: left;
          color: #F6D041;
          font-size: 60px;
          transform: scale(0.8, 1); }
        .dabao-item-wrap .dabao-item .section3 .title .text {
          float: left;
          margin-top: 15px;
          margin-left: 5px; }
          .dabao-item-wrap .dabao-item .section3 .title .text span {
            font-size: 15px;
            letter-spacing: -1px; }
          .dabao-item-wrap .dabao-item .section3 .title .text div {
            font-size: 24px; }
      .dabao-item-wrap .dabao-item .section3 .content {
        width: 400px;
        position: absolute;
        top: 90px;
        right: 30px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section3 .content .t-title {
          font-size: 20px;
          line-height: 28px; }
        .dabao-item-wrap .dabao-item .section3 .content .t-content {
          font-size: 12px;
          color: #666; }
          .dabao-item-wrap .dabao-item .section3 .content .t-content p {
            margin-top: 40px;
            line-height: 28px; }
    .dabao-item-wrap .dabao-item .section4 {
      padding: 50px 0px;
      position: relative; }
      .dabao-item-wrap .dabao-item .section4 .bg {
        width: 100%;
        transform: scale(1.04); }
      .dabao-item-wrap .dabao-item .section4 .title {
        position: absolute;
        left: 845px;
        top: 14px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section4 .title .num {
          float: left;
          color: #F6D041;
          font-size: 60px;
          transform: scale(0.8, 1); }
        .dabao-item-wrap .dabao-item .section4 .title .text {
          float: left;
          margin-top: 15px;
          margin-left: 5px; }
          .dabao-item-wrap .dabao-item .section4 .title .text span {
            font-size: 15px;
            letter-spacing: -1px; }
          .dabao-item-wrap .dabao-item .section4 .title .text div {
            font-size: 24px; }
      .dabao-item-wrap .dabao-item .section4 .content {
        width: 400px;
        position: absolute;
        top: 110px;
        left: 100px;
        z-index: 99; }
        .dabao-item-wrap .dabao-item .section4 .content .t-title {
          font-size: 20px;
          line-height: 28px; }
        .dabao-item-wrap .dabao-item .section4 .content .t-content {
          font-size: 12px;
          color: #666;
          margin-top: 50px; }
          .dabao-item-wrap .dabao-item .section4 .content .t-content p {
            margin-top: 32px;
            line-height: 24px; }

.dabao-section2-wrap {
  width: 100%;
  height: 312px;
  background: url("../images/dabao10.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .dabao-section2-wrap .dabao-section2 {
    width: 1080px;
    margin: 0px auto; }
    .dabao-section2-wrap .dabao-section2 .avater {
      float: left;
      width: 152px;
      height: 198px;
      margin-left: 60px;
      margin-top: 52px;
      position: relative; }
      .dabao-section2-wrap .dabao-section2 .avater:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(255, 255, 255, 0.4);
        left: 10px;
        top: 10px; }
      .dabao-section2-wrap .dabao-section2 .avater img {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%; }
    .dabao-section2-wrap .dabao-section2 .text {
      float: left;
      margin-left: 60px;
      margin-top: 90px; }
      .dabao-section2-wrap .dabao-section2 .text .tt {
        height: 48px;
        line-height: 48px;
        font-size: 26px; }
      .dabao-section2-wrap .dabao-section2 .text .t i {
        float: left;
        margin-right: 20px;
        font-size: 20px;
        margin-top: -2px; }
      .dabao-section2-wrap .dabao-section2 .text .b {
        text-indent: 5.8em; }
        .dabao-section2-wrap .dabao-section2 .text .b i {
          margin-left: 20px;
          font-size: 20px; }
      .dabao-section2-wrap .dabao-section2 .text .f {
        margin-left: 385px;
        font-size: 26px;
        color: #9D9D9D; }
        .dabao-section2-wrap .dabao-section2 .text .f i {
          width: 82px;
          height: 1px;
          background: #333;
          margin-right: 35px;
          float: left;
          margin-top: 24px; }
        .dabao-section2-wrap .dabao-section2 .text .f span {
          font-size: 30px;
          margin-left: 12px;
          color: #333; }

.dabao-section3-wrap {
  padding: 50px 0px;
  background: #FFF;
  width: 100%; }
  .dabao-section3-wrap .dabao-section3 {
    width: 1080px;
    margin: 0px auto; }
    .dabao-section3-wrap .dabao-section3 .title {
      width: 100%;
      font-size: 28px;
      line-height: 38px;
      text-align: center;
      height: 38px; }
    .dabao-section3-wrap .dabao-section3 .desc {
      width: 100%;
      margin: 12px 0px; }
      .dabao-section3-wrap .dabao-section3 .desc p {
        text-align: center;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        color: #999; }
    .dabao-section3-wrap .dabao-section3 .galery {
      width: 1080px;
      position: relative; }
      .dabao-section3-wrap .dabao-section3 .galery .left {
        position: absolute;
        left: -50px;
        top: 20px;
        width: 36px;
        height: 200px;
        background: #666;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        line-height: 200px; }
      .dabao-section3-wrap .dabao-section3 .galery .right {
        position: absolute;
        right: -50px;
        top: 20px;
        width: 36px;
        height: 200px;
        background: #666;
        color: #FFF;
        cursor: pointer;
        text-align: center;
        line-height: 200px; }
      .dabao-section3-wrap .dabao-section3 .galery .swiper-container {
        width: 1080px;
        height: 240px;
        overflow-x: hidden; }
        .dabao-section3-wrap .dabao-section3 .galery .swiper-container .swiper-wrapper {
          width: 6000px;
          height: 200px;
          margin-top: 20px; }
          .dabao-section3-wrap .dabao-section3 .galery .swiper-container .swiper-wrapper .swiper-slide {
            float: left;
            width: 360px;
            height: 200px;
            padding: 0px 5px; }
            .dabao-section3-wrap .dabao-section3 .galery .swiper-container .swiper-wrapper .swiper-slide img {
              display: block;
              width: 100%;
              height: 100%;
              transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
              .dabao-section3-wrap .dabao-section3 .galery .swiper-container .swiper-wrapper .swiper-slide img:hover {
                transform: scale(1.1);
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

.shouye-banner {
  width: 100%;
  height: 100%;
  position: relative; }
  .shouye-banner .bg-box {
    width: 100%;
    height: 100%; }
    .shouye-banner .bg-box .bg {
      display: block;
      width: 100%;
      height: 100%; }
    .shouye-banner .bg-box .text {
      width: 540px;
      position: absolute;
      left: 50%;
      top: 40%;
      margin-left: -540px;
      margin-top: -70px;
      z-index: 999; }
      .shouye-banner .bg-box .text img {
        display: block;
        transition: all 1000ms ease-out; }
      .shouye-banner .bg-box .text .a {
        width: 515px;
        transform: translateY(-1200px);
        opacity: 0; }
      .shouye-banner .bg-box .text .b {
        margin-top: 28px;
        width: 885px;
        transform: translateY(1200px);
        opacity: 0; }
      .shouye-banner .bg-box .text .c {
        margin-top: 70px;
        width: 480px;
        transform: translateX(-2020px);
        opacity: 0; }
      .shouye-banner .bg-box .text .a-show {
        transform: translateY(0px);
        opacity: 1; }
      .shouye-banner .bg-box .text .b-show {
        transform: translateY(0px);
        opacity: 1; }
      .shouye-banner .bg-box .text .c-show {
        transform: translateX(0px);
        opacity: 1; }
  .shouye-banner .foot {
    width: 1080px;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    bottom: 40px;
    color: #FFF;
    height: 42px;
    line-height: 42px;
    z-index: 999; }
    .shouye-banner .foot .copyright {
      float: right;
      font-size: 14px;
      color: #999; }
    .shouye-banner .foot .share-item {
      float: right;
      height: 42px;
      line-height: 42px;
      color: #FFF;
      margin-left: 80px; }
      .shouye-banner .foot .share-item .share {
        display: block;
        width: 32px;
        height: 32px;
        margin: 5px 10px;
        float: left;
        text-align: center;
        line-height: 30px;
        color: #FFF;
        border: solid 1px #FFF;
        border-radius: 50%;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
        .shouye-banner .foot .share-item .share:hover {
          border: solid 1px #F6D041;
          background: #F6D041;
          color: #292929; }

.fix-nav {
  position: fixed;
  text-align: center;
  line-height: 45px;
  right: 0px;
  bottom: 100px;
  z-index: 999;
  color: #FFF; }
  .fix-nav .nav {
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: #292929;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    margin-top: 1px;
    font-size: 22px; }
    .fix-nav .nav:hover {
      background: #F6D041; }
  .fix-nav .phone {
    position: relative; }
    .fix-nav .phone span {
      height: 45px;
      padding: 0px 16px;
      font-size: 14px;
      display: block;
      position: absolute;
      top: 0px;
      right: 45px;
      background: #292929;
      transform: scaleX(0);
      transform-origin: 100% 0%; }
    .fix-nav .phone:hover span {
      transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transform: scaleX(1);
      background: #F6D041; }
  .fix-nav .top {
    height: 0px;
    overflow: hidden; }

/***V2版本**/
.v2-tag-item-wrap {
  width: 1080px;
  margin: 0px auto;
  padding: 58px 0px;
  overflow: visible; }
  .v2-tag-item-wrap .v2-tag-item {
    overflow: visible;
    margin-left: 1px;
    margin-top: 1px; }
    .v2-tag-item-wrap .v2-tag-item .tag {
      width: 20%;
      height: 162px;
      background: #FFF;
      overflow: hidden;
      cursor: default;
      transition: box-shadow 550ms ,scale 0ms;
      -webkit-transition: box-shadow 550ms ,scale 0ms;
      float: left;
      border: solid 1px #EEE;
      margin-left: -1px;
      margin-top: -1px; }
      .v2-tag-item-wrap .v2-tag-item .tag:hover {
        transform: scale(1);
        box-shadow: 0px 0px 18px rgba(83, 83, 83, 0.2); }
      .v2-tag-item-wrap .v2-tag-item .tag .icon {
        display: block;
        width: 64px;
        height: 64px;
        margin: 25px auto 0px; }
        .v2-tag-item-wrap .v2-tag-item .tag .icon svg {
          width: 100%;
          height: 100%; }
      .v2-tag-item-wrap .v2-tag-item .tag span {
        margin-top: 20px;
        display: block;
        width: 100%;
        text-align: center; }

.v2-case-item-wrap {
  width: 1080px;
  margin: 0px auto; }
  .v2-case-item-wrap .title {
    text-align: center;
    font-size: 28px;
    height: 32px;
    line-height: 32px;
    font-weight: normal; }
  .v2-case-item-wrap .v2-case-item {
    width: 105%;
    margin-top: 45px; }
    .v2-case-item-wrap .v2-case-item .case {
      width: 345px;
      margin-right: 20px;
      margin-bottom: 25px;
      float: left; }
      .v2-case-item-wrap .v2-case-item .case .pic {
        width: 100%;
        height: 345px;
        display: block;
        position: relative;
        overflow: hidden;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
        .v2-case-item-wrap .v2-case-item .case .pic:hover {
          box-shadow: 0px 0px 18px rgba(83, 83, 83, 0.2); }
          .v2-case-item-wrap .v2-case-item .case .pic:hover .mask {
            opacity: 1; }
            .v2-case-item-wrap .v2-case-item .case .pic:hover .mask .t {
              opacity: 1;
              transform: translateY(0px) scale(1); }
            .v2-case-item-wrap .v2-case-item .case .pic:hover .mask .info {
              opacity: 1;
              transform: translateY(0px) scale(1); }
            .v2-case-item-wrap .v2-case-item .case .pic:hover .mask .button {
              opacity: 1;
              transform: translateY(0px) scale(1); }
          .v2-case-item-wrap .v2-case-item .case .pic:hover .cover {
            transform: scale(1.06); }
        .v2-case-item-wrap .v2-case-item .case .pic .mask {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.85);
          opacity: 0;
          transition: all 400ms linear;
          z-index: 9;
          padding: 40px;
          cursor: default; }
          .v2-case-item-wrap .v2-case-item .case .pic .mask .t {
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 36px;
            opacity: 0;
            transform: translateY(15px) scale(1);
            transition: transform .3s ease-in-out,opacity .15s ease-in,-webkit-transform .3s ease-in-out;
            transition-delay: 0.3s; }
          .v2-case-item-wrap .v2-case-item .case .pic .mask .info {
            width: 100%;
            height: 125px;
            font-size: 14px;
            line-height: 1.8;
            margin-top: 18px;
            opacity: 0;
            transform: translateY(15px) scale(1);
            transition: transform .3s ease-in-out,opacity .15s ease-in,-webkit-transform .3s ease-in-out;
            transition-delay: 0.5s; }
          .v2-case-item-wrap .v2-case-item .case .pic .mask .button {
            display: block;
            width: 120px;
            height: 38px;
            color: #FFF;
            text-align: center;
            line-height: 38px;
            margin: 15px auto 0px;
            overflow: hidden;
            opacity: 0;
            transform: translateY(15px) scale(1);
            transition: transform .3s ease-in-out,opacity .15s ease-in,-webkit-transform .3s ease-in-out;
            transition-delay: 0.7s; }
            .v2-case-item-wrap .v2-case-item .case .pic .mask .button .wrap {
              width: 240px;
              margin-left: -120px;
              transition: all 300ms ease; }
              .v2-case-item-wrap .v2-case-item .case .pic .mask .button .wrap .a {
                float: left;
                width: 120px;
                background: #F6D041; }
                .v2-case-item-wrap .v2-case-item .case .pic .mask .button .wrap .a .iconfont {
                  margin-left: 14px; }
              .v2-case-item-wrap .v2-case-item .case .pic .mask .button .wrap .b {
                float: left;
                width: 120px;
                background: #333; }
                .v2-case-item-wrap .v2-case-item .case .pic .mask .button .wrap .b .iconfont {
                  margin-left: 14px; }
            .v2-case-item-wrap .v2-case-item .case .pic .mask .button:hover .wrap {
              margin-left: 0px; }
        .v2-case-item-wrap .v2-case-item .case .pic .cover {
          display: block;
          width: 100%;
          height: 100%;
          transition: all 400ms linear; }
      .v2-case-item-wrap .v2-case-item .case .text {
        width: 100%;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 16px;
        margin-top: 16px; }

.vi-section-wrap {
  width: 100%; }
  .vi-section-wrap .section-1 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-1 .bg {
      display: block;
      width: 100%; }
    .vi-section-wrap .section-1 .text {
      position: absolute;
      right: 130px;
      top: 140px;
      width: 360px; }
      .vi-section-wrap .section-1 .text .ta {
        font-size: 32px; }
      .vi-section-wrap .section-1 .text .tb {
        font-size: 12px;
        color: #999; }
      .vi-section-wrap .section-1 .text .tc {
        font-size: 14px;
        line-height: 34px;
        color: #666;
        margin-top: 20px; }
  .vi-section-wrap .section-2 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-2 .bg {
      display: block;
      width: 100%; }
    .vi-section-wrap .section-2 .text {
      position: absolute;
      left: 145px;
      top: 160px;
      width: 400px; }
      .vi-section-wrap .section-2 .text .ta {
        font-size: 32px; }
      .vi-section-wrap .section-2 .text .tb {
        font-size: 12px;
        color: #999; }
      .vi-section-wrap .section-2 .text .tc {
        font-size: 14px;
        line-height: 34px;
        color: #666;
        margin-top: 20px; }
  .vi-section-wrap .section-3 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-3 .bg {
      display: block;
      width: 100%; }
    .vi-section-wrap .section-3 .text {
      position: absolute;
      right: 145px;
      top: 125px;
      width: 415px; }
      .vi-section-wrap .section-3 .text .ta {
        font-size: 32px; }
      .vi-section-wrap .section-3 .text .tb {
        font-size: 12px;
        color: #999; }
      .vi-section-wrap .section-3 .text .tc {
        font-size: 14px;
        line-height: 34px;
        color: #666;
        margin-top: 20px; }
  .vi-section-wrap .section-4 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-4 .bg {
      display: block;
      width: 100%; }
    .vi-section-wrap .section-4 .text {
      position: absolute;
      left: 145px;
      top: 160px;
      width: 400px; }
      .vi-section-wrap .section-4 .text .ta {
        font-size: 32px; }
      .vi-section-wrap .section-4 .text .tb {
        font-size: 12px;
        color: #999; }
      .vi-section-wrap .section-4 .text .tc {
        font-size: 14px;
        line-height: 34px;
        color: #666;
        margin-top: 20px; }
  .vi-section-wrap .section-5 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-5 .bg {
      display: block;
      width: 100%; }
    .vi-section-wrap .section-5 .text {
      position: absolute;
      right: 145px;
      top: 125px;
      width: 415px; }
      .vi-section-wrap .section-5 .text .ta {
        font-size: 32px; }
      .vi-section-wrap .section-5 .text .tb {
        font-size: 12px;
        color: #999; }
      .vi-section-wrap .section-5 .text .tc {
        font-size: 14px;
        line-height: 34px;
        color: #666;
        margin-top: 20px; }
  .vi-section-wrap .section-6 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-6 .bg {
      display: block;
      width: 100%; }
    .vi-section-wrap .section-6 .text {
      position: absolute;
      left: 145px;
      top: 160px;
      width: 430px; }
      .vi-section-wrap .section-6 .text .ta {
        font-size: 32px; }
      .vi-section-wrap .section-6 .text .tb {
        font-size: 12px;
        color: #999; }
      .vi-section-wrap .section-6 .text .tc {
        font-size: 14px;
        line-height: 34px;
        color: #666;
        margin-top: 20px; }
  .vi-section-wrap .section-7 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-7 .t {
      width: 100%; }
    .vi-section-wrap .section-7 .con {
      display: block;
      width: 100%;
      margin-top: -45px; }
  .vi-section-wrap .section-8 {
    width: 1360px;
    margin: 0px auto;
    position: relative; }
    .vi-section-wrap .section-8 .t {
      width: 100%; }
    .vi-section-wrap .section-8 .con {
      display: block;
      width: 100%;
      margin-top: -85px; }

.vi-section-wrap-b {
  background: #FBFBFB; }

.zj-section-wrap {
  width: 100%; }
  .zj-section-wrap .section-0 {
    width: 1378px;
    margin: 0px auto;
    position: relative; }
    .zj-section-wrap .section-0 .bg {
      display: block;
      width: 100%; }
    .zj-section-wrap .section-0 .img {
      width: 674px;
      height: 671px;
      position: absolute;
      left: 0px;
      top: 0px; }
    .zj-section-wrap .section-0 .text {
      position: absolute;
      left: 150px;
      top: 125px;
      width: 1080px; }
      .zj-section-wrap .section-0 .text .ta {
        font-size: 24px;
        color: #E84A4A;
        height: 24px;
        padding: 0px 12px;
        line-height: 24px;
        float: left;
        font-weight: bold; }
        .zj-section-wrap .section-0 .text .ta span {
          font-weight: normal;
          font-size: 22px; }
      .zj-section-wrap .section-0 .text .tc {
        font-size: 12px;
        line-height: 24px;
        color: #666;
        margin-top: 20px; }
  .zj-section-wrap .section-1 {
    width: 1378px;
    margin: 0px auto;
    position: relative; }
    .zj-section-wrap .section-1 .bg {
      display: block;
      width: 100%; }
    .zj-section-wrap .section-1 .img {
      width: 690px;
      height: 671px;
      position: absolute;
      left: 0px;
      top: 0px; }
    .zj-section-wrap .section-1 .text {
      position: absolute;
      right: 142px;
      top: 380px;
      width: 520px; }
      .zj-section-wrap .section-1 .text .ta {
        font-size: 12px;
        color: #FFF;
        height: 24px;
        background: #E84A4A;
        padding: 0px 12px;
        line-height: 24px;
        float: left; }
      .zj-section-wrap .section-1 .text .tc {
        font-size: 12px;
        line-height: 24px;
        color: #666;
        margin-top: 20px; }
  .zj-section-wrap .section-2 {
    width: 1378px;
    margin: 0px auto;
    position: relative; }
    .zj-section-wrap .section-2 .bg {
      display: block;
      width: 100%; }
    .zj-section-wrap .section-2 .img {
      width: 689px;
      height: 671px;
      position: absolute;
      right: 0px;
      top: 0px; }
    .zj-section-wrap .section-2 .text {
      position: absolute;
      left: 178px;
      top: 400px;
      width: 350px; }
      .zj-section-wrap .section-2 .text .ta {
        font-size: 12px;
        color: #FFF;
        height: 24px;
        background: #E84A4A;
        padding: 0px 12px;
        line-height: 24px;
        float: left; }
      .zj-section-wrap .section-2 .text .tc {
        font-size: 12px;
        line-height: 24px;
        color: #666;
        margin-top: 20px; }
  .zj-section-wrap .section-3 {
    width: 1378px;
    margin: 0px auto;
    position: relative; }
    .zj-section-wrap .section-3 .bg {
      display: block;
      width: 100%; }
    .zj-section-wrap .section-3 .img {
      width: 655px;
      height: 671px;
      position: absolute;
      left: 0px;
      top: 0px; }
    .zj-section-wrap .section-3 .text {
      position: absolute;
      right: 142px;
      top: 412px;
      width: 520px; }
      .zj-section-wrap .section-3 .text .ta {
        font-size: 12px;
        color: #FFF;
        height: 24px;
        background: #E84A4A;
        padding: 0px 12px;
        line-height: 24px;
        float: left; }
      .zj-section-wrap .section-3 .text .tc {
        font-size: 12px;
        line-height: 24px;
        color: #666;
        margin-top: 20px; }
  .zj-section-wrap .section-4 {
    width: 1378px;
    margin: 0px auto;
    position: relative; }
    .zj-section-wrap .section-4 .bg {
      display: block;
      width: 100%; }
    .zj-section-wrap .section-4 .img {
      width: 806px;
      height: 671px;
      position: absolute;
      right: 0px;
      top: 0px; }
    .zj-section-wrap .section-4 .text {
      position: absolute;
      left: 178px;
      top: 385px;
      width: 350px; }
      .zj-section-wrap .section-4 .text .ta {
        font-size: 12px;
        color: #FFF;
        height: 24px;
        background: #E84A4A;
        padding: 0px 12px;
        line-height: 24px;
        float: left; }
      .zj-section-wrap .section-4 .text .tc {
        font-size: 12px;
        line-height: 24px;
        color: #666;
        margin-top: 20px; }

.zj-section-wrap-b {
  background: #F9F9F9; }

.gywm-banner-wrap {
  width: 100%;
  margin-top: 65px;
  height: 285px;
  position: relative; }
  .gywm-banner-wrap .bg {
    display: block;
    width: 100%;
    height: 285px; }
  .gywm-banner-wrap .content {
    width: 1080px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -540px;
    padding-top: 75px; }
    .gywm-banner-wrap .content .left {
      display: block;
      float: left; }
      .gywm-banner-wrap .content .left img {
        display: block;
        width: 325px; }
    .gywm-banner-wrap .content .right {
      width: 730px;
      float: right; }
      .gywm-banner-wrap .content .right .title {
        margin-top: 10px; }
      .gywm-banner-wrap .content .right .text {
        margin-top: 10px;
        font-size: 14px;
        line-height: 26px; }

.gywm-section {
  width: 1080px;
  margin: 0px auto;
  padding: 30px 0px;
  border-bottom: solid 1px #E0E0E0; }
  .gywm-section .title {
    width: 100%; }
    .gywm-section .title .text {
      display: block;
      width: 315px;
      height: 55px;
      background: url("../images/gywm-t1.png");
      background-size: 100% 100%;
      margin: 0px auto;
      text-align: center;
      line-height: 56px; }
      .gywm-section .title .text span {
        font-size: 20px;
        font-weight: bold; }
      .gywm-section .title .text em {
        font-size: 20px;
        margin-left: 6px; }
    .gywm-section .title .text2 {
      width: 275px;
      height: 55px;
      background: url("../images/gywm-t2.png");
      background-size: 100% 100%; }
      .gywm-section .title .text2 span {
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px; }
      .gywm-section .title .text2 em {
        font-size: 20px; }
    .gywm-section .title .text3 {
      width: 360px;
      height: 55px;
      background: url("../images/gywm-t3.png");
      background-size: 100% 100%;
      line-height: 55px; }
      .gywm-section .title .text3 span {
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px; }
      .gywm-section .title .text3 em {
        font-size: 20px; }
    .gywm-section .title .text4 {
      width: 263px;
      height: 55px;
      background: url("../images/gywm-t4.png");
      background-size: 100% 100%;
      line-height: 55px; }
      .gywm-section .title .text4 span {
        font-size: 20px;
        font-weight: bold; }
      .gywm-section .title .text4 em {
        font-size: 20px; }
    .gywm-section .title .text5 {
      width: 256px;
      height: 55px;
      background: url("../images/gywm-t5.png");
      background-size: 100% 100%;
      line-height: 55px; }
      .gywm-section .title .text5 span {
        font-size: 20px;
        font-weight: bold; }
      .gywm-section .title .text5 em {
        font-size: 20px;
        margin-left: 10px; }
  .gywm-section .content {
    width: 700px;
    margin: 36px auto 0px; }
    .gywm-section .content p {
      text-align: center;
      font-size: 14px;
      line-height: 26px;
      color: #666;
      margin-bottom: 8px; }
      .gywm-section .content p span {
        font-weight: bold; }
  .gywm-section .content2 {
    width: 1080px; }
  .gywm-section .tag-item {
    width: 1080px;
    margin: 36px auto 10px; }
    .gywm-section .tag-item li {
      width: 25%;
      float: left;
      height: 200px;
      border-right: dashed 1px #EEE; }
      .gywm-section .tag-item li:last-child {
        border-right: none; }
      .gywm-section .tag-item li .icon {
        width: 82px;
        height: 82px;
        line-height: 82px;
        text-align: center;
        margin: 0px auto;
        font-size: 32px;
        border: solid 1px #EEE;
        border-radius: 50%; }
      .gywm-section .tag-item li .c {
        width: 220px;
        margin: 12px auto;
        text-align: center;
        font-size: 14px;
        line-height: 26px;
        color: #666; }
  .gywm-section .pic {
    display: block;
    width: 1080px;
    margin-top: 30px; }

.gywm-section-map {
  width: 100%;
  padding: 40px 0px;
  background: #FAFAFA; }
  .gywm-section-map .pic {
    display: block;
    margin: 0px auto;
    width: 1080px; }
  .gywm-section-map .addr {
    margin: 0px auto;
    display: flex;
    justify-content: center;
    width: 1080px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #FFF;
    font-size: 18px; }
    .gywm-section-map .addr img {
      width: 24px;
      margin-right: 12px; }

.weilian {
  overflow: hidden;
  min-width: 1200px;
  display: flex;
  justify-content: center;
  position: relative;
  height: 1882px; }
  .weilian .wlbg {
    width: 100%;
    min-width: 1920px; }
    .weilian .wlbg img {
      display: block;
      width: 100%; }
  .weilian .wl-top {
    width: 100%;
    height: 625px;
    position: absolute;
    top: 0px;
    left: 0px; }
    .weilian .wl-top .wl-t-bg {
      display: block;
      width: 100%;
      min-width: 1920px;
      position: absolute;
      left: 50%;
      top: 50px;
      transform: translateX(-50%); }
    .weilian .wl-top .wl-wg {
      display: block;
      width: 100%;
      min-width: 1920px;
      position: absolute;
      left: 50%;
      top: 0px;
      transform: translateX(-50%); }
    .weilian .wl-top .top-con {
      width: 1080px;
      position: absolute;
      left: 50%;
      margin-left: -540px;
      top: 0px; }
      .weilian .wl-top .top-con .a {
        width: 100%;
        justify-content: center;
        margin-top: 120px; }
        .weilian .wl-top .top-con .a img {
          display: block;
          width: 610px;
          margin: 0px auto; }
      .weilian .wl-top .top-con .b {
        width: 100%;
        justify-content: center;
        margin-top: -28px; }
        .weilian .wl-top .top-con .b img {
          width: 100%;
          display: block;
          margin: 0px auto; }
      .weilian .wl-top .top-con .c {
        width: 100%;
        justify-content: center;
        margin-top: -10px; }
        .weilian .wl-top .top-con .c img {
          width: 100%;
          display: block;
          margin: 0px auto; }
  .weilian .tzr-wrap {
    width: 1080px;
    height: 570px;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 500px;
    margin-left: -540px;
    box-shadow: 0px 0px 20px rgba(91, 161, 255, 0.1);
    overflow: hidden;
    padding: 50px 80px; }
    .weilian .tzr-wrap .box {
      width: 100%;
      overflow: hidden; }
    .weilian .tzr-wrap .btn {
      position: absolute;
      top: 245px;
      font-size: 34px;
      color: #E2E2E2;
      cursor: pointer;
      z-index: 999; }
    .weilian .tzr-wrap .prev {
      left: 25px; }
    .weilian .tzr-wrap .next {
      right: 25px; }
    .weilian .tzr-wrap .swiper-wrapper {
      width: 8640px; }
      .weilian .tzr-wrap .swiper-wrapper .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: 1080px;
        height: 430px;
        float: left; }
        .weilian .tzr-wrap .swiper-wrapper .swiper-slide .ren-item {
          width: 1080px; }
          .weilian .tzr-wrap .swiper-wrapper .swiper-slide .ren-item .ren {
            margin-top: 20px;
            width: 140px;
            height: 200px;
            float: left;
            margin-right: 15px;
            position: relative; }
            .weilian .tzr-wrap .swiper-wrapper .swiper-slide .ren-item .ren .cover {
              display: block;
              width: 100%;
              height: 160px; }
            .weilian .tzr-wrap .swiper-wrapper .swiper-slide .ren-item .ren .desc {
              width: 100%;
              font-size: 14px;
              text-align: center;
              height: 30px;
              line-height: 30px; }
    .weilian .tzr-wrap .swiper-pagination {
      position: absolute;
      left: 50%;
      bottom: 42px;
      display: flex;
      justify-content: center;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%); }
      .weilian .tzr-wrap .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0px 10px;
        background: #E6E6E6;
        border-radius: 6px;
        display: block;
        cursor: pointer;
        transition: all 250ms ease; }
      .weilian .tzr-wrap .swiper-pagination .swiper-pagination-bullet-active {
        width: 22px;
        background: #555; }
  .weilian .z-4 {
    width: 1080px;
    position: absolute;
    left: 50%;
    top: 1120px;
    margin-left: -540px; }
    .weilian .z-4 img {
      display: block;
      width: 100%; }
    .weilian .z-4 .item {
      width: 102%;
      position: absolute;
      left: 0px;
      top: 150px; }
      .weilian .z-4 .item .box {
        width: 330px;
        float: left;
        margin-left: 30px; }
        .weilian .z-4 .item .box .iconfont {
          width: 50px;
          height: 50px;
          text-align: center;
          line-height: 50px;
          color: #007aff;
          font-size: 40px;
          float: left; }
        .weilian .z-4 .item .box p {
          float: left;
          margin-left: 12px;
          line-height: 1.5;
          width: 215px;
          height: 50px;
          color: #999;
          font-size: 14px; }
          .weilian .z-4 .item .box p i {
            font-size: 18px;
            color: #333;
            margin-right: 5px; }
  .weilian .z-5 {
    width: 1080px;
    position: absolute;
    left: 50%;
    top: 1375px;
    margin-left: -540px; }
    .weilian .z-5 img {
      display: block;
      width: 100%; }
  .weilian .z-6 {
    width: 1080px;
    position: absolute;
    left: 50%;
    top: 1648px;
    margin-left: -540px; }
    .weilian .z-6 .p1 {
      position: absolute;
      top: 82px;
      left: 315px;
      font-size: 22px;
      color: #555; }
      .weilian .z-6 .p1 span {
        float: left;
        color: #007aff;
        font-size: 24px;
        margin-top: 4px;
        margin-right: 6px; }
    .weilian .z-6 .p2 {
      position: absolute;
      top: 82px;
      left: 630px;
      font-size: 22px;
      color: #555; }
      .weilian .z-6 .p2 span {
        float: left;
        color: #007aff;
        font-size: 24px;
        margin-top: 4px;
        margin-right: 6px; }
    .weilian .z-6 img {
      display: block;
      width: 100%; }

.active1018-wrap {
  width: 100%;
  overflow: hidden;
  min-width: 1200px;
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column; }
  .active1018-wrap .banner {
    width: 100%;
    height: 500px;
    position: relative; }
    .active1018-wrap .banner .bg {
      display: block;
      width: 100%;
      height: 100%; }
    .active1018-wrap .banner .box {
      width: 1080px;
      position: absolute;
      left: 50%;
      top: 160px;
      margin-left: -540px; }
      .active1018-wrap .banner .box .text {
        width: 650px;
        float: left;
        margin-top: 6px; }
      .active1018-wrap .banner .box .video {
        width: 400px;
        height: 230px;
        float: right;
        border: solid 5px #FFE455; }
        .active1018-wrap .banner .box .video video {
          display: block;
          width: 100%;
          height: 100%; }
        .active1018-wrap .banner .box .video .vjs-big-play-button {
          font-family: "iconfont" !important;
          border: none;
          background: none; }
          .active1018-wrap .banner .box .video .vjs-big-play-button:before {
            color: #FFE361;
            font-size: 85px;
            content: "" !important; }
  .active1018-wrap .active-body {
    width: 100%;
    background: url("../images/hd0.png"); }
    .active1018-wrap .active-body .c1 {
      width: 1080px;
      margin: 55px auto 15px;
      position: relative; }
      .active1018-wrap .active-body .c1 .text p {
        position: absolute;
        width: 120px;
        font-size: 16px;
        line-height: 22px;
        color: #666;
        text-align: right; }
      .active1018-wrap .active-body .c1 .text .p1 {
        top: 7px;
        left: 256px; }
      .active1018-wrap .active-body .c1 .text .p2 {
        top: 7px;
        left: 541px; }
      .active1018-wrap .active-body .c1 .text .p3 {
        top: 7px;
        left: 842px; }
      .active1018-wrap .active-body .c1 img {
        display: block;
        width: 100%; }
    .active1018-wrap .active-body .c2 {
      width: 1180px;
      height: 250px;
      margin: 0px auto;
      background: url("../images/hd3.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      padding-top: 68px;
      margin-top: -10px; }
      .active1018-wrap .active-body .c2 p {
        width: 990px;
        margin: 0px auto 20px;
        font-size: 14px;
        color: #666;
        line-height: 1.8; }
    .active1018-wrap .active-body .c3 {
      width: 1080px;
      margin: 20px auto; }
      .active1018-wrap .active-body .c3 .title {
        width: 235px;
        margin: 0px auto; }
        .active1018-wrap .active-body .c3 .title img {
          display: block;
          width: 100%; }
      .active1018-wrap .active-body .c3 .xc-box {
        width: 1080px;
        margin: 25px auto 0px;
        display: flex;
        justify-content: space-between; }
        .active1018-wrap .active-body .c3 .xc-box .a1 {
          width: 730px; }
          .active1018-wrap .active-body .c3 .xc-box .a1 .a11 {
            width: 100%;
            height: 590px; }
            .active1018-wrap .active-body .c3 .xc-box .a1 .a11 img {
              width: 100%;
              height: 100%;
              border: solid 10px #FFF;
              box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05); }
          .active1018-wrap .active-body .c3 .xc-box .a1 .a12 {
            width: 100%;
            height: 285px;
            display: flex;
            justify-content: space-between;
            margin-top: 15px; }
            .active1018-wrap .active-body .c3 .xc-box .a1 .a12 img {
              width: 356px;
              height: 100%;
              border: solid 10px #FFF;
              box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
        .active1018-wrap .active-body .c3 .xc-box .a2 {
          width: 335px; }
          .active1018-wrap .active-body .c3 .xc-box .a2 .img1 {
            width: 100%;
            height: 285px;
            border: solid 10px #FFF;
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
          .active1018-wrap .active-body .c3 .xc-box .a2 .img2 {
            width: 100%;
            height: 590px;
            border: solid 10px #FFF;
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
            margin-top: 15px; }
    .active1018-wrap .active-body .c4 {
      width: 1080px;
      margin: 45px auto; }
      .active1018-wrap .active-body .c4 .title {
        width: 235px;
        margin: 0px auto; }
        .active1018-wrap .active-body .c4 .title img {
          display: block;
          width: 100%; }
      .active1018-wrap .active-body .c4 .show-box {
        width: 1080px;
        margin: 20px auto; }
        .active1018-wrap .active-body .c4 .show-box .left {
          width: 965px;
          height: 300px;
          float: left;
          position: relative; }
          .active1018-wrap .active-body .c4 .show-box .left .pannel {
            width: 280px;
            height: 370px;
            position: absolute;
            left: 30px;
            top: -35px; }
            .active1018-wrap .active-body .c4 .show-box .left .pannel:before {
              content: '';
              display: block;
              width: 0px;
              height: 0px;
              border-top: solid 35px transparent;
              border-bottom: solid 35px #C3C3C3;
              border-left: solid 18px transparent;
              border-right: solid 18px transparent;
              position: absolute;
              right: -18px;
              top: -35px; }
            .active1018-wrap .active-body .c4 .show-box .left .pannel:after {
              content: '';
              display: block;
              width: 0px;
              height: 0px;
              border-top: solid 35px #C3C3C3;
              border-bottom: solid 35px transparent;
              border-left: solid 18px transparent;
              border-right: solid 18px transparent;
              position: absolute;
              right: -18px;
              bottom: -35px; }
            .active1018-wrap .active-body .c4 .show-box .left .pannel img {
              position: absolute;
              left: 0px;
              top: 0px;
              z-index: 99;
              display: block;
              width: 100%;
              height: 100%; }
          .active1018-wrap .active-body .c4 .show-box .left .black {
            width: 100%;
            height: 100%;
            background: #333; }
            .active1018-wrap .active-body .c4 .show-box .left .black .text {
              width: 540px;
              position: absolute;
              left: 365px;
              top: 45px; }
              .active1018-wrap .active-body .c4 .show-box .left .black .text .a {
                color: #FFF;
                height: 32px;
                padding-left: 28px;
                position: relative;
                overflow: hidden; }
                .active1018-wrap .active-body .c4 .show-box .left .black .text .a:before {
                  content: '';
                  display: block;
                  width: 0px;
                  height: 0px;
                  position: absolute;
                  left: -16px;
                  top: 1px;
                  border-top: solid 16px transparent;
                  border-bottom: solid 16px transparent;
                  border-left: solid 18px transparent;
                  border-right: solid 18px #FFE361; }
                .active1018-wrap .active-body .c4 .show-box .left .black .text .a:after {
                  content: '';
                  display: block;
                  width: 0px;
                  height: 0px;
                  position: absolute;
                  left: -12px;
                  top: 1px;
                  border-top: solid 16px transparent;
                  border-bottom: solid 16px transparent;
                  border-left: solid 18px transparent;
                  border-right: solid 18px #333;
                  z-index: 9;
                  transform: scale(0.6); }
                .active1018-wrap .active-body .c4 .show-box .left .black .text .a .l {
                  height: 32px;
                  line-height: 32px;
                  float: left;
                  font-size: 32px;
                  font-weight: bold; }
                .active1018-wrap .active-body .c4 .show-box .left .black .text .a .r {
                  float: left;
                  margin-left: 8px; }
                  .active1018-wrap .active-body .c4 .show-box .left .black .text .a .r p {
                    height: 17px;
                    font-size: 14px;
                    line-height: 17px; }
              .active1018-wrap .active-body .c4 .show-box .left .black .text .b {
                margin-top: 22px;
                font-size: 14px;
                color: #FFF;
                line-height: 24px;
                height: 48px;
                overflow: hidden; }
              .active1018-wrap .active-body .c4 .show-box .left .black .text .t {
                font-size: 32px;
                height: 30px;
                line-height: 30px;
                color: #FFE361;
                margin-top: 25px; }
              .active1018-wrap .active-body .c4 .show-box .left .black .text .c {
                margin-top: 15px;
                font-size: 28px;
                height: 30px;
                line-height: 30px;
                color: #FFE361;
                font-weight: bold;
                margin-left: -12px; }
        .active1018-wrap .active-body .c4 .show-box .right {
          width: 85px;
          height: 300px;
          float: right; }
          .active1018-wrap .active-body .c4 .show-box .right .item {
            width: 100%; }
            .active1018-wrap .active-body .c4 .show-box .right .item .i {
              width: 100%;
              height: 52px;
              margin-bottom: 10px;
              cursor: pointer; }
              .active1018-wrap .active-body .c4 .show-box .right .item .i img {
                display: block;
                width: 100%;
                height: 100%; }
            .active1018-wrap .active-body .c4 .show-box .right .item .cur img {
              border: solid 3px #FFE455; }
    .active1018-wrap .active-body .c5 {
      width: 1080px;
      margin: 95px auto 45px; }
      .active1018-wrap .active-body .c5 .title {
        width: 235px;
        margin: 0px auto; }
        .active1018-wrap .active-body .c5 .title img {
          display: block;
          width: 100%; }
      .active1018-wrap .active-body .c5 .box-wrap {
        width: 1080px;
        margin: 0px auto; }
        .active1018-wrap .active-body .c5 .box-wrap .box-item {
          width: 1188px;
          margin-top: -62px; }
          .active1018-wrap .active-body .c5 .box-wrap .box-item .box {
            float: left;
            margin-right: 38px;
            width: 240px;
            height: 680px;
            position: relative;
            cursor: auto;
            margin-top: 30px;
            transition: all 450ms ease; }
            .active1018-wrap .active-body .c5 .box-wrap .box-item .box .pic {
              display: block;
              width: 240px;
              top: 67px;
              position: absolute;
              left: 0px;
              z-index: 99; }
            .active1018-wrap .active-body .c5 .box-wrap .box-item .box .t {
              display: block;
              width: 0px;
              height: 0px;
              border-left: solid 120px transparent;
              border-right: solid 120px transparent;
              border-top: solid 68px transparent;
              border-bottom: solid 68px #333;
              transition: all 450ms ease; }
            .active1018-wrap .active-body .c5 .box-wrap .box-item .box .center {
              width: 240px;
              height: 235px;
              background: #333;
              position: relative;
              transition: all 450ms ease; }
              .active1018-wrap .active-body .c5 .box-wrap .box-item .box .center .text {
                width: 100%;
                padding: 14px 20px;
                color: #FFF;
                position: absolute;
                left: 0px;
                top: 172px;
                z-index: 9; }
                .active1018-wrap .active-body .c5 .box-wrap .box-item .box .center .text h3 {
                  font-size: 22px;
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  font-weight: normal;
                  transition: all 450ms ease; }
                .active1018-wrap .active-body .c5 .box-wrap .box-item .box .center .text h4 {
                  text-align: center;
                  font-size: 14px;
                  height: 21px;
                  line-height: 21px;
                  font-weight: normal;
                  margin-top: 4px;
                  transition: all 450ms ease; }
                .active1018-wrap .active-body .c5 .box-wrap .box-item .box .center .text p {
                  transition: all 450ms ease;
                  height: 0px;
                  overflow: hidden;
                  opacity: 0; }
            .active1018-wrap .active-body .c5 .box-wrap .box-item .box .b {
              display: block;
              width: 0px;
              height: 0px;
              border-left: solid 120px transparent;
              border-right: solid 120px transparent;
              border-top: solid 68px #333;
              border-bottom: solid 68px transparent;
              position: relative;
              transition: all 450ms ease; }
              .active1018-wrap .active-body .c5 .box-wrap .box-item .box .b:before {
                content: '';
                width: 0px;
                height: 0px;
                border-left: solid 28px transparent;
                border-right: solid 28px transparent;
                border-top: solid 18px #FFE361;
                border-bottom: solid 18px transparent;
                position: absolute;
                top: -30px;
                left: 50%;
                margin-left: -28px;
                transition: all 450ms ease; }
            .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover {
              margin-top: 0px; }
              .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .pic {
                display: block;
                width: 226px;
                top: 76px;
                position: absolute;
                left: 7px;
                z-index: 99; }
              .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .t {
                display: block;
                width: 0px;
                height: 0px;
                border-left: solid 120px transparent;
                border-right: solid 120px transparent;
                border-top: solid 68px transparent;
                border-bottom: solid 68px #FFE361; }
              .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .center {
                width: 240px;
                height: 357px;
                background: #FFE361;
                position: relative; }
                .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .center .text {
                  width: 100%;
                  padding: 14px 20px;
                  color: #333;
                  position: absolute;
                  left: 0px;
                  top: 170px;
                  z-index: 9; }
                  .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .center .text h3 {
                    font-size: 22px;
                    height: 24px;
                    line-height: 24px;
                    text-align: center;
                    font-weight: normal; }
                  .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .center .text h4 {
                    text-align: center;
                    font-size: 14px;
                    height: 21px;
                    line-height: 21px;
                    font-weight: bold;
                    margin-top: 8px; }
                  .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .center .text p {
                    margin-top: 4px;
                    font-size: 14px;
                    line-height: 24px;
                    height: 120px;
                    opacity: 1; }
              .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .b {
                display: block;
                width: 0px;
                height: 0px;
                border-left: solid 120px transparent;
                border-right: solid 120px transparent;
                border-top: solid 68px #FFE361;
                border-bottom: solid 68px transparent;
                position: relative; }
                .active1018-wrap .active-body .c5 .box-wrap .box-item .box:hover .b:before {
                  content: '';
                  width: 0px;
                  height: 0px;
                  border-left: solid 28px transparent;
                  border-right: solid 28px transparent;
                  border-top: solid 18px #333;
                  border-bottom: solid 18px transparent;
                  position: absolute;
                  top: -30px;
                  left: 50%;
                  margin-left: -28px; }
    .active1018-wrap .active-body .c6 {
      width: 1080px;
      margin: -200px auto 60px; }
      .active1018-wrap .active-body .c6 .title {
        width: 235px;
        margin: 0px auto; }
        .active1018-wrap .active-body .c6 .title img {
          display: block;
          width: 100%; }
      .active1018-wrap .active-body .c6 .galery {
        width: 1080px;
        height: 160px;
        position: relative;
        margin-top: 20px; }
        .active1018-wrap .active-body .c6 .galery .left {
          position: absolute;
          left: -50px;
          top: 55px;
          width: 36px;
          height: 36px;
          color: #666;
          cursor: pointer;
          text-align: center;
          line-height: 36px;
          font-size: 32px; }
        .active1018-wrap .active-body .c6 .galery .right {
          position: absolute;
          right: -50px;
          top: 55px;
          width: 36px;
          height: 36px;
          color: #666;
          cursor: pointer;
          text-align: center;
          line-height: 36px;
          font-size: 32px; }
        .active1018-wrap .active-body .c6 .galery .swiper-container {
          width: 1080px;
          height: 160px;
          overflow: hidden; }
          .active1018-wrap .active-body .c6 .galery .swiper-container .swiper-wrapper {
            width: 6000px;
            height: 160px; }
            .active1018-wrap .active-body .c6 .galery .swiper-container .swiper-wrapper .swiper-slide {
              float: left;
              height: 160px; }
              .active1018-wrap .active-body .c6 .galery .swiper-container .swiper-wrapper .swiper-slide a {
                display: flex;
                width: 160px;
                height: 55px;
                margin: 0px auto 0px; }
                .active1018-wrap .active-body .c6 .galery .swiper-container .swiper-wrapper .swiper-slide a img {
                  display: block;
                  max-width: 100%;
                  max-height: 100%;
                  margin: auto; }
                .active1018-wrap .active-body .c6 .galery .swiper-container .swiper-wrapper .swiper-slide a:last-child {
                  margin-top: 40px; }

.xd-wrap {
  width: 100%;
  margin-top: 65px; }
  .xd-wrap .dot-box {
    width: 1080px;
    margin: 0px auto;
    height: 0px;
    position: relative; }
    .xd-wrap .dot-box .dot {
      position: absolute; }
      .xd-wrap .dot-box .dot img {
        display: block;
        width: 100%; }
  .xd-wrap .xd-bg {
    width: 100%;
    display: block;
    height: 4410px; }
  .xd-wrap .xd-box {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px; }
    .xd-wrap .xd-box .xd-banner {
      width: 800px;
      margin: 125px auto; }
      .xd-wrap .xd-box .xd-banner .t-img {
        display: block;
        width: 580px;
        margin: 0px auto; }
      .xd-wrap .xd-box .xd-banner .text {
        margin-top: 32px;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #666;
        line-height: 20px; }
      .xd-wrap .xd-box .xd-banner .share {
        width: 92px;
        margin: 20px auto 0px; }
        .xd-wrap .xd-box .xd-banner .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #5D5956;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .xd-wrap .xd-box .xd-banner .share .qq:hover:before {
          content: '\e620'; }
        .xd-wrap .xd-box .xd-banner .share .weixin:hover:before {
          content: '\e633'; }
        .xd-wrap .xd-box .xd-banner .share .weibo:hover:before {
          content: '\e616'; }
    .xd-wrap .xd-box .xd-app {
      width: 160px;
      margin: 90px auto 0px; }
      .xd-wrap .xd-box .xd-app img {
        display: block;
        width: 100%; }
      .xd-wrap .xd-box .xd-app span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        color: #666;
        margin-top: -10px; }
    .xd-wrap .xd-box .xd-block-1 {
      width: 1080px;
      margin: 20px auto 0px; }
      .xd-wrap .xd-box .xd-block-1 .left {
        width: 415px;
        float: left; }
        .xd-wrap .xd-box .xd-block-1 .left img {
          display: block;
          width: 100%; }
      .xd-wrap .xd-box .xd-block-1 .right {
        width: 650px;
        float: right;
        height: 668px;
        background: url("../images/xd_bg1.png");
        background-size: 118% 100%;
        margin-top: 18px;
        padding-left: 110px; }
        .xd-wrap .xd-box .xd-block-1 .right h3 {
          width: 100%;
          font-size: 36px;
          height: 40px;
          line-height: 40px;
          margin-top: 200px; }
        .xd-wrap .xd-box .xd-block-1 .right .c {
          width: 100%;
          margin-top: 42px; }
          .xd-wrap .xd-box .xd-block-1 .right .c p {
            font-size: 14px;
            color: #666;
            margin-bottom: 24px;
            line-height: 1.8; }
    .xd-wrap .xd-box .xd-block-2 {
      width: 1080px;
      margin: 180px auto 0px; }
      .xd-wrap .xd-box .xd-block-2 .right {
        width: 496px;
        float: right; }
        .xd-wrap .xd-box .xd-block-2 .right img {
          display: block;
          width: 100%; }
      .xd-wrap .xd-box .xd-block-2 .left {
        width: 534px;
        float: left;
        height: 580px;
        background: url("../images/xd_bg2.png");
        background-size: 100% 100%;
        margin-top: 18px; }
        .xd-wrap .xd-box .xd-block-2 .left h3 {
          width: 100%;
          font-size: 36px;
          height: 40px;
          line-height: 40px;
          margin-top: 145px; }
        .xd-wrap .xd-box .xd-block-2 .left .c {
          width: 100%;
          margin-top: 42px; }
          .xd-wrap .xd-box .xd-block-2 .left .c p {
            font-size: 14px;
            color: #666;
            margin-bottom: 24px;
            line-height: 1.8; }
    .xd-wrap .xd-box .xd-block-3 {
      width: 1080px;
      margin: 80px auto 0px; }
      .xd-wrap .xd-box .xd-block-3 .left {
        width: 496px;
        float: left; }
        .xd-wrap .xd-box .xd-block-3 .left img {
          display: block;
          width: 100%; }
      .xd-wrap .xd-box .xd-block-3 .right {
        width: 549px;
        float: right;
        height: 285px;
        background: url("../images/xd_bg3.png");
        background-size: 100% 100%;
        margin-top: 250px;
        padding-right: 45px; }
        .xd-wrap .xd-box .xd-block-3 .right h3 {
          width: 100%;
          font-size: 36px;
          height: 40px;
          line-height: 40px;
          margin-top: -155px; }
        .xd-wrap .xd-box .xd-block-3 .right .c {
          width: 100%;
          margin-top: 42px; }
          .xd-wrap .xd-box .xd-block-3 .right .c p {
            font-size: 14px;
            color: #666;
            margin-bottom: 24px;
            line-height: 1.8; }
    .xd-wrap .xd-box .xd-block-4 {
      width: 1080px;
      margin: 180px auto 0px; }
      .xd-wrap .xd-box .xd-block-4 .right {
        width: 490px;
        float: right; }
        .xd-wrap .xd-box .xd-block-4 .right img {
          display: block;
          width: 100%; }
      .xd-wrap .xd-box .xd-block-4 .left {
        width: 540px;
        float: left;
        height: 388px;
        background: url("../images/xd_bg4.png");
        background-size: 100% 100%;
        margin-top: 192px; }
        .xd-wrap .xd-box .xd-block-4 .left h3 {
          width: 100%;
          font-size: 36px;
          height: 40px;
          line-height: 40px;
          margin-top: -76px; }
        .xd-wrap .xd-box .xd-block-4 .left .c {
          width: 100%;
          margin-top: 42px; }
          .xd-wrap .xd-box .xd-block-4 .left .c p {
            font-size: 14px;
            color: #666;
            margin-bottom: 24px;
            line-height: 1.8; }
    .xd-wrap .xd-box .xd-block-5 {
      width: 1080px;
      margin: 76px auto 0px; }
      .xd-wrap .xd-box .xd-block-5 .left {
        width: 310px;
        float: left; }
        .xd-wrap .xd-box .xd-block-5 .left img {
          display: block;
          width: 100%; }
      .xd-wrap .xd-box .xd-block-5 .right {
        width: 730px;
        height: 320px;
        float: right;
        margin-top: 55px;
        background: url("../images/xd_bg5.png");
        background-size: 435px 310px;
        background-position: 305px 0px;
        background-repeat: no-repeat;
        padding-left: 12px;
        position: relative; }
        .xd-wrap .xd-box .xd-block-5 .right:before {
          content: '\e62e';
          display: block;
          font-family: 'iconfont';
          position: absolute;
          left: 12px;
          top: 0px;
          color: #EACBB9;
          font-size: 36px; }
        .xd-wrap .xd-box .xd-block-5 .right:after {
          content: '\e63b';
          display: block;
          font-family: 'iconfont';
          position: absolute;
          right: 0px;
          bottom: 0px;
          color: #D0DBDD;
          font-size: 36px; }
        .xd-wrap .xd-box .xd-block-5 .right .t {
          width: 600px;
          font-size: 18px;
          line-height: 30px;
          margin-top: 80px; }
        .xd-wrap .xd-box .xd-block-5 .right .r {
          height: 32px;
          line-height: 32px;
          width: 600px;
          text-align: right;
          margin-top: 36px; }
          .xd-wrap .xd-box .xd-block-5 .right .r span {
            font-size: 26px;
            font-weight: bold;
            position: relative; }
            .xd-wrap .xd-box .xd-block-5 .right .r span:before {
              content: '';
              display: block;
              width: 40px;
              height: 1px;
              background: #333;
              position: absolute;
              left: -52px;
              top: 17px; }
          .xd-wrap .xd-box .xd-block-5 .right .r em {
            font-size: 18px;
            margin-left: 6px; }

.td-head {
  width: 100%;
  padding-top: 65px; }
  .td-head .content {
    width: 1080px;
    margin: 0px auto;
    padding: 1px; }
    .td-head .content .title {
      width: 546px;
      margin: 52px auto 0px; }
      .td-head .content .title img {
        display: block;
        width: 100%; }
    .td-head .content .csr {
      width: 100%;
      margin-top: 125px;
      display: flex;
      position: relative; }
      .td-head .content .csr:before {
        content: '';
        display: block;
        width: 1032px;
        height: 185px;
        border: solid 1px #EEE;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: -1; }
      .td-head .content .csr .box {
        width: 50%;
        padding-right: 42px; }
        .td-head .content .csr .box .tp {
          display: flex;
          position: relative;
          height: 185px; }
          .td-head .content .csr .box .tp .zt {
            font-family: DINPro;
            position: absolute;
            left: 0px;
            top: 28px;
            background: #FFF;
            padding-bottom: 14px;
            line-height: 1; }
            .td-head .content .csr .box .tp .zt img {
              display: block;
              height: 48px;
              margin-top: 8px; }
            .td-head .content .csr .box .tp .zt:before {
              content: '';
              display: block;
              width: 62px;
              height: 3px;
              background: #FFE36B;
              position: absolute;
              left: 0px;
              bottom: 6px; }
            .td-head .content .csr .box .tp .zt p {
              font-size: 30px;
              color: #BFBFBF;
              position: relative;
              float: left; }
              .td-head .content .csr .box .tp .zt p img {
                position: absolute;
                display: block;
                right: -28px;
                top: 5px;
                width: 10px; }
            .td-head .content .csr .box .tp .zt span {
              font-size: 36px;
              color: #BFBFBF; }
          .td-head .content .csr .box .tp .tag {
            width: 92px;
            height: 42px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            color: #333;
            border: solid 3px #333;
            position: absolute;
            left: 0px;
            bottom: 20px;
            background: #FFF;
            font-weight: bold; }
          .td-head .content .csr .box .tp .pic {
            width: 252px;
            height: 252px;
            margin-left: 160px;
            margin-top: calc(185px - 252px); }
            .td-head .content .csr .box .tp .pic img {
              display: block;
              width: 100%;
              height: 100%; }
          .td-head .content .csr .box .tp .name {
            position: absolute;
            right: 0px;
            top: 30px;
            word-wrap: break-word;
            font-size: 30px;
            width: 32px;
            font-weight: bold;
            line-height: 30px;
            color: #181818; }
            .td-head .content .csr .box .tp .name:after {
              content: url("../images/td-name-arrow.png");
              width: 12px;
              display: block;
              position: absolute;
              left: -20px;
              top: 0px; }
            .td-head .content .csr .box .tp .name:before {
              content: '';
              display: block;
              width: 5px;
              height: 50px;
              background: #FFE361;
              position: absolute;
              left: 50%;
              bottom: -75px;
              margin-left: -2px; }
        .td-head .content .csr .box .txt {
          width: calc(100% + 12px);
          font-size: 12px;
          line-height: 1.8;
          padding: 15px 0px; }
      .td-head .content .csr .box-a {
        position: relative; }
        .td-head .content .csr .box-a:before {
          content: '';
          display: block;
          width: 1px;
          height: 130px;
          background: #EEE;
          position: absolute;
          right: 0px;
          top: 30px; }
      .td-head .content .csr .box-b {
        padding-left: 42px; }
        .td-head .content .csr .box-b .txt {
          width: calc(100% + 55px);
          margin-left: -22px; }

.td-grid {
  width: 1080px;
  margin: 45px auto 120px;
  display: flex;
  flex-wrap: wrap; }
  .td-grid .box {
    width: 360px;
    height: 180px;
    display: flex; }
    .td-grid .box .avater {
      width: 180px;
      height: 180px; }
      .td-grid .box .avater img {
        display: block;
        width: 100%;
        height: 100%; }
    .td-grid .box .info {
      width: 180px;
      height: 180px;
      background: #FFF;
      position: relative;
      border: solid 1px #EEE;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 20px;
      cursor: default;
      transition: all 450ms ease; }
      .td-grid .box .info:hover {
        background: #F6D041;
        border: solid 1px #F6D041; }
        .td-grid .box .info:hover:before {
          border-right: solid 10px #F6D041; }
        .td-grid .box .info:hover .title {
          color: #333; }
          .td-grid .box .info:hover .title:before {
            background: #333; }
        .td-grid .box .info:hover .it {
          max-height: 200px;
          opacity: 1;
          margin-top: 10px;
          transform: translateY(0px); }
      .td-grid .box .info .title {
        width: 100%;
        text-align: center;
        color: #8E8E8E;
        font-size: 18px;
        position: relative; }
        .td-grid .box .info .title:before {
          content: '';
          display: block;
          width: 30px;
          height: 2px;
          background: #FFE361;
          position: absolute;
          left: 50%;
          bottom: -7px;
          margin-left: -15px; }
      .td-grid .box .info .name {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        margin-top: 12px; }
      .td-grid .box .info .it {
        width: 105%;
        background: none;
        font-size: 12px;
        word-break: break-all;
        max-height: 0px;
        line-height: 1.4;
        opacity: 0;
        margin-top: 10px;
        overflow: hidden;
        color: #333;
        transform: translateY(20px);
        transition: all 1500ms ease; }
      .td-grid .box .info:before {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border: solid 10px transparent;
        border-right: solid 10px #FFF;
        position: absolute;
        left: -20px;
        top: 50%;
        margin-top: -10px;
        z-index: 9;
        transition: all 450ms ease; }
  .td-grid .box-r .info:hover {
    border: solid 1px #F6D041; }
    .td-grid .box-r .info:hover:before {
      border-right: solid 10px transparent;
      border-left: solid 10px #F6D041; }
  .td-grid .box-r .info:before {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: solid 10px transparent;
    border-left: solid 10px #FFF;
    position: absolute;
    left: inherit;
    right: -20px;
    top: 50%;
    margin-top: -10px;
    z-index: 9;
    transition: all 450ms ease; }

.tuandui-bg {
  background: url("../images/td-bg.png");
  background-size: 1920px auto;
  background-position: 50% 65px;
  background-repeat: no-repeat; }

.lq-wrap {
  width: 100%;
  position: relative;
  height: 2920px; }

.luqu {
  width: 1920px;
  position: absolute;
  height: 2920px;
  left: 50%;
  margin-left: -960px;
  background: url("../images/lq-hs.png");
  background-size: 1923px auto;
  background-position: -3px 858px;
  background-repeat: no-repeat; }
  .luqu .lq-banner {
    width: 1920px;
    margin: 0px auto;
    height: 970px;
    position: relative;
    overflow: hidden; }
    .luqu .lq-banner .bg {
      display: block;
      width: 188%;
      position: absolute;
      left: 50%;
      top: -34px;
      transform: translateX(-50%); }
    .luqu .lq-banner .content {
      width: 1080px;
      position: absolute;
      left: 50%;
      top: 136px;
      transform: translateX(-50%);
      display: flex;
      justify-content: space-between;
      padding-left: 70px; }
      .luqu .lq-banner .content .share {
        position: absolute;
        left: 70px;
        top: 0px; }
        .luqu .lq-banner .content .share a {
          width: 26px;
          height: 26px;
          float: left;
          color: #FFF;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          margin-right: 4px; }
        .luqu .lq-banner .content .share .qq:hover:before {
          content: '\e620'; }
        .luqu .lq-banner .content .share .weixin:hover:before {
          content: '\e633'; }
        .luqu .lq-banner .content .share .weibo:hover:before {
          content: '\e616'; }
      .luqu .lq-banner .content .lq {
        width: 421px;
        margin-top: 42px; }
        .luqu .lq-banner .content .lq img {
          display: block;
          width: 100%; }
      .luqu .lq-banner .content .lq2 {
        width: 711px; }
        .luqu .lq-banner .content .lq2 img {
          display: block;
          width: 100%; }
  .luqu .panel {
    width: 1216px;
    height: 2342px;
    position: absolute;
    left: 50%;
    top: 480px;
    transform: translateX(-50%);
    background-image: url("../images/lq-pbg.png");
    background-size: 100% auto;
    background-repeat: no-repeat; }
    .luqu .panel .panel-xt {
      display: block;
      width: 425px;
      position: absolute;
      left: 88px;
      top: -124px; }
    .luqu .panel .panel-content {
      width: 100%;
      height: 100%;
      background: url("../images/lq-xt.png") no-repeat;
      background-size: 1078px auto;
      background-position: center;
      padding: 55px 128px; }
      .luqu .panel .panel-content .jieshao {
        width: 100%; }
        .luqu .panel .panel-content .jieshao .title {
          width: 307px; }
          .luqu .panel .panel-content .jieshao .title img {
            display: block;
            width: 100%; }
        .luqu .panel .panel-content .jieshao .txt {
          width: 100%;
          color: #666;
          font-size: 14px;
          line-height: 1.6;
          margin-top: 20px; }
      .luqu .panel .panel-content .bk {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .luqu .panel .panel-content .bk .lt {
          width: 478px; }
          .luqu .panel .panel-content .bk .lt .title {
            width: 100%;
            display: flex;
            margin-top: 118px; }
            .luqu .panel .panel-content .bk .lt .title img {
              display: block;
              width: 61px; }
            .luqu .panel .panel-content .bk .lt .title h3 {
              width: 330px;
              font-size: 22px;
              color: #666;
              margin-left: 25px; }
          .luqu .panel .panel-content .bk .lt .txt {
            width: 100%;
            color: #666;
            font-size: 14px;
            line-height: 1.6;
            margin-top: 32px; }
            .luqu .panel .panel-content .bk .lt .txt p {
              margin-bottom: 16px; }
        .luqu .panel .panel-content .bk .rt {
          width: 455px; }
          .luqu .panel .panel-content .bk .rt img {
            display: block;
            width: 100%; }
      .luqu .panel .panel-content .bk-mx {
        width: 100%;
        position: relative; }
        .luqu .panel .panel-content .bk-mx .p {
          width: 586px;
          margin-top: 172px;
          margin-left: 100px;
          position: relative; }
          .luqu .panel .panel-content .bk-mx .p img {
            display: block;
            width: 61px;
            position: absolute;
            left: -46px;
            top: -31px;
            z-index: -1; }
          .luqu .panel .panel-content .bk-mx .p p {
            width: 100%;
            color: #666;
            font-size: 14px;
            line-height: 1.6; }
          .luqu .panel .panel-content .bk-mx .p .nm {
            font-weight: bold;
            position: absolute;
            right: 32px;
            font-size: 18px;
            top: 52px; }
        .luqu .panel .panel-content .bk-mx .pic {
          display: block;
          width: 299px;
          position: absolute;
          top: -130px;
          right: -40px; }

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