@charset "UTF-8";

header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999; }

  header .header-wrap {

    position: relative;

    height: 110px;

    padding: 0 90px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; }

    header .header-wrap .left {

      position: absolute;

      top: 25px;

      left: 190px;

      display: block; }

    header .header-wrap .middle .nav-wrap {

     padding: 0 0 0 230px;}

    header .header-wrap .middle .logo {

      margin-top: 30px;

      display: none;

      margin-right: 60px; }

    header .header-wrap .middle .nav-list > li {

      position: relative;

      float: left;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

      height: 110px; }

      header .header-wrap .middle .nav-list > li > a {

        padding: 0 22px;

        line-height: 110px;

       /* height: 110px;*/

        display: block;

        font-size: 16px;

        color: #fff;

        cursor: pointer; }

      header .header-wrap .middle .nav-list > li.active {

        /*border-bottom: 3px solid #d0d2d8;*/ }

header .header-wrap .middle .nav-list li .subnav {display: none;}

header .header-wrap .middle .nav-list li:hover .subnav {display: block;}


      header .header-wrap .middle .nav-list li .subnav {

        position: absolute;

        left: -20px;

        border-radius: 10px;

      /*  display: none;*/

       /* bottom: -110px; */}

        header .header-wrap .middle .nav-list > li .subnav i {

          position: absolute;

          left: 64px;

          top: -10px;

          background: url(../images/sanj.png) center center no-repeat;

          width: 22px;

          height: 11px; }

        header .header-wrap .middle .nav-list > li .subnav > ul {

          border: 1px solid #f2f2f2;

          padding: 16px 10px;

          width: 254px;

          -webkit-box-sizing: border-box;

          -moz-box-sizing: border-box;

          box-sizing: border-box;

          background-color: #fff;

          border-radius: 5px; }

          header .header-wrap .middle .nav-list > li .subnav > ul > li a {

            line-height: 38px;

            font-size: 16px;

            text-align: center;

            color: #333;

            display: inline-block;

            width: 100%;

            cursor: pointer; }

            header .header-wrap .middle .nav-list > li .subnav > ul > li a:hover {

              color: #014b92; }

    header .header-wrap .middle .login {

      width: 180px;

      height: 40px;

      line-height: 40px;

      color: #fff;

      background-color: #e4393c;

      border: none;

      outline: none;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      border-radius: 5px;

      margin-top: 35px;

      font-size: 16px;

      text-align: center;

      margin-left: 20px;

      cursor: pointer; }

      header .header-wrap .middle .login a {

        color: #fff;

        height: 40px;

        line-height: 40px; }

    header .header-wrap .search {

      display: none;

      width: 270px;

      height: 40px;

      border: none;

      background: #43495c url(../images/search.png) 237px 10px no-repeat;

      position: absolute;

      right: 90px;

      top: 36px;

      padding: 0 20px;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

      font-size: 16px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      border-radius: 5px;

      color: #fff; }



.title-h {

  line-height: 74px;

  font-size: 34px;

  text-align: center;

  font-weight: 600;

  padding-top: 70px; }



.title-p {

  font-size: 18px;

  height: 55px;

  line-height: 55px;

  text-align: center; }



.title-bg {

  background-color: #f6535d;

  width: 64px;

  height: 4px;

  margin: 0 auto; }



.banner {

  position: relative; }

  .banner .swiper-pagination-bullet {

    opacity: 1;

    background: #fff !important; }

  .banner .swiper-pagination-bullet-active {

    opacity: 1;

    background: #fff !important;

    width: 20px;

    padding: 0 5px;

    border-radius: 999px; }

  .banner .swiper-container-horizontal > .swiper-pagination-bullets {

    bottom: 30px; }

  .banner .to-form img {

    min-height: 510px;

    min-width: 1312px; }

  .banner .to-form span {

    position: absolute;

    bottom: 150px;

    left: 50%;

    transform: translateX(-50%);

    width: 246px;

    height: 60px;

    font-size: 24px;

    color: #fff;

    line-height: 60px;

    text-align: center;

    border: 1px solid #fff;

    border-radius: 5px; }

  .banner .btn {

    position: absolute;

    bottom: 150px;

    left: 50%;

    transform: translateX(-50%);

    width: 246px;

    height: 60px;

    font-size: 24px;

    color: #fff;

    line-height: 60px;

    text-align: center;

    border: 1px solid #fff;

    border-radius: 5px; }

  .banner .box {

    width: 100%;

    position: relative; }

    .banner .box .box-wrap {

      height: 160px; }

      .banner .box .box-wrap .item {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        text-align: center;

        width: 25%;

        height: 160px;

        position: absolute;

        left: 0;

        top: 0;

        background-color: #f8f8f8;

        padding: 32px 0; }

        .banner .box .box-wrap .item .item-wrap {

          border-right: 1px solid #dddddd; }

          .banner .box .box-wrap .item .item-wrap p {

            font-size: 24px;

            line-height: 58px; }

            .banner .box .box-wrap .item .item-wrap p:nth-of-type(1) {

              position: relative;

             /* width: 60%;*/

             /* text-align: right;*/ 

               color: #e4393c;}



                           .banner .box .box-wrap .item:hover .item-wrap p:nth-of-type(1) {

            

               color: #FFF;}

            .banner .box .box-wrap .item .item-wrap p i {

              position: absolute;

              font-style: normal;

              font-size: 20px;

              line-height: 40px;

              display: inline-block;

              top: -3px; }

            .banner .box .box-wrap .item .item-wrap p:nth-of-type(2) {

              font-size: 18px;

              line-height: 40px;

              text-align: center; }

        .banner .box .box-wrap .item:hover {

          top: -17px;

          background-color: #e4393c;

          height: 178px;

          color: #fff;

          z-index: 99; }

          .banner .box .box-wrap .item:hover p:nth-of-type(1) {

            font-size: 44px;

            line-height: 84px; }

          .banner .box .box-wrap .item:hover p i {

            top: 5px; }

      .banner .box .box-wrap .item1 {

        left: 25%; }

      .banner .box .box-wrap .item2 {

        left: 50%; }

      .banner .box .box-wrap .item3 {

        left: 75%; }

      .banner .box .box-wrap .active {

        top: -17px;

        background-color: #ee942f;

        height: 178px;

        color: #fff;

        z-index: 99; }

        .banner .box .box-wrap .active p:nth-of-type(1) {

          font-size: 44px;

          line-height: 84px; }



#certify .swiper-container-horizontal > .swiper-pagination-bullets, #certify .swiper-pagination-custom, #certify .swiper-pagination-fraction {

  bottom: 43px; }

#certify .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 5px;

  border: 3px solid #fff;

  background-color: #212e5f;

  width: 10px;

  height: 10px;

  opacity: 1; }

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

  border: 3px solid #212e5f;

  background-color: #fff; }

#certify .swiper-button-prev {

  left: 20px;

  width: 75px;

  height: 75px;

  background: #ccd1dd;

  border-radius: 50%;

  font-size: 24px;

  line-height: 75px;

  text-align: center;

  color: #fff;

  top: 50%;

  margin-top: -120px; }

#certify .swiper-button-next {

  right: 20px;

  width: 75px;

  text-align: center;

  height: 75px;

  background: #ccd1dd;

  border-radius: 50%;

  font-size: 24px;

  line-height: 75px;

  color: #fff;

  top: 50%;

  margin-top: -120px; }



.index2 {

  text-align: center;

  margin-bottom: 60px; }

  .index2 img {

    width: 151px; }

  .index2 p:nth-of-type(1){

    line-height: 58px;

    font-size: 18px;

    color: #000; }

      .index2 p:nth-of-type(2) {

    

    font-size: 16px;

    color: #999; }

  .index2 .title {

    line-height: 30px;

    font-size: 24px; }



.index3 {

  background-color: #f8f8f8;

  padding-bottom: 74px; }

  .index3 .content .pc-flex-wrap .pc-flex-per {

    background-color: #fff;

    margin-top: 64px;

    padding: 25px 10px !important;

    text-align: center;

    border: 1px solid #e5e5e5;

    margin-right: 4px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    height: 458px; }

    .index3 .content .pc-flex-wrap .pc-flex-per .img {

      width: 100%;

      height: 120px;

      background-size: 100%; }

    .index3 .content .pc-flex-wrap .pc-flex-per .img1 {

      background: url(../images/icon1.png) center center no-repeat; }

    .index3 .content .pc-flex-wrap .pc-flex-per .img2 {

      background: url(../images/icon2.png) center center no-repeat; }

    .index3 .content .pc-flex-wrap .pc-flex-per .img3 {

      background: url(../images/icon3.png) center center no-repeat; }

    .index3 .content .pc-flex-wrap .pc-flex-per h3 {

      line-height: 68px;

      font-size: 21px;}

    .index3 .content .pc-flex-wrap .pc-flex-per .bg {

      margin: 20px auto 16px;

      width: 40px;

      height: 3px;

      background: #f6535d; }

    .index3 .content .pc-flex-wrap .pc-flex-per p {

      line-height: 25px;

      font-size: 14px;

      color: #666;
      
      text-align: left; 
    }

    .index3 .content .pc-flex-wrap .pc-flex-per:hover {

      background-color: #ed5153;

      color: #fff;

      margin-top: 44px;

      padding-top: 55px; }

      .index3 .content .pc-flex-wrap .pc-flex-per:hover .bg {

        background: #fff; }

      .index3 .content .pc-flex-wrap .pc-flex-per:hover p {

        color: #fff; }

      .index3 .content .pc-flex-wrap .pc-flex-per:hover .img1 {

        background: url(../images/icon1-a.png) center center no-repeat; }

      .index3 .content .pc-flex-wrap .pc-flex-per:hover .img2 {

        background: url(../images/icon2-a.png) center center no-repeat; }

      .index3 .content .pc-flex-wrap .pc-flex-per:hover .img3 {

        background: url(../images/icon3-a.png) center center no-repeat; }



.index4 {

  width: 100%;

  color: #fff;

  height: 826px;

  background: url(../images/index4-bg.png) 0 0 no-repeat;

  background-size: 100% 100%; }

  .index4 .top {

    margin-top: 40px;

    border-bottom: 1px solid #566086; }

  .index4 .wrap .pc-flex-wrap {

    text-align: center; }

    .index4 .wrap .pc-flex-wrap .pc-flex-per {

      border-right: 1px solid #566086; }

      .index4 .wrap .pc-flex-wrap .pc-flex-per img {

        margin-top: 50px; }

      .index4 .wrap .pc-flex-wrap .pc-flex-per > p {

        font-size: 22px;

        height: 74px;

        line-height: 74px;

        margin-bottom: 18px; }

      .index4 .wrap .pc-flex-wrap .pc-flex-per:last-child {

        border-right: 0; }



.index5 .content {

  width: 100%;

  box-sizing: border-box;

  padding: 60px 20px 186px; }

  .index5 .content .items {

    box-shadow: 0px 2px 6px -1px #dcdcdc;

    width: 858px;

    position: relative;

    margin: 0 auto;

    border-radius: 5px; }

    .index5 .content .items .tag {

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

      width: 100%;

      height: 60px;

      padding: 0 20px;

      color: #fff;

      border-radius: 5px 5px 0 0;

      background-color: #fb7d42;

      line-height: 60px;

      font-size: 30px; }

      .index5 .content .items .tag span {

        float: left;

        width: 12px;

        height: 12px;

        border-radius: 50%;

        background-color: #dddddd;

        margin-top: 24px;

        margin-right: 15px;

        display: inline-block; }

    .index5 .content .items .wrap {

      width: 100%;

      background-color: #fff; }

      .index5 .content .items .wrap .imgs {

        width: 414px;

        height: 334px;

        padding: 55px 57px 55px 57px;

        box-sizing: border-box; }

        .index5 .content .items .wrap .imgs img {

          width: 100%;

          height: 100%; }

      .index5 .content .items .wrap .right {

        width: 336px;

        margin-right: 100px; }

        .index5 .content .items .wrap .right .header {

          line-height: 38px;

          font-size: 24px;

          word-break: break-all;

          text-overflow: ellipsis;

          display: -webkit-box;

          -webkit-box-orient: vertical;

          -webkit-line-clamp: 2;

          overflow: hidden;

          color: #333; }

        .index5 .content .items .wrap .right .title {

          margin-top: 58px;

          font-weight: bold; }

        .index5 .content .items .wrap .right .text {

          -webkit-line-clamp: 3;

          font-size: 18px;

          color: #666;

          line-height: 34px; }

        .index5 .content .items .wrap .right .bg {

          width: 73px;

          height: 4px;

          background-color: #f6535d;

          margin: 15px 0; }

    .index5 .content .items .tag1 {

      background: -webkit-linear-gradient(left, #f0473e, #fb7d42);

      background: -o-linear-gradient(right, #f0473e, #fb7d42);

      background: -moz-linear-gradient(right, #f0473e, #fb7d42);

      background: linear-gradient(right, #f0473e, #fb7d42); }

    .index5 .content .items .tag2 {

      background: -webkit-linear-gradient(left, #4840d3, #9152e3);

      background: -o-linear-gradient(right, #4840d3, #9152e3);

      background: -moz-linear-gradient(right, #4840d3, #9152e3);

      background: linear-gradient(right, #4840d3, #9152e3); }

    .index5 .content .items .tag3 {

      background: -webkit-linear-gradient(left, #12c1b9, #2acfe2);

      background: -o-linear-gradient(right, #12c1b9, #2acfe2);

      background: -moz-linear-gradient(right, #12c1b9, #2acfe2);

      background: linear-gradient(right, #12c1b9, #2acfe2); }

    .index5 .content .items .tag4 {

      background: -webkit-linear-gradient(left, #1975ec, #299df6);

      background: -o-linear-gradient(right, #1975ec, #299df6);

      background: -moz-linear-gradient(right, #1975ec, #299df6);

      background: linear-gradient(right, #1975ec, #299df6);

      background-color: #1975ec; }

    .index5 .content .items .people {

      padding-left: 30px;

      line-height: 50px;

      font-size: 18px;

      color: #999999;

      background-color: #f9f9f9; }



.index6 {

  background-color: #32406f;

  height: 827px;

  background: url(../images/index-invite.png) 0 0 no-repeat;

  width: 100%;

  background-size: 100% 100%;

  position: relative;

  color: #fff;

  padding-top: 60px;

  box-sizing: border-box; }

  .index6 .form {

    width: 710px;

    height: 368px;

    background: #fff;

    border-radius: 3px;

    box-sizing: border-box;

    padding: 25px;

    margin: 70px auto; }

    .index6 .form h4 {

      height: 100px;

      line-height: 100px;

      font-size: 32px;

      color: #32406f;

      text-align: center; }

      .index6 .form h4 span {

        width: 137px;

        height: 100px;

        display: inline-block;

        float: left;

        background: url(../images/form-header-icon1.png) 0 center no-repeat;

        background-size: 100%;

        margin-left: 20px; }

        .index6 .form h4 span:nth-of-type(2) {

          margin-left: 0px;

          background: url(../images/form-header-icon.png) 0 center no-repeat;

          background-size: 100%; }

      .index6 .form h4 p {

        text-align: center;

        font-weight: 600;

        margin: 0 20px; }

    .index6 .form input {

      height: 90px;

      line-height: 90px;

      background-color: #e6e6e6;

      color: #999999;

      text-align: center;

      border-radius: 3px;

      margin-bottom: 22px;

      display: block;

      border: none;

      width: 100%;

      font-size: 28px; }

    .index6 .form button {

      height: 90px;

      line-height: 90px;

      background-color: #ef4f4f;

      color: #fff;

      text-align: center;

      border-radius: 3px;

      display: block;

      border-style: none;

      outline: none;

      font-size: 32px;

      width: 100%; }



.index7 {

/*  background-color: #fff;*/

background: url("../picture/bbg.jpg");



   }

  .index7 .tab {

    margin: 20px auto 20px;

    width: 800px; }

    .index7 .tab span {

      width: 100px;

      height: 36px;

      line-height: 36px;

      text-align: center;

      font-size: 14px;

      border-radius: 999px;

      display: inline-block;

      background-color: #dcdcdc;

      margin-right: 20px; }

      .index7 .tab span:nth-of-type(6) {

        margin-right: 0; }

    .index7 .tab .active {

      color: #fff;

      background-color: #e4393c; }

  .index7 .content {

    margin-top: 53px;

    overflow: hidden;

    display: none; }

    .index7 .content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .index7 .content .swiper-scrollbar-drag {

      background: #f6535d; }

    .index7 .content .swiper-pagination {

      bottom: 0;

      top: auto; }

    .index7 .content .gsdt {

      position: relative;

      padding: 0 30px;

      margin-bottom: 60px; }

      .index7 .content .gsdt .wrap {

        height: 500px;

        width: 1140px;

        overflow: hidden;

        position: relative; }

        .index7 .content .gsdt .wrap .content-wrap {

          width: 2000px;

          position: absolute;

          left: 0;

          top: 0; }

          .index7 .content .gsdt .wrap .content-wrap .item {

                background: #FFF;

            float: left;

            padding: 8px;

            width: 270px;

            box-sizing: border-box;

            margin-right: 20px; 

            box-shadow: 0px 2px 6px -1px #b0b0b0;}

            .index7 .content .gsdt .wrap .content-wrap .item .left a {

              width: 100%;

              height: 320px;

              text-align: center;

              display: block; }

              .index7 .content .gsdt .wrap .content-wrap .item .left a img {

                height: 100%;

                width: 100%; }

            .index7 .content .gsdt .wrap .content-wrap .item .right {

              width: 100%; }

              .index7 .content .gsdt .wrap .content-wrap .item .right h2 {

                line-height: 36px;

                font-size: 18px;

               /* font-weight: bold;*/

                width: 100%;

                word-break: break-all;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-box-orient: vertical;

                -webkit-line-clamp: 2;

                overflow: hidden;

                color: #333;

                margin-top: 18px; }

              .index7 .content .gsdt .wrap .content-wrap .item .right .bg {

                background-color: #000;

                width: 551px;

                height: 5px;

                margin: 15px 0; }

              .index7 .content .gsdt .wrap .content-wrap .item .right p {

                line-height: 25px;

                font-size: 14px;

                width: 100%;

                word-break: break-all;

                text-overflow: ellipsis;

                display: -webkit-box;

                -webkit-box-orient: vertical;

                -webkit-line-clamp: 2;

                overflow: hidden;

                color: #959595;

                margin-top: 10px; }

              .index7 .content .gsdt .wrap .content-wrap .item .right .time {

                /*line-height: 54px;*/

                font-size: 14px;

                color: #999999; }

            .index7 .content .gsdt .wrap .content-wrap .item:hover {

              box-shadow: 0px 2px 6px -1px #dcdcdc; }

      .index7 .content .gsdt > a {

        width: 30px;

        height: 64px;

        border-radius: 3px;

        position: absolute;

        top: 50%;

        margin-top: -32px;

        background-color: #e4393c;

        line-height: 64px;

        text-align: center;

        color: #fff;

        font-size: 30px; }

        .index7 .content .gsdt > a:hover {

          background-color: #32416d; }

      .index7 .content .gsdt .prev {

        left: 20px; }

      .index7 .content .gsdt .next {

        right: 0; }



/* 鎴愬姛妗堜緥 start*/

.cgal .cgal-banner {

  padding-top: 0.98px; }

  .cgal .cgal-banner img {

    width: 100%; }

.cgal .index5 .content {

  padding: 0.5px 0.25px; }

  .cgal .index5 .content .items {

    float: left;

    margin-right: 0.26px;

    width: 3.36px;

    margin-bottom: 0.6px; }

    .cgal .index5 .content .items:nth-of-type(2n) {

      margin-right: 0; }



.footer {

  background-color: #f8f8f8; }

  .footer .footer1 {

    padding: 70px 0 28px; }

    .footer .footer1 .item {

      margin-right: 60px; }

      .footer .footer1 .item dl dt {

        line-height: 50px;

        font-size: 16px;

      /*  font-weight: bold;*/

        color: #292e51; }

      .footer .footer1 .item dl dd {

        line-height: 30px;

        font-size: 14px;

        color: #7c7f94; }

        .footer .footer1 .item dl dd a {

          color: #7c7f94; }

      .footer .footer1 .item dl .red {

        color: #ed5153;

        line-height: 40px;

        font-size: 26px; }

      .footer .footer1 .item dl .tel {

        padding-left: 25px;

        background: url(../images/tel.png) 0 center no-repeat;

        background-size: 20px 20px; }

      .footer .footer1 .item dl .pic {

        padding-left: 25px;

        background-size: 20px 20px; }

      .footer .footer1 .item dl .server {

        background: url(../images/server.png) 0 center no-repeat; }

      .footer .footer1 .item dl .email {

        background: url(../images/email.png) 0 center no-repeat; }

      .footer .footer1 .item dl .area {

        background: url(../images/area.png) 0 center no-repeat; }

      .footer .footer1 .item:last-child {

        margin-right: 30px; }

  .footer .footer2 {

    box-sizing: border-box;

    border: 1px solid #e8e8eb;

    line-height: 110px;

    color: #292e51;

    font-size: 24px; }

    .footer .footer2 .pc-flex-wrap {

      text-align: center;

      vertical-align: middle;

      align-items: center;

      justify-content: center; }

      .footer .footer2 .pc-flex-wrap .pc-flex-per {

        border-left: 1px solid #e8e8eb;

        border-right: 1px solid #e8e8eb; }

        .footer .footer2 .pc-flex-wrap .pc-flex-per .text {

          font-size: 16px; }

  .footer .friend-ship {

    font-size: 16px;

    line-height: 30px;

    color: #292e51;

    padding: 16px 0; }

    .footer .friend-ship a {

      color: #7c7f94;

      margin-right: 20px; }

  .footer .icp {

    text-align: center;

    border-top: 1px dashed #e8e8eb;

    line-height: 60px;

    font-size: 16px;

    color: #7c7f94; }

    .footer .icp a {

      color: #7c7f94; }



.show-blockBox {

  cursor: pointer; }



.block-box {

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.4);

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 10000;

  display: none; }

  .block-box .con-box {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 40px; }

    .block-box .con-box .c-head {

      height: 142px;

      width: 621px;

      background-image: url("../images/t-block-01.png");

      background-repeat: no-repeat;

      background-size: 621px 142px;

      border-radius: 25px 25px 0 0; }

    .block-box .con-box .c-content {

      background-color: #fff;

      overflow: hidden;

      position: relative;

      border-radius: 0 0 20px 20px; }

      .block-box .con-box .c-content .title {

        line-height: 50px;

        padding-top: 10px;

        font-size: 30px;

        color: #2b8fd3;

        text-align: center; }

      .block-box .con-box .c-content span::before {

        display: inline-block;

        content: '';

        height: 9px;

        width: 80px;

        background: url("../images/form-header-icon1.png") center no-repeat;

        background-size: 100%;

        vertical-align: middle;

        margin-right: 10px; }

      .block-box .con-box .c-content span::after {

        display: inline-block;

        content: '';

        height: 9px;

        width: 80px;

        background: url("../images/form-header-icon.png") center no-repeat;

        background-size: 100%;

        vertical-align: middle;

        margin-left: 10px; }

      .block-box .con-box .c-content span {

        line-height: 30px;

        font-size: 20px;

        color: #253153;

        display: block;

        text-align: center;

        padding-bottom: 10px; }

      .block-box .con-box .c-content input {

        width: 328px;

        height: 52px;

        border-radius: 25px;

        border: 1px solid #dcdcdc;

        background-color: #eee;

        font-size: 20px;

        padding: 0 30px;

        display: block; }

      .block-box .con-box .c-content input::-webkit-input-placeholder {

        color: #999; }

      .block-box .con-box .c-content .inp-1 {

        margin: 0.15rem auto 0; }

      .block-box .con-box .c-content .inp-2 {

        margin: 14px auto; }

      .block-box .con-box .c-content button {

        width: 388px;

        height: 52px;

        line-height: 52px;

        background-color: #f6535d;

        border-radius: 26px;

        font-size: 24px;

        color: #fff;

        display: block;

        margin: 0 auto 30px;

        outline: none;

        border: 0 none; }

      .block-box .con-box .c-content p {

        color: #999;

        font-size: 18px;

        line-height: 46px;

        text-align: center;

        padding-left: 30px;

        background: #f2f2f2 url("../images/t-block-03.png") 145px center no-repeat; }

      .block-box .con-box .c-content i {

        position: absolute;

        top: 109px;

        right: 123px;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 18px;

        color: #fff;

        border-radius: 20px;

        background-color: #999;

        text-align: center;

        cursor: pointer; }

      .block-box .con-box .c-content .sendmsg {

        background-color: #3aa1e5; }

    .block-box .con-box .close-box {

      width: 36px;

      height: 36px;

      cursor: pointer;

      background: url("../images/t-block-04.png") center no-repeat;

      background-size: 100%;

      position: absolute;

      top: -30px;

      right: -30px; }



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





  header .header-wrap {

    padding: 0; }

    header .header-wrap .middle .logo {

      display: block; }

    header .header-wrap .middle ul li > a {

      padding: 0 24px;

      font-size: 14px; }

   
    header .header-wrap .search {

      display: none; }

    header .header-wrap .left {

      display: none; }



  .banner .to-form span {

    bottom: 100px !important;

    width: 230px;

    height: 60px;

    font-size: 22px; }

  .banner .btn {

    bottom: 100px !important;

    width: 230px;

    height: 60px;

    font-size: 22px; } }

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

  .banner .to-form span {

    width: 200px;

    height: 60px;

    font-size: 20px;

    bottom: 80px !important; } }

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

  header .header-wrap .middle .nav-wrap{     padding: 0 0 0 0;}

  header .header-wrap .middle .logo {

    display: block; }

  header .header-wrap .middle .nav-list li > a {

    padding: 0 20px;

    font-size: 16px;

    cursor: pointer; }

  header .header-wrap .middle .login {

    width: 170px;

    height: 50px;

    line-height: 25px;

    font-size: 14px; }

  header .header-wrap .search {

    display: none; }

  header .header-wrap .left {

    display: none; } }



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