@charset "UTF-8";
#index .index-banner {
  width: 100%;
  position: relative; }
  #index .index-banner .index-swiper {
    width: 100%;
    height: 100%;
    position: relative; }
    #index .index-banner .index-swiper .swiper-slide {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
    }
#index .index-banner .index-swiper .swiper-slide img{
  width: 100%;
  opacity: 0;
}
      #index .index-banner .index-swiper .swiper-slide .text-box {
        width: 76%;
        max-width: 1462px;
        margin: 0 auto;
        /*padding-top: 170px;*/
        /*padding-bottom: 320px;*/
        /*display: none;*/
        top: 20%;
        left: 12%;
        position: absolute;
         }
        #index .index-banner .index-swiper .swiper-slide .text-box .tt {
          color: #f1562c;
          font-size: 60px;
          font-weight: bold; }
        #index .index-banner .index-swiper .swiper-slide .text-box .tt1 {
          color: #fff;
          font-size: 60px;
          font-style: italic; }
        #index .index-banner .index-swiper .swiper-slide .text-box .en-title {
          color: rgba(255, 255, 255, 0.8); }
          #index .index-banner .index-swiper .swiper-slide .text-box .en-title p {
            line-height: 1.5em;
            font-size: 18px; }
        #index .index-banner .index-swiper .swiper-slide .text-box .line {
          margin-top: 70px;
          width: 25px;
          height: 4px;
          background-color: #ffffff;
          border-radius: 2px; }
    #index .index-banner .index-swiper .button-position {
      position: absolute;
      bottom: 270px;
      width: 100%;
      z-index: 1000; }
      #index .index-banner .index-swiper .button-position .swiper-button-box {
        width: 76%;
        margin: 0 auto;
        position: relative; }
        #index .index-banner .index-swiper .button-position .swiper-button-box .swiper-button-prev-index {
          width: 36px;
          height: 36px;
          background-image: url("../images/p09.png");
          background-size: 36px 36px;
          background-repeat: no-repeat;
          background-position: center;
          outline: none;
          left: 0; }
          #index .index-banner .index-swiper .button-position .swiper-button-box .swiper-button-prev-index.swiper-button-disabled {
            background-image: url("../images/p08.png");
            opacity: 1; }
        #index .index-banner .index-swiper .button-position .swiper-button-box .swiper-button-next-index {
          width: 36px;
          height: 36px;
          background-size: 36px 36px;
          background-image: url("../images/p10.png");
          background-repeat: no-repeat;
          background-position: center;
          outline: none;
          left: 70px; }
          #index .index-banner .index-swiper .button-position .swiper-button-box .swiper-button-next-index.swiper-button-disabled {
            background-image: url("../images/p11.png");
            opacity: 1; }
  #index .index-banner .service-box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000; }
    #index .index-banner .service-box .container {
      height: 190px;
      box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.08);
      position: relative;
      z-index: 999; }
      #index .index-banner .service-box .container .service-list {
        width: 100%;
        height: 100%;
        background: #fff; }
        #index .index-banner .service-box .container .service-list li {
          width: 16.6666%;
          height: 100%;
          float: left;
          padding-top: 25px;
          text-align: center;
          transition: all .6s; }
          #index .index-banner .service-box .container .service-list li img {
            width: 135px; }
          #index .index-banner .service-box .container .service-list li p {
            color: #4d4d4d;
            font-size: 18px; }
          #index .index-banner .service-box .container .service-list li:hover {
            padding-top: 15px;
            transition: all .6s; }
#index .index01-box {
  padding-top: 85px; }
  #index .index01-box .com-title .bg01 {
    width: 100%;
    height: 116px;
    background-image: url("../images/p18.png");
    background-size: 1089px 116px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0px;
    z-index: 9; }
  #index .index01-box .title {
    color: #4d4d4d;
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px; }
  #index .index01-box .benefit-box {
    background: #1b43b8;
    padding: 75px 0; }
    #index .index01-box .benefit-box ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      #index .index01-box .benefit-box ul li {
        width: 20%;
        box-sizing: border-box;
        padding: 30px 10px;
        color: #fff;
        position: relative;
        overflow: hidden;
        background-color: transparent;
        transition: all .6s;
        margin-bottom: 10px; }
        #index .index01-box .benefit-box ul li:nth-of-type(5) {
          margin-right: 0; }
        #index .index01-box .benefit-box ul li .cont {
          position: relative;
          z-index: 10;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;
          text-align: center; }
          #index .index01-box .benefit-box ul li .cont .img {
            width: 110px;
            height: 110px;
            overflow: hidden;
            border-radius: 50%; }
            #index .index01-box .benefit-box ul li .cont .img img {
              width: 100%;
              height: 100%; }
          #index .index01-box .benefit-box ul li .cont .tt .t1 {
            font-size: 14px;
            font-weight: bold;
            color: #85a2fb;
            margin-top: 20px;
            margin-bottom: 15px;
            transition: all .6s; }
          #index .index01-box .benefit-box ul li .cont .tt .t2 {
            font-size: 20px;
            color: #fff; }
        #index .index01-box .benefit-box ul li .line {
          width: 28px;
          height: 1px;
          background-color: transparent;
          transition: all .6s;
          z-index: 10;
          position: relative;
          margin: 0 auto;
          margin-top: 25px; }
        #index .index01-box .benefit-box ul li b {
          position: absolute;
          left: 0;
          top: calc(50% - 30px);
          width: 1%;
          height: 60px;
          background-color: #fff;
          opacity: 0.24;
          z-index: 10;
          transition: all .6s; }
        #index .index01-box .benefit-box ul li .mask {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 97%;
          background-color: #f24b37;
          background-image: url("../images/p19.png");
          background-size: 223px 146px;
          background-repeat: no-repeat;
          background-position: center 35px;
          z-index: 9;
          left: -300px;
          transition: all .6s; }
        #index .index01-box .benefit-box ul li .link-mask {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          z-index: 11;
          display: block; }
        #index .index01-box .benefit-box ul li:nth-of-type(5n+1) b {
          display: none; }
        #index .index01-box .benefit-box ul li:hover {
          border-left: 1px solid #fff; }
          #index .index01-box .benefit-box ul li:hover b {
            height: 100%;
            opacity: 1;
            display: block;
            top: 0; }
          #index .index01-box .benefit-box ul li:hover .mask {
            left: 0; }
          #index .index01-box .benefit-box ul li:hover .line {
            background-color: #fff; }
          #index .index01-box .benefit-box ul li:hover .cont .tt .t1 {
            color: #fed787; }
        #index .index01-box .benefit-box ul li.active {
          border-left: 1px solid #fff; }
          #index .index01-box .benefit-box ul li.active b {
            height: 100%;
            opacity: 1;
            display: block;
            top: 0; }
          #index .index01-box .benefit-box ul li.active .mask {
            left: 0; }
          #index .index01-box .benefit-box ul li.active .line {
            background-color: #fff; }
          #index .index01-box .benefit-box ul li.active .cont .tt .t1 {
            color: #fed787; }
#index .index02-box {
  padding-top: 110px;
  padding-bottom: 150px; }
  #index .index02-box .com-title .bg02 {
    width: 100%;
    height: 116px;
    background-image: url("../images/p30.png");
    background-size: 785px 116px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 30px;
    z-index: 9; }
  #index .index02-box .index-about {
    display: flex;
    margin-top: 80px; }
    #index .index02-box .index-about .left-info {
      width: 43%;
      margin-top: 60px; }
      #index .index02-box .index-about .left-info .title .cn {
        font-size: 24px;
        color: #f24b37;
        font-weight: bold; }
      #index .index02-box .index-about .left-info .title .en {
        font-size: 16px;
        color: #999; }
      #index .index02-box .index-about .left-info .title .line {
        width: 12px;
        height: 2px;
        background-color: #999999;
        border-radius: 1px;
        margin-top: 15px; }
      #index .index02-box .index-about .left-info .info {
        font-size: 16px;
        color: #333;
        line-height: 2em;
        height: 220px;
        overflow: hidden;
        margin-top: 30px; }
      #index .index02-box .index-about .left-info .news-more {
        margin-top: 20px; }
    #index .index02-box .index-about .right-img {
      width: 57%;
      position: relative;
      padding-left: 10%; }
      #index .index02-box .index-about .right-img .big-pic {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      #index .index02-box .index-about .right-img img {
        width: 100%;
        opacity: 0; }
      #index .index02-box .index-about .right-img .small-outer {
        padding: 8px;
        background-color: #fff;
        position: absolute;
        width: 47.5%;
        left: 4%;
        bottom: -15%;
        border-radius: 8px;
        box-shadow: 0px 17px 21px 0px rgba(0, 0, 0, 0.1); }
        #index .index02-box .index-about .right-img .small-outer .small-pic {
          width: 100%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
#index .index03-box {
  padding: 70px 0 110px;
  background-color: #f5f5f5; }
  #index .index03-box .guide-box {
    position: relative; }
    #index .index03-box .guide-box .bg03 {
      width: 100%;
      height: 116px;
      background-image: url("../images/p33.png");
      background-size: 1163px 116px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: -75px;
      z-index: 9; }
    #index .index03-box .guide-box .guide-list {
      width: 100%;
      height: 400px;
      position: relative;
      z-index: 10;
      margin-top: 135px;
      display: flex; }
      #index .index03-box .guide-box .guide-list li {
        width: 20%;
        height: 100%;
        box-sizing: border-box;
        padding: 60px 40px 0;
        overflow: hidden;
        position: relative;
        transition: all .6s; }
        #index .index03-box .guide-box .guide-list li .num {
          position: absolute;
          font-size: 76px;
          font-weight: bold;
          bottom: -46px;
          left: 33px; }
        #index .index03-box .guide-box .guide-list li .t1 {
          color: #fff;
          font-size: 24px;
          margin-top: 20px;
          margin-bottom: 15px;
          height: 62px; }
        #index .index03-box .guide-box .guide-list li .info p {
          color: #fff;
          font-size: 16px;
          line-height: 1.8em; }
        #index .index03-box .guide-box .guide-list li i {
          width: 62px;
          height: 62px;
          background-repeat: no-repeat;
          background-position: center;
          display: inline-block;
          background-size: 100% 100%; }
        #index .index03-box .guide-box .guide-list li:nth-of-type(1) {
          background-color: #f2631f; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(1) .num {
            color: #fa7a3d; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(1) i {
            background-image: url("../images/111.png"); }
        #index .index03-box .guide-box .guide-list li:nth-of-type(2) {
          background-color: #fff; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(2) .num {
            color: #fa7a3d;
            opacity: .13; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(2) i {
            background-image: url("../images/22.png"); }
          #index .index03-box .guide-box .guide-list li:nth-of-type(2) .t1 {
            color: #4d4d4d; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(2) .info p {
            color: #808080; }
        #index .index03-box .guide-box .guide-list li:nth-of-type(3) {
          background-color: #2e56d0; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(3) .num {
            color: #3e68e9; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(3) i {
            background-image: url("../images/333.png"); }
        #index .index03-box .guide-box .guide-list li:nth-of-type(4) {
          background-color: #fff; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(4) .num {
            color: #fa7a3d;
            opacity: .13; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(4) i {
            background-image: url("../images/44.png"); }
          #index .index03-box .guide-box .guide-list li:nth-of-type(4) .t1 {
            color: #4d4d4d; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(4) .info p {
            color: #808080; }
        #index .index03-box .guide-box .guide-list li:nth-of-type(5) {
          background-color: #f2631f; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(5) .num {
            color: #fa7a3d; }
          #index .index03-box .guide-box .guide-list li:nth-of-type(5) i {
            background-image: url("../images/555.png"); }
      #index .index03-box .guide-box .guide-list .guide01 {
        background-color: #f2631f !important; }
        #index .index03-box .guide-box .guide-list .guide01 .num {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide01 .t1 {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide01 .info p {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide01 i {
          background-image: url("../images/222.png") !important; }
      #index .index03-box .guide-box .guide-list .guide02 {
        background-color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide02 .num {
          color: #fa7a3d !important;
          opacity: 0.13 !important; }
        #index .index03-box .guide-box .guide-list .guide02 .t1 {
          color: #4d4d4d !important; }
        #index .index03-box .guide-box .guide-list .guide02 .info p {
          color: #808080 !important; }
        #index .index03-box .guide-box .guide-list .guide02 i {
          background-image: url("../images/11.png") !important; }
      #index .index03-box .guide-box .guide-list .guide022 {
        background-color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide022 .num {
          color: #3e68e9 !important;
          opacity: 0.13 !important; }
        #index .index03-box .guide-box .guide-list .guide022 .t1 {
          color: #4d4d4d !important; }
        #index .index03-box .guide-box .guide-list .guide022 .info p {
          color: #808080 !important; }
        #index .index03-box .guide-box .guide-list .guide022 i {
          background-image: url("../images/33.png") !important; }
      #index .index03-box .guide-box .guide-list .guide0222 {
        background-color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide0222 .num {
          color: #3e68e9 !important;
          opacity: 0.13 !important; }
        #index .index03-box .guide-box .guide-list .guide0222 .t1 {
          color: #4d4d4d !important; }
        #index .index03-box .guide-box .guide-list .guide0222 .info p {
          color: #808080 !important; }
        #index .index03-box .guide-box .guide-list .guide0222 i {
          background-image: url("../images/55.png") !important; }
      #index .index03-box .guide-box .guide-list .guide03 {
        background-color: #2e56d0 !important; }
        #index .index03-box .guide-box .guide-list .guide03 .num {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide03 .t1 {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide03 .info p {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide03 i {
          background-image: url("../images/222.png") !important; }
      #index .index03-box .guide-box .guide-list .guide04 {
        background-color: #fa7a3d !important; }
        #index .index03-box .guide-box .guide-list .guide04 .num {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide04 .t1 {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide04 .info p {
          color: #fff !important; }
        #index .index03-box .guide-box .guide-list .guide04 i {
          background-image: url("../images/444.png") !important; }
#index .index04-box .bg-box {
  width: 100%;
  height: 770px;
  background-size: cover;
  background-image: url("../images/p36.png");
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 120px;
  position: relative; }
  #index .index04-box .bg-box .com-title .tt {
    color: #fff; }
  #index .index04-box .bg-box .com-title .bg04 {
    width: 100%;
    height: 116px;
    background-image: url("../images/p34.png");
    background-size: 1218px 116px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 55px;
    z-index: 9; }
  #index .index04-box .bg-box .com-title .title {
    font-size: 20px;
    color: #fff;
    margin-top: 30px; }
  #index .index04-box .bg-box .process-lines {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 100px; }
    #index .index04-box .bg-box .process-lines .item {
      width: 178px;
      height: 178px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-image: url("../images/p35.png");
      border-radius: 50%;
      font-size: 20px;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      flex-direction: column;
      position: relative; }
      #index .index04-box .bg-box .process-lines .item:after {
        content: '';
        position: absolute;
        width: 14px;
        height: 17px;
        background-image: url("../images/p37.png");
        background-repeat: no-repeat;
        background-size: 14px 17px;
        right: -22%;
        top: 70%; }
      #index .index04-box .bg-box .process-lines .item .t1 {
        font-size: 24px;
        margin-top: 10px; }
      #index .index04-box .bg-box .process-lines .item:nth-of-type(2n) {
        transform: translateY(60px); }
        #index .index04-box .bg-box .process-lines .item:nth-of-type(2n):after {
          content: '';
          position: absolute;
          width: 14px;
          height: 17px;
          background-image: url("../images/p38.png");
          background-repeat: no-repeat;
          background-size: 14px 17px;
          right: -28%;
          top: 36%; }
      #index .index04-box .bg-box .process-lines .item:last-of-type:after {
        width: 0; }
#index .index05-box {
  padding-top: 115px;
  padding-bottom: 88px; }
  #index .index05-box .bg04 {
    width: 100%;
    height: 116px;
    background-image: url("../images/p39.png");
    background-size: 410px 116px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -70px;
    z-index: 9; }
  #index .index05-box .news-box {
    display: flex;
    margin-top: 60px; }
    #index .index05-box .news-box .item {
      display: block;
      width: 32%;
      margin-right: 2%; }
      #index .index05-box .news-box .item .pic {
        width: 100%;
        overflow: hidden; }
        #index .index05-box .news-box .item .pic img {
          width: 100%;
          height: 100%;
          transition: transform .5s ease-out;
          -webkit-transition: transform .5s ease-out;
          -moz-transition: transform .5s ease-out; }
      #index .index05-box .news-box .item .info-box {
        height: 120px;
        display: flex; }
        #index .index05-box .news-box .item .info-box .date {
          width: 100px;
          height: 100%;
          font-size: 14px;
          color: #fff;
          background-color: #333;
          flex-shrink: 0;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center; }
          #index .index05-box .news-box .item .info-box .date .day {
            font-size: 30px;
            line-height: 34px; }
        #index .index05-box .news-box .item .info-box .info {
          width: calc(100% - 100px);
          padding: 20px 25px;
          color: #4d4d4d;
          font-size: 14px;
          background-color: #e6e6e6; }
          #index .index05-box .news-box .item .info-box .info .title {
            font-size: 16px;
            font-weight: bold; }
          #index .index05-box .news-box .item .info-box .info .desc {
            line-height: 1.5em;
            margin-top: 20px; }
      #index .index05-box .news-box .item:hover .pic img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1); }
      #index .index05-box .news-box .item:nth-of-type(3n) {
        margin-right: 0; }
  #index .index05-box .news-more {
    margin: 0 auto;
    margin-top: 70px; }

#about .about01-box {
  margin-top: 50px; }
  #about .about01-box .left {
    width: 54%;
    position: relative; }
    #about .about01-box .left .img {
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      z-index: 11; }
      #about .about01-box .left .img img {
        width: 100%;
        opacity: 0; }
    #about .about01-box .left .img-bg {
      width: 100%;
      background-color: #f5f5f5;
      position: absolute;
      z-index: 10;
      top: 36px;
      right: -20px; }
      #about .about01-box .left .img-bg img {
        width: 100%;
        opacity: 0; }
    #about .about01-box .left img {
      width: 100%;
      height: 100%; }
  #about .about01-box .right {
    width: 41%;
    padding-top: 40px; }
    #about .about01-box .right .title {
      font-weight: bold;
      font-size: 24px;
      color: #4d4d4d;
      position: relative; }
      #about .about01-box .right .title:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 2px;
        background: #f5503b;
        bottom: -5px;
        left: 0; }
    #about .about01-box .right .info {
      overflow-y: auto;
      margin-top: 15px;
      height: 320px;
      /*定义滑块 内阴影+圆角*/ }
      #about .about01-box .right .info::-webkit-scrollbar {
        width: 6px;
        height: 10px;
        background-color: #F5F5F5; }
      #about .about01-box .right .info::-webkit-scrollbar-track {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        background-color: #f3f4f5; }
      #about .about01-box .right .info::-webkit-scrollbar-thumb {
        background-color: #f5503b; }
      #about .about01-box .right .info p {
        color: #4d4d4d;
        font-size: 16px;
        line-height: 2.2em; }
        #about .about01-box .right .info p span {
          font-weight: bold; }
#about .about02-box > .title {
  font-weight: bold;
  font-size: 24px;
  color: #4d4d4d;
  position: relative;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 110px; }
  #about .about02-box > .title:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: #f5503b;
    bottom: -5px;
    left: calc(50% - 12px); }
#about .about02-box .about-swiper-box {
  position: relative;
  width: 71%;
  max-width: 1360px;
  margin: 0 auto; }
  #about .about02-box .about-swiper-box .about-swiper .swiper-slide {
    width: 32% !important;
    background-color: #f5f5f5;
    position: relative; }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide .pic {
      width: 100%;
      overflow: hidden; }
      #about .about02-box .about-swiper-box .about-swiper .swiper-slide .pic img {
        width: 100%;
        height: 100%;
        transition: transform .5s ease-out;
        -webkit-transition: transform .5s ease-out;
        -moz-transition: transform .5s ease-out; }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box {
      position: relative;
      padding: 0 25px 20px; }
      #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info {
        height: 150px;
        background-color: #ffffff;
        box-shadow: 0px 11px 13px 0px rgba(35, 43, 98, 0.16);
        border-radius: 2px;
        padding: 30px 30px 10px; }
        #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info .tt {
          text-align: center;
          font-size: 24px;
          color: #4d4d4d; }
        #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info .cont {
          color: #333;
          font-size: 16px;
          line-height: 1.8em;
          margin-top: 10px;
          text-align: center; }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide i {
      display: block;
      right: 2px;
      bottom: 4px;
      width: 56px;
      height: 56px;
      background-color: #f5503b;
      border-radius: 2px;
      background-size: 40px 40px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      right: 3px;
      bottom: 2px;
      z-index: 11; }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide .icon01 {
      background-image: url("../images/111.png"); }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide .icon02 {
      background-image: url("../images/222.png"); }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide .icon03 {
      background-image: url("../images/333.png"); }
    #about .about02-box .about-swiper-box .about-swiper .swiper-slide:hover .pic img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1); }
  #about .about02-box .about-swiper-box .swiper-button-prev-about {
    width: 36px;
    height: 36px;
    background-image: url("../images/p09.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    left: 0; }
    #about .about02-box .about-swiper-box .swiper-button-prev-about.swiper-button-disabled {
      background-image: url("../images/p08.png");
      opacity: 1; }
  #about .about02-box .about-swiper-box .swiper-button-next-about {
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    background-image: url("../images/p10.png");
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    right: 0; }
    #about .about02-box .about-swiper-box .swiper-button-next-about.swiper-button-disabled {
      background-image: url("../images/p11.png");
      opacity: 1; }
#about .about03-box {
  padding: 80px 0; }
  #about .about03-box > .title {
    font-weight: bold;
    font-size: 24px;
    color: #4d4d4d;
    position: relative;
    text-align: center;
    margin-bottom: 60px; }
    #about .about03-box > .title:after {
      content: '';
      position: absolute;
      width: 24px;
      height: 2px;
      background: #f5503b;
      bottom: -5px;
      left: calc(50% - 12px); }
  #about .about03-box .center {
    height: 513px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/p49.png");
    padding-left: 3%;
    padding-top: 60px; }
    #about .about03-box .center .info-box {
      width: 45%;
      background-color: #ffffff;
      box-shadow: 0px 11px 13px 0px rgba(35, 43, 98, 0.27);
      border-radius: 2px;
      padding: 50px 40px 40px;
      float: left; }
      #about .about03-box .center .info-box .tt {
        color: #4d4d4d;
        font-size: 24px;
        line-height: 24px;
        font-weight: bold; }
      #about .about03-box .center .info-box .tt-en {
        font-size: 24px;
        line-height: 24px;
        color: #999;
        margin-top: 10px; }
      #about .about03-box .center .info-box .line {
        width: 16px;
        height: 3px;
        background-color: #cac9c5;
        border-radius: 1px;
        margin-top: 30px; }
      #about .about03-box .center .info-box .info p {
        line-height: 1.8em;
        font-size: 16px;
        color: #4d4d4d; }
      #about .about03-box .center .info-box .info .t1 {
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 10px; }
#about .about-box {
  padding: 0 0 80px; }
  #about .about-box .about-item {
    margin-top: 40px; }
    #about .about-box .about-item .title {
      width: 249px;
      height: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("../images/p50.png");
      padding-left: 90px;
      color: #4d4d4d;
      line-height: 50px;
      font-size: 14px;
      position: relative; }
      #about .about-box .about-item .title .num {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        top: 0px;
        left: 25px;
        position: absolute; }
    #about .about-box .about-item .info {
      padding-left: 90px;
      padding-top: 15px; }

#news .com-title {
  padding: 140px 0 55px; }
  #news .com-title .bg-new {
    width: 100%;
    height: 116px;
    background-image: url("../images/p51.png");
    background-size: 440px 116px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 55px;
    z-index: 9; }
#news .news-box .bg-policy-news {
  width: 100%;
  height: 116px;
  background-image: url("../images/p57.png");
  background-size: 552px 116px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 70px;
  z-index: 9; }
#news .news-box .news-list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  border-bottom: 1px solid #ccc; }
  #news .news-box .news-list .item .left {
    font-size: 16px; }
    #news .news-box .news-list .item .left span {
      color: #f5503b;
      font-weight: bold; }
  #news .news-box .news-list .item .right {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center; }
    #news .news-box .news-list .item .right i {
      display: inline-block;
      width: 34px;
      height: 14px;
      background-repeat: no-repeat;
      background-image: url("../images/p50.png");
      background-position: center;
      background-size: cover;
      margin-left: 10px; }
#news .news-box-policy .com-title .bg-policy {
  width: 100%;
  height: 116px;
  background-image: url("../images/p53.png");
  background-size: 1004px 116px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 70px;
  z-index: 9; }
#news .news-box-policy .com-title .bg-policy-news {
  width: 100%;
  height: 116px;
  background-image: url("../images/p57.png");
  background-size: 552px 116px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 70px;
  z-index: 9; }
#news .news-box-policy ul li {
  width: 100%;
  background-color: #e6e6e6;
  position: relative;
  margin-bottom: 10px;
  display: flex; }
  #news .news-box-policy ul li .pic {
    width: 39%;
    height: 100%;
    position: relative; }
    #news .news-box-policy ul li .pic .bg {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    #news .news-box-policy ul li .pic .pic-mask {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background-color: rgba(52, 68, 102, 0.8);
      display: none; }
    #news .news-box-policy ul li .pic img {
      width: 100%;
      opacity: 0;
      transition: transform .5s ease-out;
      -webkit-transition: transform .5s ease-out;
      -moz-transition: transform .5s ease-out; }
  #news .news-box-policy ul li .info-box {
    padding: 90px 80px 0 30px;
    box-sizing: border-box;
    width: 61%;
    text-align: right; }
    #news .news-box-policy ul li .info-box .tt {
      color: #4d4d4d;
      font-size: 16px;
      font-weight: bold; }
    #news .news-box-policy ul li .info-box .info {
      margin-top: 25px;
      color: #4d4d4d;
      font-size: 14px;
      line-height: 1.7em; }
  #news .news-box-policy ul li .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .6s;
    background-repeat: no-repeat;
    background-image: url("../images/p54.png");
    background-size: 84px 14px;
    background-position: 10% 50%;
    display: block; }
  #news .news-box-policy ul li:hover .mask {
    width: 100%;
    background-position: 16% 50%; }
  #news .news-box-policy ul li:hover .pic-mask {
    display: block; }
  #news .news-box-policy ul li:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); }
#news .news-box-case .com-title .bg-case {
  width: 100%;
  height: 116px;
  background-image: url("../images/p39.png");
  background-size: 513px 116px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 70px;
  z-index: 9; }
#news .news-box-case .case-box {
  display: flex;
  flex-wrap: wrap; }
  #news .news-box-case .case-box .item {
    display: block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%; }
    #news .news-box-case .case-box .item .pic {
      width: 100%;
      overflow: hidden; }
      #news .news-box-case .case-box .item .pic img {
        width: 100%;
        height: 100%;
        transition: transform .5s ease-out;
        -webkit-transition: transform .5s ease-out;
        -moz-transition: transform .5s ease-out; }
    #news .news-box-case .case-box .item .info-box {
      height: 120px;
      display: flex; }
      #news .news-box-case .case-box .item .info-box .date {
        width: 100px;
        height: 100%;
        font-size: 14px;
        color: #fff;
        background-color: #333;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center; }
        #news .news-box-case .case-box .item .info-box .date .day {
          font-size: 30px;
          line-height: 34px; }
      #news .news-box-case .case-box .item .info-box .info {
        padding: 20px 25px;
        color: #4d4d4d;
        font-size: 14px;
        background-color: #e6e6e6; }
        #news .news-box-case .case-box .item .info-box .info .title {
          font-size: 16px;
          font-weight: bold; }
        #news .news-box-case .case-box .item .info-box .info .desc {
          line-height: 1.5em;
          margin-top: 20px; }
    #news .news-box-case .case-box .item:hover .pic img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1); }
    #news .news-box-case .case-box .item:nth-of-type(3n) {
      margin-right: 0; }
#news .news-detail {
  margin-top: 20px;
  margin-bottom: 60px; }
  #news .news-detail .news-content {
    background: #fff;
    box-sizing: border-box; }
    #news .news-detail .news-content .top {
      padding: 45px 0 30px 0;
      text-align: center;
      border-bottom: 1px solid #e6e6e6; }
      #news .news-detail .news-content .top .tt {
        color: #1a1a1a;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px; }
      #news .news-detail .news-content .top p span {
        color: #999;
        font-size: 14px;
        margin-left: 30px; }
    #news .news-detail .news-content .com-content {
      padding: 70px; }
      #news .news-detail .news-content .com-content img {
        max-width: 100%; }
    #news .news-detail .news-content .bottom {
      width: 100%;
      border-top: 1px solid #e6e6e6; }
      #news .news-detail .news-content .bottom .tops {
        color: #666;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #news .news-detail .news-content .bottom .tops > p {
          width: 50%; }
          #news .news-detail .news-content .bottom .tops > p.page-next {
            text-align: right; }
        #news .news-detail .news-content .bottom .tops a {
          color: #666;
          display: inline-block;
          padding: 30px 0;
          vertical-align: middle; }
      #news .news-detail .news-content .bottom .back {
        width: 168px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        background-color: #f5503b;
        border-radius: 23px;
        color: #fff;
        font-size: 14px;
        border: solid 1px #f24b37;
        margin: 0 auto;
        display: block;
        margin-top: 30px; }

#problem .problem-box {
  padding: 120px 0 0; }
  #problem .problem-box .com-title .bg05 {
    width: 100%;
    height: 120px;
    background-image: url("../images/p55.png");
    background-size: 776px 120px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -70px;
    z-index: 9; }
  #problem .problem-box .problem-list {
    margin-top: 30px; }
    #problem .problem-box .problem-list li .top {
      height: 65px;
      border-bottom: 1px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      cursor: pointer; }
      #problem .problem-box .problem-list li .top .left {
        font-size: 16px;
        color: #333; }
        #problem .problem-box .problem-list li .top .left span {
          color: #f5503b;
          font-weight: bold; }
      #problem .problem-box .problem-list li .top .right {
        background-image: url("../images/p56.png");
        width: 20px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: cover;
        transition: transform .6s; }
    #problem .problem-box .problem-list li .active .right {
      transform: rotate(180deg); }
    #problem .problem-box .problem-list li .down-box {
      border-bottom: 1px solid #ccc;
      padding: 15px 0 15px 30px; }
      #problem .problem-box .problem-list li .down-box p {
        line-height: 2em; }

#login {
  width: 100%;
  height: 100%; }
  #login .login-box {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("../images/bg.png");
    background-size: cover;
    padding-left: 300px; }
    #login .login-box .title {
      font-size: 30px;
      font-weight: bold;
      color: #333;
      position: relative;
      display: block;
      padding-top: 160px;
      cursor: pointer; }
      #login .login-box .title i {
        display: inline-block;
        width: 260px;
        height: 90px;
        background-image: url("../images/hello.png");
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1; }
    #login .login-box .form-box {
      padding-top: 80px;
      padding-left: 45px; }
      #login .login-box .form-box .input-box {
        width: 340px;
        height: 54px;
        border-radius: 10px;
        border: solid 1px #d9d9d9;
        display: flex;
        padding-left: 20px;
        align-items: center; }
        #login .login-box .form-box .input-box img {
          width: 22px;
          vertical-align: middle; }
        #login .login-box .form-box .input-box input {
          height: 50px;
          border: 0;
          font-size: 18px;
          padding-left: 10px; }
      #login .login-box .form-box .code-box input {
        width: 190px; }
      #login .login-box .form-box .code-box button {
        width: 100px;
        height: 50px;
        line-height: 50px;
        color: #e14a25;
        font-size: 14px;
        background: #fff;
        border: 0;
        cursor: pointer; }
      #login .login-box .form-box .login-btn {
        width: 340px;
        height: 54px;
        background-color: #e14a25;
        border-radius: 27px;
        border: 0;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0px 4px 4px 0px rgba(252, 148, 123, 0.7); }

#register .register-box {
  width: 100%; }
  #register .register-box .title {
    width: 100%;
    border-bottom: 1px solid #e0e0e0; }
    #register .register-box .title .center {
      margin: 0 auto;
      height: 104px;
      line-height: 104px;
      font-weight: bold;
      font-size: 30px;
      color: #333; }
      #register .register-box .title .center a {
        color: #333; }
      #register .register-box .title .center span {
        font-weight: normal; }
  #register .register-box .process-box {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 640px;
    margin-top: 90px; }
    #register .register-box .process-box:after {
      content: '';
      position: absolute;
      width: 620px;
      height: 22px;
      background-image: url("../images/p56.gif");
      background-repeat: repeat-x;
      background-size: 2px 22px;
      top: 22px;
      left: 18px;
      z-index: 9; }
    #register .register-box .process-box > ul {
      position: relative;
      z-index: 10;
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between; }
      #register .register-box .process-box > ul li {
        text-align: center; }
        #register .register-box .process-box > ul li p {
          color: #4d4d4d;
          font-size: 16px; }
        #register .register-box .process-box > ul li .pic {
          width: 64px;
          height: 64px;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("../images/p55.png");
          border-radius: 50%;
          background-position: center;
          padding: 9px;
          margin: 0 auto;
          margin-bottom: 15px; }
          #register .register-box .process-box > ul li .pic span {
            display: inline-block;
            width: 100%;
            height: 100%;
            line-height: 46px;
            text-align: center;
            border-radius: 50%;
            background: #bfbfbf;
            color: #fff;
            font-size: 30px;
            font-weight: bold; }
      #register .register-box .process-box > ul .active .t2 {
        display: block; }
      #register .register-box .process-box > ul .active .pic span {
        background: #e14a25; }
#register .form-box {
  width: 340px;
  padding-top: 70px;
  margin: 0 auto; }
  #register .form-box .input-box {
    width: 340px;
    height: 54px;
    border-radius: 10px;
    border: solid 1px #d9d9d9;
    display: flex;
    padding-left: 20px;
    align-items: center; }
    #register .form-box .input-box img {
      width: 22px;
      vertical-align: middle; }
    #register .form-box .input-box input {
      height: 50px;
      border: 0;
      font-size: 18px;
      padding-left: 10px; }
  #register .form-box .code-box input {
    width: 190px; }
  #register .form-box .code-box button {
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #e14a25;
    font-size: 14px;
    background: #fff;
    border: 0;
    cursor: pointer; }
#register .login-btn {
  width: 340px;
  height: 54px;
  line-height: 54px;
  background-color: #e14a25;
  border-radius: 27px;
  border: 0;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0px 4px 4px 0px rgba(252, 148, 123, 0.7); }
#register .content {
  margin-top: 120px; }
  #register .content .title01 {
    font-size: 16px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center; }
  #register .content .sul02 {
    display: flex;
    flex-wrap: wrap; }
    #register .content .sul02 li {
      width: 187px;
      height: 40px;
      border-radius: 4px;
      border: solid 1px #d9d9d9;
      margin-right: 15px;
      margin-bottom: 20px;
      color: #4d4d4d;
      cursor: pointer;
      font-size: 16px; }
      #register .content .sul02 li label {
        display: flex;
        width: 100%;
        height: 100%;
        position: relative;
        align-items: center;
        justify-content: center; }
        #register .content .sul02 li label .checkboxall {
          opacity: 0;
          width: 100%;
          height: 100%;
          border: 1px solid red;
          position: absolute; }
      #register .content .sul02 li .iCheck-ed-all {
        background: url("../images/check01.png") no-repeat;
        background-position: right bottom; }
    #register .content .sul02 .g-li:hover {
      border-color: rgba(0, 0, 0, 0.3);
      color: rgba(0, 0, 0, 0.3);
      cursor: pointer; }
      #register .content .sul02 .g-li:hover label span {
        color: rgba(225, 74, 37, 0.8); }
    #register .content .sul02 .r-li:hover {
      border-color: #ffb759;
      cursor: pointer; }
      #register .content .sul02 .r-li:hover label span {
        color: rgba(225, 74, 37, 0.8); }
    #register .content .sul02 .b-active {
      border: 1px solid #ffb759;
      box-shadow: 0 0 2px #ffb759; }
    #register .content .sul02 li:nth-of-type(6n) {
      margin-right: 0px; }
  #register .content .warn-box {
    padding-top: 10px; }
    #register .content .warn-box .s-check {
      display: flex;
      align-items: center;
      justify-content: center; }
      #register .content .warn-box .s-check .s-check01 .checkbox {
        opacity: 0;
        width: 22px;
        height: 22px; }
      #register .content .warn-box .s-check label {
        display: flex;
        align-items: center; }
      #register .content .warn-box .s-check .iCheck {
        background: url("../images/nocheck.png") no-repeat;
        background-size: 22px 22px; }
      #register .content .warn-box .s-check .iCheck-ed {
        background: url("../images/check02.png") no-repeat;
        background-size: 22px 22px; }
      #register .content .warn-box .s-check span {
        display: block;
        margin-left: 16px;
        margin-top: 2px;
        color: #4d4d4d; }
  #register .content .login-btn {
    margin: 0 auto; }
#register .form01-box {
  padding-bottom: 130px; }
  #register .form01-box .item-box .tt {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 20px; }
    #register .form01-box .item-box .tt:after {
      content: '';
      position: absolute;
      width: 2px;
      height: 22px;
      background: #e14a25;
      left: 0;
      top: 2px; }
  #register .form01-box .item-center {
    width: 900px; }
  #register .form01-box .text {
    color: #4d4d4d;
    font-size: 14px;
    margin-top: 35px;
    padding-left: 120px; }
  #register .form01-box .input-box {
    display: flex;
    align-items: flex-start; }
    #register .form01-box .input-box .label {
      color: #4d4d4d;
      font-size: 16px;
      width: 225px;
      margin-top: 15px;
      text-align: right;
      padding-right: 10px;
      box-sizing: border-box; }
      #register .form01-box .input-box .label span {
        width: 10px;
        height: 9px;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("../images/star.png");
        vertical-align: middle;
        display: inline-block;
        margin-top: -5px;
        margin-right: 5px; }
    #register .form01-box .input-box .input {
      width: 523px; }
      #register .form01-box .input-box .input .ipt-box {
        width: 100%;
        height: 54px;
        border-radius: 10px;
        border: solid 1px #d9d9d9; }
        #register .form01-box .input-box .input .ipt-box input {
          width: 100%;
          height: 50px;
          margin-top: 2px;
          padding-left: 10px;
          font-size: 18px;
          border: 0;
          background: transparent; }
      #register .form01-box .input-box .input .text-box {
        width: 100%;
        height: 116px;
        border-radius: 10px;
        border: solid 1px #d9d9d9; }
        #register .form01-box .input-box .input .text-box textarea {
          width: 100%;
          height: 110px;
          border-radius: 10px;
          border: 0;
          padding: 10px 10px 0;
          resize: none; }
      #register .form01-box .input-box .input .num-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 24px; }
        #register .form01-box .input-box .input .num-box input {
          width: 80%; }
        #register .form01-box .input-box .input .num-box span {
          color: #4d4d4d;
          font-size: 16px; }
      #register .form01-box .input-box .input .radio-box {
        margin-top: 7px; }
        #register .form01-box .input-box .input .radio-box .radioitem {
          display: inline-block;
          height: 20px; }
        #register .form01-box .input-box .input .radio-box .radioitem .radio {
          display: none; }
        #register .form01-box .input-box .input .radio-box .radioitem .radiolabel span {
          height: 20px;
          line-height: 20px;
          display: inline-block;
          float: left;
          margin-left: 20px;
          user-select: none;
          cursor: pointer;
          margin-top: 12px;
          font-size: 16px; }
        #register .form01-box .input-box .input .radio-box .radioitem .radiolabel::before {
          width: 28px;
          height: 28px;
          content: '';
          display: inline-block;
          background-image: url(../images/p60.png);
          background-size: 100% 100%;
          float: left;
          cursor: pointer;
          margin-top: 7px; }
        #register .form01-box .input-box .input .radio-box .radioitem .radio:checked + .radiolabel::before {
          background-image: url(../images/p59.png); }
      #register .form01-box .input-box .input .upload-box {
        position: relative;
        width: 223px;
        padding-top: 24px;
        height: 120px;
        border-radius: 10px;
        border: solid 1px #d9d9d9;
        text-align: center;
        display: inline-block;
        margin-right: 28px;
        overflow: hidden; }
        #register .form01-box .input-box .input .upload-box input[type="file"] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1000;
          opacity: 0; }
        #register .form01-box .input-box .input .upload-box .info > img {
          width: 38px; }
        #register .form01-box .input-box .input .upload-box .info p {
          color: #4d4d4d;
          font-size: 14px;
          margin-top: 15px; }
        #register .form01-box .input-box .input .upload-box .file-img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 999; }
      #register .form01-box .input-box .input .upload-warn {
        display: inline-block;
        text-align: center; }
        #register .form01-box .input-box .input .upload-warn img {
          width: 42px;
          margin-bottom: 10px; }
        #register .form01-box .input-box .input .upload-warn p {
          color: #4d4d4d;
          font-size: 14px;
          line-height: 1.8em; }
      #register .form01-box .input-box .input .info {
        margin-top: 15px;
        color: #4d4d4d;
        font-size: 14px;
        line-height: 1.8em; }
    #register .form01-box .input-box .upload {
      width: calc(100% - 225px); }
    #register .form01-box .input-box .store-box {
      width: auto; }
      #register .form01-box .input-box .store-box .radio-box .radioitem .radiolabel span {
        margin-left: 5px; }
    #register .form01-box .input-box .add {
      display: inline-block;
      width: 42px;
      height: 42px;
      background-image: url("../images/p57.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin-left: 20px;
      margin-top: 8px;
      cursor: pointer; }
  #register .form01-box .login-btn {
    margin-left: 225px; }
#register .success-box {
  width: 619px;
  height: 472px;
  margin: 0 auto; }
  #register .success-box img {
    width: 100%;
    height: 100%; }
#register .log-footer {
  color: #999;
  font-size: 14px;
  height: 52px;
  padding: 18px 0 10px;
  width: 100%;
  position: fixed;
  background: #262626;
  bottom: 0;
  z-index: 10000; }
  #register .log-footer .right span {
    margin-left: 40px; }

@media screen and (max-width: 1900px) {
  #index .index03-box .guide-box .guide-list li {
    padding: 40px 20px 0; }

  #index .index03-box .guide-box .guide-list li .t1 {
    font-size: 20px; }

  #index .index04-box .bg-box .process-lines .item {
    width: 150px;
    height: 150px;
    font-size: 18px; }

  #index .index04-box .bg-box .process-lines .item .t1 {
    font-size: 18px; }

  .plan-box .plan-position .right-form .tops .lines {
    width: 180px; }

  #index .index-banner .index-swiper .swiper-slide .text-box {
    /*margin-top: 250px;*/
  }

  .plan-box .plan-position .right-form .code-lines input {
    width: 180px; } }
@media screen and (max-width: 1600px) {
  .container {
    width: 85%; }

  #index .index-banner .index-swiper .swiper-slide .text-box .tt {
    font-size: 50px; }

  #index .index-banner .index-swiper .swiper-slide .text-box .tt1 {
    font-size: 50px; }

  #index .index-banner .index-swiper .swiper-slide .text-box {
    width: 85%; }

  #index .index-banner .index-swiper .button-position .swiper-button-box {
    width: 85%; }

  #about .about02-box .about-swiper-box {
    width: 90%; } }
@media screen and (max-width: 1460px) {
  #index .index03-box .guide-box .guide-list li {
    padding: 40px 15px; }

  #index .index04-box .bg-box {
    height: 680px;
    padding-top: 80px; }

  .com-title .tt {
    font-size: 36px; }

  #index .index04-box .bg-box .com-title .title {
    font-size: 18px;
    margin-top: 20px; }

  .plan-box .plan-position .right-form .tops .lines {
    width: 170px;
    height: 45px;
    line-height: 45px; }

  .plan-box .plan-position .right-form .get-plan {
    font-size: 14px;
    width: 170px;
    height: 45px;
    line-height: 45px; }

  #about .about02-box .about-swiper-box {
    width: 95%; }

  #news .news-box-case .case-box .item .info-box {
    height: 100px; }

  #news .news-box-case .case-box .item .info-box .info {
    padding: 10px 15px; }

  #news .news-box-case .case-box .item .info-box .info .desc {
    margin-top: 10px; }

  #index .index03-box .guide-box .guide-list li .t1 {
    height: 50px;
    font-size: 18px; }

  #index .index03-box .guide-box .guide-list {
    height: 370px; }

  #index .index03-box .guide-box .guide-list li i {
    width: 56px;
    height: 56px; }

  #index .index02-box .index-about .right-img .small-outer {
    bottom: -4%; }

  .plan-box .plan-position .right-form .code-lines input {
    width: 170px; }
  .com-nav .right .nav > li{
    margin-right: 75px;
  }
  .com-nav .right .log-box{
    margin-left: 60px;
  }
}
@media screen and (max-width: 1386px) {
  #index .index01-box .benefit-box ul li .cont .tt .t2 {
    font-size: 16px; }

  #index .index01-box .benefit-box ul li .cont .tt .t1 {
    margin-top: 10px;
    margin-bottom: 10px; }

  #index .index01-box .benefit-box ul li .cont .img {
    width: 90px;
    height: 90px; }

  #index .index01-box .benefit-box {
    padding: 50px 0; }

  #index .index01-box .benefit-box ul li {
    padding: 20px 10px; }

  .com-nav .right .log-box {
    font-size: 20px; }

  #index .index02-box .index-about .left-info {
    margin-top: 25px; }

  #index .index01-box .com-title .bg01 {
    background-size: 60% auto;
    bottom: 0; }

  #index .index01-box {
    padding-top: 80px; }

  #index .index02-box .com-title .bg02 {
    background-size: 60% auto;
    bottom: 0; }

  #index .index04-box .bg-box {
    height: 600px;
    padding-top: 50px; }

  #index .index04-box .bg-box .process-lines .item {
    width: 130px;
    height: 130px; }

  #index .index03-box .guide-box .bg03 {
    background-size: 60% auto; }

  #index .index05-box .bg04 {
    background-size: 25% auto;
    bottom: 0; }

  #index .index05-box {
    padding-top: 90px;
    padding-bottom: 60px; }

  .plan-box .plan-position .right-form .tops .lines {
    width: 165px;
    margin-left: 10px; }

  .plan-box .plan-position .left-title .t1 {
    font-size: 26px;
    line-height: 26px; }

  .plan-box .plan-position .left-title .t2 {
    margin-top: 10px;
    margin-bottom: 20px; }

  .center {
    width: 90%;
    max-width: 1200px;
    min-width: unset; }

  #news .news-box-policy .com-title .bg-policy {
    background-size: 60% auto;
    top: 40px; }

  #news .news-box .bg-policy-news {
    background-size: 35% auto;
    top: 40px; }

  #problem .problem-box .com-title .bg05 {
    background-size: 45% auto; }

  #news .com-title {
    padding: 100px 0 40px; }

  #news .com-title .bg-new {
    background-size: 30% auto;
    top: 30px; }

  #news .news-box-case .com-title .bg-case {
    background-size: 30% auto;
    top: 30px; }

  #index .index-banner .index-swiper .swiper-slide .text-box {
    /*margin-top: 130px; */
  }

  #index .index-banner .index-swiper .swiper-slide .text-box .tt {
    font-size: 32px; }

  #index .index-banner .index-swiper .swiper-slide .text-box .tt1 {
    font-size: 32px; }

  #index .index-banner .index-swiper .swiper-slide .text-box .line {
    margin-top: 20px; }

  #index .index-banner .index-swiper .button-position {
    bottom: 230px; }

  .plan-box .plan-position .right-form .code-lines input {
    width: 165px; }

  .plan-box .plan-position .right-form .code-lines {
    left: 10px; } }
@media screen and (max-width: 1300px) {
  .com-nav .right .nav > li {
    margin-right: 40px; }

  .com-nav .right .log-box {
    margin-left: 50px; }

  #index .index-banner .service-box .container {
    height: 150px; }

  #index .index-banner .service-box .container .service-list li img {
    width: 90px; }

  #index .index-banner .service-box .container .service-list li p {
    font-size: 16px; }

  #index .index03-box .guide-box .guide-list li .num {
    font-size: 45px;
    bottom: -27px; }

  #index .index03-box .guide-box .guide-list {
    height: 340px; }

  #index .index03-box .guide-box .guide-list li i {
    width: 40px;
    height: 40px; }

  #index .index04-box .bg-box .process-lines .item {
    width: 110px;
    height: 110px;
    font-size: 14px; }

  #index .index04-box .bg-box .process-lines .item .t1 {
    font-size: 14px; }

  #index .index04-box .bg-box .process-lines {
    margin-top: 70px; }

  #index .index04-box .bg-box {
    height: 500px; }

  #index .index05-box .news-box .item .info-box {
    height: 90px; }

  #index .index05-box .news-box .item .info-box .info {
    padding: 10px; }

  #index .index05-box .news-box .item .info-box .date .day {
    font-size: 20px;
    line-height: 25px; }

  #index .index05-box .news-box .item .info-box .info .desc {
    margin-top: 10px; }

  #index .index05-box .news-box .item .info-box .info {
    font-size: 12px; }

  #index .index05-box .news-box .item .info-box .info .title {
    font-size: 14px; }

  .plan-box .plan-position .left-title .t2 {
    font-size: 14px; }

  .plan-box .plan-position .left-title .t1 {
    font-size: 20px; }

  .plan-box .plan-position {
    padding-top: 40px; }

  .plan-box .plan-position .right-form .tops .lines {
    width: 135px; }

  .plan-box .plan-position .right-form .tops .lines input {
    padding-left: 10px; }

  .footer .footer-top .footer-content .left .code-box {
    margin-left: 80px; }

  .footer .footer-top .footer-content .left .foot-nav > li {
    margin-right: 30px; }

  #news .news-box-case .case-box .item .info-box {
    height: 90px; }

  #news .news-box-case .case-box .item .info-box .info {
    padding: 10px; }

  #news .news-box-case .case-box .item .info-box .info .title {
    font-size: 14px; }

  #news .news-box-case .case-box .item .info-box .date .day {
    font-size: 20px;
    line-height: 25px; }

  #news .news-detail .news-content .com-content {
    padding: 40px; }

  #news .news-detail .news-content .top .tt {
    font-size: 24px; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info {
    padding: 15px 15px 10px; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info .tt {
    font-size: 18px; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info .cont {
    font-size: 14px; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide i {
    width: 45px;
    height: 45px;
    background-size: 30px 30px; }

  #about .about03-box .center .info-box .info .t1 {
    margin-top: 15px;
    margin-bottom: 10px; }

  #news .news-box-policy ul li .info-box {
    padding: 45px 36px 0 30px; }

  .plan-box .plan-position .right-form .code-lines input {
    width: 135px; } }
@media screen and (max-width: 1044px) {
  #index .index-banner .service-box{
    position: static;
  }
  #index .index-banner .service-box .container{
    width: 100%;
  }
  #index .index-banner .index-swiper .swiper-slide .text-box{
    padding-top: 0rem;
    padding-bottom:4rem;
  }
  #index .index-banner .index-swiper .button-position{
    bottom: 0.2rem;
  }
  .com-nav {
    display: none; }

  .header {
    margin-top: 0.88rem; }

  .container {
    width: 90%; }

  .header .top {
    height: 0.6rem;
    background-size: 2px 0.6rem;
    line-height: 0.6rem; }

  .header .top .icon {
    width: 0.25rem;
    height: 0.2rem;
    flex-shrink: 0; }

  .header .top .container {
    display: flex;
    align-items: center;
    padding-top: 0.1rem; }

  .header .top .notice {
    width: calc(100% - 25px); }

  #index .index-banner .index-swiper .swiper-slide .text-box .tt {
    font-size: 26px; }

  #index .index-banner .index-swiper .swiper-slide .text-box .tt1 {
    font-size: 24px; }

  #index .index-banner .index-swiper .swiper-slide .text-box .en-title p {
    font-size: 14px; }

  #index .index-banner .service-box .container .service-list li img {
    width: 1rem; }

  #index .index-banner .service-box .container .service-list li p {
    font-size: 12px; }

  #index .index-banner .service-box .container {
    height: 2rem; }

  #index .index-banner .service-box .container .service-list li {
    padding-top: 0.4rem; }

  .header .top .notice a {
    font-size: 12px; }

  #index .index01-box {
    padding-top: 0.5rem; }

  .com-title .tt {
    font-size: 20px; }

  #index .index01-box .com-title .bg01 {
    height: 1rem; }

  #index .index01-box .title {
    font-size: 14px;
    margin-top: 0.4rem;
    margin-bottom: 0.2rem; }

  #index .index01-box .benefit-box ul li {
    width: 50%; }

  #index .index01-box .benefit-box ul li b {
    display: none; }

  #index .index01-box .benefit-box ul li .cont .img {
    width: 1rem;
    height: 1rem; }

  #index .index01-box .benefit-box ul li .cont .tt .t2 {
    font-size: 14px; }

  #index .index01-box .benefit-box ul li {
    padding: 0.1rem; }

  #index .index01-box .benefit-box {
    padding: 0.6rem 0; }

  #index .index02-box .com-title .bg02 {
    height: 1rem; }

  #index .index02-box {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  #index .index02-box .index-about {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.4rem; }

  #index .index02-box .index-about .left-info {
    width: 100%; }

  .com-title .tt:before {
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background-color: #f5503b;
    position: absolute;
    bottom: -0.13rem;
    left: 50%;
    margin-left: -0.05rem;
    z-index: 10; }

  #index .index02-box .index-about .left-info .info {
    font-size: 14px;
    height: 4rem; }

  #index .index02-box .index-about .right-img {
    width: 100%;
    margin-top: 0.4rem; }

  #index .index-banner .index-swiper .swiper-slide .text-box {
    /*margin-top: 2rem;*/
    top: 10%;
    left: 7%;
  }
  #index .index-banner .index-swiper .swiper-slide .text-box .line{
    display: none;
  }
  /*#index .index-banner .index-swiper .swiper-slide .text-box .tt{*/
    /*font-size: 20px;*/
  /*}*/
  #index .index-banner .index-swiper .swiper-slide .text-box .tt1{
    font-size: 24px;
  }
  #index .index03-box .guide-box .bg03 {
    top: -60px; }

  #index .index04-box .bg-box .com-title .title {
    font-size: 14px;
    margin-top: 0.2rem; }

  .news-more {
    width: 2.5rem;
    height: 0.7rem;
    line-height: 0.7rem;
    padding-left: 0.2rem;
    font-size: 12px;
    background-size: 24px 9px; }

  #index .index02-box .index-about .left-info .title .cn {
    font-size: 18px; }

  #index .index03-box {
    padding: 0.6rem 0 1rem; }

  #index .index03-box .guide-box .guide-list {
    height: auto;
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

  #index .index03-box .guide-box .guide-list li {
    width: 49%;
    padding: 0.2rem 0.2rem 1rem;
    margin-bottom: 2%; }

  #index .index03-box .guide-box .guide-list li .t1 {
    height: 1rem;
    font-size: 14px;
    margin-top: 0.2rem;
    margin-bottom: 0.1rem; }

  #index .index03-box .guide-box .guide-list li .info p {
    font-size: 12px; }

  #index .index03-box .guide-box .guide-list li .num {
    font-size: 28px;
    bottom: -0.3rem;
    left: 1rem; }

  #index .index04-box .bg-box {
    height: 8rem;
    padding-top: 0.4rem; }

  #index .index04-box .bg-box .process-lines {
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: space-between; }

  #index .index04-box .bg-box .process-lines .item {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.2rem; }

  #index .index04-box .bg-box .process-lines .item:after {
    display: none; }

  #index .index04-box .bg-box .process-lines .item:nth-of-type(2n) {
    transform: translateY(0); }

  #index .index03-box .guide-box .guide-list li {
    height: auto; }

  #index .index05-box {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  #index .index05-box .news-box {
    margin-top: 0.6rem; }

  #index .index05-box .bg04 {
    background-size: 35% auto;
    top: -55px; }

  #index .index05-box .news-box {
    flex-wrap: wrap; }

  #index .index05-box .news-box .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%; }

  #index .index05-box .news-more {
    margin-top: 0.5rem; }

  .plan-box {
    display: flex;
    flex-wrap: wrap;
    height: auto; }

  .plan-box .left {
    width: 100%;
    display: none; }

  .plan-box .right {
    width: 100%;
    display: none; }

  .plan-box .plan-position {
    position: static;
    padding-top: 0; }

  .plan-box .plan-position .container {
    flex-wrap: wrap;
    width: 100%; }

  .plan-box .plan-position .left-title {
    width: 100%;
    background-color: #f5503b;
    padding: 0.3rem 5%; }

  .plan-box .plan-position .right-form {
    background-color: #333;
    padding: 0.3rem 5%; }

  .plan-box .plan-position .right-form .tops {
    flex-wrap: wrap;
    justify-content: space-between; }

  .plan-box .plan-position .right-form .tops .lines {
    width: 50%; }

  .plan-box .plan-position .right-form .tops .lines input {
    padding-left: 0.1rem; }

  .plan-box .plan-position .right-form .tops .lines select {
    padding-left: 0.1rem; }

  .plan-box .plan-position .right-form .tops .lines {
    margin-left: 0;
    width: 49%;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-bottom: 2%; }

  .plan-box .plan-position .right-form .get-plan {
    width: 49%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 12px;
    margin-top: 0.2rem; }

  .footer .footer-top .footer-content .left .foot-nav {
    display: none; }

  .footer .footer-top {
    height: auto;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem; }

  .footer .footer-top .footer-content .right .info-box {
    margin-top: 0; }

  .footer .footer-top .footer-logo {
    width: 2.4rem;
    height: 1rem;
    background-size: 2.4rem auto; }

  .footer .footer-top .footer-content .left .code-box {
    margin-left: 0; }

  .footer .footer-top .center {
    display: flex;
    flex-direction: column;
    align-items: center; }

  .footer .footer-top .center .footer-content {
    display: flex;
    flex-direction: column;
    align-items: center; }

  .footer .footer-top .footer-content .right {
    text-align: center;
    margin-top: 10px; }

  .footer .footer-top .footer-content .right .title .t1 {
    font-size: 18px; }

  .footer .footer-top .footer-content .right .info-box .address {
    font-size: 14px; }

  .footer .footer-top .footer-content .right .title {
    display: none; }

  .footer .footer-top .footer-content .right .info-box .tel {
    font-size: 18px; }

  .footer .footer-top .footer-content .right .info-box .address.mt20 {
    margin-top: 0.2rem !important; }

  .footer .footer-top .footer-content .left .code-box p {
    margin-top: 0.1rem; }

  .footer .footer-top .footer-content .left .code-box .pic img {
    width: 130px; }

  .footer .footer-top .footer-content .left {
    margin-top: 0.4rem; }

  .footer .footer-bottom {
    height: auto; }

  .footer .footer-bottom .center .left {
    width: 100%;
    text-align: center; }

  .footer .footer-bottom .center .right {
    width: 100%; }

  .footer .footer-bottom .right span {
    margin-left: 0;
    display: block;
    width: 100%;
    text-align: center; }

  .inner-banner {
    margin-top: 0.88rem;
    height: 4rem; }

  .about-nav {
    height: 0.8rem; }

  .about-nav ul li {
    width: 33.333%; }

  .about-nav ul li a {
    line-height: 0.8rem;
    font-size: 14px; }

  #about .about01-box {
    margin-top: 0.4rem; }

  #about .about01-box .left {
    width: 100%; }

  #about .about01-box .left .img-bg {
    top: 0.1rem;
    right: -0.1rem; }

  #about .about01-box .right {
    width: 100%;
    padding-top: 0.4rem; }

  #about .about01-box .right .info p {
    font-size: 14px;
    line-height: 1.8em; }

  #about .about01-box .right .info {
    height: auto; }

  #about .about02-box > .title {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide {
    width: 49% !important; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide i {
    width: 0.6rem;
    height: 0.6rem;
    background-size: 0.45rem 0.45rem; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info .tt {
    font-size: 16px; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info .cont {
    font-size: 12px; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info {
    padding: 0.4rem 0.1rem 0.2rem; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box {
    padding: 0 0.2rem 0.2rem; }

  #about .about02-box .about-swiper-box .swiper-button-prev-about {
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.45rem 0.45rem; }

  #about .about02-box .about-swiper-box .swiper-button-next-about {
    width: 0.8rem;
    height: 0.8rem;
    background-size: 0.45rem 0.45rem; }

  #about .about02-box .about-swiper-box .about-swiper .swiper-slide .info-box .info {
    height: auto; }

  #about .about03-box {
    padding: 0.8rem 0; }

  #about .about03-box .center .info-box {
    width: 100%; }

  #about .about03-box .center .info-box {
    padding: 0.3rem; }

  #about .about03-box .center {
    height: 6.3rem;
    padding-left: 0;
    padding-top: 0.8rem; }

  #about .about03-box .center .info-box .tt {
    font-size: 18px;
    line-height: 18px; }

  #about .about03-box .center .info-box .tt-en {
    font-size: 18px;
    line-height: 18px; }

  #about .about03-box .center .info-box .line {
    margin-top: 0.2rem; }

  #about .about03-box .center .info-box .info .t1 {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem; }

  #about .about03-box .center .info-box .info p {
    font-size: 14px; }

  #about .about03-box > .title {
    margin-bottom: 0.4rem; }

  #news .com-title {
    padding: 0.8rem 0; }

  #news .news-box-policy .com-title .bg-policy {
    top: -5px; }

  #news .news-box-policy ul li {
    flex-wrap: wrap; }

  #news .news-box-policy ul li .pic {
    width: 100%; }

  #news .news-box-policy ul li .info-box {
    width: 100%;
    padding: 0.2rem; }

  #news .news-box-policy ul li .info-box .info {
    margin-top: 0.2rem; }

  #news .news-box-policy ul li .info-box .tt {
    font-size: 14px; }

  #news .news-box-policy ul li .info-box .info {
    font-size: 12px; }

  .pages.mt40 {
    margin-top: 0.4rem !important; }

  .pages.mb40 {
    margin-bottom: 0.4rem !important; }

  #problem .problem-box .problem-list li .top {
    height: 1rem; }

  #problem .problem-box .problem-list li .top .left {
    font-size: 14px; }

  #problem .problem-box {
    padding: 1rem 0 0; }

  #problem .problem-box .com-title .bg05 {
    top: -1rem; }

  #problem .problem-box .problem-list li .top .right {
    width: 0.26rem;
    height: 0.16rem; }

  #problem .problem-box .problem-list li .down-box {
    padding: 0.1rem 0 0.1rem 0.2rem; }

  #news .news-box .bg-policy-news {
    background-size: 50% auto;
    top: -0.3rem; }

  #news .news-box .news-list .item {
    flex-wrap: wrap;
    justify-content: flex-start;
    height: auto;
    padding: 0.2rem 0; }

  #news .news-box .news-list .item .left {
    font-size: 14px; }

  #news .news-detail .news-content .top {
    padding: 0.4rem 0 0.3rem 0; }

  #news .news-detail .news-content .top .tt {
    font-size: 18px;
    margin-bottom: 0.15rem; }

  #news .news-detail .news-content .com-content {
    padding: 0.2rem; }

  #news .news-detail .news-content .bottom .tops {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6rem; }

  #news .news-detail .news-content .bottom .tops > p {
    width: 100%; }

  #news .news-detail .news-content .bottom .tops a {
    padding: 0.2rem 0;
    display: block; }

  #news .news-detail .news-content .bottom .tops > p.page-next {
    text-align: left; }

  #news .news-detail .news-content .bottom .back {
    width: 3rem;
    height: 0.9rem;
    line-height: 0.9rem; }

  #news .news-detail {
    margin-top: 0.4rem;
    margin-bottom: 0.8rem; }

  #news .com-title .bg-new {
    background-size: 45% auto;
    top: -0.2rem; }

  #news .news-box .news-list .item .right {
    display: none; }

  #news .news-box-case .com-title .bg-case {
    background-size: 45% auto;
    top: -0.2rem; }

  #news .news-box-case .case-box .item {
    width: 100%; }

  #index .index-banner .index-swiper .button-position .swiper-button-box .swiper-button-next-index {
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.45rem 0.45rem;
    left: 0.8rem;
  }

  #index .index-banner .index-swiper .button-position .swiper-button-box .swiper-button-prev-index {
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.45rem 0.45rem; }

  .plan-box .plan-position .right-form .code-lines {
    position: static; }

  .plan-box .plan-position .right-form .code-lines input {
    width: 49%;
    height: 0.8rem;
    padding-left: 0.1rem; }

  .plan-box .plan-position .right-form #vcodeImg {
    margin-left: 2%; }

  .m-header {
    width: 100%;
    height: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.25rem;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001;
    background-color: #fff; }
    .m-header .logo {
      width: 1.4rem;
      display: block;
      height: 100%;
      background-size: 1.4rem auto;
      background-position: center;
      background-repeat: no-repeat; }
    .m-header .tel {
      font-size: 16px; }
    .m-header .menu-icon {
      width: 1rem;
      height: 100%;
      background-size: 0.48rem 0.48rem;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../images/menu.png");
      display: block; }

  .menu-down-box {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100002; }
    .menu-down-box .menu-box {
      width: 100%;
      height: 100%;
      transition: all 0.6s;
      background-color: #21232e;
      padding-left: 3%;
      padding-top: 1rem;
      z-index: 10003; }
      .menu-down-box .menu-box .items-box {
        width: 65%; }
        .menu-down-box .menu-box .items-box .items-top {
          height: 1rem;
          line-height: 1rem;
          display: block;
          font-size: 18px;
          color: #fff;
          border-bottom: 1px solid #2d2d2d;
          position: relative;
          transition: all 0.6s; }
          .menu-down-box .menu-box .items-box .items-top.down-top.active {
            font-size: 14px;
            height: 1rem;
            line-height: 1rem;
            padding-left: 0.5rem; }
            .menu-down-box .menu-box .items-box .items-top.down-top.active:before {
              content: '';
              position: absolute;
              width: 15px;
              height: 2px;
              background-color: #fff;
              left: 0;
              top: 50%; }
        .menu-down-box .menu-box .items-box .down-box {
          border-bottom: 1px solid #2d2d2d;
          padding-bottom: 0.4rem;
          display: none; }
          .menu-down-box .menu-box .items-box .down-box .items {
            display: block;
            font-size: 14px;
            color: #999;
            padding-left: 30px;
            line-height: 3em; }
      .menu-down-box .menu-box .close {
        width: 20px;
        height: 60px;
        background-size: 13px 60px;
        background-image: url(../images/close.png);
        background-repeat: no-repeat;
        background-position: center center;
        top: 15px;
        right: 15px;
        position: absolute;
        cursor: pointer; }
    .menu-down-box.active {
      right: 0; } }

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