.logo {
    margin-left: 78px;
    padding-top: 25px;
   width: 5rem;
   height: 2rem;
 }
  .logo img{
    
     width: 100%;
     height: 100%;
  }

 .banner-1 {
    width: 61.91rem;
    height: 27.62rem;
    font-size: 5.02rem;
    font-family: HYQiHei;
    font-weight: 700;
    color: #15182B;
    line-height: 5.67rem;
    margin: 6.72rem 0 0 4.98rem;
 }

 .banner-2 {
    width: 56.55rem;
    height: 2.77rem;
    font-size: 1.12rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #15182B;
    line-height: 1.65rem;
    margin: 2.77rem 0 0 4.98rem;
 }

 .btn-box {
    display: flex;
    margin: 6.98rem 0 5.96rem 7.98rem;
 }
 .btn-1 {
    width: 10.98rem;
    height: 2.6rem;
    border: 0.09rem solid #0020AB;
  
 }

 .btn-2 {
    width: 10.98rem;
    height: 2.6rem;
    border: 0.09rem solid #0020AB;
    margin-left:13.19rem;
 }

 .btn-font {
    font-size: 0.89rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #0020AB;
    line-height: 2.6rem;
    text-align: center;
 }

 .content {
    margin: 0 5rem 0 5rem;
    display: flex;
 }

 .content .box {
    width: 50%;
    background: linear-gradient(90deg, #821477, #090A77);
 }

 .content .left {
    height: 32.81rem;
    margin-top: 8.55rem;
 }

 .content .left .p1 {
    width: 21.06rem;
    height: 7.49rem;
    font-size: 3.66rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.78rem;
    margin: 5.87rem 0 0 3.96rem;
 }

 .content .left .number {
    display: flex;
    justify-content: space-around;
    margin: 5.91rem 0 0 2rem;
 }

 .content .left .number .p2 {
    font-size: 2.48rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.35rem;
 }

 .content .left .number .p3 {
    font-size: 1.06rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 1.65rem;
 }

 .content .left .number .box1 {
    width: 6.6rem;

 }

 .content .left .number .box2 {
    width: 6.13rem;

 }

 .content .left .number .box3 {
    width: 4.81rem;
 }



 .content .right {
    height: 46.81rem;
 }

 .content .right .p1 {
    font-size: 3.66rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.78rem;
    margin: 3.74rem 0 2.77rem 3.96rem;
 }

 .content .right .p2 {
    font-size: 1.06rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 1.65rem;
    margin: 0 2rem 0 3.96rem;
 }

 .type .title {
    font-size: 3.66rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #0020AB;
    text-align: center;
    margin: 12.77rem 0 5.23rem;
 }

 .type .content-box {
    display: flex;
    justify-content: space-between;
    padding: 0 5rem 0 5rem;
 }

 .type .content-box .box {
    height: 18.6rem;
    width: 22.94rem;
    border-top: 0.09rem solid #15182B;
    border-bottom: 0.09rem solid #15182B;
 }

 .type .content-box .box .p1 {
    font-size: 1.42rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #15182B;
    text-align: center;
    /* line-height: 3.09rem; */
    margin: 1.83rem 0 2.47rem 0;
 }

 .type .content-box .box .p2 {
    font-size: 0.83rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #15182B;
    line-height: 1.3rem;
 }
 .featured .title {
   font-size: 3.66rem;
   font-family: HYQiHei;
   font-weight: normal;
   color: #0020AB;
   text-align: center;
   margin: 12.77rem 0 5.23rem;
}
.featured .box {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 0 5rem;
}
.featured .box .item {
   width: 45%;
height: 22.56rem;
border: 0.13rem solid #15182B;
margin-bottom: 4.56rem;
text-align: center;
}
.featured .box .item .item-1 {
   width: 65%;
   height: 55%;
   margin-top: 3.25rem;
}
.featured .box .item .item-2 {
   width: 90%;
   height: 14.94rem;
   margin-top: 3.25rem;
}
.featured .box .item .item-3 {
   width: 16.44rem;
   height: 19.25rem;
}
.featured .box .item .item-4 {
   width: 17.44rem;
   height: 17.44rem;
}
 .footer {
    margin-top: 8.89rem;
    width: 100%;
    height: 22.89rem;
    background: url('../images/footer.png') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    display: flex;
    justify-content: space-between;
 }

 .footer .box1 {
    margin: 3.74rem 0 0 5rem;
 }

 .footer .box1 .p1 {
    font-size: 2.48rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.55rem;
 }

 .footer .box1 .p2 {
    font-size: 0.83rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
 }

 .footer .box1 .first {
    margin: 2.7rem 0 2.7rem;
 }

 .footer .box1 .last {
    margin-bottom: .8rem;
 }

 .footer .box2 .p1 {
    font-size: 0.95rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
 }

 .footer .box2 .first {
    margin: 13.38rem 0 2.7rem;
 }

 .footer .box2 .last {
    margin-bottom: .5rem;
 }
.footer .box3 {
     padding: 2rem 5rem 0 1rem;
}
 .footer .box3 p {
    font-size: 0.65rem;
    font-family: HYQiHei;
    font-weight: normal;
    color: #FFFFFF;
    margin: 0.5rem 0 0.47rem;
 }

 .footer .box3 input {
    width: 26.51rem;
    height: 1.67rem;
    border: 0.04rem solid #FFFFFF;
    background-color: rgba(27, 2, 99);
 }
  .footer .box3 textarea {
     width: 26.51rem;
   height: 4.08rem;
     border: 0.04rem solid #FFFFFF;
     background-color: rgba(27, 2, 99);
  }
  .footer .box3 .sub {
   width: 5.43rem;
   height: 1.65rem;
   line-height: 1.65rem;
   text-align: center;
   border: 0.04rem solid #FFFFFF;
   font-size: 0.65rem;
   font-family: HYQiHei;
   font-weight: normal;
   color: #FFFFFF;
   margin: 0.72rem 0 0 21.11rem;
  }