@charset "UTF-8";
#index .index-banner {
  width: 100%;
  height: auto; }
  .left.animated.fadeInUp.wow{
        width: 48%;
  }
  #index .index-banner .swiper-container {
    height: 100%; }
    #index .index-banner .swiper-container .swiper-wrapper {
      height: 100%; }
      #index .index-banner .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%; }
    #index .index-banner .swiper-container .swiper-pagination {
      width: auto;
      left: 50%;
      bottom: 50px;
      transform: translateX(-500px); }
      #index .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 57px;
        height: 1px;
        background-color: #fff;
        border-radius: 0;
        opacity: 1; }
      #index .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #032a6e;
        opacity: 1; }
  #index .index-banner .slide-1 .bg {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  #index .index-banner .slide-1 .company {
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% auto;
    top: 0;
    left: 0;
    z-index: 2; }
  #index .index-banner .slide-1 .text1 {
    width: 338px;
    height: 47px;
    position: absolute;
    top: 70px;
    right: 205px;
    z-index: 3; }
    #index .index-banner .slide-1 .text1 img {
      width: 100%;
      height: 100%; }
  #index .index-banner .slide-1 .text2 {
    width: 471px;
    height: 10px;
    position: absolute;
    top: 120px;
    right: 35px;
    z-index: 3; }
    #index .index-banner .slide-1 .text2 img {
      width: 100%;
      height: 100%; }
  #index .index-banner .slide-1 .text3 {
    width: 461px;
    height: 24px;
    position: absolute;
    top: 138px;
    right: 26px;
    z-index: 3; }
    #index .index-banner .slide-1 .text3 img {
      width: 100%;
      height: 100%; }
  #index .index-banner .slide-2 {
    width: 100%; }
    #index .index-banner .slide-2 img {
      width: 100%; }

#index .index-about {
  width: 100%;
  background-color: #fff;
  padding: 48px 0; }
  #index .index-about .container > .left {
    width: 46%;
    display: inline-block;
    float: left; }
    #index .index-about .container > .left .logo {
      margin-top: 20px; }
    #index .index-about .container > .left .en {
      width: 185px;
      clear: both;
      margin-top: 18px; }
      #index .index-about .container > .left .en img {
        width: 100%;
        height: auto; }
    #index .index-about .container > .left .cn {
      width: 100%;
      display: flex;
      align-items: center;
      margin-top: 15px;
      font-family: "PingFang", "PingFang SC", "syhtM";
      font-weight: 700px;
      white-space: nowrap; }
      #index .index-about .container > .left .cn span {
        display: inline-block;
        font-size: 32px;
        height: 32px;
        line-height: 32px;
        color: #333; }
      #index .index-about .container > .left .cn i {
        display: inline-block;
        width: 76px;
        height: 1px;
        background-color: #032a6e;
        margin-left: 20px; }
    #index .index-about .container > .left .numbers {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      #index .index-about .container > .left .numbers .item {
        width: 25%; }
        #index .index-about .container > .left .numbers .item .top-small {
          width: auto;
          white-space: nowrap;
          font-size: 16px;
          height: 16px;
          line-height: 16px;
          color: #C60000;
          clear: both; }
        #index .index-about .container > .left .numbers .item .bot-text {
          height: 56px;
          margin-top: 10px;
          white-space: nowrap; }
          #index .index-about .container > .left .numbers .item .bot-text span {
            display: inline-block;
            color: #032a6e; }
          #index .index-about .container > .left .numbers .item .bot-text .num {
            font-size: 54px;
            height: 54px;
            line-height: 54px;
            font-family: 'impact'; }
          #index .index-about .container > .left .numbers .item .bot-text .plus {
            font-size: 54px;
            height: 54px;
            line-height: 54px;
            font-family: 'impact'; }
          #index .index-about .container > .left .numbers .item .bot-text .small {
            height: 19px; }
      #index .index-about .container > .left .numbers .item:last-child {
        width: 20%; }
    #index .index-about .container > .left .content {
      width: 100%;
      text-align: justify;
      font-size: 14px;
      line-height: 30px;
      color: #4c4c4c;
      margin-top: 25px;
      height: 180px; }
      #index .index-about .container > .left .content img {
        max-width: 100%; }
    #index .index-about .container > .left .readmore {
      }
  #index .index-about .container > .right {
    width: 45%;
    display: inline-block;
    float: right;
    position: relative; }
    #index .index-about .container > .right .bg {
      width: 95.23%;
      height: 338px;
      background-image: url("../images/13.png");
      position: absolute;
      top: 34px;
      right: 0;
      z-index: 1;
      background-repeat: no-repeat;
      background-size: cover; }
    #index .index-about .container > .right .img {
      width: 95.23%;
      height: 338px;
      background-position: center center;
      background-size: cover;
      position: relative;
      z-index: 2; }
      #index .index-about .container > .right .img i {
        width: 92px;
        height: 90px;
        display: block;
        background-image: url("../images/12.png");
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        cursor: pointer;
        z-index: 3;
        transition: transform 0.3s; }
        #index .index-about .container > .right .img i:hover {
          transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -webkit-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -moz-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -o-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -ms-transform: translateX(-50%) translateY(-50%) rotate(-120deg); }

#index .index-prod {
  width: 100%;
  background-color: #f7f7f7;
  padding: 40px 0 40px;
  user-select: none;
  background-image: url("../images/146.png");
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden; }
  #index .index-prod .container .prod-tabs {
    width: 100%;
    margin-top: 45px;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px; }
    #index .index-prod .container .prod-tabs .items {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      #index .index-prod .container .prod-tabs .items a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        border-bottom: 3px solid #f7f7f7;
        font-size: 16px;
        color: #4c4c4c;
        transition: all 0.3s;
        font-family: "PingFang", "PingFang SC", "syhtM"; }
      #index .index-prod .container .prod-tabs .items a.active, #index .index-prod .container .prod-tabs .items a:hover {
        border-color: #032a6e; }
      #index .index-prod .container .prod-tabs .items i {
        display: inline-block;
        width: 1px;
        height: 16px;
        background-color: #4c4c4c;
        margin: 0 30px; }
  #index .index-prod .container .prod-tabs::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5; }
  #index .index-prod .container .prod-tabs::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #F5F5F5; }
  #index .index-prod .container .prod-tabs::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #999; }
  #index .index-prod .prod-swiper {
    width: 100%;
    overflow: hidden;
    margin-top: 80px; }
    #index .index-prod .prod-swiper .swiper-main {
      width: 1400px;
      margin: 0 auto;
      user-select: none;
      overflow: hidden;
      display: none; }
      #index .index-prod .prod-swiper .swiper-main.active {
        display: block; }
      #index .index-prod .prod-swiper .swiper-main .prod-gallery {
        width: 100%; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide {
          width: 100%;
          height: 100%; }
          #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .bg {
            width: 100%;
            height: auto;
            max-height: 421px;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            transform: translateX(-50%) translateY(-50%); }
            #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .bg img {
              width: 100%;
              height: auto;
              max-height: 421px; }
          #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .circle {
            width: 52.4%;
            height: auto;
            max-height: 563px;
            margin: 0 auto;
            position: relative;
            z-index: 2; }
            #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .circle img {
              width: 100%;
              height: auto;
              max-height: 563px; }
          #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .prod-img {
            width: 46%;
            height: auto;
            max-height: 387px;
            position: absolute;
            top: 50%;
            left: 56%;
            z-index: 3;
            transform: translateX(-50%) translateY(-50%); }
            #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .prod-img .prod {
              width: 100%;
              height: auto;
              max-height: 387px; }
            #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .prod-img .hot {
              width: 76px;
              height: 76px;
              position: absolute;
              top: 0;
              left: -17%;
              z-index: 5; }
          #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .text {
            text-align: center;
            font-size: 18px;
            color: #4c4c4c;
            position: absolute;
            bottom: 10%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4; }
      #index .index-prod .prod-swiper .swiper-main .prod-thumbs {
        width: 100%;
        overflow: visible; }
        #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide {
          width: 31.4%; }
          #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide .img {
            width: 100%;
            height: auto;
            max-height: 286px;
            overflow: hidden; }
            #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide .img img {
              width: 100%;
              height: auto;
              max-height: 286px;
              transition: all 0.3s; }
            #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide .img:hover img {
              transform: scale(1.1); }
          #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide p {
            display: block;
            width: 100%;
            height: 44px;
            line-height: 44px;
            font-size: 16px;
            line-height: 44px;
            color: #4c4c4c;
            text-align: center; }
          #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide .hot {
            width: 42px;
            height: 42px;
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0; }
      #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets {
        width: 100%;
        text-align: center;
        position: relative;
        margin-top: 10px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets .swiper-pagination-bullet {
          margin: 0 7px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets .swiper-pagination-bullet-active {
          background-color: #032a6e; }
      #index .index-prod .prod-swiper .swiper-main .swiper-button-prev {
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 21%;
        margin-top: 0;
        margin-left: 80px;
        transform: translateX(-100%);
        outline: none;
        background-position: 90% center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E"); }
      #index .index-prod .prod-swiper .swiper-main .swiper-button-next {
        width: 400px;
        height: 400px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 21%;
        margin-top: 0;
        margin-right: 80px;
        transform: translateX(100%);
        outline: none;
        background-position: 10% center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E"); }
    #index .index-prod .prod-swiper .readmore {
      display: flex;
      margin: 60px auto 0;
      border-color: #032a6e; }
      #index .index-prod .prod-swiper .readmore .arrow {
        background-image: url(../images/27.png); }
      #index .index-prod .prod-swiper .readmore:hover .arrow {
        background-image: url(../images/10.png); }

#index .index-news {
  width: 100%;
  padding: 50px 0 50px; }
  #index .index-news .container .news-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
     }
    #index .index-news .container .news-list li {
      width: 19.14%; }
      #index .index-news .container .news-list li a {
        display: block; }
      #index .index-news .container .news-list li .img {
        width: 100%;
        height: auto;
        overflow: hidden; }
        #index .index-news .container .news-list li .img img {
          width: 100%;
          height: auto;
          transition: all 0.3s; }
      #index .index-news .container .news-list li .bots {
        width: 100%;
        position: relative;
        margin-top: 44px;
        display: flex;
        justify-content: space-between; }
        #index .index-news .container .news-list li .bots .line {
          width: 43px;
          height: 1px;
          background-color: #999;
          margin-left: -26px;
          margin-top: 6px;
          transition: all 0.3s; }
        #index .index-news .container .news-list li .bots .right {
          width: calc(100% - 42px);
          transition: all 0.3s; }
          #index .index-news .container .news-list li .bots .right .date {
            width: 100%;
            height: 14px;
            line-height: 14px;
            font-size: 14px;
            color: #666; }
          #index .index-news .container .news-list li .bots .right .title {
            width: 100%;
            height: 18px;
            font-size: 16px;
            line-height: 18px;
            color: #4c4c4c;
            margin-top: 20px; }
          #index .index-news .container .news-list li .bots .right .desc {
            width: 100%;
            line-height: 30px;
            font-size: 14px;
            color: #4c4c4c;
            margin-top: 20px;
            height: 4.3em; }
    #index .index-news .container .news-list li:hover .img img {
      transform: scale(1.1); }
    #index .index-news .container .news-list li:hover .bots .line {
      background-color: #032a6e;
      width: 53px; }
    #index .index-news .container .news-list li:hover .bots .right {
      margin-right: -10px; }
  #index .index-news .container .readmore {
    display: flex;
    margin: 10px auto 0;
    border-color: #032a6e; }
    #index .index-news .container .readmore .arrow {
      background-image: url("../images/27.png"); }
    #index .index-news .container .readmore .block {
      background-color: #032a6e; }
  #index .index-news .container .readmore:hover .arrow {
    background-image: url("../images/10.png"); }

#partner .sub-tab {
  justify-content: space-between;
  margin: 50px auto; }

#partner .base {
  margin-bottom: 60px; }
  #partner .base .table {
    width: 100%; }
    #partner .base .table table {
      width: 100%;
      border: 1px solid #d9d9d9; }
      #partner .base .table table th {
        border-right: 1px solid #d9d9d9;
        height: 60px;
        width: 280px;
        padding-left: 70px;
        font-weight: bold;
        text-align: left;
        font-size: 16px; }
      #partner .base .table table tr:nth-child(even) {
        background-color: #f5f5f5; }
      #partner .base .table table td {
        padding: 10px 50px 10px 70px; }

#partner .quote {
  margin-bottom: 60px; }
  #partner .quote .quote-image {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between; }
    #partner .quote .quote-image .item {
      display: inline-block;
      width: 45%; }
    #partner .quote .quote-image .title {
      width: 100%;
      font-size: 18px;
      font-weight: bold;
      margin-top: 30px; }
    #partner .quote .quote-image .img {
      width: 100%;
      margin-top: 40px; }
      #partner .quote .quote-image .img img {
        width: 96%;
        max-width: 1050px; }

#partner .article .mains {
  width: 100%; }
  #partner .article .mains .left-list {
    display: inline-block;
    float: left;
    width: calc(100% - 340px); }
  #partner .article .mains .article-list {
    width: 100%; }
    #partner .article .mains .article-list li {
      width: 100%;
      padding: 14px 0;
      border-bottom: 1px dashed #d4d4d4; }
      #partner .article .mains .article-list li a {
        display: flex;
        width: 100%;
        height: auto;
        align-items: center; }
        #partner .article .mains .article-list li a:hover .date {
          color: #032a6e; }
        #partner .article .mains .article-list li a:hover i {
          background-image: url("../images/46.png"); }
        #partner .article .mains .article-list li a:hover .link {
          color: #032a6e; }
      #partner .article .mains .article-list li .date {
        width: 72px;
        display: inline-block;
        float: left;
        text-align: center;
        font-family: 'Arial';
        color: #999;
        transition: all 0.3s; }
        #partner .article .mains .article-list li .date .big {
          width: 100%;
          font-size: 28px;
          line-height: 28px;
          font-weight: bold; }
        #partner .article .mains .article-list li .date .small {
          width: 100%;
          font-size: 14px;
          line-height: 14px;
          margin-top: 4px; }
      #partner .article .mains .article-list li .title {
        width: calc(100% - 266px);
        font-size: 18px;
        margin-left: 80px; }
      #partner .article .mains .article-list li i {
        display: inline-block;
        width: 24px;
        height: 15px;
        display: inline-block;
        background-image: url("../images/45.png");
        background-size: 100% 100%;
        transition: all 0.3s; }
      #partner .article .mains .article-list li .link {
        display: inline-block;
        width: 90px;
        text-align: right;
        font-size: 14px;
        color: #666; }
  #partner .article .mains .inquiry-content {
    display: inline-block;
    float: right;
    width: 300px;
    background-color: #f7f7f7;
    padding: 25px; }
    #partner .article .mains .inquiry-content .title {
      width: 100%;
      font-size: 24px;
      font-weight: bold;
      color: #4c4c4c;
      line-height: 24px;
      margin-bottom: 24px; }
    #partner .article .mains .inquiry-content .img {
      width: 100%;
      height: auto; }
      #partner .article .mains .inquiry-content .img img {
        width: 100%;
        height: auto; }
    #partner .article .mains .inquiry-content .desc {
      width: 100%;
      margin-top: 10px;
      font-size: 14px;
      line-height: 30px; }
    #partner .article .mains .inquiry-content .line {
      width: 100%;
      margin-top: 20px;
      display: flex; }
      #partner .article .mains .inquiry-content .line .label {
        display: inline-block;
        white-space: nowrap;
        font-size: 16px;
        font-weight: bold; }
      #partner .article .mains .inquiry-content .line .text {
        display: inline-block;
        font-size: 16px;
        white-space: normal;
        word-break: break-all; }

#partner .article .pages {
  margin: 50px auto; }

#partner .feedback .mains {
  width: 100%;
  padding: 10px 0 80px;
  display: flex;
  justify-content: space-between; }
  #partner .feedback .mains::before, #partner .feedback .mains::after {
    display: none; }
  #partner .feedback .mains > .left {
    width: 48.71%;
    display: inline-block;
    float: left;
    overflow: hidden;
    background-position: center center;
    background-size: cover; }
    #partner .feedback .mains > .left img {
      width: 100%;
      height: auto;
      opacity: 0;
      display: none; }
  #partner .feedback .mains > .right {
    display: inline-block;
    float: right;
    width: 47.14%;
    padding: 25px 0 15px; }
    #partner .feedback .mains > .right .title {
      width: 100%;
      font-size: 24px;
      font-weight: bold;
      line-height: 24px; }
    #partner .feedback .mains > .right .desc {
      width: 100%;
      margin-top: 50px;
      font-size: 16px;
      line-height: 36px; }
    #partner .feedback .mains > .right .contact {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px; }
      #partner .feedback .mains > .right .contact .left {
        display: inline-block; }
        #partner .feedback .mains > .right .contact .left .line {
          width: auto;
          white-space: nowrap;
          display: flex;
          margin-top: 20px; }
          #partner .feedback .mains > .right .contact .left .line .label {
            font-size: 16px;
            font-weight: bold; }
          #partner .feedback .mains > .right .contact .left .line .text {
            display: inline-block;
            font-size: 16px; }
          #partner .feedback .mains > .right .contact .left .line:first-child {
            margin-top: 0; }
      #partner .feedback .mains > .right .contact i {
        display: inline-block;
        width: 1px;
        height: 92px;
        background-color: #ccc; }
      #partner .feedback .mains > .right .contact .right {
        display: inline-flex;
        align-items: center;
        justify-content: center; }
        #partner .feedback .mains > .right .contact .right .img {
          width: 135px;
          height: 138px; }
          #partner .feedback .mains > .right .contact .right .img img {
            width: 100%;
            height: 100%; }
        #partner .feedback .mains > .right .contact .right .items a {
          display: block;
          clear: both;
          font-size: 14px;
          transition: all 0.3s;
          margin-top: 10px; }
          #partner .feedback .mains > .right .contact .right .items a:hover {
            color: #032a6e; }

#contact .sub-tab {
  margin: 50px auto; }

#contact .list-map {
  width: 100%;
  position: relative; }
  #contact .list-map .mains {
    width: 100%;
    padding-left: calc((100% - 1400px)/2);
    display: flex;
    flex-direction: row-reverse;
    flex: 1; }
    #contact .list-map .mains .list {
      max-width: 685px;
      display: inline-block;
      margin-right: 15px; }
      #contact .list-map .mains .list .item {
        width: 100%;
        border-top: 1px solid #dedede;
        padding: 20px 0; }
        #contact .list-map .mains .list .item:last-child {
          border-bottom: 1px solid #dedede; }
        #contact .list-map .mains .list .item .title {
          width: 100%;
          display: flex; }
          #contact .list-map .mains .list .item .title img {
            display: inline-block;
            width: 14px;
            height: 20px; }
          #contact .list-map .mains .list .item .title span {
            display: inline-block;
            font-size: 16px;
            margin-left: 10px; }
        #contact .list-map .mains .list .item .ps {
          width: 100%;
          display: flex;
          flex-wrap: wrap; }
          #contact .list-map .mains .list .item .ps .addr {
            width: 100%;
            margin-top: 10px;
            margin-left: 23px; }
          #contact .list-map .mains .list .item .ps .half {
            width: calc(50% - 23px);
            margin-left: 23px;
            margin-top: 10px; }
    #contact .list-map .mains .map {
      display: inline-block;
      float: right;
      width: calc((100% - 1400px)/2 + 50%); }
      #contact .list-map .mains .map #allmap {
        width: 100%;
        height: 100%; }

#contact .form {
  width: 100%;
  margin: 100px auto 80px; }
  #contact .form .img {
    display: inline-block;
    float: left;
    width: 46.92%;
    height: 384px;
    background-position: center center;
    background-size: cover;
    overflow: hidden; }
    #contact .form .img img {
      opacity: 0; }
  #contact .form .right {
    display: inline-block;
    float: right;
    width: 48.57%; }
    #contact .form .right .top {
      width: 100%;
      height: 38px; }
      #contact .form .right .top img {
        width: auto;
        height: 38px; }
    #contact .form .right .desc {
      width: 100%;
      margin-top: 30px;
      font-size: 20px; }
    #contact .form .right form {
      margin-top: 35px; }
      #contact .form .right form input:focus, #contact .form .right form textarea:focus {
        border-color: #032a6e; }
    #contact .form .right .line {
      width: 100%;
      height: 40px; }
      #contact .form .right .line input {
        width: 45%;
        height: 40px;
        border: 1px solid #e1e1e1;
        padding: 0 10px;
        border-radius: 0; }
    #contact .form .right .textarea {
      width: 100%;
      height: 140px;
      margin-top: 10px; }
      #contact .form .right .textarea textarea {
        width: 100%;
        height: 110px;
        padding: 10px;
        border: 1px solid #e1e1e1;
        resize: none;
        border-radius: 0; }
    #contact .form .right .bot-line {
      width: 100%;
      height: 40px;
      margin-top: 10px; }
      #contact .form .right .bot-line input {
        width: 27.94%;
        height: 40px;
        border: 1px solid #e1e1e1;
        padding: 0 10px;
        display: inline-block;
        float: left;
        border-radius: 0; }
      #contact .form .right .bot-line .yzm {
        width: 85px;
        height: 40px;
        display: inline-block;
        float: left; }
      #contact .form .right .bot-line button {
        width: 27.94%;
        height: 40px;
        display: inline-block;
        float: right;
        background-color: #032a6e;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px; }

#contact .network {
  margin-bottom: 80px; }
  #contact .network .mains {
    width: 100%; }
    #contact .network .mains .map {
      width: 100%;
      height: auto;
      position: relative; }
      #contact .network .mains .map #container {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
      #contact .network .mains .map img {
        width: 100%;
        height: auto;
        opacity: 0;
        z-index: 1; }
    #contact .network .mains .list-addr {
      width: 100%;
      margin-top: 20px; }
      #contact .network .mains .list-addr .item {
        width: 100%;
        padding: 30px 0;
        border-bottom: 1px solid #dedede;
        transition: all 0.3s; }
        #contact .network .mains .list-addr .item .title {
          width: 100%;
          display: flex; }
          #contact .network .mains .list-addr .item .title img {
            display: inline-block;
            width: 14px;
            height: 20px; }
          #contact .network .mains .list-addr .item .title span {
            display: inline-block;
            font-size: 16px;
            margin-left: 10px; }
        #contact .network .mains .list-addr .item .ps {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          #contact .network .mains .list-addr .item .ps p {
            width: 22.85%;
            display: inline-block;
            font-size: 14px;
            color: #333;
            margin-top: 20px;
            padding-left: 24px; }
            #contact .network .mains .list-addr .item .ps p:first-child {
              width: 41.42%; }
        #contact .network .mains .list-addr .item:hover {
          box-shadow: 0 4px 10px #dfdfdf;
          padding-left: 30px; }

#job .sub-tab {
  margin: 50px auto; }

#job .idea {
  width: 100%; }
  #job .idea .mains {
    width: 100%; }
    #job .idea .mains .item {
      width: 100%;
      height: 403px;
      margin-bottom: 40px; }
      #job .idea .mains .item .img {
        width: 50%;
        height: 100%;
        overflow: hidden;
        background-position: center;
        background-size: cover;
        display: inline-block;
        float: left; }
        #job .idea .mains .item .img img {
          width: 100%;
          height: auto;
          opacity: 0; }
      #job .idea .mains .item .texts {
        width: 50%;
        height: 100%;
        padding: 4%;
        background-color: #f5f5f5;
        display: inline-block;
        float: left; }
        #job .idea .mains .item .texts .title {
          width: 100%;
          font-size: 24px;
          line-height: 24px; }
        #job .idea .mains .item .texts .line {
          display: block;
          width: 24px;
          height: 4px;
          background-color: #032a6e;
          margin: 20px 0; }
        #job .idea .mains .item .texts .content {
          width: 100%;
          font-size: 16px;
          line-height: 28px;
          height: 260px;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch; }
          #job .idea .mains .item .texts .content::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: #F5F5F5; }
          #job .idea .mains .item .texts .content::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: #F5F5F5; }
          #job .idea .mains .item .texts .content::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #ddd; }
          #job .idea .mains .item .texts .content strong {
            font-size: 18px;
            font-weight: bold; }

#job .post .join-list {
  width: 100%; }
  #job .post .join-list .container .list {
    width: 100%; }
    #job .post .join-list .container .list .item {
      width: 100%;
      margin-bottom: 5px; }
      #job .post .join-list .container .list .item .item-top {
        width: 100%;
        height: 60px;
        line-height: 60px;
        padding: 0 40px 0 34px;
        background-color: #ebebeb;
        color: #4c4c4c; }
        #job .post .join-list .container .list .item .item-top .left {
          display: inline-block;
          float: left; }
          #job .post .join-list .container .list .item .item-top .left .big {
            font-size: 18px;
            display: inline-block; }
          #job .post .join-list .container .list .item .item-top .left .small {
            font-size: 12px;
            display: inline-block; }
        #job .post .join-list .container .list .item .item-top i.right {
          width: 33px;
          height: 34px;
          display: inline-block;
          float: right;
          margin-top: 13px;
          background-image: url("../images/66.png");
          background-size: 100% 100%;
          cursor: pointer; }
      #job .post .join-list .container .list .item .item-bot {
        width: 100%;
        padding: 0 48px;
        background-color: #f8f8f8;
        display: none; }
        #job .post .join-list .container .list .item .item-bot .tops {
          width: 100%;
          padding: 20px 0 30px;
          border-bottom: 1px dotted #ccc; }
          #job .post .join-list .container .list .item .item-bot .tops .line {
            display: inline-block;
            float: left;
            width: 33.33%;
            height: 14px;
            margin-top: 10px;
            line-height: 14px; }
            #job .post .join-list .container .list .item .item-bot .tops .line .label {
              display: inline-block;
              float: left;
              white-space: nowrap;
              font-size: 14px;
              font-weight: bold; }
            #job .post .join-list .container .list .item .item-bot .tops .line .text {
              display: inline-block;
              float: left;
              margin-left: 35px;
              font-size: 12px; }
        #job .post .join-list .container .list .item .item-bot .bots {
          width: 100%;
          padding-bottom: 30px; }
          #job .post .join-list .container .list .item .item-bot .bots .title {
            margin-top: 30px;
            font-size: 14px;
            font-weight: 700; }
          #job .post .join-list .container .list .item .item-bot .bots .content {
            margin-top: 10px; }
            #job .post .join-list .container .list .item .item-bot .bots .content p {
              font-size: 12px;
              line-height: 30px; }
          #job .post .join-list .container .list .item .item-bot .bots .upload {
            width: 120px;
            height: 38px;
            background-color: #032a6e;
            border-radius: 19px;
            line-height: 38px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            margin-top: 25px;
            position: relative;
            overflow: hidden; }
            #job .post .join-list .container .list .item .item-bot .bots .upload input {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2;
              cursor: pointer;
              opacity: 0; }
      #job .post .join-list .container .list .item.active .item-top {
        background-color: #032a6e;
        color: #fff; }
        #job .post .join-list .container .list .item.active .item-top i.right {
          background-image: url("../images/67.png"); }
  #job .post .join-list .container .pages {
    margin: 30px 0 40px; }

#job .join-form {
  width: 600px;
  height: 392px;
  background-color: #fff;
  padding: 40px; }
  #job .join-form .line {
    width: 100%;
    height: 36px;
    display: inline-block;
    margin-bottom: 16px; }
    #job .join-form .line .label {
      height: 36px;
      display: inline-block;
      float: left;
      font-size: 16px;
      line-height: 36px; }
    #job .join-form .line input[type="text"] {
      display: inline-block;
      float: left;
      width: 438px;
      height: 36px;
      background-color: #fff;
      border: none;
      border-bottom: 1px solid #f1f5fd;
      padding: 0 10px; }
    #job .join-form .line .upload {
      display: inline-block;
      float: left;
      width: 120px;
      height: 36px;
      background-color: #032a6e;
      color: #fff;
      border-radius: 4px;
      text-align: center;
      line-height: 36px;
      position: relative; }
      #job .join-form .line .upload input[type="file"] {
        width: 100%;
        height: 36px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        cursor: pointer;
        opacity: 0; }
    #job .join-form .line #file_name {
      display: inline-block;
      height: 100%;
      line-height: 32px;
      margin-left: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 280px; }
    #job .join-form .line textarea {
      display: inline-block;
      float: left;
      width: 100%;
      height: 100px;
      background-color: #fff;
      border: 1px solid #f1f5fd;
      padding: 10px;
      resize: none; }
    #job .join-form .line .load {
      width: 438px;
      height: 25px;
      background-color: #fff;
      border: none;
      margin-top: 6px;
      display: inline-block;
      float: left; }
    #job .join-form .line img {
      display: inline-block;
      margin-left: 10px;
      width: 80px;
      height: 34px; }
    #job .join-form .line button {
      width: 120px;
      height: 38px;
      border-radius: 4px;
      background-color: #032a6e;
      line-height: 38px;
      text-align: center;
      font-size: 16px;
      color: #fff;
      border: none;
      float: right; }
    #job .join-form .line.heightauto {
      height: auto; }

#news .sub-tab {
  margin: 50px auto; }

#news .news {
  width: 100%; }
  #news .news .mains {
    width: 70%; margin: 0px 15%;}
    #news .news .mains .hot {
      width: 100%;
      padding: 20px;
      background-color: #fafafa; }
      #news .news .mains .hot .swiper-slide {
        width: 100%;
        height: 400px;
        background-color: #fff;
        padding-left: 1px; }
        #news .news .mains .hot .swiper-slide .img {
          width: 534px;
          height: 100%;
          overflow: hidden;
          display: inline-block;
          float: left; }
          #news .news .mains .hot .swiper-slide .img img {
            width: 100%;
            height: 100%;
            transition: all 0.3s; }
        #news .news .mains .hot .swiper-slide .texts {
          display: inline-block;
          float: left;
          width: calc(100% - 534px);
          padding: 60px 45px;
          background-color: #fff; }
          #news .news .mains .hot .swiper-slide .texts .title {
            width: 100%;
            font-size: 18px;
            line-height: 18px; }
          #news .news .mains .hot .swiper-slide .texts .date {
            width: 100%;
            font-size: 14px;
            line-height: 14px;
            color: #999;
            margin-top: 20px; }
          #news .news .mains .hot .swiper-slide .texts .desc {
            width: 100%;
            font-size: 14px;
            line-height: 30px;
            color: #666;
            margin-top: 30px; }
          #news .news .mains .hot .swiper-slide .texts .more {
            width: 100%;
            font-size: 14px;
            line-height: 14px;
            color: #032a6e;
            margin-top: 120px; }
        #news .news .mains .hot .swiper-slide:hover .img img {
          transform: scale(1.1); }
      #news .news .mains .hot .swiper-button-prev {
        background-image: none;
        outline: none;
        left: 0;
        width: 33px;
        opacity: 1; }
      #news .news .mains .hot .swiper-button-next {
        background-image: none;
        outline: none;
        right: 0;
        width: 33px;
        opacity: 1; }
    #news .news .mains .year {
      width: 100%;
      height: 96px;
      background-color: #fff;
      position: relative; }
      #news .news .mains .year .line {
        width: 100%;
        height: 1px;
        background-color: #e6e6e6;
        position: absolute;
        left: 0;
        bottom: 8px; }
      #news .news .mains .year .swiper-container {
        width: 100%;
        max-width: 950px;
        margin: 0 auto; }
      #news .news .mains .year .swiper-slide {
        width: 70px;
        margin: 41px 55px 0; }
        #news .news .mains .year .swiper-slide .text {
          width: 100%;
          text-align: center;
          font-size: 18px;
          line-height: 18px; }
        #news .news .mains .year .swiper-slide i {
          display: block;
          width: 16px;
          height: 16px;
          margin: 20px auto 0;
          background-image: url("../images/64.png");
          background-position: center center;
          background-repeat: no-repeat; }
        #news .news .mains .year .swiper-slide.swiper-slide-active i {
          background-image: url("../images/65.png"); }
      #news .news .mains .year .swiper-button-prev {
        background-image: none;
        outline: none;
        top: 0;
        left: 0;
        width: 6px;
        height: 13px;
        margin-top: 38px; }
      #news .news .mains .year .swiper-button-next {
        background-image: none;
        outline: none;
        top: 0;
        right: 0;
        width: 6px;
        height: 13px;
        margin-top: 38px; }
    #news .news .mains .news-list {
      width: 100%;
      margin-top: 20px; }
      #news .news .mains .news-list .item {
        width: 100%;
        height: 260px;
        padding: 20px;
        border-bottom: 1px solid #e6e6e6;
        transition: all 0.3s; }
        #news .news .mains .news-list .item:hover {
          box-shadow: 0 4px 10px #ccc; }
          #news .news .mains .news-list .item:hover .img img {
            transform: scale(1.1); }
          #news .news .mains .news-list .item:hover .texts .more {
            color: #032a6e; }
        #news .news .mains .news-list .item .img {
          width: 297px;
          height: 100%;
          overflow: hidden;
          display: inline-block;
          float: left; }
          #news .news .mains .news-list .item .img img {
            width: 100%;
            height: 100%;
            transition: all 0.3s; }
        #news .news .mains .news-list .item .texts {
          width: calc(100% - 340px);
          display: inline-block;
          float: left;
          margin-left: 40px; }
          #news .news .mains .news-list .item .texts .title {
            width: 100%;
            font-size: 18px;
            line-height: 18px;
            margin-top: 10px; }
          #news .news .mains .news-list .item .texts .date {
            width: 100%;
            font-size: 14px;
            line-height: 14px;
            color: #999;
            margin-top: 10px; }
          #news .news .mains .news-list .item .texts .desc {
            width: 100%;
            font-size: 14px;
            line-height: 30px;
            color: #666;
            margin-top: 25px; }
          #news .news .mains .news-list .item .texts .more {
            width: 100%;
            font-size: 14px;
            line-height: 14px;
            color: #333;
            margin-top: 60px;
            transition: all 0.3s; }
    #news .news .mains .standard-list {
      width: 100%;
      margin-top: 20px; }
      #news .news .mains .standard-list .item {
        width: 100%;
        padding: 40px 70px 30px 0;
        border-bottom: 1px dashed #e6e6e6;
        overflow: hidden;
        transition: all 0.3s; }
        #news .news .mains .standard-list .item .date {
          width: 72px;
          display: inline-block;
          float: left;
          text-align: center;
          font-family: 'Arial';
          color: #999;
          transition: all 0.3s; }
          #news .news .mains .standard-list .item .date .big {
            width: 100%;
            font-size: 48px;
            line-height: 48px;
            font-weight: bold; }
          #news .news .mains .standard-list .item .date .small {
            width: 100%;
            font-size: 18px;
            line-height: 18px;
            margin-top: 4px; }
        #news .news .mains .standard-list .item .texts {
          width: calc(100% - 102px);
          margin-left: 30px;
          display: inline-block;
          float: left; }
          #news .news .mains .standard-list .item .texts .title {
            width: 100%;
            font-size: 18px;
            line-height: 18px; }
          #news .news .mains .standard-list .item .texts .desc {
            width: 100%;
            font-size: 14px;
            line-height: 28px;
            margin-top: 10px;
            color: #666; }
          #news .news .mains .standard-list .item .texts .more {
            width: 156px;
            height: 36px;
            border-radius: 18px;
            border: 1px solid #032a6e;
            line-height: 34px;
            text-align: center;
            color: #032a6e;
            font-size: 18px;
            transition: all 0.3s;
            margin-top: 20px; }
            #news .news .mains .standard-list .item .texts .more:hover {
              background-color: #032a6e;
              color: #fff; }
        #news .news .mains .standard-list .item:hover {
          padding-left: 40px;
          box-shadow: 0 4px 10px #ccc; }
          #news .news .mains .standard-list .item:hover .date {
            color: #032a6e; }
          #news .news .mains .standard-list .item:hover .texts .more {
            background-color: #032a6e;
            color: #fff; }
    #news .news .mains .pages {
      justify-content: flex-end;
      margin: 30px 0 50px; }

#news .news-detail {
  width: 100%;
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 30px; }
  #news .news-detail .container {
    background-color: #fff; }
    #news .news-detail .container .news-title {
      width: 100%;
      padding: 30px 0 20px;
      border-bottom: 1px solid #f5f5f5; }
      #news .news-detail .container .news-title .title {
        width: 100%;
        padding: 0 20px;
        font-size: 30px;
        color: #000;
        text-align: center; }
      #news .news-detail .container .news-title .date {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #999;
        margin-top: 10px;
        padding: 0 20px; }
    #news .news-detail .container .news-content {
      /*width: 100%;*/
      padding: 20px 40px;
      line-height: 26px; }
      #news .news-detail .container .news-content img {
        max-width: 100% !important;
        margin: 5px 0; }
    #news .news-detail .container .download {
      width: 100%;
      padding: 20px 40px; }
      #news .news-detail .container .download .title {
        width: 100%;
        font-size: 14px;
        color: #333; }
      #news .news-detail .container .download a {
        display: block;
        clear: both;
        color: #666;
        margin: 5px 0;
        transition: color 0.3s; }
      #news .news-detail .container .download a:hover {
        color: #032a6e; }
    #news .news-detail .container .next-prev {
      /*width: 100%;*/
      border-top: 1px solid #f5f5f5;
      padding: 20px 40px; }
      #news .news-detail .container .next-prev .left {
        width: calc(100% - 150px);
        display: inline-block;
        float: left; }
        #news .news-detail .container .next-prev .left a {
          display: block;
          clear: both;
          color: #666;
          margin: 5px 0;
          transition: color 0.3s;
          width: 460px; }
        #news .news-detail .container .next-prev .left a:hover {
          color: #032a6e; }
      #news .news-detail .container .next-prev .right {
        width: 110px;
        height: 40px;
        display: inline-block;
        float: right;
        margin-top: 5px;
        background-color: #032a6e;
        color: #fff;
        line-height: 40px;
        text-align: center;
        font-size: 14px; }

#about .about {
  width: 100%;
  padding: 100px 0 80px;
  background-color: #fff; }
  #about .about .container {
    display: flex;
    justify-content: space-between; }
  #about .about .left {
    width: 50%;
    display: inline-block; }
    #about .about .left .img {
      width: 15.71%;
      display: inline-block;
      float: left; }
      #about .about .left .img img {
        width: 100%;
        height: auto; }
    #about .about .left .texts {
      width: 74.28%;
      height: 100%;
      display: inline-block;
      float: right;
      padding-top: 85px; }
      #about .about .left .texts .title {
        width: 100%;
        font-size: 32px;
        line-height: 48px; }
      #about .about .left .texts .content {
        width: 100%;
        height: 600px;
        margin-top: 30px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; }
        #about .about .left .texts .content::-webkit-scrollbar {
          width: 6px;
          height: 6px;
          background-color: #F5F5F5; }
        #about .about .left .texts .content::-webkit-scrollbar-track {
          border-radius: 3px;
          background-color: #F5F5F5; }
        #about .about .left .texts .content::-webkit-scrollbar-thumb {
          border-radius: 3px;
          background-color: #ddd; }
        #about .about .left .texts .content p {
          font-size: 14px;
          line-height: 34px; }
  #about .about .right {
    width: 40.5%;
    display: inline-block;
    float: right;
    background-position: center center;
   
    background-repeat: no-repeat;
    overflow: hidden; }
    #about .about .right img {
      opacity: 0; }

#about .culture {
  width: 100%;
  padding: 100px 0 130px;
  background-image: url("../images/147.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden; }
  #about .culture .swiper {
    width: 100%;
    position: relative;
    margin-top: 80px; }
    #about .culture .swiper .swiper-slide {
      width: 21.14%;
      height: 280px;
      background-color: rgba(255, 255, 255, 0.09);
      transition: all 0.3s;
      padding: 50px 35px 20px;
      border: 1px solid #fff;
      color: #fff; }
      #about .culture .swiper .swiper-slide .title {
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 18px; }
      #about .culture .swiper .swiper-slide .line {
        display: block;
        width: 22px;
        height: 3px;
        background-color: #fff;
        margin: 18px auto 0;
        transition: all 0.3s; }
      #about .culture .swiper .swiper-slide .desc {
        width: 100%;
        height: 240px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: 30px;
        font-size: 14px;
        line-height: 36px; }
        #about .culture .swiper .swiper-slide .desc::-webkit-scrollbar {
          width: 6px;
          height: 6px;
          background-color: #F5F5F5; }
        #about .culture .swiper .swiper-slide .desc::-webkit-scrollbar-track {
          border-radius: 3px;
          background-color: #F5F5F5; }
        #about .culture .swiper .swiper-slide .desc::-webkit-scrollbar-thumb {
          border-radius: 3px;
          background-color: #ddd; }
      #about .culture .swiper .swiper-slide:hover {
        background-color: #fff;
        color: #032a6e; }
        #about .culture .swiper .swiper-slide:hover .line {
          background-color: #032a6e; }
    #about .culture .swiper .swiper-prev, #about .culture .swiper .swiper-next {
      width: 33px;
      height: 57px;
      position: absolute;
      top: 50%;
      margin-top: -23px;
      z-index: 2;
      cursor: pointer;
      outline: none; }
      #about .culture .swiper .swiper-prev img, #about .culture .swiper .swiper-next img {
        width: 100%;
        height: auto; }
    #about .culture .swiper .swiper-prev {
      left: -70px; }
    #about .culture .swiper .swiper-next {
      right: -70px; }

#about .org {
  width: 100%;
  padding: 70px 0; }
  #about .org .img {
    width: 100%;
    text-align: center;
    margin-top: 60px; }
    #about .org .img img {
      max-width: 100%; }

#about .honor {
  width: 100%;
  padding: 45px 0 20px;
  background-image: url("../images/76.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  #about .honor .items {
    width: 100%;
    margin-top: 50px; }
    #about .honor .items .item {
      width: calc(25% - 4px);
      height: 200px;
      display: inline-block;
      background-color: #3169cb;
      box-shadow: 0 2px 6px #ccc;
      float: left;
      margin-bottom: 60px;
      cursor: pointer;
      transition: all 0.3s;
      color: #fff; }
      #about .honor .items .item .img {
        width: 104px;
        height: 67px;
        background-color: #fff;
        margin: 0 auto;
        text-align: center;
        transition: all 0.3s; }
        #about .honor .items .item .img img {
          width: 100%;
          height: 100%; }
      #about .honor .items .item .text {
        width: 100%;
        padding: 0 20px;
        text-align: center;
        margin-top: 45px;
        font-size: 18px;
        transition: color 0.3s; }
      #about .honor .items .item:hover {
        background-color: #fff; }
        #about .honor .items .item:hover .img {
          background-color: #f3f3f3; }
        #about .honor .items .item:hover .text {
          color: #333; }

#about .develop {
  width: 100%;
  padding: 100px 0 90px;
  overflow: hidden; }
  #about .develop .year {
    width: 100%;
    height: 96px;
    background-color: #fff;
    position: relative; }
    #about .develop .year .line {
      width: 100%;
      height: 14px;
      background-image: url("../images/78.png");
      position: absolute;
      left: 0;
      bottom: 8px; }
    #about .develop .year .swiper-container {
      width: 100%;
      max-width: 950px;
      margin: 0 auto; }
    #about .develop .year .swiper-slide {
      width: 70px;
      margin: 41px 55px 0; }
      #about .develop .year .swiper-slide .text {
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 18px; }
      #about .develop .year .swiper-slide i {
        display: block;
        width: 16px;
        height: 16px;
        margin: 20px auto 0;
        background-image: url("../images/64.png");
        background-position: center center;
        background-repeat: no-repeat; }
      #about .develop .year .swiper-slide.swiper-slide-active i {
        background-image: url("../images/65.png"); }
    #about .develop .year .swiper-button-prev {
      background-image: none;
      outline: none;
      top: 0;
      left: 0;
      width: 6px;
      height: 13px;
      margin-top: 38px; }
    #about .develop .year .swiper-button-next {
      background-image: none;
      outline: none;
      top: 0;
      right: 0;
      width: 6px;
      height: 13px;
      margin-top: 38px; }
  #about .develop .swipers {
    width: 100%;
    position: relative;
    margin-top: 90px; }
    #about .develop .swipers .swiper-item {
      width: 100%;
      display: none; }
      #about .develop .swipers .swiper-item .swiper-container {
        padding: 10px; }
      #about .develop .swipers .swiper-item .swiper-slide {
        width: 23.28%;
        padding: 26px 30px;
        background-color: #fff;
        transition: box-shadow 0.3s; }
        #about .develop .swipers .swiper-item .swiper-slide .tops {
          width: 120px;
          height: 70px;
          margin: 0 auto;
          position: relative; }
          #about .develop .swipers .swiper-item .swiper-slide .tops i {
            display: block;
            position: absolute;
            width: 110px;
            height: 60px;
            border: 1px solid #3169cb;
            transition: all 0.3s; }
          #about .develop .swipers .swiper-item .swiper-slide .tops .t {
            top: 0;
            right: 0;
            z-index: 1; }
          #about .develop .swipers .swiper-item .swiper-slide .tops .b {
            bottom: 0;
            left: 0;
            z-index: 2; }
          #about .develop .swipers .swiper-item .swiper-slide .tops span {
            display: block;
            position: absolute;
            width: 110px;
            height: 60px;
            text-align: center;
            line-height: 58px;
            font-size: 24px;
            top: 5px;
            left: 5px;
            z-index: 9; }
        #about .develop .swipers .swiper-item .swiper-slide .content {
          width: 100%;
          height: 260px;
          margin-top: 30px;
          padding-right: 4px;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch; }
          #about .develop .swipers .swiper-item .swiper-slide .content::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: #F5F5F5; }
          #about .develop .swipers .swiper-item .swiper-slide .content::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: #F5F5F5; }
          #about .develop .swipers .swiper-item .swiper-slide .content::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #ddd; }
        #about .develop .swipers .swiper-item .swiper-slide:hover {
          box-shadow: 0 4px 10px #e2e4e9; }
          #about .develop .swipers .swiper-item .swiper-slide:hover .tops i {
            background-color: #3169cb; }
          #about .develop .swipers .swiper-item .swiper-slide:hover .tops .t {
            top: 5px;
            right: 5px; }
          #about .develop .swipers .swiper-item .swiper-slide:hover .tops .b {
            bottom: 5px;
            left: 5px; }
          #about .develop .swipers .swiper-item .swiper-slide:hover .tops span {
            color: #fff; }
    #about .develop .swipers .line {
      display: block;
      width: 100%;
      height: 1px;
      background-color: #e6e6e6;
      position: absolute;
      top: 50%;
      left: 0; }
    #about .develop .swipers .swiper-prev, #about .develop .swipers .swiper-next {
      width: 24px;
      height: 46px;
      position: absolute;
      top: 50%;
      margin-top: -23px;
      z-index: 3;
      outline: none;
      cursor: pointer; }
      #about .develop .swipers .swiper-prev img, #about .develop .swipers .swiper-next img {
        width: 100%;
        height: 100%; }
      #about .develop .swipers .swiper-prev.swiper-button-disabled, #about .develop .swipers .swiper-next.swiper-button-disabled {
        opacity: 0.5; }
    #about .develop .swipers .swiper-prev {
      left: -60px; }
    #about .develop .swipers .swiper-next {
      right: -60px; }

#about .honor-layer .layui-layer-content img {
  max-width: 100%;
  height: auto; }

#search .search-box {
  width: 100%;
  margin: 40px 0 30px;
  height: 54px;
  position: relative;
  z-index: 9; }
  #search .search-box .container {
    height: 100%; }
  #search .search-box .left {
    width: 540px;
    max-width: 38.57%;
    height: 100%;
    display: inline-block;
    float: left;
    border: 1px solid #e6e6e6;
    border-radius: 2px; }
    #search .search-box .left .select {
      display: inline-block;
      float: left;
      width: 90px;
      height: 100%;
      padding: 0 10px 0 0;
      position: relative; }
      #search .search-box .left .select > span {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 54px;
        font-size: 18px;
        padding: 0 14px 0 14px;
        background-image: url("../images/82.png");
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer; }
      #search .search-box .left .select .sub {
        width: 100%;
        position: absolute;
        top: 55px;
        left: 0;
        border: 1px solid #e6e6e6;
        background-color: #fff;
        z-index: 99;
        display: none; }
        #search .search-box .left .select .sub span {
          display: block;
          width: 100%;
          text-align: center;
          height: 30px;
          line-height: 30px;
          transition: all 0.3s;
          cursor: pointer; }
          #search .search-box .left .select .sub span:hover, #search .search-box .left .select .sub span.active {
            background-color: #032a6e;
            color: #fff; }
    #search .search-box .left .input {
      display: inline-block;
      float: left;
      width: calc(100% - 90px);
      height: 100%;
      border-left: 1px solid #e6e6e6; }
      #search .search-box .left .input input {
        width: 100%;
        height: 100%;
        padding: 0 10px;
        border: none;
        background-color: #fff;
        border-radius: 0;
        font-size: 18px; }
  #search .search-box .btn {
    display: inline-block;
    float: left; }
    #search .search-box .btn button {
      width: 117px;
      height: 54px;
      background-color: #032a6e;
      border: none;
      color: #fff;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      #search .search-box .btn button span {
        display: inline-block;
        line-height: 18px; }
      #search .search-box .btn button i {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("../images/83.png");
        background-size: 100% 100%;
        margin-left: 5px; }

#search .search-result {
  width: 100%;
  padding-bottom: 50px; }
  #search .search-result .item {
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #e6e6e6; }
    #search .search-result .item .title {
      width: 100%;
      line-height: 16px;
      font-size: 16px;
      display: flex;
      align-items: center; }
      #search .search-result .item .title i {
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: #032a6e;
        margin-right: 10px; }
      #search .search-result .item .title p {
        display: inline-block;
        width: calc(100% - 14px); }
    #search .search-result .item .date {
      width: 100%;
      font-size: 14px;
      line-height: 14px;
      color: #999;
      margin-top: 10px;
      padding-left: 14px; }
  #search .search-result .pages {
    margin-top: 50px; }

#product .inner-swiper {
  width: 100%;
  height: 450px; }
  #product .inner-swiper .swiper-slide {
    width: 100%;
    height: 450px;
    background-position: center center;
    background-size: cover; }

#product .prod-tabs {
  width: 100%;
  margin: 50px 0 50px; }
  #product .prod-tabs .container {
    display: flex;
    justify-content: center; }
  #product .prod-tabs .prod-tab {
    width: auto;
    max-width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    #product .prod-tabs .prod-tab::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: #F5F5F5; }
    #product .prod-tabs .prod-tab::-webkit-scrollbar-track {
      border-radius: 3px;
      background-color: #F5F5F5; }
    #product .prod-tabs .prod-tab::-webkit-scrollbar-thumb {
      border-radius: 3px;
      background-color: #ddd; }
    #product .prod-tabs .prod-tab .list {
      width: auto;
      height: 50px;
      background-color: #f5f5f5;
      display: inline-flex;
      align-items: center; }
      #product .prod-tabs .prod-tab .list a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        transition: all 0.3s;
        padding: 0 28px;
        white-space: nowrap; }
        #product .prod-tabs .prod-tab .list a:hover, #product .prod-tabs .prod-tab .list a.active {
          background-color: #032a6e;
          color: #fff; }
      #product .prod-tabs .prod-tab .list i {
        display: inline-block;
        width: 1px;
        min-width: 1px;
        height: 16px;
        background-color: #666; }

#product .prod-items {
  width: 100%;
  margin-top: 20px; }
  #product .prod-items .item {
    width: 100%;
    height: auto;
    padding: 45px 90px;
    position: relative;
    margin-bottom: 50px; }
    #product .prod-items .item .texts {
      width: 380px;
      display: inline-block;
      float: left;
      position: absolute;
      z-index: 3;
      transition: all 0.3s;
      left: 45px;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s; }
      #product .prod-items .item .texts .title {
        width: 100%;
        font-size: 30px;
        line-height: 30px;
        transition: all 0.6s; }
      #product .prod-items .item .texts .desc {
        width: 100%;
        font-size: 14px;
        line-height: 36px;
        margin-top: 30px;
        transition: all 0.6s; }
      #product .prod-items .item .texts .more {
        display: inline-block;
        height: 60px;
        margin-top: 60px;
        position: relative;
        transition: all 0.6s; }
        #product .prod-items .item .texts .more .cir {
          display: block;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background-color: #3878e4;
          line-height: 60px;
          text-align: center;
          background-image: url("../images/86.png");
          background-position: center center;
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2; }
        #product .prod-items .item .texts .more .text {
          display: block;
          width: 60px;
          height: 60px;
          border-radius: 30px;
          background-color: #fff;
          line-height: 60px;
          text-align: center;
          font-size: 14px;
          color: #032a6e;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          transition: width 0.6s;
          overflow: hidden; }
        #product .prod-items .item .texts .more:hover .text {
          width: 187px;
          padding-left: 10px; }
    #product .prod-items .item .img {
      width: 50%;
      float: right;
      position: relative;
      z-index: 3; }
      #product .prod-items .item .img img {
        width: 100%;
        height: auto; }
    #product .prod-items .item .bg {
      width: 100%;
      height: 65%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      z-index: 1;
      background-color: #e5e5e5;
      transition: all 0.6s; }
      #product .prod-items .item .bg img {
        width: 275px;
        height: auto;
        position: inherit;
        top: 50%;
        left: 45%;
        transform: translate(-50%, -50%); }
    #product .prod-items .item:hover .texts, #product .prod-items .item.active .texts {
      color: #fff; }
      #product .prod-items .item:hover .texts .desc, #product .prod-items .item.active .texts .desc {
        margin-top: 45px; }
      #product .prod-items .item:hover .texts .more, #product .prod-items .item.active .texts .more {
        margin-top: 120px; }
    #product .prod-items .item:hover .bg, #product .prod-items .item.active .bg {
      height: 100%;
      background-color: #032a6e; }

#product .prod-sub-tab {
  width: 100%;
  margin-top: -20px; }
  #product .prod-sub-tab .container {
    display: block;
    height: 54px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden; }
    #product .prod-sub-tab .container .left {
      width: auto;
      height: 54px;
      display: inline-flex;
      line-height: 54px;
      background-color: #fff;
      position: relative;
      z-index: 2; }
      #product .prod-sub-tab .container .left .big {
        font-size: 20px;
        display: inline-block;
        white-space: nowrap; }
      #product .prod-sub-tab .container .left .items {
        display: inline-flex;
        margin-left: 20px; }
        #product .prod-sub-tab .container .left .items a {
          display: inline-block;
          width: auto;
          height: 53px;
          border-bottom: 1px solid transparent;
          font-size: 16px;
          padding: 0 10px;
          margin-left: 20px;
          transition: all 0.3s;
          white-space: nowrap; }
          #product .prod-sub-tab .container .left .items a:hover, #product .prod-sub-tab .container .left .items a.active {
            border-color: #ff0000; }
    #product .prod-sub-tab .container .right {
      width: auto;
      height: 54px;
      line-height: 54px;
      text-align: right;
      font-size: 14px;
      display: inline-block;
      float: right; }
      #product .prod-sub-tab .container .right p, #product .prod-sub-tab .container .right a {
        display: inline-block; }
        #product .prod-sub-tab .container .right p img, #product .prod-sub-tab .container .right a img {
          display: inline-block;
          width: 16px;
          height: 16px;
          margin-right: 4px; }
      #product .prod-sub-tab .container .right .more {
        margin-left: 10px;
        transition: color 0.3s; }
        #product .prod-sub-tab .container .right .more:hover {
          color: #032a6e; }

#product .prod-list {
  width: 100%; }
  #product .prod-list .container {
    display: flex;
    flex-wrap: wrap; }
    #product .prod-list .container .item {
      width: 19.14%;
      margin-left: 1.07%;
      margin-top: 30px; }
      #product .prod-list .container .item .img {
        width: 100%;
        height: auto;
        overflow: hidden;
        border: 1px solid #ccc; }
        #product .prod-list .container .item .img img {
          width: 100%;
          height: 178px;
          transition: all 0.3s; }
      #product .prod-list .container .item .bot {
        width: 100%;
        background-color: #f5f5f5;
        padding: 0 10px;
        transition: all 0.3s; }
        #product .prod-list .container .item .bot .title {
          width: 100%;
          height: 44px;
          line-height: 44px;
          font-size: 16px;
          color: #4c4c4c; }
        #product .prod-list .container .item .bot .more {
          width: 100%;
          height: 38px;
          margin-top: 6px;
          border-top: 1px solid #d9d9d9;
          line-height: 38px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          #product .prod-list .container .item .bot .more span {
            font-size: 14px;
            color: #999; }
          #product .prod-list .container .item .bot .more i {
            width: 43px;
            height: 8px;
            display: inline-block;
            background-image: url("../images/89.png");
            background-size: 100% 100%;
            transition: all 0.3s; }
      #product .prod-list .container .item:nth-of-type(5n+1) {
        margin-left: 0; }
      #product .prod-list .container .item:hover .img img {
        transform: scale(1.1); }
      #product .prod-list .container .item:hover .bot {
        background-color: #032a6e; }
        #product .prod-list .container .item:hover .bot .title {
          color: #fff; }
        #product .prod-list .container .item:hover .bot .more span {
          color: #fff; }
        #product .prod-list .container .item:hover .bot .more i {
          background-image: url("../images/90.png"); }
      #product .prod-list .container .item.bg {
        background-size: cover;
        background-position: center center; }
  #product .prod-list .pages {
    margin: 75px 0 80px;
    justify-content: flex-end; }

#product .prod-detail-tops {
  width: 100%;
  margin: 30px 0; }
  #product .prod-detail-tops .container {
    display: flex;
    justify-content: space-between; }
    #product .prod-detail-tops .container .prod-thumb {
      width: 810px;
      display: inline-flex;
      justify-content: space-between; }
      #product .prod-detail-tops .container .prod-thumb .big {
        width: 656px;
        text-align: center;
        display: inline-block;
        height: 423px;
        border: 1px solid #d9d9d9;
        overflow: hidden; }
        #product .prod-detail-tops .container .prod-thumb .big img {
         
          height: 100%;
          transition: all 0.3s; }
        #product .prod-detail-tops .container .prod-thumb .big:hover img {
          transform: scale(1.1); }
      #product .prod-detail-tops .container .prod-thumb .small {
        width: 136px;
        height: 423px;
        overflow: hidden;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between; }
        #product .prod-detail-tops .container .prod-thumb .small .small-item {
          width: 136px;
          height: 88px;
          border: 1px solid #d9d9d9;
          cursor: pointer; }
          #product .prod-detail-tops .container .prod-thumb .small .small-item img {
            width: 100%;
            height: 100%; }
          #product .prod-detail-tops .container .prod-thumb .small .small-item:last-child {
            margin-bottom: 0; }
    #product .prod-detail-tops .container .content {
      width: calc(100% - 850px);
      height: 423px;
      display: inline-block;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      #product .prod-detail-tops .container .content::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #F5F5F5; }
      #product .prod-detail-tops .container .content::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #F5F5F5; }
      #product .prod-detail-tops .container .content::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ddd; }
      #product .prod-detail-tops .container .content .title {
        font-size: 24px;
        line-height: 24px; }
      #product .prod-detail-tops .container .content p {
        font-size: 16px;
        line-height: 36px; }
        #product .prod-detail-tops .container .content p.justify {
          text-align: justify; }

#product .prod-tab-content {
  width: 100%;
  margin-top: 50px; }
  #product .prod-tab-content .tabs {
    width: 100%;
    height: 45px; }
    #product .prod-tab-content .tabs a {
      display: inline-block;
      width: auto;
      height: 45px;
      padding: 0 30px;
      line-height: 45px;
      text-align: center;
      font-size: 18px;
      background-color: #f5f5f5;
      border-radius: 4px 4px 0 0;
      transition: all 0.3s;
      margin-right: 10px; }
      #product .prod-tab-content .tabs a.active, #product .prod-tab-content .tabs a:hover {
        background-color: #032a6e;
        color: #fff; }
  #product .prod-tab-content .contents {
    width: 100%; }
    #product .prod-tab-content .contents .content {
      width: 100%;
      border: 1px solid #d9d9d9;
      padding: 45px;
      display: none; }
      #product .prod-tab-content .contents .content img {
        max-width: 100%; }
      #product .prod-tab-content .contents .content table {
        max-width: 100%;
         }
        #product .prod-tab-content .contents .content table td {
          word-break: break-all; }
      #product .prod-tab-content .contents .content p {
        font-size: 14px;
        line-height: 30px; }

#product .prod-recommend.prod-list {
  margin-top: 40px;
  margin-bottom: 40px; }
  #product .prod-recommend.prod-list .container {
    display: block; }
    #product .prod-recommend.prod-list .container > .title {
      width: 100%;
      font-size: 24px;
      line-height: 24px; }
    #product .prod-recommend.prod-list .container .item {
      margin-left: 0; }
    #product .prod-recommend.prod-list .container .item:nth-of-type(5n+1) {
      margin-left: 0; }
    #product .prod-recommend.prod-list .container .item:nth-of-type(3n+1) {
      margin-left: 0; }
    #product .prod-recommend.prod-list .container .item:nth-of-type(2n+1) {
      margin-left: 0; }

#party .part-about {
  width: 100%;
  padding: 70px 0 0; }
  #party .part-about .about-text {
    width: 100%;
    margin-top: 50px;
    line-height: 36px;
    font-size: 16px; }
  #party .part-about .org {
    width: 100%;
    padding: 30px 20px;
    background-color: #f7f7f7;
    text-align: center;
    margin-top: 40px; }
    #party .part-about .org .img {
      width: auto;
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      #party .part-about .org .img::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #F5F5F5; }
      #party .part-about .org .img::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #F5F5F5; }
      #party .part-about .org .img::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ddd; }
      #party .part-about .org .img img {
        width: 100%;
        max-width: 914px; }

#party .garden-title {
  width: auto;
  position: relative;
  height: 58px; }
  #party .garden-title > span {
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    background-color: #cd091b;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  #party .garden-title p {
    display: inline-flex;
    height: 58px; }
    #party .garden-title p span {
      display: inline-block;
      float: left;
      height: 58px;
      border-radius: 29px 0 0 29px;
      background-color: #eee;
      line-height: 58px;
      padding-left: 64px;
      padding-right: 24px;
      font-size: 24px;
      white-space: nowrap; }
    #party .garden-title p i {
      display: inline-block;
      float: left;
      width: 41px;
      height: 58px;
      background-image: url("../images/95.png");
      background-size: auto 100%;
      background-repeat: no-repeat; }

#party .part-garden {
  width: 100%; }
  #party .part-garden .part-garden-1 {
    width: 100%;
    padding: 50px 0;
    background-color: #fff; }
    #party .part-garden .part-garden-1 .garden-title {
      margin-top: 45px; }
    #party .part-garden .part-garden-1 .items {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
      #party .part-garden .part-garden-1 .items .item {
        width: 31.5%;
        display: inline-block; }
        #party .part-garden .part-garden-1 .items .item .img {
          width: 100%;
          height: auto;
          overflow: hidden; }
          #party .part-garden .part-garden-1 .items .item .img img {
            width: 100%;
            height: auto;
            transition: all 0.3s; }
        #party .part-garden .part-garden-1 .items .item .bot {
          width: 100%;
          margin-top: 30px; }
          #party .part-garden .part-garden-1 .items .item .bot .title {
            width: 100%;
            height: 24px;
            line-height: 24px;
            border-left: 4px solid #032a6e;
            padding-left: 12px;
            font-size: 18px; }
          #party .part-garden .part-garden-1 .items .item .bot .desc {
            width: 100%;
            font-size: 14px;
            line-height: 28px;
            margin-top: 14px; }
        #party .part-garden .part-garden-1 .items .item:hover .img img {
          transform: scale(1.1); }
    #party .part-garden .part-garden-1 .readmore {
      margin: 70px auto 0;
      display: flex; }
  #party .part-garden .part-garden-2 {
    width: 100%;
    padding: 50px 0;
    background-color: #fafafa; }
    #party .part-garden .part-garden-2 .mains {
      width: 100%;
      margin-top: 30px;
      position: relative; }
      #party .part-garden .part-garden-2 .mains .left {
        display: inline-block;
        float: left;
        width: 47%; }
        #party .part-garden .part-garden-2 .mains .left .big {
          width: 100%;
          height: auto;
          overflow: hidden; }
          #party .part-garden .part-garden-2 .mains .left .big img {
            width: 100%;
            height: auto;
            transition: all 0.3s; }
          #party .part-garden .part-garden-2 .mains .left .big:hover img {
            transform: scale(1.1); }
        #party .part-garden .part-garden-2 .mains .left .bot {
          display: none;
          justify-content: space-between;
          margin-top: 30px; }
          #party .part-garden .part-garden-2 .mains .left .bot .img {
            width: 48%;
            height: auto;
            overflow: hidden; }
            #party .part-garden .part-garden-2 .mains .left .bot .img img {
              width: 100%;
              height: auto;
              transition: all 0.3s; }
            #party .part-garden .part-garden-2 .mains .left .bot .img:hover img {
              transform: scale(1.1); }
      #party .part-garden .part-garden-2 .mains .right {
        display: inline-block;
        float: right;
        width: 47.14%;
        padding: 30px 0; }
        #party .part-garden .part-garden-2 .mains .right .content {
          width: 100%;
          height: 350px;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch; }
          #party .part-garden .part-garden-2 .mains .right .content::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: #F5F5F5; }
          #party .part-garden .part-garden-2 .mains .right .content::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: #F5F5F5; }
          #party .part-garden .part-garden-2 .mains .right .content::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #ddd; }
          #party .part-garden .part-garden-2 .mains .right .content .title {
            width: 100%;
            height: 24px;
            line-height: 24px;
            border-left: 4px solid #032a6e;
            padding-left: 12px;
            font-size: 18px;
            margin-bottom: 10px; }
          #party .part-garden .part-garden-2 .mains .right .content p {
            padding-left: 16px; }
          #party .part-garden .part-garden-2 .mains .right .content .desc {
            width: 100%;
            font-size: 14px;
            line-height: 28px; }
        #party .part-garden .part-garden-2 .mains .right .readmore {
          position: absolute;
          left: 52.86%;
          bottom: 30px; }
  #party .part-garden .part-garden-3 {
    width: 100%;
    padding: 50px 0;
    background-color: #fff; }
    #party .part-garden .part-garden-3 .img {
      width: 100%;
      height: 502px;
      overflow: hidden;
      background-position: center center;
      background-size: cover;
      margin-top: 30px; }
    #party .part-garden .part-garden-3 .items {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 40px; }
      #party .part-garden .part-garden-3 .items .item {
        width: 31.5%;
        max-width: 350px;
        display: inline-block; }
        #party .part-garden .part-garden-3 .items .item .bot {
          width: 100%; }
          #party .part-garden .part-garden-3 .items .item .bot .title {
            width: 100%;
            height: 24px;
            line-height: 24px;
            border-left: 4px solid #032a6e;
            padding-left: 12px;
            font-size: 18px; }
          #party .part-garden .part-garden-3 .items .item .bot .desc {
            width: 100%;
            font-size: 14px;
            line-height: 28px;
            margin-top: 14px; }
    #party .part-garden .part-garden-3 .readmore {
      margin: 50px auto 0;
      display: flex; }

#party .part-study {
  width: 100%;
  padding: 50px 0;
  background-color: #fafafa; }
  #party .part-study .study-tab {
    width: 100%;
    text-align: center;
    margin-top: 15px; }
    #party .part-study .study-tab a {
      display: inline-block;
      font-size: 18px;
      height: 36px;
      line-height: 36px;
      border-bottom: 1px solid transparent;
      transition: all 0.3s; }
      #party .part-study .study-tab a:hover, #party .part-study .study-tab a.active {
        border-color: #032a6e;
        color: #032a6e; }
    #party .part-study .study-tab i {
      display: inline-block;
      width: 1px;
      height: 18px;
      background-color: #4c4c4c;
      margin: 0 30px; }
  #party .part-study .study-items {
    width: 100%;
    margin-top: 50px; }
    #party .part-study .study-items .study-item {
      display: none;
      width: 100%;
      justify-content: space-between; }
      #party .part-study .study-items .study-item .item {
        width: 32%;
        display: inline-block;
        float: left;
        margin-left: 2%; }
        #party .part-study .study-items .study-item .item .img {
          width: 100%;
          height: auto;
          overflow: hidden;
          position: relative; }
          #party .part-study .study-items .study-item .item .img img {
            width: 100%;
            height: auto;
            transition: all 0.3s; }
          #party .part-study .study-items .study-item .item .img i.masks {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            transition: all 0.3s; }
          #party .part-study .study-items .study-item .item .img:hover img {
            transform: scale(1.1); }
          #party .part-study .study-items .study-item .item .img:hover i.masks {
            background-color: rgba(205, 9, 27, 0.2); }
        #party .part-study .study-items .study-item .item .text {
          width: 100%;
          text-align: center;
          margin-top: 15px;
          font-size: 18px; }
        #party .part-study .study-items .study-item .item:first-child {
          margin-left: 0; }

#party .part-person {
  width: 100%;
  padding: 50px 0;
  background-color: #fff; }
  #party .part-person .swiper {
    width: 100%; }
    #party .part-person .swiper .swiper-container {
      padding: 0 10px; }
    #party .part-person .swiper .swiper-slide {
      width: 21%;
      padding: 12px;
      border-bottom: 1px solid #e0e0e0;
      transition: all 0.3s;
      margin-top: 10px;
      margin-bottom: 10px; }
      #party .part-person .swiper .swiper-slide .img {
        width: 100%;
        height: auto;
        overflow: hidden; }
        #party .part-person .swiper .swiper-slide .img img {
          width: 100%;
          height: auto;
          transition: all 0.3s; }
      #party .part-person .swiper .swiper-slide .title {
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        margin-top: 20px; }
      #party .part-person .swiper .swiper-slide a {
        display: block;
        margin-top: 20px;
        font-size: 14px; }
      #party .part-person .swiper .swiper-slide:hover {
        box-shadow: 0 4px 10px #ccc;
        border-color: transparent;
        background-color: #fcfcfc; }
        #party .part-person .swiper .swiper-slide:hover .img img {
          transform: scale(1.1); }
    #party .part-person .swiper .readmore {
      display: flex;
      margin: 50px auto 0; }

#party .single-page {
  width: 100%;
  padding: 50px 0; }
  #party .single-page .title {
    width: 100%;
    padding: 0 45px;
    text-align: center;
    font-size: 24px;
    line-height: 36px; }
  #party .single-page .item-block {
    width: 100%;
    margin-top: 50px; }
    #party .single-page .item-block .label {
      width: 100%;
      padding: 0 16px;
      border-left: 4px solid #032a6e;
      font-size: 18px;
      margin-bottom: 24px; }
    #party .single-page .item-block .texts {
      width: 100%;
      font-size: 16px;
      line-height: 36px; }
    #party .single-page .item-block .imgs {
      width: 100%;
      margin-top: 24px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #party .single-page .item-block .imgs .text {
        width: 100%;
        margin-top: 6px;
        font-size: 14px;
        line-height: 24px;
        text-align: center; }
      #party .single-page .item-block .imgs.imgs-2 .img {
        width: 49%;
        height: auto;
        margin-bottom: 20px; }
        #party .single-page .item-block .imgs.imgs-2 .img img {
          width: 100%;
          height: auto; }
      #party .single-page .item-block .imgs.imgs-3 .img {
        width: 32.44%;
        height: auto; }
        #party .single-page .item-block .imgs.imgs-3 .img img {
          width: 100%;
          height: auto; }
      #party .single-page .item-block .imgs.imgs-4 .img {
        width: 24%;
        height: auto; }
        #party .single-page .item-block .imgs.imgs-4 .img img {
          width: 100%;
          height: auto; }
      #party .single-page .item-block .imgs.imgs-6 .img {
        width: 32.44%;
        height: auto;
        margin-bottom: 15px; }
        #party .single-page .item-block .imgs.imgs-6 .img img {
          width: 100%;
          height: auto; }

@media screen and (max-width: 1440px) {
  #index .container {
    width: 92%; }
  #index .index-banner {
    height: auto; }
  #index .index-about {
    width: 100%;
    background-color: #fff;
    padding: 48px 0; }
    #index .index-about .container > .left {
      width: 46%;
      display: inline-block;
      float: left; }
      #index .index-about .container > .left .logo {
        width: 100%;
        height: auto; }
        #index .index-about .container > .left .logo img {
          width: auto;
          max-width: 80%;
          height: auto; }
      #index .index-about .container > .left .en {
        width: 185px;
        clear: both;
        margin-top: 18px; }
        #index .index-about .container > .left .en img {
          width: 100%;
          height: auto; }
      #index .index-about .container > .left .cn {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 15px;
        font-family: "PingFang", "PingFang SC", "syhtM";
        font-weight: 700px;
        white-space: nowrap; }
        #index .index-about .container > .left .cn span {
          display: inline-block;
          font-size: 32px;
          height: 32px;
          line-height: 32px;
          color: #333; }
        #index .index-about .container > .left .cn i {
          display: inline-block;
          width: 76px;
          height: 1px;
          background-color: #032a6e;
          margin-left: 20px; }
      #index .index-about .container > .left .numbers {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        #index .index-about .container > .left .numbers .item {
          width: 25%; }
          #index .index-about .container > .left .numbers .item .top-small {
            width: auto;
            white-space: nowrap;
            font-size: 16px;
            height: 16px;
            line-height: 16px;
            color: #C60000;
            clear: both; }
          #index .index-about .container > .left .numbers .item .bot-text {
            height: 56px;
            margin-top: 10px;
            white-space: nowrap; }
            #index .index-about .container > .left .numbers .item .bot-text span {
              display: inline-block;
              color: #032a6e; }
            #index .index-about .container > .left .numbers .item .bot-text .num {
              font-size: 54px;
              height: 54px;
              line-height: 54px;
              font-family: 'impact'; }
            #index .index-about .container > .left .numbers .item .bot-text .plus {
              font-size: 54px;
              height: 54px;
              line-height: 54px;
              font-family: 'impact'; }
            #index .index-about .container > .left .numbers .item .bot-text .small {
              height: 19px; }
        #index .index-about .container > .left .numbers .item:last-child {
          width: 20%; }
      #index .index-about .container > .left .content {
        width: 100%;
        text-align: justify;
        font-size: 14px;
        line-height: 30px;
        color: #4c4c4c;
        margin-top: 25px; }
        #index .index-about .container > .left .content img {
          max-width: 100%; }
      #index .index-about .container > .left .readmore {
     }
    #index .index-about .container > .right {
      width: 45%;
      display: inline-block;
      float: right;
      position: relative; }
      #index .index-about .container > .right .bg {
        width: 95.23%;
        height: 338px;
        background-image: url("../images/13.png");
        position: absolute;
        top: 34px;
        right: 0;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover; }
      #index .index-about .container > .right .img {
        width: 95.23%;
        height: 398px;
        background-position: center center;
        background-size: cover;
        position: relative;
        z-index: 2; }
        #index .index-about .container > .right .img i {
          width: 92px;
          height: 90px;
          display: block;
          background-image: url("../images/12.png");
          background-size: 100% 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          cursor: pointer;
          z-index: 3; }
  #index .index-prod {
    width: 100%;
    background-color: #f7f7f7;
    padding: 50px 0 40px; }
    #index .index-prod .container .prod-tabs {
      width: 100%;
      overflow: auto;
      margin-top: 45px; }
      #index .index-prod .container .prod-tabs .items a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        border-bottom: 3px solid #f7f7f7;
        font-size: 16px;
        color: #4c4c4c;
        transition: all 0.3s;
        font-family: "PingFang", "PingFang SC", "syhtM"; }
      #index .index-prod .container .prod-tabs .items a.active, #index .index-prod .container .prod-tabs .items a:hover {
        border-color: #032a6e; }
      #index .index-prod .container .prod-tabs .items i {
        display: inline-block;
        width: 1px;
        height: 16px;
        background-color: #4c4c4c;
        margin: 0 30px; }
    #index .index-prod .prod-swiper {
      margin-left: auto;
      margin-right: auto; }
      #index .index-prod .prod-swiper .swiper-main {
        width: 74.28%; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .prod-img .hot {
          width: 60px;
          height: 60px; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .text {
          font-size: 16px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets {
          width: 100%;
          text-align: center;
          position: relative;
          margin-top: 10px; }
          #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 7px; }
          #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets .swiper-pagination-bullet-active {
            background-color: #032a6e; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-prev {
          width: 300px;
          height: 300px;
          top: 23%;
          margin-left: 80px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-next {
          width: 300px;
          height: 300px;
          top: 23%;
          margin-right: 80px; }
  #index .index-news .container .readmore {
    margin: 50px auto 0; }
  #contact .list-map {
    width: 100%;
    position: relative; }
    #contact .list-map .sub-tab {
      margin: 50px auto; }
      #contact .list-map .sub-tab .items {
        justify-content: center; }
    #contact .list-map .mains {
      width: 100%;
      padding-left: 2%;
      display: flex;
      flex-directio: column-reverse;
      flex: 1; }
      #contact .list-map .mains .list {
        max-width: 685px;
        display: inline-block;
        margin-right: 15px; }
        #contact .list-map .mains .list .item {
          width: 100%;
          border-top: 1px solid #dedede;
          padding: 20px 0; }
          #contact .list-map .mains .list .item:last-child {
            border-bottom: 1px solid #dedede; }
          #contact .list-map .mains .list .item .title {
            width: 100%;
            display: flex; }
            #contact .list-map .mains .list .item .title img {
              display: inline-block;
              width: 14px;
              height: 20px; }
            #contact .list-map .mains .list .item .title span {
              display: inline-block;
              font-size: 16px;
              margin-left: 10px; }
          #contact .list-map .mains .list .item .ps {
            width: 100%;
            display: flex;
            flex-wrap: wrap; }
            #contact .list-map .mains .list .item .ps .addr {
              width: 100%;
              margin-top: 10px;
              margin-left: 23px; }
            #contact .list-map .mains .list .item .ps .half {
              width: calc(50% - 23px);
              margin-left: 23px;
              margin-top: 10px; }
      #contact .list-map .mains .map {
        display: inline-block;
        float: right;
        width: calc((100% - 1400px)/2 + 50%); }
        #contact .list-map .mains .map #allmap {
          width: 100%;
          height: 100%; }
  #contact .network .mains .map {
    width: 100%;
    height: auto; }
    #contact .network .mains .map #container {
      width: 100%;
      height: 100% !important;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
      #contact .network .mains .map #container > div {
        width: 100% !important;
        height: 100% !important; }
  #about .culture .swiper .swiper-slide .desc {
    line-height: 30px; }
  #about .culture .swiper .swiper-prev {
    left: -20px; }
  #about .culture .swiper .swiper-next {
    right: -20px; }
  #about .develop {
    padding: 100px 0 90px; }
    #about .develop .swipers {
      margin-top: 90px; }
      #about .develop .swipers .swiper-item .swiper-slide {
        width: 23.28%;
        padding: 26px 30px; }
        #about .develop .swipers .swiper-item .swiper-slide .tops {
          width: 120px;
          height: 70px; }
          #about .develop .swipers .swiper-item .swiper-slide .tops i {
            width: 110px;
            height: 60px; }
          #about .develop .swipers .swiper-item .swiper-slide .tops span {
            width: 110px;
            height: 60px;
            line-height: 58px;
            font-size: 24px;
            top: 5px;
            left: 5px; }
        #about .develop .swipers .swiper-item .swiper-slide .content {
          height: 260px;
          margin-top: 30px; }
        #about .develop .swipers .swiper-item .swiper-slide:hover .tops .t {
          top: 5px;
          right: 5px; }
        #about .develop .swipers .swiper-item .swiper-slide:hover .tops .b {
          bottom: 5px;
          left: 5px; }
      #about .develop .swipers .swiper-prev, #about .develop .swipers .swiper-next {
        width: 24px;
        height: 46px;
        top: 50%;
        margin-top: -23px; }
      #about .develop .swipers .swiper-prev {
        left: 0; }
      #about .develop .swipers .swiper-next {
        right: 0; }
  #product .inner-swiper {
    height: 360px; }
    #product .inner-swiper .swiper-slide {
      height: 360px; }
  #product .prod-items {
    margin-top: 20px; }
    #product .prod-items .item {
      padding: 45px 60px;
      margin-bottom: 50px; }
      #product .prod-items .item .texts {
        width: 380px;
        left: 45px;
        top: 50%;
        transform: translateY(-50%); }
        #product .prod-items .item .texts .title {
          font-size: 30px;
          line-height: 30px; }
        #product .prod-items .item .texts .desc {
          font-size: 14px;
          line-height: 36px;
          margin-top: 30px; }
        #product .prod-items .item .texts .more {
          height: 60px;
          margin-top: 60px; }
          #product .prod-items .item .texts .more .cir {
            width: 60px;
            height: 60px;
            line-height: 60px; }
          #product .prod-items .item .texts .more .text {
            width: 60px;
            height: 60px;
            border-radius: 30px;
            line-height: 60px;
            font-size: 14px; }
          #product .prod-items .item .texts .more:hover .text {
            width: 187px;
            padding-left: 10px; }
      #product .prod-items .item .img {
        width: 50%; }
      #product .prod-items .item .bg {
        width: 100%;
        height: 65%; }
        #product .prod-items .item .bg img {
          width: 275px; }
      #product .prod-items .item:hover .texts .desc, #product .prod-items .item.active .texts .desc {
        margin-top: 45px; }
      #product .prod-items .item:hover .texts .more, #product .prod-items .item.active .texts .more {
        margin-top: 120px; }
  #product .prod-detail-tops {
    margin: 30px 0; }
    #product .prod-detail-tops .container .prod-thumb {
      width: 600px; }
      #product .prod-detail-tops .container .prod-thumb .big {
        width: 500px;
        height: 320px; }
      #product .prod-detail-tops .container .prod-thumb .small {
        width: 90px;
        height: 320px; }
        #product .prod-detail-tops .container .prod-thumb .small .small-item {
          width: 100%;
          height: 58px; }
    #product .prod-detail-tops .container .content {
      width: calc(100% - 640px);
      height: 320px; }
      #product .prod-detail-tops .container .content .title {
        font-size: 24px;
        line-height: 24px; }
      #product .prod-detail-tops .container .content p {
        font-size: 16px;
        line-height: 36px; } }

        @media (max-width: 1366px) and (min-width: 1024px){

    div#column_1487299187929{
      display: block;
    }
.col-md-2 {
    width: 22.666667%;
}
        }

@media screen and (max-width: 1200px) {
  #index .index-about .container > .left .numbers .item .bot-text .num {
    font-size: 48px; }
  #index .index-about .container > .left .numbers .item .bot-text .plus {
    font-size: 30px; }
  #index .index-prod {
    width: 100%;
    background-color: #f7f7f7;
    padding: 50px 0 40px; }
    #index .index-prod .prod-swiper {
      margin-left: auto;
      margin-right: auto; }
      #index .index-prod .prod-swiper .swiper-main {
        width: 80%; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-prev {
          width: 300px;
          height: 300px;
          top: 21%;
          margin-left: 60px;
          background-size: 20px 30px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-next {
          width: 300px;
          height: 300px;
          top: 21%;
          margin-right: 60px;
          background-size: 20px 30px; }
  #index .index-news .container .readmore {
    margin: 50px auto 0; }
  #partner .base .table table th {
    width: 220px;
    padding-left: 40px; }
  #partner .base .table table td {
    padding: 10px 30px 10px 40px; }
  #contact .list-map {
    width: 100%;
    position: relative; }
    #contact .list-map .sub-tab {
      margin: 50px auto; }
      #contact .list-map .sub-tab .items {
        justify-content: center; }
    #contact .list-map .mains {
      width: 100%;
      padding-left: 2%;
      display: flex;
      flex-directio: column-reverse;
      flex: 1; }
      #contact .list-map .mains .list {
        max-width: 400px;
        display: inline-block;
        margin-right: 15px; }
        #contact .list-map .mains .list .item {
          width: 100%;
          border-top: 1px solid #dedede;
          padding: 20px 0; }
          #contact .list-map .mains .list .item:last-child {
            border-bottom: 1px solid #dedede; }
          #contact .list-map .mains .list .item .title {
            width: 100%;
            display: flex; }
            #contact .list-map .mains .list .item .title img {
              display: inline-block;
              width: 14px;
              height: 20px; }
            #contact .list-map .mains .list .item .title span {
              display: inline-block;
              font-size: 16px;
              margin-left: 10px; }
          #contact .list-map .mains .list .item .ps {
            width: 100%;
            display: flex;
            flex-wrap: wrap; }
            #contact .list-map .mains .list .item .ps .addr {
              width: 100%;
              margin-top: 10px;
              margin-left: 23px; }
            #contact .list-map .mains .list .item .ps .half {
              width: 100%;
              margin-left: 23px;
              margin-top: 10px; }
      #contact .list-map .mains .map {
        display: inline-block;
        float: right;
        width: calc(100% - 400px); }
        #contact .list-map .mains .map #allmap {
          width: 100%;
          height: 100%; }
  #about .culture .swiper .swiper-slide {
    height: 330px; }
    #about .culture .swiper .swiper-slide .desc {
      height: 180px;
      line-height: 30px; }
  #about .culture .swiper .swiper-prev, #about .culture .swiper .swiper-next {
    width: 24px; }
  #about .culture .swiper .swiper-prev {
    left: -15px; }
  #about .culture .swiper .swiper-next {
    right: -15px; }
  #about .develop {
    padding: 60px 0 60px; }
    #about .develop .swipers {
      margin-top: 50px; }
      #about .develop .swipers .swiper-item .swiper-slide {
        width: auto;
        padding: 26px 30px; }
        #about .develop .swipers .swiper-item .swiper-slide .content {
          height: 260px;
          margin-top: 30px; }
      #about .develop .swipers .swiper-prev, #about .develop .swipers .swiper-next {
        width: 24px;
        height: 46px;
        top: 50%;
        margin-top: -23px; }
  #product .prod-items {
    margin-top: 20px; }
    #product .prod-items .item {
      padding: 45px 60px;
      margin-bottom: 50px; }
      #product .prod-items .item .texts {
        width: 380px;
        left: 45px;
        top: 50%;
        transform: translateY(-50%); }
        #product .prod-items .item .texts .title {
          font-size: 30px;
          line-height: 30px; }
        #product .prod-items .item .texts .desc {
          font-size: 14px;
          line-height: 36px;
          margin-top: 30px; }
        #product .prod-items .item .texts .more {
          height: 60px;
          margin-top: 60px; }
          #product .prod-items .item .texts .more .cir {
            width: 60px;
            height: 60px;
            line-height: 60px; }
          #product .prod-items .item .texts .more .text {
            width: 60px;
            height: 60px;
            border-radius: 30px;
            line-height: 60px;
            font-size: 14px; }
          #product .prod-items .item .texts .more:hover .text {
            width: 187px;
            padding-left: 10px; }
      #product .prod-items .item .img {
        width: 50%; }
      #product .prod-items .item .bg {
        width: 100%;
        height: 75%; }
        #product .prod-items .item .bg img {
          width: 275px; }
      #product .prod-items .item:hover .texts .desc, #product .prod-items .item.active .texts .desc {
        margin-top: 45px; }
      #product .prod-items .item:hover .texts .more, #product .prod-items .item.active .texts .more {
        margin-top: 120px; } }

@media screen and (max-width: 1024px) {

div#column_1487299187929{

}



  #index .index-about .container > .right{
   width: 100%;
    margin-top: 30px;
    display: flex;
  }
  #index .index-banner {
    width: 100%;
    height: auto; }
    #index .index-banner .swiper-container .swiper-pagination {
      bottom: 30px;
      transform: translateX(-300px); }
      #index .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 40px; }
    #index .index-banner .slide-1 .bg {
      background-size: cover; }
    #index .index-banner .slide-1 .text1 {
      top: 45px;
      right: 155px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text1 img {
        width: 200px;
        height: auto; }
    #index .index-banner .slide-1 .text2 {
      top: 75px;
      right: 35px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text2 img {
        width: 300px;
        height: auto; }
    #index .index-banner .slide-1 .text3 {
      top: 90px;
      right: 26px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text3 img {
        width: 300px;
        height: auto; }
  #index .index-about {
    width: 100%;
    background-color: #fff;
    padding: 50px 0; }
    #index .index-about .container > .left {
      width: 100%; }
      #index .index-about .container > .left .numbers .item .bot-text .num {
        font-family: "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "黑体", "宋体", sans-serif; }
      #index .index-about .container > .left .numbers .item .bot-text .plus {
        font-family: "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "黑体", "宋体", sans-serif; }
      #index .index-about .container > .left .readmore {
        margin-top: 20px; }
    #index .index-about .container > .right {
      width: 100%;
      margin-top: 30px; }
      #index .index-about .container > .right .bg {
        width: 92%; }
      #index .index-about .container > .right .img {
        width: 92%;
        padding: 20px; }
  #index .index-prod {
    padding: 50px 0 40px; }
  #index .index-news {
    padding: 50px 0 40px; }
    #index .index-news .container .news-list {
      margin-top: 40px; }
      #index .index-news .container .news-list li {
        width: 50%; 
        padding: 20px;
      }
        #index .index-news .container .news-list li .bots {
          margin-top: 30px; }
          #index .index-news .container .news-list li .bots .line {
            width: 30px;
            margin-left: -20px; }
          #index .index-news .container .news-list li .bots .right {
            width: calc(100% - 20px); }
            #index .index-news .container .news-list li .bots .right .date {
              height: 14px;
              line-height: 14px;
              font-size: 14px; }
            #index .index-news .container .news-list li .bots .right .title {
              height: 18px;
              line-height: 18px;
              font-size: 18px;
              margin-top: 14px; }
            #index .index-news .container .news-list li .bots .right .desc {
              line-height: 26px;
              font-size: 14px;
              margin-top: 14px; }
      #index .index-news .container .news-list li:hover .bots .line {
        width: 43px; }
      #index .index-news .container .news-list li:hover .bots .right {
        margin-right: -10px; }
    #index .index-news .container .readmore {
      margin: 50px auto 0; }
  #partner .article .mains {
    width: 100%; }
    #partner .article .mains .left-list {
      display: inline-block;
      float: left;
      width: calc(100% - 340px); }
    #partner .article .mains .article-list {
      width: 100%; }
      #partner .article .mains .article-list li {
        width: 100%;
        padding: 14px 0;
        border-bottom: 1px dashed #d4d4d4; }
        #partner .article .mains .article-list li a {
          display: flex;
          width: 100%;
          height: auto;
          align-items: center; }
          #partner .article .mains .article-list li a:hover .date {
            color: #032a6e; }
          #partner .article .mains .article-list li a:hover i {
            background-image: url("../images/46.png"); }
          #partner .article .mains .article-list li a:hover .link {
            color: #032a6e; }
        #partner .article .mains .article-list li .date {
          width: 60px;
          display: inline-block;
          float: left;
          text-align: center;
          font-family: 'Arial';
          color: #999;
          transition: all 0.3s; }
          #partner .article .mains .article-list li .date .big {
            width: 100%;
            font-size: 28px;
            line-height: 28px;
            font-weight: bold; }
          #partner .article .mains .article-list li .date .small {
            width: 100%;
            font-size: 14px;
            line-height: 14px;
            margin-top: 4px; }
        #partner .article .mains .article-list li .title {
          width: calc(100% - 214px);
          font-size: 16px;
          margin-left: 40px; }
        #partner .article .mains .article-list li i {
          display: inline-block;
          width: 24px;
          height: 15px;
          display: inline-block;
          background-image: url("../images/45.png");
          background-size: 100% 100%;
          transition: all 0.3s; }
        #partner .article .mains .article-list li .link {
          display: inline-block;
          width: 90px;
          text-align: right;
          font-size: 14px;
          color: #666; }
    #partner .article .mains .inquiry-content {
      display: inline-block;
      float: right;
      width: 300px;
      background-color: #f7f7f7;
      padding: 25px; }
      #partner .article .mains .inquiry-content .title {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        color: #4c4c4c;
        line-height: 24px;
        margin-bottom: 24px; }
      #partner .article .mains .inquiry-content .img {
        width: 100%;
        height: auto; }
        #partner .article .mains .inquiry-content .img img {
          width: 100%;
          height: auto; }
      #partner .article .mains .inquiry-content .desc {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
        line-height: 30px; }
      #partner .article .mains .inquiry-content .line {
        width: 100%;
        margin-top: 20px;
        display: flex; }
        #partner .article .mains .inquiry-content .line .label {
          display: inline-block;
          white-space: nowrap;
          font-size: 16px;
          font-weight: bold; }
        #partner .article .mains .inquiry-content .line .text {
          display: inline-block;
          font-size: 16px;
          white-space: normal;
          word-break: break-all; }
  #partner .article .pages {
    margin: 50px auto; }
  #partner .feedback .mains {
    width: 100%;
    padding: 10px 0 50px;
    display: block; }
    #partner .feedback .mains::before, #partner .feedback .mains::after {
      display: block; }
    #partner .feedback .mains > .left {
      width: 100%;
      display: inline-block;
      float: left;
      overflow: hidden;
      background-position: center center;
      background-size: cover; }
      #partner .feedback .mains > .left img {
        width: 100%;
        height: auto;
        opacity: 0;
        display: block; }
    #partner .feedback .mains > .right {
      display: inline-block;
      float: right;
      width: 100%;
      padding: 40px 0 0; }
      #partner .feedback .mains > .right .title {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        line-height: 24px; }
      #partner .feedback .mains > .right .desc {
        width: 100%;
        margin-top: 20px;
        font-size: 16px;
        line-height: 36px; }
      #partner .feedback .mains > .right .contact {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px; }
        #partner .feedback .mains > .right .contact .left {
          display: inline-block; }
          #partner .feedback .mains > .right .contact .left .line {
            width: auto;
            white-space: nowrap;
            display: flex;
            margin-top: 20px; }
            #partner .feedback .mains > .right .contact .left .line .label {
              font-size: 16px;
              font-weight: bold; }
            #partner .feedback .mains > .right .contact .left .line .text {
              display: inline-block;
              font-size: 16px; }
            #partner .feedback .mains > .right .contact .left .line:first-child {
              margin-top: 0; }
        #partner .feedback .mains > .right .contact i {
          display: inline-block;
          width: 1px;
          height: 92px;
          background-color: #ccc; }
        #partner .feedback .mains > .right .contact .right {
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          #partner .feedback .mains > .right .contact .right .img {
            width: 135px;
            height: 138px; }
            #partner .feedback .mains > .right .contact .right .img img {
              width: 100%;
              height: 100%; }
          #partner .feedback .mains > .right .contact .right .items a {
            display: block;
            clear: both;
            font-size: 14px;
            transition: all 0.3s;
            margin-top: 10px; }
            #partner .feedback .mains > .right .contact .right .items a:hover {
              color: #032a6e; }
  #news .news .mains .hot .swiper-slide {
    height: 300px; }
    #news .news .mains .hot .swiper-slide .img {
      width: 400px; }
    #news .news .mains .hot .swiper-slide .texts {
      width: calc(100% - 400px);
      padding: 40px 30px; }
      #news .news .mains .hot .swiper-slide .texts .date {
        margin-top: 20px; }
      #news .news .mains .hot .swiper-slide .texts .more {
        margin-top: 70px; }
  #news .news .mains .standard-list .item {
    padding: 30px 50px 30px 0; }
    #news .news .mains .standard-list .item .date {
      width: 60px; }
      #news .news .mains .standard-list .item .date .big {
        font-size: 30px;
        line-height: 30px; }
      #news .news .mains .standard-list .item .date .small {
        font-size: 16px;
        line-height: 16px; }
    #news .news .mains .standard-list .item .texts {
      width: calc(100% - 90px);
      margin-left: 30px;
      margin-left: 30px; }
      #news .news .mains .standard-list .item .texts .title {
        font-size: 18px;
        line-height: 18px; }
      #news .news .mains .standard-list .item .texts .desc {
        font-size: 14px;
        line-height: 28px;
        margin-top: 10px; }
      #news .news .mains .standard-list .item .texts .more {
        width: 120px;
        height: 30px;
        border-radius: 15px;
        line-height: 28px;
        font-size: 14px;
        margin-top: 20px; }
    #news .news .mains .standard-list .item:hover {
      padding-left: 30px; }
  #about .about {
    padding: 50px 0 50px; }
    #about .about .container {
      display: block; }
    #about .about .left {
      width: 50%;
      display: inline-block; }
      #about .about .left .img {
        display: none; }
      #about .about .left .texts {
        width: 100%;
        height: 100%;
        display: inline-block;
        float: right;
        padding-top: 50px; }
        #about .about .left .texts .title {
          width: 100%;
          font-size: 24px;
          line-height: 36px; }
        #about .about .left .texts .content {
          width: 100%;
          height: 400px;
          margin-top: 30px; }
    #about .about .right {
      width: 46%; }
      #about .about .right img {
        opacity: 0;
        height: 537px; }
  #about .culture {
    padding: 60px 0; }
    #about .culture .swiper .swiper-slide {
      padding: 30px 15px 20px;
      height: 300px; }
      #about .culture .swiper .swiper-slide .desc {
        margin-top: 20px;
        height: 180px;
        line-height: 30px; }
  #about .honor {
    padding: 45px 0 20px; }
    #about .honor .items {
      margin-top: 40px; }
      #about .honor .items .item {
        width: calc(25% - 4px);
        height: 160px;
        margin-bottom: 30px; }
        #about .honor .items .item .img {
          width: 80px;
          height: 50px; }
        #about .honor .items .item .text {
          width: 100%;
          padding: 0 20px;
          margin-top: 45px;
          font-size: 14px; }
  #product .inner-swiper {
    height: 280px; }
    #product .inner-swiper .swiper-slide {
      height: 280px; }
  #product .prod-items {
    margin-top: 20px; }
    #product .prod-items .item {
      padding: 45px 60px;
      margin-bottom: 50px; }
      #product .prod-items .item .texts {
        width: 40%;
        left: 45px;
        top: 50%;
        transform: translateY(-50%); }
        #product .prod-items .item .texts .title {
          font-size: 24px;
          line-height: 24px; }
        #product .prod-items .item .texts .desc {
          font-size: 14px;
          line-height: 30px;
          margin-top: 18px; }
        #product .prod-items .item .texts .more {
          height: 40px;
          margin-top: 40px; }
          #product .prod-items .item .texts .more .cir {
            width: 40px;
            height: 40px;
            line-height: 40px; }
          #product .prod-items .item .texts .more .text {
            width: 80px;
            width: 40px;
            height: 40px;
            border-radius: 20px;
            line-height: 40px;
            font-size: 14px; }
          #product .prod-items .item .texts .more:hover .text {
            width: 150px;
            padding-left: 10px; }
      #product .prod-items .item .img {
        width: 50%; }
      #product .prod-items .item .bg {
        width: 100%;
        height: 75%; }
        #product .prod-items .item .bg img {
          width: 275px; }
      #product .prod-items .item:hover .texts .desc, #product .prod-items .item.active .texts .desc {
        margin-top: 30px; }
      #product .prod-items .item:hover .texts .more, #product .prod-items .item.active .texts .more {
        margin-top: 60px; }
  #product .prod-detail-tops {
    margin: 30px 0; }
    #product .prod-detail-tops .container .prod-thumb {
      width: 370px; }
      #product .prod-detail-tops .container .prod-thumb .big {
        width: 300px;
        height: 193px; }
      #product .prod-detail-tops .container .prod-thumb .small {
        width: 60px;
        height: 193px; }
        #product .prod-detail-tops .container .prod-thumb .small .small-item {
          width: 100%;
          height: 39px; }
    #product .prod-detail-tops .container .content {
      width: calc(100% - 400px);
      height: 193px; }
      #product .prod-detail-tops .container .content .title {
        font-size: 18px;
        line-height: 18px; }
      #product .prod-detail-tops .container .content p {
        font-size: 14px;
        line-height: 24px; } }

@media screen and (max-width: 768px) {
  .sub-tab {
    margin: 40px auto !important; }
  #index .index-banner {
    width: 100%;
    height: auto; }
    #index .index-banner .swiper-container .swiper-pagination {
      bottom: 20px;
      transform: translateX(-200px); }
      #index .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 30px; }
    #index .index-banner .slide-1 .bg {
      background-size: cover; }
    #index .index-banner .slide-1 .text1 {
      top: 45px;
      left: 65px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text1 img {
        width: 120px;
        height: auto; }
    #index .index-banner .slide-1 .text2 {
      top: 65px;
      left: 85px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text2 img {
        width: 210px;
        height: auto; }
    #index .index-banner .slide-1 .text3 {
      top: 75px;
      left: 96px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text3 img {
        width: 240px;
        height: auto; }
  #index .index-about {
    width: 100%;
    background-color: #fff;
    padding: 30px 0 50px; }
    #index .index-about .container > .left {
      width: 100%; }
      #index .index-about .container > .left .en img {
        width: auto;
        height: 20px; }
      #index .index-about .container > .left .cn span {
        font-size: 24px;
        height: 24px;
        line-height: 24px; }
      #index .index-about .container > .left .numbers .item .bot-text {
        height: 34px; }
        #index .index-about .container > .left .numbers .item .bot-text .num {
          font-size: 32px;
          line-height: 32px;
          height: 32px; }
        #index .index-about .container > .left .numbers .item .bot-text .plus {
          font-size: 32px;
          line-height: 32px;
          height: 32px; }
      #index .index-about .container > .left .readmore {
        margin-top: 20px;
        width: 140px;
        height: 48px; }
        #index .index-about .container > .left .readmore .arrow {
          width: 40px; }
    #index .index-about .container > .right {
      width: 100%;
      margin-top: 30px; }
      #index .index-about .container > .right .bg {
        width: 92%; }
      #index .index-about .container > .right .img {
        width: 92%; }
  #index .index-prod {
    width: 100%;
    background-color: #f7f7f7;
    padding: 30px 0 20px; }
    #index .index-prod .container .prod-tabs {
      overflow: auto;
      margin-top: 30px; }
      #index .index-prod .container .prod-tabs .items {
        flex-wrap: nowrap;
        justify-content: flex-start; }
        #index .index-prod .container .prod-tabs .items a {
          height: 30px;
          line-height: 30px;
          font-size: 16px; }
    #index .index-prod .prod-swiper {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px; }
      #index .index-prod .prod-swiper .swiper-main {
        width: 80%; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .prod-img .hot {
          width: 40px;
          height: 40px; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .text {
          font-size: 14px;
          bottom: 6%; }
        #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide {
          width: 100%; }
          #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide p {
            font-size: 14px; }
          #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide .hot {
            width: 24px;
            height: 24px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets {
          height: 8px;
          line-height: 8px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-prev {
          width: 200px;
          height: 200px;
          top: 24%;
          margin-left: 44px;
          background-size: 20px 30px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-next {
          width: 200px;
          height: 200px;
          top: 24%;
          margin-right: 44px;
          background-size: 20px 30px; }
  #index .index-news {
    padding: 30px 0 20px; }
    #index .index-news .container .news-list {
      }
      #index .index-news .container .news-list li {
        width: 50%; }
        #index .index-news .container .news-list li .bots {
          margin-top: 20px; }
          #index .index-news .container .news-list li .bots .line {
            width: 30px;
            margin-left: -20px; }
          #index .index-news .container .news-list li .bots .right {
            width: calc(100% - 20px); }
            #index .index-news .container .news-list li .bots .right .date {
              height: 12px;
              line-height: 12px;
              font-size: 12px; }
            #index .index-news .container .news-list li .bots .right .title {
              height: 16px;
              line-height: 16px;
              font-size: 16px;
              margin-top: 14px; }
            #index .index-news .container .news-list li .bots .right .desc {
              line-height: 24px;
              font-size: 14px;
              margin-top: 14px; }
      #index .index-news .container .news-list li:hover .bots .line {
        width: 43px; }
      #index .index-news .container .news-list li:hover .bots .right {
        margin-right: -10px; }
    #index .index-news .container .readmore {
      margin: 50px auto 0; }
  #partner .sub-tab {
    justify-content: flex-start; }
  #partner .base .table table th {
    width: 200px;
    padding-left: 20px; }
  #partner .base .table table td {
    padding: 10px 20px 10px 20px; }
  #partner .quote {
    margin-bottom: 60px; }
    #partner .quote .quote-image {
      flex-wrap: wrap; }
      #partner .quote .quote-image .item {
        width: 100%; }
      #partner .quote .quote-image .title {
        margin-top: 50px; }
      #partner .quote .quote-image .img {
        margin-top: 20px; }
        #partner .quote .quote-image .img img {
          width: 100%; }
  #partner .article {
    padding-bottom: 30px; }
    #partner .article .mains {
      width: 100%; }
      #partner .article .mains .left-list {
        display: inline-block;
        float: left;
        width: 100%; }
      #partner .article .mains .article-list {
        width: 100%; }
        #partner .article .mains .article-list li {
          width: 100%;
          padding: 10px 0;
          border-bottom: 1px dashed #d4d4d4; }
          #partner .article .mains .article-list li a {
            display: flex;
            width: 100%;
            height: auto;
            align-items: center; }
            #partner .article .mains .article-list li a:hover .date {
              color: #032a6e; }
            #partner .article .mains .article-list li a:hover i {
              background-image: url("../images/46.png"); }
            #partner .article .mains .article-list li a:hover .link {
              color: #032a6e; }
          #partner .article .mains .article-list li .date {
            width: 60px;
            display: inline-block;
            float: left;
            text-align: center;
            font-family: 'Arial';
            color: #999;
            transition: all 0.3s; }
            #partner .article .mains .article-list li .date .big {
              width: 100%;
              font-size: 20px;
              line-height: 20px;
              font-weight: bold; }
            #partner .article .mains .article-list li .date .small {
              width: 100%;
              font-size: 14px;
              line-height: 14px;
              margin-top: 4px; }
          #partner .article .mains .article-list li .title {
            width: calc(100% - 176px);
            font-size: 16px;
            margin-left: 30px; }
          #partner .article .mains .article-list li i {
            display: inline-block;
            width: 16px;
            height: 10px;
            display: inline-block;
            background-image: url("../images/45.png");
            background-size: 100% 100%;
            transition: all 0.3s; }
          #partner .article .mains .article-list li .link {
            display: inline-block;
            width: 70px;
            text-align: right;
            font-size: 14px;
            color: #666; }
      #partner .article .mains .inquiry-content {
        display: inline-block;
        float: right;
        width: 100%;
        background-color: #f7f7f7;
        padding: 25px; }
        #partner .article .mains .inquiry-content .title {
          font-size: 20px;
          line-height: 20px;
          margin-bottom: 20px; }
        #partner .article .mains .inquiry-content .img {
          width: 100%;
          height: auto; }
          #partner .article .mains .inquiry-content .img img {
            width: 100%;
            height: auto; }
        #partner .article .mains .inquiry-content .desc {
          width: 100%;
          margin-top: 10px;
          font-size: 14px;
          line-height: 30px; }
        #partner .article .mains .inquiry-content .line {
          width: 100%;
          margin-top: 20px;
          display: flex; }
          #partner .article .mains .inquiry-content .line .label {
            display: inline-block;
            white-space: nowrap;
            font-size: 16px;
            font-weight: bold; }
          #partner .article .mains .inquiry-content .line .text {
            display: inline-block;
            font-size: 16px;
            white-space: normal;
            word-break: break-all; }
    #partner .article .pages {
      margin: 50px auto; }
  #partner .feedback .mains {
    width: 100%;
    padding: 0 0 50px;
    display: block; }
    #partner .feedback .mains::before, #partner .feedback .mains::after {
      display: block; }
    #partner .feedback .mains > .left {
      width: 100%;
      display: inline-block;
      float: left;
      overflow: hidden;
      background-position: center center;
      background-size: cover; }
      #partner .feedback .mains > .left img {
        width: 100%;
        height: auto;
        opacity: 0;
        display: block; }
    #partner .feedback .mains > .right {
      display: inline-block;
      float: right;
      width: 100%;
      padding: 40px 0 0; }
      #partner .feedback .mains > .right .title {
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px; }
      #partner .feedback .mains > .right .desc {
        width: 100%;
        margin-top: 20px;
        font-size: 14px;
        line-height: 28px; }
      #partner .feedback .mains > .right .contact {
        width: 100%;
        display: block;
        margin-top: 10px; }
        #partner .feedback .mains > .right .contact .left {
          display: inline-block;
          width: 100%; }
          #partner .feedback .mains > .right .contact .left .line {
            width: 100%;
            white-space: nowrap;
            display: flex;
            margin-top: 20px; }
            #partner .feedback .mains > .right .contact .left .line .label {
              font-size: 14px;
              font-weight: bold; }
            #partner .feedback .mains > .right .contact .left .line .text {
              display: inline-block;
              font-size: 14px; }
            #partner .feedback .mains > .right .contact .left .line:first-child {
              margin-top: 0; }
        #partner .feedback .mains > .right .contact i {
          display: none; }
        #partner .feedback .mains > .right .contact .right {
          width: 100%;
          display: inline-flex;
          align-items: center;
          justify-content: flex-start;
          margin-top: 20px; }
          #partner .feedback .mains > .right .contact .right .img {
            width: 135px;
            height: 138px; }
            #partner .feedback .mains > .right .contact .right .img img {
              width: 100%;
              height: 100%; }
          #partner .feedback .mains > .right .contact .right .items a {
            display: block;
            clear: both;
            font-size: 14px;
            transition: all 0.3s;
            margin-top: 10px; }
            #partner .feedback .mains > .right .contact .right .items a:hover {
              color: #032a6e; }
  #contact .list-map {
    width: 100%;
    position: relative; }
    #contact .list-map .sub-tab .items {
      justify-content: center; }
    #contact .list-map .mains {
      width: 100%;
      padding-left: 0;
      display: block;
      flex: 1; }
      #contact .list-map .mains .list {
        width: 96%;
        max-width: unset;
        display: block;
        margin: 30px auto; }
        #contact .list-map .mains .list .item {
          width: 100%;
          border-top: 1px solid #dedede;
          padding: 20px 0; }
          #contact .list-map .mains .list .item:last-child {
            border-bottom: 1px solid #dedede; }
          #contact .list-map .mains .list .item .title {
            width: 100%;
            display: flex; }
            #contact .list-map .mains .list .item .title img {
              display: inline-block;
              width: 14px;
              height: 20px; }
            #contact .list-map .mains .list .item .title span {
              display: inline-block;
              font-size: 16px;
              margin-left: 10px; }
          #contact .list-map .mains .list .item .ps {
            width: 100%;
            display: flex;
            flex-wrap: wrap; }
            #contact .list-map .mains .list .item .ps .addr {
              width: 100%;
              margin-top: 10px;
              margin-left: 23px; }
            #contact .list-map .mains .list .item .ps .half {
              width: 100%;
              margin-left: 23px;
              margin-top: 10px; }
      #contact .list-map .mains .map {
        display: inline-block;
        float: inherit;
        width: 100%;
        height: 300px; }
        #contact .list-map .mains .map #allmap {
          width: 100%;
          height: 100%; }
  #contact .form {
    margin: 40px auto 30px; }
    #contact .form .img {
      display: inline-block;
      width: 100%;
      height: auto; }
      #contact .form .img img {
        width: 100%;
        opacity: 1; }
    #contact .form .right {
      width: 100%;
      margin-top: 30px; }
      #contact .form .right .desc {
        width: 100%;
        margin-top: 10px;
        font-size: 14px; }
      #contact .form .right form {
        margin-top: 20px; }
  #contact .network {
    margin-bottom: 50px; }
    #contact .network .mains .list-addr .item {
      padding: 20px 0; }
      #contact .network .mains .list-addr .item .ps {
        display: block; }
        #contact .network .mains .list-addr .item .ps p {
          width: 100%;
          margin-top: 10px;
          padding-left: 24px; }
          #contact .network .mains .list-addr .item .ps p:first-child {
            width: 100%; }
      #contact .network .mains .list-addr .item:hover {
        padding-left: 20px; }
  #job .idea .mains .item {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
    #job .idea .mains .item .img {
      width: 100%;
      height: auto; }
    #job .idea .mains .item .texts {
      width: 100%;
      height: auto;
      padding: 4%; }
      #job .idea .mains .item .texts .title {
        width: 100%;
        font-size: 20px;
        line-height: 20px; }
      #job .idea .mains .item .texts .line {
        display: block;
        width: 24px;
        height: 4px;
        background-color: #032a6e;
        margin: 14px 0; }
      #job .idea .mains .item .texts .content {
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        height: auto; }
  #job .post .join-list .container .list .item .item-top {
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 20px; }
    #job .post .join-list .container .list .item .item-top .left .big {
      font-size: 18px; }
    #job .post .join-list .container .list .item .item-top .left .small {
      font-size: 12px; }
    #job .post .join-list .container .list .item .item-top i.right {
      width: 33px;
      height: 34px;
      margin-top: 13px; }
  #job .post .join-list .container .list .item .item-bot {
    padding: 0 20px; }
    #job .post .join-list .container .list .item .item-bot .tops {
      width: 100%;
      padding: 20px 0 20px; }
      #job .post .join-list .container .list .item .item-bot .tops .line {
        width: 50%;
        height: 14px;
        margin-top: 10px;
        line-height: 14px; }
        #job .post .join-list .container .list .item .item-bot .tops .line .text {
          font-size: 14px; }
    #job .post .join-list .container .list .item .item-bot .bots {
      padding-bottom: 20px; }
      #job .post .join-list .container .list .item .item-bot .bots .title {
        margin-top: 20px;
        font-size: 14px;
        font-weight: 700; }
      #job .post .join-list .container .list .item .item-bot .bots .content {
        margin-top: 10px; }
        #job .post .join-list .container .list .item .item-bot .bots .content p {
          font-size: 14px;
          line-height: 24px; }
      #job .post .join-list .container .list .item .item-bot .bots .upload {
        width: 100px;
        height: 30px;
        border-radius: 15px;
        line-height: 30px;
        font-size: 14px; }
  #job .post .join-list .container .pages {
    margin: 30px 0 40px; }
  #job .join-form {
    width: 400px;
    height: 405px;
    padding: 20px; }
    #job .join-form .layui-layer-content {
      height: 405px !important; }
    #job .join-form .line {
      height: 32px;
      margin-bottom: 15px; }
      #job .join-form .line .label {
        height: 32px;
        font-size: 14px;
        line-height: 32px; }
      #job .join-form .line input[type="text"] {
        width: 278px;
        height: 32px; }
      #job .join-form .line .upload {
        height: 32px;
        line-height: 32px; }
        #job .join-form .line .upload input[type="file"] {
          height: 32px; }
      #job .join-form .line #file_name {
        display: inline-block;
        height: 100%;
        line-height: 32px;
        margin-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 160px; }
      #job .join-form .line textarea {
        height: 100px; }
      #job .join-form .line .load {
        width: 278px;
        height: 25px;
        margin-top: 6px; }
      #job .join-form .line img {
        height: 32px; }
      #job .join-form .line button {
        width: 120px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        clear: both;
        margin: 20px auto 0;
        float: unset;
        display: block; }
  #news .news .mains .hot .swiper-slide {
    height: 150px; }
    #news .news .mains .hot .swiper-slide .img {
      width: 200px; }
    #news .news .mains .hot .swiper-slide .texts {
      width: calc(100% - 200px);
      padding: 20px 20px; }
      #news .news .mains .hot .swiper-slide .texts .date {
        margin-top: 10px; }
      #news .news .mains .hot .swiper-slide .texts .desc {
        margin-top: 20px;
        line-height: 24px; }
      #news .news .mains .hot .swiper-slide .texts .more {
        display: none; }
  #news .news .mains .year .swiper-slide {
    margin: 41px 25px 0; }
    #news .news .mains .year .swiper-slide .text {
      font-size: 16px;
      line-height: 16px; }
  #news .news .mains .news-list .item {
    height: 190px; }
    #news .news .mains .news-list .item .img {
      width: 200px;
      height: 100%; }
    #news .news .mains .news-list .item .texts {
      width: calc(100% - 200px);
      margin-left: 0;
      padding: 20px; }
      #news .news .mains .news-list .item .texts .title {
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        margin-top: 0; }
      #news .news .mains .news-list .item .texts .date {
        margin-top: 10px; }
      #news .news .mains .news-list .item .texts .desc {
        line-height: 24px;
        margin-top: 20px; }
      #news .news .mains .news-list .item .texts .more {
        display: none; }
  #news .news .mains .standard-list .item {
    padding: 20px 30px 20px 0; }
    #news .news .mains .standard-list .item .date {
      width: 60px; }
      #news .news .mains .standard-list .item .date .big {
        font-size: 20px;
        line-height: 20px; }
      #news .news .mains .standard-list .item .date .small {
        font-size: 14px;
        line-height: 14px; }
    #news .news .mains .standard-list .item .texts {
      width: calc(100% - 80px);
      margin-left: 20px; }
      #news .news .mains .standard-list .item .texts .title {
        font-size: 16px;
        line-height: 16px; }
      #news .news .mains .standard-list .item .texts .desc {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px; }
      #news .news .mains .standard-list .item .texts .more {
        width: 100px;
        height: 30px;
        border-radius: 15px;
        line-height: 28px;
        font-size: 14px;
        margin-top: 20px; }
    #news .news .mains .standard-list .item:hover {
      padding-left: 20px; }
  #news .news .mains .pages {
    margin: 30px 0 40px; }
  #news .news-detail {
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px 0 30px;
    padding-bottom: 30px; }
    #news .news-detail .container {
      background-color: #fff; }
      #news .news-detail .container .news-title {
        width: 100%;
        padding: 20px 10px 10px;
        border-bottom: 1px solid #f5f5f5; }
        #news .news-detail .container .news-title .title {
          width: 100%;
          padding: 0;
          font-size: 18px;
          color: #000;
          text-align: center; }
        #news .news-detail .container .news-title .date {
          width: 100%;
          text-align: center;
          font-size: 14px;
          color: #999;
          margin-top: 10px;
          padding: 0; }
      #news .news-detail .container .news-content {
        width: 100%;
        padding: 20px 14px;
        line-height: 26px; }
        #news .news-detail .container .news-content img {
          max-width: 100% !important;
          margin: 5px 0; }
      #news .news-detail .container .download {
        width: 100%;
        padding: 20px 14px; }
        #news .news-detail .container .download .title {
          width: 100%;
          font-size: 14px;
          color: #333; }
        #news .news-detail .container .download a {
          display: block;
          clear: both;
          color: #666;
          margin: 5px 0;
          transition: color 0.3s; }
        #news .news-detail .container .download a:hover {
          color: #032a6e; }
      #news .news-detail .container .next-prev {
        width: 100%;
        border-top: 1px solid #f5f5f5;
        padding: 20px 14px; }
        #news .news-detail .container .next-prev .left {
          width: 100%;
          display: inline-block;
          float: unset;
          clear: both; }
          #news .news-detail .container .next-prev .left a {
            display: block;
            clear: both;
            color: #666;
            margin: 5px 0;
            transition: color 0.3s;
            width: 100%; }
          #news .news-detail .container .next-prev .left a:hover {
            color: #032a6e; }
        #news .news-detail .container .next-prev .right {
          width: 110px;
          height: 40px;
          display: block;
          float: unset;
          margin-top: 20px;
          background-color: #032a6e;
          color: #fff;
          line-height: 40px;
          text-align: center;
          font-size: 14px;
          clear: both;
          margin: 20px auto; }
  #about .about {
    padding: 40px 0 40px;
    position: relative; }
    #about .about .left {
      width: 70%;
      display: inline-block;
      position: relative;
      z-index: 2; }
      #about .about .left .texts {
        width: 100%;
        height: 100%;
        display: inline-block;
        float: right;
        padding-top: 50px; }
        #about .about .left .texts .title {
          width: 100%;
          font-size: 24px;
          line-height: 36px; }
        #about .about .left .texts .content {
          width: 100%;
          height: 400px;
          margin-top: 30px; }
    #about .about .right {
      width: 50%;
      position: absolute;
      right: 0;
      z-index: 1;
      opacity: 0.3;
      background-image: url("../images/69-1.png") !important; }
      #about .about .right img {
        opacity: 0;
        height: 537px; }
  #about .culture {
    padding: 40px 0 40px; }
    #about .culture .swiper {
      width: 80%;
      margin: 40px auto 0; }
      #about .culture .swiper .swiper-slide {
        width: 49%;
        padding: 30px 15px 20px;
        height: 300px; }
        #about .culture .swiper .swiper-slide .desc {
          margin-top: 20px;
          height: 180px;
          line-height: 30px; }
      #about .culture .swiper .swiper-prev, #about .culture .swiper .swiper-next {
        width: 12px;
        height: 23px;
        margin-top: -11px; }
        #about .culture .swiper .swiper-prev img, #about .culture .swiper .swiper-next img {
          width: 100%;
          height: 100%; }
      #about .culture .swiper .swiper-prev {
        left: -30px; }
      #about .culture .swiper .swiper-next {
        right: -30px; }
  #about .org {
    width: 100%;
    padding: 40px 0; }
    #about .org .img {
      width: 100%;
      text-align: center;
      margin-top: 30px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      #about .org .img::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #F5F5F5; }
      #about .org .img::-webkit-scrollbar-track {
        border-radius: 3px;
        background-color: #F5F5F5; }
      #about .org .img::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #ddd; }
      #about .org .img img {
        max-width: unset;
        height: 400px; }
  #about .develop {
    padding: 40px 0 40px; }
    #about .develop .year .swiper-slide {
      margin: 41px 25px 0; }
      #about .develop .year .swiper-slide .text {
        font-size: 16px;
        line-height: 16px; }
    #about .develop .swipers {
      margin-top: 40px; }
      #about .develop .swipers .swiper-item .swiper-slide {
        width: auto;
        padding: 26px 30px;
        box-shadow: 0 4px 10px #e2e4e9; }
        #about .develop .swipers .swiper-item .swiper-slide .content {
          height: 260px;
          margin-top: 30px; }
      #about .develop .swipers .swiper-prev, #about .develop .swipers .swiper-next {
        width: 24px;
        height: 46px;
        top: 50%;
        margin-top: -23px; }
  #search .search-box {
    width: 100%;
    margin: 40px 0 30px;
    height: 40px;
    position: relative;
    z-index: 9; }
    #search .search-box .container {
      height: 100%; }
    #search .search-box .left {
      width: calc(100% - 80px);
      max-width: unset;
      height: 100%;
      display: inline-block;
      float: left;
      border: 1px solid #e6e6e6;
      border-radius: 0; }
      #search .search-box .left .select {
        display: inline-block;
        float: left;
        width: 70px;
        height: 100%;
        padding: 0 10px 0 0;
        position: relative; }
        #search .search-box .left .select > span {
          display: block;
          width: 100%;
          height: 100%;
          line-height: 40px;
          font-size: 14px;
          padding: 0 14px 0 14px;
          background-image: url("../images/82.png");
          background-position: right center;
          background-repeat: no-repeat;
          background-size: 6px 4px;
          cursor: pointer; }
        #search .search-box .left .select .sub {
          width: 100%;
          position: absolute;
          top: 41px;
          left: 0;
          border: 1px solid #e6e6e6;
          background-color: #fff;
          z-index: 99;
          display: none; }
          #search .search-box .left .select .sub span {
            display: block;
            width: 100%;
            text-align: center;
            height: 30px;
            line-height: 30px;
            transition: all 0.3s;
            cursor: pointer; }
            #search .search-box .left .select .sub span:hover, #search .search-box .left .select .sub span.active {
              background-color: #032a6e;
              color: #fff; }
      #search .search-box .left .input {
        display: inline-block;
        float: left;
        width: calc(100% - 70px);
        height: 100%;
        border-left: 1px solid #e6e6e6; }
        #search .search-box .left .input input {
          width: 100%;
          height: 100%;
          padding: 0 10px;
          border: none;
          background-color: #fff;
          border-radius: 0;
          font-size: 14px; }
    #search .search-box .btn {
      display: inline-block;
      float: left; }
      #search .search-box .btn button {
        width: 80px;
        height: 40px;
        background-color: #032a6e;
        border: none;
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        #search .search-box .btn button span {
          display: inline-block;
          line-height: 14px; }
        #search .search-box .btn button i {
          display: inline-block;
          width: 16px;
          height: 16px;
          background-image: url("../images/83.png");
          background-size: 100% 100%;
          margin-left: 5px; }
  #search .search-result {
    width: 100%;
    padding-bottom: 30px; }
    #search .search-result .item {
      width: 100%;
      padding: 14px 0;
      border-bottom: 1px solid #e6e6e6; }
      #search .search-result .item .title {
        width: 100%;
        line-height: 14px;
        font-size: 14px;
        display: flex;
        align-items: center; }
        #search .search-result .item .title i {
          display: inline-block;
          width: 4px;
          height: 4px;
          background-color: #032a6e;
          margin-right: 10px; }
        #search .search-result .item .title p {
          display: inline-block;
          width: calc(100% - 14px); }
      #search .search-result .item .date {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        color: #999;
        margin-top: 10px;
        padding-left: 14px; }
    #search .search-result .pages {
      margin-top: 30px; }
  #product .inner-swiper {
    height: 200px; }
    #product .inner-swiper .swiper-slide {
      height: 200px; }
  #product .prod-tabs {
    margin: 40px 0 40px; }
    #product .prod-tabs .prod-tab .list {
      height: 40px; }
      #product .prod-tabs .prod-tab .list a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 10px; }
      #product .prod-tabs .prod-tab .list i {
        height: 14px; }
  #product .prod-items {
    margin-top: 20px; }
    #product .prod-items .item {
      padding: 30px 30px;
      margin-bottom: 50px; }
      #product .prod-items .item .texts {
        width: 40%;
        left: 45px;
        top: 50%;
        transform: translateY(-50%); }
        #product .prod-items .item .texts .title {
          font-size: 16px;
          line-height: 16px; }
        #product .prod-items .item .texts .desc {
          font-size: 12px;
          line-height: 22px;
          margin-top: 10px;
          -webkit-line-clamp: 2; }
        #product .prod-items .item .texts .more {
          height: 30px;
          margin-top: 15px; }
          #product .prod-items .item .texts .more .cir {
            width: 30px;
            height: 30px;
            line-height: 30px;
            background-size: 7px 11px; }
          #product .prod-items .item .texts .more .text {
            width: 80px;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            line-height: 30px;
            font-size: 14px; }
          #product .prod-items .item .texts .more:hover .text {
            width: 150px;
            padding-left: 10px; }
      #product .prod-items .item .img {
        width: 50%; }
      #product .prod-items .item .bg {
        width: 100%;
        height: 75%; }
        #product .prod-items .item .bg img {
          width: 20%; }
      #product .prod-items .item:hover .texts .desc, #product .prod-items .item.active .texts .desc {
        margin-top: 20px; }
      #product .prod-items .item:hover .texts .more, #product .prod-items .item.active .texts .more {
        margin-top: 30px; }
  #product .prod-sub-tab {
    margin-top: -20px; }
    #product .prod-sub-tab .container {
      height: 40px; }
      #product .prod-sub-tab .container .left {
        height: 40px;
        line-height: 40px; }
        #product .prod-sub-tab .container .left .big {
          font-size: 16px; }
        #product .prod-sub-tab .container .left .items {
          margin-left: 16px; }
          #product .prod-sub-tab .container .left .items a {
            height: 39px;
            font-size: 14px;
            padding: 0 6px;
            margin-left: 16px; }
      #product .prod-sub-tab .container .right {
        height: 40px;
        line-height: 40px;
        font-size: 12px; }
  #product .prod-list .container .item {
    width: 32%;
    margin-left: 2%;
    margin-top: 20px; }
    #product .prod-list .container .item .bot {
      padding: 0 6px; }
      #product .prod-list .container .item .bot .title {
        height: 30px;
        line-height: 30px;
        font-size: 14px; }
      #product .prod-list .container .item .bot .more {
        height: 30px;
        margin-top: 0;
        line-height: 30px; }
        #product .prod-list .container .item .bot .more span {
          font-size: 12px; }
        #product .prod-list .container .item .bot .more i {
          width: 30px;
          height: 6px; }
    #product .prod-list .container .item:nth-of-type(5n+1) {
      margin-left: 2%; }
    #product .prod-list .container .item:nth-of-type(3n+1) {
      margin-left: 0; }
  #product .prod-list .pages {
    margin: 40px 0 40px; }
  #product .prod-detail-tops {
    margin: 30px 0; }
    #product .prod-detail-tops .container {
      display: block; }
      #product .prod-detail-tops .container .prod-thumb {
        width: 100%; }
        #product .prod-detail-tops .container .prod-thumb .big {
          width: 80%;
          height: auto; }
        #product .prod-detail-tops .container .prod-thumb .small {
          width: 14%;
          height: 100%;
          flex: 1; }
          #product .prod-detail-tops .container .prod-thumb .small .small-item {
            width: 100%;
            height: auto; }
      #product .prod-detail-tops .container .content {
        width: 100%;
        height: auto;
        margin-top: 20px;
        overflow-y: visible; }
        #product .prod-detail-tops .container .content .title {
          font-size: 16px;
          line-height: 16px; }
        #product .prod-detail-tops .container .content p {
          font-size: 14px;
          line-height: 24px; }
  #product .prod-tab-content {
    margin-top: 40px; }
    #product .prod-tab-content .tabs {
      height: 30px; }
      #product .prod-tab-content .tabs a {
        height: 30px;
        padding: 0 15px;
        line-height: 30px;
        font-size: 14px;
        margin-right: 10px; }
    #product .prod-tab-content .contents .content {
      padding: 15px; }
      #product .prod-tab-content .contents .content p {
        font-size: 14px;
        line-height: 24px; }
  #product .prod-recommend.prod-list {
    margin-top: 40px;
    margin-bottom: 40px; }
    #product .prod-recommend.prod-list .container > .title {
      font-size: 18px;
      line-height: 18px; }
  #party .part-about {
    padding: 40px 0 0; }
    #party .part-about .about-text {
      margin-top: 40px;
      line-height: 26px;
      font-size: 16px; }
    #party .part-about .org {
      padding: 15px 15px;
      background-color: #f7f7f7;
      text-align: center;
      margin-top: 20px; }
      #party .part-about .org .img {
        width: auto;
        max-width: 100%; }
        #party .part-about .org .img img {
          width: auto;
          height: 300px; }
  #party .garden-title {
    height: 40px; }
    #party .garden-title > span {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px; }
    #party .garden-title p {
      height: 40px; }
      #party .garden-title p span {
        height: 40px;
        border-radius: 20px 0 0 20px;
        line-height: 40px;
        padding-left: 50px;
        padding-right: 10px;
        font-size: 18px; }
      #party .garden-title p i {
        width: 41px;
        height: 40px; }
  #party .part-garden .part-garden-1 {
    padding: 40px 0; }
    #party .part-garden .part-garden-1 .garden-title {
      margin-top: 40px; }
    #party .part-garden .part-garden-1 .items {
      margin-top: 30px;
      display: block; }
      #party .part-garden .part-garden-1 .items .item {
        width: 100%;
        margin-bottom: 30px; }
        #party .part-garden .part-garden-1 .items .item .bot {
          width: 100%;
          margin-top: 20px; }
          #party .part-garden .part-garden-1 .items .item .bot .title {
            height: 20px;
            line-height: 20px;
            border-left: 4px solid #032a6e;
            padding-left: 12px;
            font-size: 16px; }
          #party .part-garden .part-garden-1 .items .item .bot .desc {
            font-size: 14px;
            line-height: 28px;
            margin-top: 10px; }
    #party .part-garden .part-garden-1 .readmore {
      margin: 40px auto 0; }
  #party .part-garden .part-garden-2 {
    padding: 40px 0; }
    #party .part-garden .part-garden-2 .mains {
      margin-top: 30px; }
      #party .part-garden .part-garden-2 .mains .left {
        width: 100%; }
        #party .part-garden .part-garden-2 .mains .left .bot {
          margin-top: 15px; }
          #party .part-garden .part-garden-2 .mains .left .bot img {
            width: 48%; }
      #party .part-garden .part-garden-2 .mains .right {
        width: 100%;
        padding: 30px 0 0; }
        #party .part-garden .part-garden-2 .mains .right .content {
          height: auto;
          overflow-y: visible; }
          #party .part-garden .part-garden-2 .mains .right .content .title {
            height: 20px;
            line-height: 20px;
            border-left: 4px solid #032a6e;
            padding-left: 12px;
            font-size: 16px;
            margin-bottom: 10px; }
          #party .part-garden .part-garden-2 .mains .right .content p {
            padding-left: 16px; }
          #party .part-garden .part-garden-2 .mains .right .content .desc {
            font-size: 14px;
            line-height: 24px; }
        #party .part-garden .part-garden-2 .mains .right .readmore {
          position: relative;
          display: flex;
          margin: 20px auto 0;
          left: auto;
          bottom: auto; }
  #party .part-garden .part-garden-3 {
    padding: 40px 0; }
    #party .part-garden .part-garden-3 .img {
      width: 100%;
      height: 240px;
      margin-top: 30px; }
    #party .part-garden .part-garden-3 .items {
      margin-top: 0;
      display: block; }
      #party .part-garden .part-garden-3 .items .item {
        width: 100%;
        max-width: unset;
        margin-top: 30px; }
        #party .part-garden .part-garden-3 .items .item .bot .title {
          height: 20px;
          line-height: 20px;
          border-left: 4px solid #032a6e;
          padding-left: 12px;
          font-size: 16px; }
        #party .part-garden .part-garden-3 .items .item .bot .desc {
          font-size: 14px;
          line-height: 24px;
          margin-top: 10px; }
    #party .part-garden .part-garden-3 .readmore {
      margin: 40px auto 0;
      display: flex; }
  #party .part-study {
    padding: 40px 0; }
    #party .part-study .study-tab {
      margin-top: 15px; }
      #party .part-study .study-tab a {
        font-size: 16px;
        height: 36px;
        line-height: 36px; }
      #party .part-study .study-tab i {
        height: 16px;
        margin: 0 20px; }
    #party .part-study .study-items {
      margin-top: 30px; }
      #party .part-study .study-items .study-item .item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px; }
        #party .part-study .study-items .study-item .item .text {
          margin-top: 10px;
          font-size: 16px; }
  #party .part-person {
    padding: 40px 0; }
    #party .part-person .swiper .swiper-slide {
      width: 32%; }
      #party .part-person .swiper .swiper-slide .title {
        font-size: 16px;
        line-height: 16px;
        margin-top: 16px; }
      #party .part-person .swiper .swiper-slide a {
        margin-top: 15px;
        font-size: 14px; }
    #party .part-person .swiper .readmore {
      margin: 40px auto 0; }
  #party .single-page {
    padding: 40px 0; }
    #party .single-page .title {
      padding: 0;
      font-size: 18px;
      line-height: 28px; }
    #party .single-page .item-block {
      margin-top: 40px; }
      #party .single-page .item-block .label {
        padding: 0 12px;
        font-size: 16px;
        margin-bottom: 20px; }
      #party .single-page .item-block .texts {
        font-size: 14px;
        line-height: 24px; }
      #party .single-page .item-block .imgs {
        width: 100%;
        margin-top: 15px; }
        #party .single-page .item-block .imgs .text {
          width: 100%;
          margin-top: 6px;
          font-size: 12px;
          line-height: 18px;
          text-align: center; }
        #party .single-page .item-block .imgs.imgs-2 .img {
          width: 100%;
          height: auto;
          margin-bottom: 10px; }
        #party .single-page .item-block .imgs.imgs-3 .img {
          width: 100%;
          height: auto;
          margin-bottom: 15px; }
        #party .single-page .item-block .imgs.imgs-4 .img {
          width: 49%;
          height: auto;
          margin-bottom: 10px; }
        #party .single-page .item-block .imgs.imgs-6 .img {
          width: 49%;
          height: auto;
          margin-bottom: 10px; } }

@media screen and (max-width: 480px) {
  .sub-tab {
    margin: 30px auto !important; }
  #index .index-banner {
    width: 100%;
    height: auto; }
    #index .index-banner .swiper-container .swiper-pagination {
      bottom: 10px;
      transform: translateX(-150px); }
      #index .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 20px; }
    #index .index-banner .slide-1 .bg {
      background-size: cover; }
    #index .index-banner .slide-1 .text1 {
      top: 15px;
      left: 15px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text1 img {
        width: 120px;
        height: auto; }
    #index .index-banner .slide-1 .text2 {
      top: 35px;
      left: 35px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text2 img {
        width: 210px;
        height: auto; }
    #index .index-banner .slide-1 .text3 {
      top: 45px;
      left: 46px;
      width: auto;
      height: auto; }
      #index .index-banner .slide-1 .text3 img {
        width: 240px;
        height: auto; }
  #index .index-about {
    padding: 20px 0 50px; }
    #index .index-about .container > .left .en img {
      height: 14px; }
    #index .index-about .container > .left .cn span {
      font-size: 20px; }
    #index .index-about .container > .left .cn i {
      width: 40px; }
    #index .index-about .container > .left .numbers .item .top-small {
      font-size: 14px; }
    #index .index-about .container > .left .numbers .item .bot-text {
      height: 34px; }
      #index .index-about .container > .left .numbers .item .bot-text .num {
        font-size: 26px;
        line-height: 26px;
        height: 26px;
        font-weight: 700; }
      #index .index-about .container > .left .numbers .item .bot-text .plus {
        font-size: 26px;
        line-height: 26px;
        height: 26px;
        font-weight: 700; }
    #index .index-about .container > .left .content {
      margin-top: 5px;
      display: none; }
    #index .index-about .container > .left .readmore {
      margin-top: 20px;
      width: 140px;
      height: 48px; }
      #index .index-about .container > .left .readmore .arrow {
        width: 40px; }
    #index .index-about .container > .right {
      width: 100%;
      margin-top: 30px; }
      #index .index-about .container > .right .bg {
        width: 92%;
        height: 200px; }
      #index .index-about .container > .right .img {
        width: 92%;
        height: 200px; }
        #index .index-about .container > .right .img i {
          width: 50px;
          height: 50px; }
  #index .index-prod {
    width: 100%;
    background-color: #f7f7f7;
    padding: 30px 0 20px; }
    #index .index-prod .container .prod-tabs {
      margin-top: 20px; }
      #index .index-prod .container .prod-tabs .items a {
        height: 30px;
        line-height: 30px;
        font-size: 14px; }
      #index .index-prod .container .prod-tabs .items i {
        margin: 0 10px; }
    #index .index-prod .container .prod-tabs::-webkit-scrollbar {
      display: none; }
    #index .index-prod .prod-swiper {
      margin-left: auto;
      margin-right: auto; }
      #index .index-prod .prod-swiper .swiper-main {
        width: 84%; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .prod-img .hot {
          width: 30px;
          height: 30px; }
        #index .index-prod .prod-swiper .swiper-main .prod-gallery .swiper-slide .text {
          font-size: 12px; }
        #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide p {
          font-size: 14px; }
        #index .index-prod .prod-swiper .swiper-main .prod-thumbs .swiper-slide .hot {
          width: 20px;
          height: 20px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-pagination-bullets .swiper-pagination-bullet {
          margin: 0 2px;
          width: 6px;
          height: 6px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-prev {
          width: 100px;
          height: 100px;
          top: 30%;
          margin-left: 20px;
          background-size: 8px 30px; }
        #index .index-prod .prod-swiper .swiper-main .swiper-button-next {
          width: 100px;
          height: 100px;
          top: 30%;
          margin-right: 20px;
          background-size: 8px 30px; }
      #index .index-prod .prod-swiper a.readmore {
        margin-top: 30px; }
  #index .index-news {
    padding: 30px 0 20px; }
    #index .index-news .container .news-list {
      margin-top: 30px;
      display: block; }
      #index .index-news .container .news-list li {
        width: 100%;
        margin-bottom: 30px;
        display: none; }
        #index .index-news .container .news-list li .bots {
          margin-top: 20px; }
          #index .index-news .container .news-list li .bots .line {
            width: 30px;
            margin-left: -20px; }
          #index .index-news .container .news-list li .bots .right {
            width: calc(100% - 20px); }
            #index .index-news .container .news-list li .bots .right .date {
              height: 12px;
              line-height: 12px;
              font-size: 12px; }
            #index .index-news .container .news-list li .bots .right .title {
              height: 16px;
              line-height: 16px;
              font-size: 16px;
              margin-top: 14px; }
            #index .index-news .container .news-list li .bots .right .desc {
              line-height: 24px;
              font-size: 14px;
              margin-top: 14px;
              height: 3.5em; }
      #index .index-news .container .news-list li:first-child {
        display: block; }
      #index .index-news .container .news-list li:hover .bots .line {
        width: 30px; }
      #index .index-news .container .news-list li:hover .bots .right {
        margin-right: 0; }
    #index .index-news .container .readmore {
      margin: 30px auto 0; }
  #partner .base .table table th {
    width: auto;
    height: 40px;
    font-size: 14px;
    padding-left: 14px;
    white-space: nowrap; }
  #partner .base .table table td {
    padding: 10px 14px 10px 14px; }
  #partner .quote {
    margin-bottom: 60px; }
    #partner .quote .quote-image .title {
      margin-top: 40px; }
    #partner .quote .quote-image .img {
      margin-top: 20px; }
      #partner .quote .quote-image .img img {
        width: 100%; }
  #partner .article {
    padding-bottom: 30px; }
    #partner .article .mains {
      width: 100%; }
      #partner .article .mains .left-list {
        display: inline-block;
        float: left;
        width: 100%; }
      #partner .article .mains .article-list {
        width: 100%; }
        #partner .article .mains .article-list li {
          width: 100%;
          padding: 6px 0;
          border-bottom: 1px dashed #d4d4d4; }
          #partner .article .mains .article-list li a {
            display: flex;
            width: 100%;
            height: auto;
            align-items: center; }
            #partner .article .mains .article-list li a:hover .date {
              color: #032a6e; }
            #partner .article .mains .article-list li a:hover i {
              background-image: url("../images/46.png"); }
            #partner .article .mains .article-list li a:hover .link {
              color: #032a6e; }
          #partner .article .mains .article-list li .date {
            width: 60px;
            display: inline-block;
            float: left;
            text-align: center;
            font-family: 'Arial';
            color: #999;
            transition: all 0.3s; }
            #partner .article .mains .article-list li .date .big {
              width: 100%;
              font-size: 18px;
              line-height: 18px;
              font-weight: bold; }
            #partner .article .mains .article-list li .date .small {
              width: 100%;
              font-size: 12px;
              line-height: 12px;
              margin-top: 4px; }
          #partner .article .mains .article-list li .title {
            width: calc(100% - 161px);
            font-size: 14px;
            margin-left: 15px; }
          #partner .article .mains .article-list li i {
            display: inline-block;
            width: 16px;
            height: 10px;
            display: inline-block;
            background-image: url("../images/45.png");
            background-size: 100% 100%;
            transition: all 0.3s; }
          #partner .article .mains .article-list li .link {
            display: inline-block;
            width: 70px;
            text-align: right;
            font-size: 14px;
            color: #666; }
      #partner .article .mains .inquiry-content {
        display: inline-block;
        float: right;
        width: 100%;
        background-color: #f7f7f7;
        padding: 25px; }
        #partner .article .mains .inquiry-content .title {
          width: 100%;
          font-size: 16px;
          font-weight: bold;
          color: #4c4c4c;
          line-height: 16px;
          margin-bottom: 16px; }
        #partner .article .mains .inquiry-content .img {
          width: 100%;
          height: auto; }
          #partner .article .mains .inquiry-content .img img {
            width: 100%;
            height: auto; }
        #partner .article .mains .inquiry-content .desc {
          width: 100%;
          margin-top: 10px;
          font-size: 14px;
          line-height: 30px; }
        #partner .article .mains .inquiry-content .line {
          width: 100%;
          margin-top: 20px;
          display: flex; }
          #partner .article .mains .inquiry-content .line .label {
            display: inline-block;
            white-space: nowrap;
            font-size: 14px;
            font-weight: bold; }
          #partner .article .mains .inquiry-content .line .text {
            display: inline-block;
            font-size: 14px;
            white-space: normal;
            word-break: break-all; }
    #partner .article .pages {
      margin: 30px auto 50px; }
  #contact .form .right .top {
    height: 26px; }
    #contact .form .right .top img {
      height: 26px; }
  #job .idea .mains .item {
    margin-bottom: 20px; }
    #job .idea .mains .item .texts .title {
      width: 100%;
      font-size: 18px;
      line-height: 18px; }
    #job .idea .mains .item .texts .line {
      display: block;
      width: 24px;
      height: 4px;
      background-color: #032a6e;
      margin: 10px 0; }
    #job .idea .mains .item .texts .content {
      width: 100%;
      font-size: 14px;
      line-height: 22px;
      height: auto; }
      #job .idea .mains .item .texts .content strong {
        font-size: 14px; }
  #job .post .join-list .container .list .item .item-top {
    height: 50px;
    line-height: 50px;
    padding: 0 20px 0 20px; }
    #job .post .join-list .container .list .item .item-top .left .big {
      font-size: 16px; }
    #job .post .join-list .container .list .item .item-top .left .small {
      font-size: 12px; }
    #job .post .join-list .container .list .item .item-top i.right {
      width: 23px;
      height: 24px; }
  #job .post .join-list .container .list .item .item-bot .tops .line {
    width: 100%; }
  #job .post .join-list .container .pages {
    margin: 30px 0 30px; }
  #job .join-form {
    width: 300px;
    height: 390px;
    padding: 20px; }
    #job .join-form .line {
      height: 32px;
      margin-bottom: 10px; }
      #job .join-form .line .label {
        height: 32px;
        font-size: 14px;
        line-height: 32px; }
      #job .join-form .line input[type="text"] {
        width: 178px;
        height: 32px; }
      #job .join-form .line .upload {
        width: 80px;
        height: 32px;
        line-height: 32px; }
        #job .join-form .line .upload input[type="file"] {
          height: 32px; }
      #job .join-form .line #file_name {
        display: inline-block;
        height: 100%;
        line-height: 32px;
        margin-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px; }
      #job .join-form .line textarea {
        height: 100px; }
      #job .join-form .line .load {
        width: 178px;
        height: 25px;
        margin-top: 6px; }
      #job .join-form .line img {
        height: 32px; }
      #job .join-form .line button {
        width: 80px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        clear: both;
        margin: 20px auto 0;
        float: unset;
        display: block; }
  #news .news .mains .hot {
    padding: 10px; }
    #news .news .mains .hot .swiper-slide {
      height: auto; }
      #news .news .mains .hot .swiper-slide .img {
        width: 100%;
        height: auto; }
        #news .news .mains .hot .swiper-slide .img img {
          width: 100%;
          height: auto; }
      #news .news .mains .hot .swiper-slide .texts {
        width: 100%;
        padding: 15px 15px; }
        #news .news .mains .hot .swiper-slide .texts .title {
          font-size: 16px; }
        #news .news .mains .hot .swiper-slide .texts .date {
          margin-top: 10px; }
        #news .news .mains .hot .swiper-slide .texts .desc {
          margin-top: 10px;
          line-height: 24px; }
        #news .news .mains .hot .swiper-slide .texts .more {
          margin-top: 15px; }
  #news .news .mains .year {
    height: 70px; }
    #news .news .mains .year .swiper-slide {
      margin: 17px 17px 0; }
      #news .news .mains .year .swiper-slide .text {
        font-size: 16px;
        line-height: 16px; }
    #news .news .mains .year .swiper-button-prev {
      margin-top: 14px; }
    #news .news .mains .year .swiper-button-next {
      margin-top: 14px; }
  #news .news .mains .news-list .item {
    height: 109px;
    padding: 10px 0; }
    #news .news .mains .news-list .item .img {
      width: 120px;
      height: 100%; }
    #news .news .mains .news-list .item .texts {
      width: calc(100% - 120px);
      margin-left: 0;
      padding: 0 10px; }
      #news .news .mains .news-list .item .texts .title {
        width: 100%;
        font-size: 14px;
        line-height: 14px;
        margin-top: 5px;
        font-weight: bold; }
      #news .news .mains .news-list .item .texts .date {
        margin-top: 6px;
        font-size: 12px;
        line-height: 12px; }
      #news .news .mains .news-list .item .texts .desc {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px; }
      #news .news .mains .news-list .item .texts .more {
        display: none; }
  #news .news .mains .standard-list .item {
    padding: 10px 10px 10px 0; }
    #news .news .mains .standard-list .item .date {
      width: 50px; }
      #news .news .mains .standard-list .item .date .big {
        font-size: 18px;
        line-height: 18px; }
      #news .news .mains .standard-list .item .date .small {
        font-size: 12px;
        line-height: 12px; }
    #news .news .mains .standard-list .item .texts {
      width: calc(100% - 65px);
      margin-left: 15px; }
      #news .news .mains .standard-list .item .texts .title {
        font-size: 14px;
        line-height: 14px;
        font-weight: bold; }
      #news .news .mains .standard-list .item .texts .desc {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px; }
      #news .news .mains .standard-list .item .texts .more {
        width: 80px;
        height: 24px;
        border-radius: 12px;
        line-height: 22px;
        font-size: 12px;
        margin-top: 10px; }
    #news .news .mains .standard-list .item:hover {
      padding-left: 0; }
  #news .news .mains .pages {
    margin: 30px 0 30px;
    justify-content: center; }
  #about .about {
    padding: 30px 0 30px; }
    #about .about .left {
      width: 80%; }
      #about .about .left .texts {
        width: 100%;
        height: 100%;
        display: inline-block;
        float: right;
        padding-top: 20px; }
        #about .about .left .texts .title {
          width: 100%;
          font-size: 18px;
          line-height: 26px;
          font-weight: bold; }
        #about .about .left .texts .content {
          width: 100%;
          height: 471px;
          margin-top: 20px; }
          #about .about .left .texts .content p {
            font-size: 14px;
            line-height: 28px; }
    #about .about .right {
      width: 80%;
      position: absolute;
      right: 0;
      z-index: 1;
      opacity: 0.2; }
      #about .about .right img {
        opacity: 0;
        height: 537px; }
  #about .culture {
    padding: 30px 0 30px; }
    #about .culture .swiper {
      width: 80%;
      margin: 30px auto 0; }
      #about .culture .swiper .swiper-slide {
        width: 100%;
        padding: 30px 30px 20px;
        height: 300px; }
        #about .culture .swiper .swiper-slide .desc {
          margin-top: 20px;
          height: 180px;
          line-height: 30px; }
      #about .culture .swiper .swiper-prev, #about .culture .swiper .swiper-next {
        width: 12px;
        height: 23px;
        margin-top: -11px; }
        #about .culture .swiper .swiper-prev img, #about .culture .swiper .swiper-next img {
          width: 100%;
          height: 100%; }
      #about .culture .swiper .swiper-prev {
        left: -30px; }
      #about .culture .swiper .swiper-next {
        right: -30px; }
  #about .honor {
    padding: 45px 0 20px;
    background-position: right bottom; }
    #about .honor .items {
      margin-top: 30px; }
      #about .honor .items .item {
        width: calc(50% - 4px);
        height: 120px;
        margin-bottom: 10px; }
        #about .honor .items .item .img {
          width: 80px;
          height: 50px; }
        #about .honor .items .item .text {
          width: 100%;
          padding: 0 10px;
          margin-top: 25px;
          font-size: 14px; }
  #about .develop {
    padding: 30px 0 30px; }
    #about .develop .year {
      height: 70px; }
      #about .develop .year .swiper-slide {
        margin: 17px 17px 0; }
        #about .develop .year .swiper-slide .text {
          font-size: 16px;
          line-height: 16px; }
      #about .develop .year .swiper-button-prev {
        margin-top: 14px; }
      #about .develop .year .swiper-button-next {
        margin-top: 14px; }
    #about .develop .swipers {
      margin-top: 30px; }
      #about .develop .swipers .swiper-item .swiper-slide {
        width: auto;
        padding: 26px 30px;
        box-shadow: 0 4px 10px #e2e4e9; }
        #about .develop .swipers .swiper-item .swiper-slide .content {
          height: 260px;
          margin-top: 30px; }
      #about .develop .swipers .swiper-prev, #about .develop .swipers .swiper-next {
        width: 16px;
        height: 31px;
        top: 50%;
        margin-top: -15px; }
  #about .honor-layer {
    width: 280px;
    height: 396px; }
    #about .honor-layer .layui-layer-content {
      width: 280px;
      height: 396px; }
      #about .honor-layer .layui-layer-content img {
        width: 100%;
        height: 100%; }
  #product .inner-swiper {
    height: 87px; }
    #product .inner-swiper .swiper-slide {
      height: 87px; }
  #product .prod-tabs {
    margin: 30px 0 30px; }
    #product .prod-tabs .prod-tab .list {
      height: 40px; }
      #product .prod-tabs .prod-tab .list a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 10px; }
      #product .prod-tabs .prod-tab .list i {
        height: 14px; }
  #product .prod-items {
    margin-top: 20px; }
    #product .prod-items .item {
      padding: 30px 10px;
      margin-bottom: 10px; }
      #product .prod-items .item .texts {
        width: 40%;
        left: 10px;
        top: 50%;
        transform: translateY(-50%); }
        #product .prod-items .item .texts .title {
          font-size: 14px;
          line-height: 14px; }
        #product .prod-items .item .texts .desc {
          font-size: 12px;
          line-height: 20px;
          margin-top: 8px;
          -webkit-line-clamp: 2; }
        #product .prod-items .item .texts .more {
          height: 30px;
          margin-top: 10px; }
          #product .prod-items .item .texts .more .cir {
            width: 30px;
            height: 30px;
            line-height: 30px;
            background-size: 7px 11px; }
          #product .prod-items .item .texts .more .text {
            width: 80px;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            line-height: 30px;
            font-size: 12px;
            width: 120px;
            padding-left: 10px; }
          #product .prod-items .item .texts .more:hover .text {
            width: 120px;
            padding-left: 10px; }
      #product .prod-items .item .img {
        width: 50%; }
      #product .prod-items .item .bg {
        width: 100%;
        height: 85%; }
        #product .prod-items .item .bg img {
          width: 20%; }
      #product .prod-items .item:hover .texts .desc, #product .prod-items .item.active .texts .desc {
        margin-top: 20px; }
      #product .prod-items .item:hover .texts .more, #product .prod-items .item.active .texts .more {
        margin-top: 30px; }
  #product .prod-sub-tab {
    margin-top: -10px; }
    #product .prod-sub-tab .container {
      height: 40px; }
      #product .prod-sub-tab .container .left {
        width: 100%;
        height: 40px;
        line-height: 40px; }
        #product .prod-sub-tab .container .left .big {
          font-size: 16px; }
        #product .prod-sub-tab .container .left .items {
          margin-left: 16px;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch; }
          #product .prod-sub-tab .container .left .items::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: #F5F5F5; }
          #product .prod-sub-tab .container .left .items::-webkit-scrollbar-track {
            border-radius: 3px;
            background-color: #F5F5F5; }
          #product .prod-sub-tab .container .left .items::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #ddd; }
          #product .prod-sub-tab .container .left .items a {
            height: 39px;
            font-size: 14px;
            padding: 0 6px;
            margin-left: 16px; }
      #product .prod-sub-tab .container .right {
        height: 40px;
        line-height: 40px;
        font-size: 12px; }
  #product .prod-list .container .item {
    width: 49%;
    margin-left: 2%;
    margin-top: 20px; }
    #product .prod-list .container .item .bot {
      padding: 0 6px; }
      #product .prod-list .container .item .bot .title {
        height: 30px;
        line-height: 30px;
        font-size: 14px; }
      #product .prod-list .container .item .bot .more {
        height: 30px;
        margin-top: 0;
        line-height: 30px; }
        #product .prod-list .container .item .bot .more span {
          font-size: 12px; }
        #product .prod-list .container .item .bot .more i {
          width: 30px;
          height: 6px; }
    #product .prod-list .container .item:nth-of-type(3n+1) {
      margin-left: 2%; }
    #product .prod-list .container .item:nth-of-type(2n+1) {
      margin-left: 0; }
  #product .prod-list .pages {
    margin: 30px 0 30px; }
  #product .prod-list.hascover .container .item:nth-of-type(1) {
    display: none; }
  #product .prod-list.hascover .container .item:nth-of-type(2) {
    margin-left: 0; }
  #product .prod-list.hascover .container .item:nth-of-type(3) {
    margin-left: 2%; }
  #product .prod-list.hascover .container .item:nth-of-type(4) {
    margin-left: 0; }
  #product .prod-list.hascover .container .item:nth-of-type(5) {
    margin-left: 2%; }
  #product .prod-recommend.prod-list {
    margin-top: 30px;
    margin-bottom: 30px; }
    #product .prod-recommend.prod-list .container > .title {
      font-size: 16px;
      line-height: 16px; }
  #party .part-about {
    padding: 30px 0 0; }
    #party .part-about .about-text {
      margin-top: 20px;
      line-height: 24px;
      font-size: 14px; }
    #party .part-about .org {
      padding: 10px 10px;
      background-color: #f7f7f7;
      text-align: center;
      margin-top: 20px; }
      #party .part-about .org .img {
        width: auto;
        max-width: 100%; }
        #party .part-about .org .img img {
          width: auto;
          height: 300px; }
  #party .garden-title {
    height: 30px; }
    #party .garden-title > span {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 16px; }
    #party .garden-title p {
      height: 30px; }
      #party .garden-title p span {
        height: 30px;
        border-radius: 15px 0 0 15px;
        line-height: 30px;
        padding-left: 40px;
        padding-right: 10px;
        font-size: 14px; }
      #party .garden-title p i {
        width: 20px;
        height: 30px; }
  #party .part-garden .part-garden-1 {
    padding: 30px 0; }
    #party .part-garden .part-garden-1 .garden-title {
      margin-top: 30px; }
    #party .part-garden .part-garden-1 .items {
      margin-top: 20px; }
      #party .part-garden .part-garden-1 .items .item {
        width: 100%;
        margin-bottom: 30px; }
        #party .part-garden .part-garden-1 .items .item .bot {
          width: 100%;
          margin-top: 20px; }
          #party .part-garden .part-garden-1 .items .item .bot .title {
            font-size: 16px; }
          #party .part-garden .part-garden-1 .items .item .bot .desc {
            font-size: 14px;
            line-height: 24px; }
    #party .part-garden .part-garden-1 .readmore {
      margin: 0 auto; }
  #party .part-garden .part-garden-2 {
    padding: 30px 0; }
    #party .part-garden .part-garden-2 .mains {
      margin-top: 20px; }
      #party .part-garden .part-garden-2 .mains .left {
        width: 100%; }
        #party .part-garden .part-garden-2 .mains .left .bot {
          margin-top: 15px; }
          #party .part-garden .part-garden-2 .mains .left .bot img {
            width: 48%; }
      #party .part-garden .part-garden-2 .mains .right {
        width: 100%;
        padding: 20px 0 0; }
        #party .part-garden .part-garden-2 .mains .right .content {
          height: auto;
          overflow-y: visible; }
          #party .part-garden .part-garden-2 .mains .right .content .title {
            font-size: 16px;
            margin-bottom: 10px; }
          #party .part-garden .part-garden-2 .mains .right .content p {
            padding-left: 16px; }
          #party .part-garden .part-garden-2 .mains .right .content .desc {
            font-size: 14px;
            line-height: 24px; }
        #party .part-garden .part-garden-2 .mains .right .readmore {
          position: relative;
          display: flex;
          margin: 20px auto 0;
          left: auto;
          bottom: auto; }
  #party .part-garden .part-garden-3 {
    padding: 30px 0; }
    #party .part-garden .part-garden-3 .img {
      height: 200px;
      margin-top: 20px; }
    #party .part-garden .part-garden-3 .items .item {
      margin-top: 20px; }
      #party .part-garden .part-garden-3 .items .item .bot .title {
        font-size: 16px; }
      #party .part-garden .part-garden-3 .items .item .bot .desc {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px; }
    #party .part-garden .part-garden-3 .readmore {
      margin: 30px auto 0;
      display: flex; }
  #party .part-study {
    padding: 30px 0; }
    #party .part-study .study-tab {
      margin-top: 15px; }
      #party .part-study .study-tab a {
        font-size: 16px;
        height: 36px;
        line-height: 36px; }
      #party .part-study .study-tab i {
        height: 16px;
        margin: 0 20px; }
    #party .part-study .study-items {
      margin-top: 20px; }
      #party .part-study .study-items .study-item .item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px; }
        #party .part-study .study-items .study-item .item .text {
          margin-top: 10px;
          font-size: 14px; }
  #party .part-person {
    padding: 30px 0; }
    #party .part-person .swiper .swiper-container {
      padding: 0; }
    #party .part-person .swiper .swiper-slide {
      width: 32%;
      padding: 10px; }
      #party .part-person .swiper .swiper-slide .title {
        font-size: 15px;
        line-height: 15px;
        margin-top: 15px; }
      #party .part-person .swiper .swiper-slide a {
        margin-top: 8px;
        font-size: 14px; }
      #party .part-person .swiper .swiper-slide.swiper-slide-active {
        box-shadow: 0 4px 10px #ccc;
        border-color: transparent;
        background-color: #fcfcfc; }
    #party .part-person .swiper .readmore {
      margin: 30px auto 0; } }