/* CSS Document */

.w1280 {

  width: 1280px;

  min-width: 1280px;

  margin-left: auto;

  margin-right: auto; }



.w1200 {

  width: 1200px;

  min-width: 1200px;

  margin-left: auto;

  margin-right: auto; }



.header {

  width: 100%;

  background-color: #fff;

  height: 100px; }

  .header .logo {

    width: 422px;

    height: 65px;

    float: left;

    margin-top: 17px; }

    .header .logo img {

      width: 100%;

      height: 100%; }

  .header .nav {

    width: 660px;

    height: 16px;

    line-height: 16px;

    float: left;

    margin-left: 110px;

    margin-top: 42px; }

    .header .nav ul {

      width: 100%; }

      .header .nav ul li {

        width: 110px;

        height: 16px;

        line-height: 16px;

        border-right: 1px solid #999;

        float: left;

        text-align: center;

        font-size: 16px; }

        .header .nav ul li a {

          display: block;

          width: 100%;

          height: 100%;

          font-size: 16px;

          color: #414141;

          transition: color 0.3s; }

        .header .nav ul li a.active, .header .nav ul li a:hover {

          color: #032c88; }

      .header .nav ul li:last-child {

        border-right: none; }

  .header .lang {

    width: 40px;

    float: left;

    margin-left: 10px;

    margin-top: 42px;

    font-size: 16px;

    height: 16px;

    line-height: 16px;

    display: inline-flex;

    align-items: center; }

    .header .lang i {

      display: inline-block;

      width: 8px;

      height: 5px;

      background-image: url(../images/icons.png);

      background-position: 0 0;

      margin-left: 4px; }



.footer {

  width: 100%;

  background-color: #f5f5f5;

  padding-top: 40px; }

  .footer .tops {

    width: 100%;

    padding-bottom: 20px; }

    .footer .tops .left {

      width: 840px;

      float: left; }

      .footer .tops .left .item {

        width: auto;

        display: inline-block;

        float: left;

        margin-right: 70px; }

        .footer .tops .left .item span {

          display: block;

          width: 100%;

          font-size: 16px;

          color: #333;

          height: 16px;

          line-height: 16px; }

        .footer .tops .left .item .links {

          width: 100%;

          margin-top: 20px; }

          .footer .tops .left .item .links a {

            display: block;

            clear: both;

            font-size: 12px;

            color: #999;

            margin-top: 15px;

            height: 12px;

            line-height: 12px; }

    .footer .tops .right {

      /* width: 162px;

      height: 106px; */

      float: right; 
      display: flex;
      align-items: flex-start;
    }
    .right-code {
      width: 130px;
      margin-right: 5px;
    }
    .right-code__img {
      display: block;
      width: 100px;
      height: 100px;
      margin: 0 auto;
    }
    .right-code__p {
      color: #333333;
      font-size: 14px;
      margin-top: 8px;
    }
    .right__logo {
      width: 162px;
      height: 106px;
    }

      /* .footer .tops .right img {

        width: 100%;

        height: 100%; } */

  .footer .bots {

    width: 100%;

    height: 45px;

    line-height: 45px;

    border-top: 1px solid #ddd; }

    .footer .bots .copy {

      display: inline-block;

      float: left;

      height: 45px;

      line-height: 45px;

      font-size: 14px;

      color: #666; }

    .footer .bots .powered {

      display: inline-block;

      float: right;

      height: 45px;

      line-height: 45px;

      font-size: 14px;

      color: #666; }

    .footer .bots a {

      color: #666; }



.banner {

  width: 100%;

  height: 650px; }

  .banner .swiper-container {

    height: 650px; }

    .banner .swiper-container .swiper-slide {

      height: 650px;

      background-position: center center;

      background-size: cover; }

    .banner .swiper-container .swiper-pagination-bullet {

      width: 75px;

      height: 2px;

      background-color: #fff;

      border-radius: 0; }



.index-about {

  width: 100%;

  background-color: #fff;

  padding: 45px 0; }

  .index-about .left {

    width: 580px;

    height: 437px;

    float: left; }

    .index-about .left .cn {

      display: block;

      width: 100%;

      height: 20px;

      line-height: 20px;

      font-size: 20px;

      color: #333;

      clear: both;

      margin-top: 40px; }

    .index-about .left .en {

      display: block;

      width: 100%;

      height: 20px;

      line-height: 20px;

      font-size: 20px;

      color: #999;

      margin-top: 15px;

      clear: both; }

    .index-about .left .line {

      width: 22px;

      height: 1px;

      display: block;

      margin-top: 20px;

      background-color: #000; }

    .index-about .left .desc {

      width: 100%;

      margin-top: 15px;

      font-size: 14px;

      line-height: 28px;

      color: #666;

      overflow: hidden;

      height: 140px; }

    .index-about .left .readmore {

      margin-top: 40px; }

  .index-about .right {

    width: 609px;

    height: 437px;

    float: right;

    position: relative; }

    .index-about .right img {

      width: 609px;

      height: 407px;

      position: absolute;

      top: 0;

      left: 0;

      z-index: 99; }

    .index-about .right .bg {

      width: 609px;

      height: 407px;

      position: absolute;

      top: 40px;

      left: 40px;

      z-index: 9;

      background-color: #f5f5f5; }



.index-product {

  width: 100%;

  background-color: #f5f5f5;

  padding: 45px 0; }

  .index-product .swiper-container {

    width: 100%;

    height: 515px;

    margin-top: 40px; }

    .index-product .swiper-container .swiper-slide {

      width: 1085px;

      height: 515px;

      position: relative; }

    .index-product .swiper-container .button-next {

      width: 131px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -30px;

      margin-left: 495px;

      z-index: 9999;

      cursor: pointer; }

    .index-product .swiper-container .button-prev {

      width: 131px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -30px;

      margin-left: -630px;

      z-index: 9999;

      cursor: pointer; }

  .index-product .bg {

    width: 100%;

    height: 453px;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #e8e8e8;

    z-index: 9; }

  .index-product .text {

    width: 340px;

    height: 400px;

    background-color: #fff;

    position: absolute;

    top: 95px;

    left: 65px;

    z-index: 999;

    padding: 0 30px;

    box-shadow: 0 0 20px #ccc; }

    .index-product .text .cn {

      display: block;

      width: 100%;

      height: 20px;

      line-height: 20px;

      font-size: 20px;

      color: #333;

      clear: both;

      margin-top: 40px; }

    .index-product .text .en {

      display: block;

      width: 100%;

      height: 20px;

      line-height: 20px;

      font-size: 20px;

      color: #999;

      margin-top: 15px;

      clear: both; }

    .index-product .text .line {

      width: 22px;

      height: 1px;

      display: block;

      margin-top: 20px;

      background-color: #000; }

    .index-product .text .desc {

      width: 100%;

      margin-top: 15px;

      font-size: 14px;

      line-height: 28px;

      color: #666;

      overflow: hidden;

      height: 168px; }

    .index-product .text .readmore {

      margin-top: 20px; }

  .index-product .img {

    width: 647px;

    height: 453px;

    position: absolute;

    top: 0;

    left: 420px;

    z-index: 99; }

    .index-product .img img {

      width: 100%;

      height: 100%; }



.index-technical {

  width: 100%;

  background-color: #fff;

  padding: 125px 0 0;

  background-image: url(../images/img04.png);

  background-repeat: no-repeat;

  background-position: top center; }

  .index-technical .floor-title .cn {

    color: #fff; }

  .index-technical .floor-title .en {

    color: #fff; }

  .index-technical .floor-title .line {

    background-color: #fff; }

  .index-technical .items {

    display: flex;

    justify-content: center;

    margin-top: 90px; }

    .index-technical .items .item {

      display: inline-block;

      width: 366px;

      height: 373px;

      background-color: #fff;

      margin-left: 50px;

      transition: all 0.3s;

      box-shadow: 0 0 10px #ccc; }

      .index-technical .items .item .img {

        width: 50px;

        height: 50px;

        background-image: url(../images/icons.png);

        margin: 70px auto 0; }

      .index-technical .items .item .yfnl {

        background-position: -33px 2px; }

      .index-technical .items .item .scnl {

        background-position: -38px -57px; }

      .index-technical .items .item .pgnl {

        background-position: -37px -120px; }

      .index-technical .items .item .title {

        width: 100%;

        text-align: center;

        font-size: 20px;

        transition: color 0.3s;

        margin-top: 15px; }

      .index-technical .items .item .line {

        width: 22px;

        height: 2px;

        display: block;

        margin: 25px auto 0;

        background-color: #999; }

      .index-technical .items .item .desc {

        width: 90%;

        margin: 50px auto 0;

        font-size: 14px;

        line-height: 28px;

        color: #666;

        overflow: hidden;

        height: 84px;

        text-align: center; }

    .index-technical .items .item:hover {

      background-color: #032c88;

      box-shadow: 0 0 10px #304b89; }

      .index-technical .items .item:hover .yfnl {

        background-position: -94px 2px; }

      .index-technical .items .item:hover .scnl {

        background-position: -99px -57px; }

      .index-technical .items .item:hover .pgnl {

        background-position: -98px -120px; }

      .index-technical .items .item:hover .title {

        color: #fff; }

      .index-technical .items .item:hover .line {

        background-color: #fff; }

      .index-technical .items .item:hover .desc {

        color: #fff; }



.index-news {

  padding: 70px 0 50px; }

  .index-news .mains {

    position: relative; }

    .index-news .mains .left {

      width: 460px;

      height: 420px;

      background-color: #f7f7f7;

      float: left;

      padding: 20px; }

      .index-news .mains .left .img {

        width: 420px;

        height: 280px;

        overflow: hidden; }

        .index-news .mains .left .img img {

          width: 100%;

          height: 100%;

          transition: all 0.3s; }

      .index-news .mains .left .img:hover img {

        transform: scale(1.1); }

    .index-news .mains .right {

      width: 720px;

      height: 420px;

      float: left;

      margin-left: 20px;

      background-color: #f7f7f7; }

      .index-news .mains .right ul {

        width: 100%;

        padding: 40px; }

        .index-news .mains .right ul li {

          width: 100%;

          height: 110px;

          padding: 10px 0;

          border-bottom: 1px solid #ddd;

          margin-bottom: 15px; }

          .index-news .mains .right ul li .news-left {

            width: 480px; }

            .index-news .mains .right ul li .news-left .title {

              margin-top: 0; }

          .index-news .mains .right ul li .news-date {

            width: 90px;

            height: 110px;

            float: left;

            margin-left: 60px; }

            .index-news .mains .right ul li .news-date .date {

              width: 100%;

              height: 28px;

              line-height: 28px;

              font-size: 28px;

              color: #999; }

            .index-news .mains .right ul li .news-date .more {

              width: 100%;

              height: 16px;

              border-left: 1px solid #ddd;

              padding-left: 20px;

              margin-top: 28px; }

              .index-news .mains .right ul li .news-date .more i {

                display: block;

                width: 23px;

                height: 16px;

                background-image: url("../images/icons.png");

                background-position: 0 -40px; }

        .index-news .mains .right ul li:last-child {

          margin-bottom: 0;

          border-bottom: none; }

        .index-news .mains .right ul li:hover a .title {

          color: #032c88; }

        .index-news .mains .right ul li:hover a .date {

          color: #032c88; }

        .index-news .mains .right ul li:hover a .more i {

          background-position: 0 -66px; }

    .index-news .mains .news-left {

      height: 90px;

      float: left; }

      .index-news .mains .news-left .title {

        width: 100%;

        height: 18px;

        line-height: 18px;

        font-size: 18px;

        color: #333;

        margin-top: 20px; }

      .index-news .mains .news-left .desc {

        width: 100%;

        height: 52px;

        font-size: 14px;

        line-height: 28px;

        color: #666;

        margin-top: 10px; }



#about .about-about {

  width: 100%;

  padding: 50px 0; }

  #about .about-about .com-img {

    width: auto;

    margin: 0 auto;

    text-align: center; }

    #about .about-about .com-img img {

      width: auto;

      max-width: 100%; }

  #about .about-about .mains .cn {

    display: block;

    width: 100%;

    height: 20px;

    line-height: 20px;

    font-size: 20px;

    color: #333;

    clear: both;

    margin-top: 40px;

    text-align: center; }

  #about .about-about .mains .en {

    display: block;

    width: 100%;

    height: 20px;

    line-height: 20px;

    font-size: 20px;

    color: #999;

    margin-top: 15px;

    clear: both;

    text-align: center; }

  #about .about-about .mains .line {

    width: 22px;

    height: 1px;

    display: block;

    margin: 20px auto 0;

    background-color: #000; }

  #about .about-about .mains .desc {

    width: 100%;

    margin-top: 15px;

    font-size: 14px;

    line-height: 28px;

    color: #666;

    text-align: center; }

  #about .about-about .mains .organ-img {

    width: 1200px;

    max-width: 1200px; }

#about .about-culture {

  width: 100%;

  padding: 50px 0; }

  #about .about-culture .item {

    width: 575px;

    display: inline-block;

    float: left; }

    #about .about-culture .item .img {

      width: 100%;

      height: 350px;

      overflow: hidden; }

      #about .about-culture .item .img img {

        width: 100%;

        height: 100%;

        transition: all 0.3s; }

    #about .about-culture .item .img:hover img {

      transform: scale(1.1); }

    #about .about-culture .item .texts {

      width: 100%;

      background-color: #fafafa;

      border: 1px solid #ddd;

      padding: 15px 0;

      height: 166px; }

      #about .about-culture .item .texts .icon {

        width: 30px;

        height: 30px;

        text-align: center;

        margin: 0 auto; }

      #about .about-culture .item .texts .title {

        width: 100%;

        text-align: center;

        font-size: 20px;

        color: #032c88;

        height: 20px;

        line-height: 20px;

        margin-top: 10px; }

      #about .about-culture .item .texts .line {

        width: 22px;

        height: 1px;

        display: block;

        margin: 8px auto 0;

        background-color: #032c88; }

      #about .about-culture .item .texts .desc {

        width: 400px;

        text-align: center;

        font-size: 14px;

        line-height: 28px;

        color: #333;

        margin: 10px auto 0; }

  #about .about-culture .item + .item {

    margin-left: 50px; }

  #about .about-culture .item.left .texts {

    border-top: none; }

  #about .about-culture .item.right .texts {

    border-bottom: none; }

#about .about-orga {

  width: 100%;

  min-width: 1200px;

  height: 386px;

  background-image: url(../images/img15.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 100px 0 80px; }

  #about .about-orga .floor-title .cn, #about .about-orga .floor-title .en {

    color: #fff; }

  #about .about-orga .floor-title .line {

    background-color: #fff; }

  #about .about-orga .readmore {

    margin: 70px auto 0; }

#about .about-honor {

  width: 100%;

  padding: 50px 0;

  position: relative; }

  #about .about-honor .swiper {

    position: relative; }

    #about .about-honor .swiper .swiper-slide {

      width: 283px;

      height: 403px;

      background-color: #f7f7f7;

      padding: 23px 23px 12px;

      transition: all 0.3s; }

      #about .about-honor .swiper .swiper-slide .img {

        width: 236px;

        height: 335px; }

        #about .about-honor .swiper .swiper-slide .img img {

          width: 100%;

          height: 100%; }

      #about .about-honor .swiper .swiper-slide .desc {

        width: 100%;

        text-align: center;

        font-size: 16px;

        color: #333;

        height: 16px;

        line-height: 16px;

        margin-top: 12px;

        transition: all 0.3s; }

    #about .about-honor .swiper .swiper-slide:hover {

      background-color: #032c88; }

      #about .about-honor .swiper .swiper-slide:hover .desc {

        color: #fff; }

    #about .about-honor .swiper .button-next {

      width: 76px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -30px;

      margin-left: 565px;

      cursor: pointer;

      z-index: 999; }

    #about .about-honor .swiper .button-prev {

      width: 76px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -30px;

      margin-left: -645px;

      cursor: pointer;

      z-index: 999; }

#about .about-history {

  width: 100%;

  padding: 50px 0;

  background-color: #fafafa; }

  #about .about-history .mains {

    position: relative; }

  #about .about-history .gallery-top {

    width: 100%;

    height: 410px; }

    #about .about-history .gallery-top .swiper-slide {

      width: 310px;

      height: 410px;

      position: relative; }

      #about .about-history .gallery-top .swiper-slide .black-img {

        position: absolute;

        top: 112px;

        left: 0;

        z-index: 9; }

#about .about-history .gallery-top .swiper-slide .black-img img{

        width: 310px;

height: 185px;}

      #about .about-history .gallery-top .swiper-slide .active-block {

        width: 430px;

        height: 410px;

        display: none;

        position: absolute;

        top: 0;

        left: -60px;

        z-index: 999;

        background-color: #032c88;

        color: #fff;

        box-shadow: 0 0 20px #bbb;

        padding: 23px;

        transition: all 0.3s; }

        #about .about-history .gallery-top .swiper-slide .active-block .img {

          width: 386px;

          height: 230px; }

          #about .about-history .gallery-top .swiper-slide .active-block .img img {

            width: 100%;

            height: 100%; }

        #about .about-history .gallery-top .swiper-slide .active-block .date {

          width: 100%;

          height: 24px;

          line-height: 24px;

          font-size: 24px;

          color: #fff;

          text-align: center;

          margin-top: 23px; }

        #about .about-history .gallery-top .swiper-slide .active-block .desc {

          width: 340px;

          font-size: 14px;

          line-height: 25px;

          color: #fff;

          text-align: center;

          margin-top: 16px; }

    #about .about-history .gallery-top .swiper-slide-active .active-block {

      display: block !important;

      transition: all 0.3s !important; }

  #about .about-history .gallery-thumbs {

    height: 70px; }

    #about .about-history .gallery-thumbs .swiper-slide {

      width: 86px !important;

      position: relative; }

      #about .about-history .gallery-thumbs .swiper-slide .tops {

        width: 100%;

        height: 35px;

        border-bottom: 1px solid #ddd;

        text-align: center;

        position: relative; }

        #about .about-history .gallery-thumbs .swiper-slide .tops i {

          position: absolute;

          left: 42px;

          bottom: 0;

          width: 1px;

          height: 10px;

          background-color: #999;

          transition: all 0.3s; }

      #about .about-history .gallery-thumbs .swiper-slide .bots {

        width: 100%;

        height: 35px;

        line-height: 35px;

        text-align: center;

        font-size: 14px;

        color: #999;

        transition: all 0.3s; }

    #about .about-history .gallery-thumbs .swiper-slide-active .tops i {

      height: 20px;

      width: 2px;

      background-color: #032c88; }

    #about .about-history .gallery-thumbs .swiper-slide-active .bots {

      font-size: 24px;

      color: #032c88; }

  #about .about-history .swiper-button-next, #about .about-history .swiper-button-prev {

    top: 433px;

    margin-top: 0;

    height: 22px;

    outline: none; }

  #about .about-history .swiper-button-next {

    left: 50%;

    right: auto;

    margin-left: 600px; }

  #about .about-history .swiper-button-prev {

    left: 50%;

    right: auto;

    margin-left: -625px; }



#news .news-list {

  width: 100%;

  padding: 50px 0;

  position: relative; }

  #news .news-list .mains ul {

    width: 100%; }

    #news .news-list .mains ul li {

      width: 100%;

      padding: 30px 0 20px;

      border-bottom: 1px solid #ddd; }

      #news .news-list .mains ul li .left {

        width: 300px;

        height: 180px;

        float: left; }

        #news .news-list .mains ul li .left img {

          width: 100%;

          height: 100%; }

      #news .news-list .mains ul li .right {

        width: 880px;

        height: 180px;

        float: left;

        margin-left: 20px; }

        #news .news-list .mains ul li .right .date {

          width: 100%;

          height: 14px;

          line-height: 14px;

          font-size: 14px;

          color: #999; }

        #news .news-list .mains ul li .right .title {

          width: 100%;

          height: 18px;

          line-height: 18px;

          font-size: 18px;

          color: #333;

          margin-top: 15px; }

        #news .news-list .mains ul li .right .desc {

          width: 100%;

          font-size: 14px;

          line-height: 26px;

          color: #666;

          margin-top: 15px;

          height: 52px; }

        #news .news-list .mains ul li .right .readmore {

          margin-top: 20px; }

#news .news-detail {

  padding: 50px 0;

  position: relative; }

  #news .news-detail .titles {

    width: 100%;

    padding: 30px;

    background-color: #ebebeb;

    text-align: center; }

    #news .news-detail .titles .title {

      width: 100%;

      font-size: 24px;

      line-height: 36px; }

    #news .news-detail .titles .date {

      width: 100%;

      font-size: 14px;

      color: #666;

      margin-top: 5px;

      height: 14px;

      line-height: 14px; }

  #news .news-detail .content {

    width: 100%;

    margin: 40px 0;

    line-height: 14px !important;

    line-height: 28px !important; }

    #news .news-detail .content img {

      max-width: 100% !important;

      height: auto !important; }

  #news .news-detail .next-prev {

    width: 100%;

    height: 90px;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd; }

    #news .news-detail .next-prev div {

      display: inline-block;

      max-width: 500px;

      margin-top: 36px;

      height: 14px;

      line-height: 14px;

      font-size: 14px; }

    #news .news-detail .next-prev .prev {

      float: left; }

    #news .news-detail .next-prev .next {

      float: right;

      text-align: right; }



#tech .tech-support {

  width: 100%;

  padding: 50px 0;

  background-color: #fff; }

  #tech .tech-support .mains .left {

    width: 775px;

    height: 640px;

    float: left; }

    #tech .tech-support .mains .left img {

      width: 100%;

      height: 100%; }

  #tech .tech-support .mains .right {

    width: 335px;

    float: left;

    margin-left: 90px;

    margin-top: 50px; }

    #tech .tech-support .mains .right .tops {

      width: 100%;

      height: 114px;

      background-color: #032c88;

      padding: 30px 20px; }

      #tech .tech-support .mains .right .tops .cn {

        width: 100%;

        font-size: 26px;

        color: #fff;

        height: 26px;

        line-height: 26px; }

      #tech .tech-support .mains .right .tops .en {

        width: 100%;

        font-size: 16px;

        color: #fff;

        height: 16px;

        line-height: 16px;

        margin-top: 15px; }

    #tech .tech-support .mains .right .bots {

      width: 100%;

      border: 1px solid #ddd;

      border-top: none;

      background-color: #fff; }

      #tech .tech-support .mains .right .bots .items {

        width: 100%; }

        #tech .tech-support .mains .right .bots .items .company {

          width: 100%;

          padding: 15px 20px;

          background-color: #f6f6f6; }

          #tech .tech-support .mains .right .bots .items .company img {

            display: inline-block;

width: 30px;

height: 30px;}

          #tech .tech-support .mains .right .bots .items .company span {

            display: inline-block;

            margin-left: 10px;

            font-size: 16px;

            color: #333;

            font-weight: 700;

            height: 30px;

            line-height: 30px; }

        #tech .tech-support .mains .right .bots .items .item {

          width: 100%;

          padding: 10px 20px 10px 60px; }

          #tech .tech-support .mains .right .bots .items .item .line {

            width: 100%; }

            #tech .tech-support .mains .right .bots .items .item .line i {

              display: inline-block;

              width: 4px;

              height: 4px;

              border-radius: 2px;

              float: left;

              margin-top: 16px;

              background-color: #333; }

            #tech .tech-support .mains .right .bots .items .item .line span {

              display: inline-block;

              float: left;

              height: 14px;

              line-height: 14px;

              margin: 10px 0 10px 10px; }

  #tech .tech-support .mains .tabs-top {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center; }

    #tech .tech-support .mains .tabs-top .item {

      width: auto;

      cursor: pointer; }

      #tech .tech-support .mains .tabs-top .item .top {

        clear: both; }

        #tech .tech-support .mains .tabs-top .item .top .num {

          font-size: 64px;

          float: left;

          height: 64px;

          line-height: 64px;

          display: inline-block; }

        #tech .tech-support .mains .tabs-top .item .top .text {

          display: inline-block;

          font-size: 20px;

          float: left;

          height: 20px;

          line-height: 20px;

          margin: 38px 0 0 10px; }

      #tech .tech-support .mains .tabs-top .item .bot {

        clear: both;

        font-size: 20px; }

    #tech .tech-support .mains .tabs-top > i {

      display: inline-block;

      width: 1px;

      height: 45px;

      background-color: #ddd;

      margin: 0 100px; }

  #tech .tech-support .mains .tabs-bot {

    width: 100%;

    height: 292px; }

    #tech .tech-support .mains .tabs-bot .item {

      width: 100%;

      height: 292px;

      position: relative; }

      #tech .tech-support .mains .tabs-bot .item .swiper-slide {

        width: 231px;

        height: 292px;

        background-image: url(../images/img27.png);

        background-repeat: no-repeat; }

        #tech .tech-support .mains .tabs-bot .item .swiper-slide span {

          width: 133px;

          margin: auto;

          display: block;

          position: inherit;

          top: 50%;

          left: 0;

          transform: translateY(-60%);

          font-size: 14px;

          line-height: 30px; }

      #tech .tech-support .mains .tabs-bot .item .button-next {

        width: 76px;

        height: 60px;

        position: absolute;

        top: 50%;

        left: 50%;

        margin-top: -30px;

        margin-left: 580px;

        cursor: pointer;

        z-index: 999; }

      #tech .tech-support .mains .tabs-bot .item .button-prev {

        width: 76px;

        height: 60px;

        position: absolute;

        top: 50%;

        left: 50%;

        margin-top: -30px;

        margin-left: -656px;

        cursor: pointer;

        z-index: 999; }

#tech .tech-manu {

  width: 100%;

  background-color: #fafafa;

  padding: 50px 0; }

  #tech .tech-manu .mains .swiper {

    width: 100%;

    height: 414px;

    position: relative; }

    #tech .tech-manu .mains .swiper .swiper-slide {

      width: 100%;

      background-color: #fff; }

      #tech .tech-manu .mains .swiper .swiper-slide .left {

        width: 904px;

        height: 414px;

        float: left; }

        #tech .tech-manu .mains .swiper .swiper-slide .left img {

          width: 100%;

          height: 100%; }

      #tech .tech-manu .mains .swiper .swiper-slide .right {

        width: 296px;

        height: 414px;

        background-color: #fff;

        padding: 40px;

        display: flex;

        align-items: center; }

        #tech .tech-manu .mains .swiper .swiper-slide .right .texts {

          width: 100%; }

          #tech .tech-manu .mains .swiper .swiper-slide .right .texts .title {

            font-size: 24px;

            color: #333; }

          #tech .tech-manu .mains .swiper .swiper-slide .right .texts .line {

            width: 30px;

            height: 1px;

            background-color: #032c88;

            margin-top: 10px; }

          #tech .tech-manu .mains .swiper .swiper-slide .right .texts .desc {

            width: 100%;

            margin-top: 30px;

            font-size: 14px;

            color: #333;

            line-height: 28px; }

    #tech .tech-manu .mains .swiper .button-next {

      width: 76px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -30px;

      margin-left: 580px;

      cursor: pointer;

      z-index: 999; }

    #tech .tech-manu .mains .swiper .button-prev {

      width: 76px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -30px;

      margin-left: -656px;

      cursor: pointer;

      z-index: 999; }



#product .prod-list {

  width: 100%;

  padding: 50px 0;

  position: relative; }

#product .prod-lists {

  width: 100%; }

  #product .prod-lists .item {

    width: 378px;

    float: left;

    margin-left: 33px;

    margin-bottom: 50px; }

    #product .prod-lists .item .img {

      width: 378px;

      height: 260px; }

      #product .prod-lists .item .img img {

        width: 100%;

        height: 100%; }

    #product .prod-lists .item .title {

      width: 100%;

      height: 18px;

      line-height: 18px;

      font-size: 18px;

      margin-top: 20px;

      color: #333; }

    #product .prod-lists .item .desc {

      width: 100%;

      height: 56px;

      margin-top: 15px;

      font-size: 14px;

      line-height: 28px;

      color: #666; }

    #product .prod-lists .item .readmore {

      margin-top: 15px;

      background-color: #333;

      transition: all 0.3s; }

    #product .prod-lists .item .readmore:hover {

      background-color: #032c88; }

  #product .prod-lists .item:nth-child(3n+1) {

    margin-left: 0; }

#product .prod-detail {

  width: 100%;

  padding: 50px 0 0; }

  #product .prod-detail .mains .main-top {

    width: 100%; }

    #product .prod-detail .mains .main-top .left {

      width: 700px;

      height: 453px;

      float: left; }

      #product .prod-detail .mains .main-top .left img {

        width: 100%;

        height: 100%; }

    #product .prod-detail .mains .main-top .right {

      width: 500px;

      height: 453px;

      float: left;

      position: relative; }

      #product .prod-detail .mains .main-top .right .tops {

        width: 100%;

        position: absolute;

        top: 110px;

        left: 65px; }

        #product .prod-detail .mains .main-top .right .tops .class {

          display: block;

          width: 100%;

          font-size: 20px;

          color: #999;

          height: 20px;

          line-height: 20px; }

        #product .prod-detail .mains .main-top .right .tops .name {

          display: block;

          width: 100%;

          height: 28px;

          line-height: 28px;

          font-size: 28px;

          color: #032c88;

          font-weight: 700;

          margin-top: 10px; }

        #product .prod-detail .mains .main-top .right .tops .line {

          display: block;

          width: 20px;

          height: 2px;

          background-color: #999;

          margin-top: 20px; }

      #product .prod-detail .mains .main-top .right .bots {

        width: 100%;

        height: 254px;

        background-color: #fcfcfc;

        position: absolute;

        bottom: 0;

        right: 0; }

        #product .prod-detail .mains .main-top .right .bots span {

          display: block;

          width: 390px;

          position: inherit;

          top: 50%;

          left: 50%;

          transform: translateX(-50%) translateY(-50%);

          font-size: 14px;

          line-height: 30px;

          max-height: 240px;

          overflow: hidden; }

  #product .prod-detail .mains .main-bot {

    width: 100%;

    padding-bottom: 50px; }

    #product .prod-detail .mains .main-bot .title {

      width: 100%;

      height: 50px;

      border-bottom: 2px solid #ddd; }

      #product .prod-detail .mains .main-bot .title span {

        display: inline-block;

        height: 50px;

        line-height: 50px;

        border-bottom: 2px solid #032c88;

        font-size: 18px;

        color: #032c88; }

    #product .prod-detail .mains .main-bot .content {

      width: 100%;

      padding: 20px 0;

      font-size: 14px !important;

      line-height: 30px !important; }

      #product .prod-detail .mains .main-bot .content p, #product .prod-detail .mains .main-bot .content a, #product .prod-detail .mains .main-bot .content span {

        font-size: 14px !important;

        line-height: 30px !important; }

    #product .prod-detail .mains .main-bot .backbtn {

      margin-top: 30px; }

  #product .prod-detail .main-recom {

    width: 100%;

    padding: 50px 0;

    background-color: #fcfcfc; }

    #product .prod-detail .main-recom .mains {

      position: relative; }

      #product .prod-detail .main-recom .mains .prod-lists .item {

        margin-left: 0 !important; }

    #product .prod-detail .main-recom .button-next {

      width: 76px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -140px;

      margin-left: 580px;

      cursor: pointer;

      z-index: 999; }

    #product .prod-detail .main-recom .button-prev {

      width: 76px;

      height: 60px;

      position: absolute;

      top: 50%;

      left: 50%;

      margin-top: -140px;

      margin-left: -656px;

      cursor: pointer;

      z-index: 999; }

#product .join-list .join-title {

  width: 100%;

  height: 16px;

  line-height: 16px;

  font-size: 16px;

  margin-top: 15px;

  color: #333; }

#product .join-list .readmore {

  margin-top: 20px;

  background-color: #032c88 !important; }



#joinus .joinus-list {

  width: 100%;

  padding: 50px 0; }

  #joinus .joinus-list .joinus-lists {

    width: 100%; }

    #joinus .joinus-list .joinus-lists .item {

      width: 100%;

      margin-bottom: 25px; }

      #joinus .joinus-list .joinus-lists .item .tops {

        width: 100%;

        height: 100px;

        border: 1px solid #ddd; }

        #joinus .joinus-list .joinus-lists .item .tops .left {

          width: 1080px;

          height: 100%;

          float: left;

          padding: 18px 30px; }

          #joinus .joinus-list .joinus-lists .item .tops .left .lines {

            width: 100%;

            margin: 6px 0;

            display: flex;

            align-items: center; }

            #joinus .joinus-list .joinus-lists .item .tops .left .lines .title {

              font-size: 18px !important;

              color: #333 !important; }

            #joinus .joinus-list .joinus-lists .item .tops .left .lines span {

              font-size: 14px;

              color: #666; }

        #joinus .joinus-list .joinus-lists .item .tops .right {

          width: 118px;

          height: 100%;

          float: left;

          position: relative;

          border-left: 1px solid #ddd; }

          #joinus .joinus-list .joinus-lists .item .tops .right i {

            display: block;

            width: 30px;

            height: 30px;

            background-image: url(../images/icons.png);

            background-position: -175px -14px;

            margin: 35px 44px;

            cursor: pointer; }

      #joinus .joinus-list .joinus-lists .item .bots {

        width: 100%;

        border: 1px solid #ddd;

        border-top: none;

        padding: 1px 30px 30px;

        display: none; }

        #joinus .joinus-list .joinus-lists .item .bots .titles {

          width: 100%;

          height: 16px;

          line-height: 16px;

          font-size: 16px;

          color: #333;

          margin-top: 30px; }

          #joinus .joinus-list .joinus-lists .item .bots .titles i {

            display: inline-block;

            float: left;

            width: 4px;

            height: 4px;

            border-radius: 2px;

            background-color: #333;

            margin: 6px 0 0 0; }

          #joinus .joinus-list .joinus-lists .item .bots .titles span {

            display: inline-block;

            height: 16px;

            line-height: 16px;

            font-size: 16px;

            float: left;

            margin-left: 6px; }

        #joinus .joinus-list .joinus-lists .item .bots .desc {

          width: 100%;

          font-size: 14px;

          line-height: 28px;

          color: #666;

          margin-top: 10px; }

    #joinus .joinus-list .joinus-lists .item.active .tops .right i {

      background-position: -175px -53px; }



#contact .contact {

  width: 100%;

  padding: 50px 0; }

  #contact .contact .mains .left {

    width: 508px;

    height: 314px;

    float: left;

    position: relative; }

    #contact .contact .mains .left .content {

      position: absolute;

      left: 0;

      top: 50%;

      transform: translateY(-50%); }

    #contact .contact .mains .left .tops {

      width: 100%; }

      #contact .contact .mains .left .tops .cn {

        width: 100%;

        font-size: 22px;

        height: 22px;

        line-height: 22px;

        color: #333; }

      #contact .contact .mains .left .tops .en {

        width: 100%;

        font-size: 18px;

        height: 18px;

        line-height: 18px;

        color: #e0e0e0;

        margin-top: 10px; }

      #contact .contact .mains .left .tops .line {

        width: 100%;

        height: 1px;

        margin-top: 15px; }

        #contact .contact .mains .left .tops .line img {

          width: 100%;

          height: 1px;

          vertical-align: text-top; }

    #contact .contact .mains .left .desc {

      width: 100%;

      margin-top: 10px;

      font-size: 14px;

      line-height: 28px;

      margin-bottom: 30px; }

    #contact .contact .mains .left .contline {

      width: 100%;

      display: flex;

      align-items: center;

      margin: 15px 0; }

      #contact .contact .mains .left .contline i {

        width: 23px;

        height: 23px;

        display: inline-block;

        background-image: url(../images/icons.png); }

      #contact .contact .mains .left .contline i.addr {

        background-position: -179px -96px; }

      #contact .contact .mains .left .contline i.tel {

        background-position: -180px -133px; }

      #contact .contact .mains .left .contline span {

        display: inline-block;

        font-size: 14px;

        color: #333; }

  #contact .contact .mains .right {

    width: 643px;

    height: 314px;

    float: right; }

    #contact .contact .mains .right #allmap {

      width: 100%;

      height: 100%; }

#contact .email {

  width: 100%;

  padding: 50px 0;

  background-color: #fcfcfc; }

  #contact .email .mains .left {

    width: 922px;

    float: left; }

    #contact .email .mains .left input {

      height: 100%;

      border: 1px solid #999;

      font-size: 14px;

      padding: 0 10px;

      background-color: #fcfcfc; }

    #contact .email .mains .left .name {

      width: 100%;

      height: 50px; }

      #contact .email .mains .left .name input {

        width: 100%; }

    #contact .email .mains .left .phone {

      width: 100%;

      height: 50px;

      margin-top: 20px; }

      #contact .email .mains .left .phone input {

        width: 300px;

        float: left;

        display: inline-block;

        margin-right: 20px; }

      #contact .email .mains .left .phone .yzm {

        width: 282px;

        height: 50px;

        float: left;

        display: inline-block; }

    #contact .email .mains .left .textarea {

      width: 100%;

      height: 205px;

      margin-top: 20px; }

      #contact .email .mains .left .textarea textarea {

        width: 100%;

        height: 100%;

        resize: none;

        border: 1px solid #999;

        padding: 5px 10px;

        background-color: #fcfcfc; }

    #contact .email .mains .left .submit {

      width: 100%;

      height: 50px;

      margin-top: 20px; }

      #contact .email .mains .left .submit .subbtn {

        display: block;

        width: 165px;

        height: 50px;

        background-color: #032c88;

        color: #fff;

        font-size: 16px;

        text-align: center;

        line-height: 50px;

        margin: 0 auto; }

  #contact .email .mains .right {

    width: 244px;

    border: 1px solid #999;

    float: left;

    margin-left: 30px; }

    #contact .email .mains .right .img {

      width: 242px;

      height: 242px; }

      #contact .email .mains .right .img img {

        width: 100%;

        height: 100%; }

    #contact .email .mains .right .bot {

      width: 100%;

      height: 100px;

      display: flex;

      justify-content: center;

      align-items: center;

      border-top: 1px solid #999; }

      #contact .email .mains .right .bot i {

        display: inline-block;

        width: 34px;

        height: 34px;

        background-image: url(../images/icons.png);

        background-position: -237px 0; }

      #contact .email .mains .right .bot span {

        display: inline-block;

        font-size: 14px;

        color: #333;

        margin-left: 10px; }



.floor-title {

  width: 1200px;

  margin-left: auto;

  margin-right: auto;

  text-align: center; }

  .floor-title .cn {

    display: block;

    width: 100%;

    clear: both;

    font-size: 20px;

    color: #c4081a;

    height: 20px;

    line-height: 20px; }

  .floor-title .en {

    display: block;

    width: 100%;

    clear: both;

    font-size: 35px;

    color: #032c88;

    height: 35px;

    line-height: 35px;

    margin-top: 15px; }

  .floor-title .line {

    width: 30px;

    height: 2px;

    display: block;

    margin: 15px auto 0;

    background-color: #999; }



.readmore {

  display: block;

  width: 200px;

  height: 46px;

  background-color: #032c88;

  line-height: 46px;

  padding: 0 10px; }

  .readmore span {

    display: inline-block;

    height: 46px;

    line-height: 46px;

    color: #fff;

    font-size: 16px;

    float: left; }

  .readmore i {

    display: inline-block;

    width: 16px;

    height: 16px;

    background-image: url(../images/icons.png);

    background-position: 0 -15px;

    margin-top: 15px;

    float: right; }



.readmore.white {

  background-color: transparent;

  border: 1px solid #fff; }



.arrowreadmore {

  width: 120px;

  display: flex;

  align-items: center;

  margin: 30px auto 0; }

  .arrowreadmore span {

    display: inline-block;

    font-size: 16px;

    color: #666; }

  .arrowreadmore i {

    display: inline-block;

    width: 46px;

    height: 7px;

    background-image: url(../images/icons.png);

    background-position: -173px 0;

    margin-left: 10px; }



.inner-banner {

  width: 100%;

  min-width: 1200px;

  height: 420px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover; }



.pages {

  width: 100%;

  height: 36px;

  display: flex;

  justify-content: center;

  align-items: center; }

  .pages .num {

    width: 36px;

    height: 36px;

    display: inline-block;

    border: 1px solid #fff;

    border-radius: 50%;

    font-size: 16px;

    text-align: center;

    line-height: 34px;

    margin: 0 5px;

    transition: all 0.3s; }

  .pages .num:hover, .pages .num.active {

    border-color: #063b90;

    color: #063b90; }

  .pages .prev, .pages .next {

    width: auto;

    display: inline-block;

    padding: 0 10px;

    font-size: 14px;

    line-height: 36px;

    height: 36px;

    transition: color 0.3s;

    margin: 0 5px; }

  .pages .prev:hover, .pages .next:hover {

    color: #032c88; }



.color-red {

  color: #c40819 !important; }



.color-blue {

  color: #032c88 !important; }



.prod-tabs {

  width: 100%;

  display: flex;

  justify-content: center; }

  .prod-tabs a {

    display: inline-block;

    width: 184px;

    height: 60px;

    background-image: url(../images/icons.png);

    background-repeat: no-repeat;

    background-position: 0 -244px;

    line-height: 52px;

    text-align: center;

    font-size: 14px;

    color: #666;

    margin: 0 13px; }

  .prod-tabs a.active, .prod-tabs a:hover {

    background-position: 0 -180px;

    color: #fff; }



.backbtn {

  display: block;

  width: 200px;

  height: 46px;

  margin-left: auto;

  margin-right: auto;

  background-color: #032c88; }

  .backbtn span {

    display: inline-block;

    height: 46px;

    line-height: 46px;

    color: #fff;

    float: left;

    margin-left: 70px; }

  .backbtn i {

    display: inline-block;

    width: 24px;

    height: 17px;

    background-image: url(../images/icons.png);

    background-position: 0 -102px;

    margin-left: 10px;

    margin-top: 14px; }