.cpys_flexBox {
  margin-right: auto;
  margin-left: auto; }

.banner-box .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 122px;
  z-index: 666; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 22px; }

.banner-box .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  background: transparent;
  opacity: 1; }

.swiper-container .swiper-pagination-bullet-active {
  background: #fff; }

.section {
  padding-top: 72px;
  background: url(../images/loginbackground.png) no-repeat;
  background-size: 100% 217%; }
  .section .box-banner {
    height: 168px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
    .section .box-banner .imgbox-img {
      width: 32%; }
      .section .box-banner .imgbox-img img {
        width: 100%;
        height: 100%; }
    .section .box-banner .imgbox-img:last-child {
      margin: 0; }
  .section .login-box {
    background: #fff;
    display: flex;
    display: -webkit-flex;
    flex-flow: column; }
    .section .login-box .title {
      color: #000000;
      text-align: center;
      font-size: 32px;
      line-height: 46px;
      padding-top: 14px; }
    .section .login-box .title-text {
      text-align: center;
      font-size: 16px;
      padding-bottom: 20px; }
    .section .login-box .form {
      width: 720px;
      margin: 0 auto; }
      .section .login-box .form .submit-btn {
        cursor: pointer;
        width: 200px;
        height: 40px;
        border: 2px solid #2f80d5;
        color: #000;
        font-size: 16px;
        line-height: 36px;
        text-align: center;
        margin: 0 auto 36px auto; }
      .section .login-box .form .choose-sm {
        cursor: pointer;
        padding: 27px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        box-align: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -moz-box-pack: center;
        -webkit--moz-box-pack: center;
        box-pack: center; }
        .section .login-box .form .choose-sm .check-box {
          background: url(../images/check-box-icon.png) no-repeat center center;
          background-size: 16px 16px;
          height: 16px;
          width: 16px;
          margin-right: 18px; }
        .section .login-box .form .choose-sm .gz-text {
          color: #2f80d5;
          margin: 0; }
      .section .login-box .form .form-box {
        height: 50px;
        margin-top: 14px;
        margin-left: auto;
        margin-right: 0; }
        .section .login-box .form .form-box .text-code {
          height: 50px;
          width: 200px;
          margin-right: 20px;
          float: left;
          padding: 0 11px;
          font-size: 12px;
          color: #000000;
          border: 1px solid #f1f2ff; }
        .section .login-box .form .form-box .code-btn {
          cursor: pointer;
          width: 130px;
          margin-top: 9px;
          height: 32px;
          line-height: 32px;
          border: 1px solid #81b2e5;
          border-radius: 30px;
          color: #81b2e5;
          font-size: 12px;
          text-align: center;
          float: left; }
        .section .login-box .form .form-box .text-l {
          height: 50px;
          width: 350px;
          float: left;
          box-sizing: border-box;
          padding: 0 11px;
          font-size: 12px;
          color: #000000;
          border: 1px solid #f1f2ff; }
        .section .login-box .form .form-box .formva-y {
          width: 64px;
          height: 50px;
          float: left;
          background: url(../images/ye-icon.png) no-repeat center center;
          background-size: 23px 15px; }
.section .success {
    width: 80%;
    line-height: 160%;
    margin: 120px auto;
    padding: 25px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fafafa;
}
.footer_bottom p {
    margin: 0;
}
@media (max-width: 768px) {
    .section .login-box .title {
        font-size: 22px;
        padding-top: 5px; }
    .section .login-box {
        margin: 0; }
    .section .login-box .form {
        width: 100%; }
    .title-text {margin:0;}
    .logo {
        margin-left: 0;
        width: 100%;
        display: flex;
        margin-top: 12px; }
    .regiser {
        width: 64px;
        margin-right: 0;
        font-size: 12px;
    }
    .login {
        width: 64px;
        margin-right: 18px;
        font-size: 12px;
    }
    .logo img {
        width: 90%;
        height: auto; }
    .logobox .phone {
        display: none; }
    .cpys_flexBox {
        width: 750px; }
}
@media (min-width: 992px) {


    .cpys_flexBox {
        width: 970px; } }

@media (min-width: 1200px) {

    .cpys_flexBox {
        width: 1170px; } }