@import "./common/common";
@import "./common/header.css";
@import "./common/footer.css";
@import "./common/banner.css";
@import "./common/pro-header"; //导航下滑固定样式
//@import "./common/sectionAbout";
@import "./common/successCase";
@import "./common/linkNews";
@import "./common/qianyanganhuo";



.section-rotate {
  min-height: 440px;

  .bg-gradient-primary img {
    height: 340px;
  }

  .banner-text {
    h1 {
      margin-top: 130px;
    }
  }

  .btn-box {
    margin-top: 150px;
  }

}



//关于我们
.knowledgeBanner {
  min-height: 520px;
  background: linear-gradient(to right, #3368ff, #33b0ff);

  .bg-gradient-primary img {
    min-height: 500px !important;
  }

  .banner-text {
    h2 {
      font-size: 4.1rem;
      margin-top: 35%;
    }

    p {
      font-size: 2.4rem;
      line-height: 5rem;
    }
  }

  .banber-box {
    width: 44.25rem;
    padding-top: 11rem;
  }
}


.section-advantage {
  .container {
    .bread-crumbs {
      font-size: 1.4rem;
      color: #BDBDBD;
      line-height: 66px;

      .b_name {
        color: #657180;
      }
    }

    .konw-cont {
      .b_title_c {
        border-bottom: 1px solid #C5C5C5;
        width: 100%;
        padding-bottom: 1.2rem;

        h2 {
          font-size: 3rem;
          font-weight: 500;
          color: #006DFF;
          margin-bottom: 2.2rem;
        }

        time {
          color: #657180;
        }
      }

      article {
        .video_con{
          margin-top: 50px;
          margin-bottom: 50px;
          border: 1px solid #C5C5C5;
          position: relative;

        }
        nav {
          a {
            font-size: 1.4rem;
            color: #BDBDBD;
            cursor: pointer;
            height: 3rem;
            line-height: 3rem;
            display: block;
            &:hover {
              color: #006DFF
            }
          }

          .two {
            color: #006DFF
          }
        }
      }
    }
  }
}

.login {
  height: 40rem;
  background: #FFFFFF;
  box-shadow: 3px 4px 21px 0px rgba(0, 60, 153, 0.27);
  text-align: center;
  padding-top: 24px;
  min-width: 320px;

  h5 {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #006DFF;
    margin: 0 0 24px 0;
  }

  .el-input--small {
    width: 75%;
    height: 41px;
    border: 1px solid #BDBDBD;
    border-radius: 20px;
    margin-bottom: 20px;
    text-align: left;

    input {
      height: 39px;
      line-height: 40px;
      border: none;
      width: auto;
      padding: 0px;
      margin-left: 10px;
    }

    .el-input__prefix {
      display: block;
      width: 30px;
      position: static;
      float: left;
    }

    i {
      display: block;
      font-size: 20px;
      color: #006DFF;
      margin: 5px 0 0px 10px;
    }

    .icon-shouji,
    .icon-anquanyinsi {
      font-size: 23px;
    }
  }

  .line {
    width: 75%;
    display: inline-block;
    white-space: nowrap;

    .el-input {
      width: 58%;
      float: left;

      input {
        width: 50%;
      }
    }
  }

  .get {
    font-size: 1.4rem;
    padding: 1rem 1.3rem;
    background: none;
    width: 100px;
    border: 1px solid #006DFF;
    border-radius: 20px;
    color: #006DFF;
    cursor: pointer;
    outline: none;

    &:hover {
      background: #006DFF;
      color: white;
    }
  }

  .disabled {
    font-size: 1.4rem;
    padding: 1rem 1.3rem;
    background: none;
    width: 100px;
    border: 1px solid #BDBDBD;
    border-radius: 20px;
    color: #BDBDBD;
    outline: none;
  }

  .login_btn {
    line-height: 4.8rem;
    width: 22.4rem;
    font-size: 1.6rem;
    outline: none;
    border-radius: 24rem;
  }

  .login-disabled {
    background: none;
    border: 1px solid #BDBDBD;
    color: #BDBDBD;
    outline: none;
    cursor: default!important;
  }
}

.login-success {
  color: #006DFF;
  height: 23.2rem;
  .tit {
    height: 24px;
    width: auto;
    font-size: 2.4rem;
    font-family: PingFang SC;
    font-weight: 600;
    margin-bottom: 2rem;
  }
  .smalllogo {
    margin-bottom: 0;
  }
  .can-do{
    font-size: 1.4rem;
    padding: 30px;
    text-align: left;
  }
}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
  }
.clearfix {
  zoom: 1;
}
  
#detail{
  margin-top: 30px;
  min-width: 320px;
  .con {
      background: #FFFFFF;
      box-shadow: 3px 4px 21px 0px rgba(0, 60, 153, 0.27);
      .tit {
          font-size: 24px;
          font-weight: 500;
          color: #2A2E48;
          padding: 21px 0 10px 0;
      }

      .smalllogo {
          margin-bottom: 0;
      }

      .link-text {
          padding: 15px;
          .link-tag {
              color: #5C5E67;
              display: block;
              margin: 15px 0;
              cursor: pointer;
              .data {
                  font-size: 14px;
              }
              img{
                width: 100px;
                height: 56px;
                float: left;
                margin-right: 10px;
              }
              .right{
                float: left;
                font-size: 1.6rem;
                padding-top:.7rem;
                div{
                  margin-bottom: 0.7rem;
                }
              }
              &:hover {
                  color: #006DFF;
              }
          }
      }
  }
}
.mask{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(49,59,55,.5);
  z-index: 1000;
  position: fixed;
  .mask-content{
    z-index: 1001;
    position: absolute;
    margin: 0 auto;
    width: 380px;
    height: 184px;
    background-color: #fff;
    border-radius: 2px;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 37px 25px;
    .h3{
      color: #006DFF;
    position: relative;
    line-height: 2.54;
    font-size: 18px;
    }
    p{
      font-size: 15px;
    }
    span{
      position: absolute;
      top: 3px;
      right: 10px;
      cursor: pointer;
    }
    span::after{
        content: "×";
        color: rgb(155, 155, 155);
    }
  }
  
}

.captcha-code {
  display: flex;
  align-items: center;

  .code-img {
  float: right;
  margin-top: -2px;
  padding: 0 4px 0 3px;
  border: 1px solid #6C6E80;

    & > img {
      width: auto;
      height: 45px;
    }
  }
}

@media (max-width: 992px) {
  .section-rotate {
    min-height: 340px;
  }

  .aboutUsBanner {
    min-height: 460px;
    top: 40px;

    .bg-gradient-primary {
      img {
        min-height: 460px;
      }
    }

    .banner-text {
      text-align: center;

      h1 {
        font-size: 2.8rem;
        line-height: 4rem;
        margin-top: 9rem;
      }

      p {
        font-size: 2rem;
      }

      .btn {
        margin-right: 0;
      }
    }

    .banber-box {
      width: 230px;
      margin: 0 auto;
      padding-top: 4rem;
    }

  }
}

@media (max-width: 400px) {}