h2 {
    
    font-weight: bold;
    margin-bottom: 30px;
}

.img-box {
    margin-top: 20px;
    height: 450px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.img-box {
    background-size: 100%;
    margin-top: 20px;
}

.text-box {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: -1px 5px 35px 1px rgba(95, 95, 95, 0.11);
    position: relative;
    top: 20px;
}

.button {
    text-align: center;
    margin: auto;
    margin-top: 40px;
    background: #3958e0;
    width: 200px;
    padding: 5px 0px;
    color: white;
    border-radius: 50px;
}

/* 第一列表结束 */
.title {
    margin-top: 100px;
    margin-bottom: 100px;
}

.box-img {
    padding-left: 100px;
}


h3 {
    font-weight: bold;
}




.main {
    background: #f9fafe;
    padding: 80px 0px;
}



/* 中间部分结束 */

/* 底部大背景 */
.bottom-back {
    /*background: url('../img/组\ 117.png') no-repeat;*/
    /*background-size: 100%;*/
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-back p {
    padding: 70px 0px;
    text-align: center;
    font-size: 40px;
    color: white;
}

.bottom-box {
    /*width: 70%;*/
    /*margin: auto;*/
    /*display: flex;*/
    display: grid;
    grid-template-columns: repeat(5,1fr);
    /*flex-wrap: wrap;*/
    justify-content: center;
}

.bottom-box div {
    background: #010C3B;
    opacity: 0.9;
    width: 15vw;
    height: 15vw;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin-right: 30px;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: space-around;
    flex-direction: column;
}
.bottom-box div:last-child{
    margin-right: 0px;
}
.bottom-box h2 {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 29px;
    color: white;
}
.bottom-box span{
    font-size: 20px;
    margin-top: 10px;
}
/* 大背景结束 */

.pop-right{
    box-shadow: -1px 5px 35px 1px rgba(95,95,95,0.11);
    padding: 40px;
}

.dian{
    font-size: 40px;
    font-weight: bold;
}

/* 底部蓝色背景 */
.bottom{
    background-color: #3958e0;
    color: white;
    padding: 50px 0px;
    margin-top: 60px;
}
.bottom-item{
    width: 70%;
    margin: 30px auto;
    display: flex;
    font-weight: bold;
    justify-content: space-around;
}

.bottom h3{
    text-align: center;
    font-size: 30px;
}
.bottom .num{
    font-size: 40px;
    text-align: center;
}
.bottom p{
    text-align: center;
}
.bottom .num span{
    font-size: 18px;
    font-weight: 100;
}
@media (max-width:1000px) {
    .active1 {
        display: none;
    }

    .active2 {
        display: block;
    }

    .boxleft,
    .right-box {
        padding-left: 0px;
    }

    .box-img {
        padding: 0px;
    }

    .box-img img {
        width: 100%;
    }

    .re-box img {
        width: 100% !important;
    }

    .bottom-back p {
        padding: 10px;
        font-size: 30px;
    }

    .bottom-box {
        /*width: 62%;*/
    }

    .bottom-box h2 {
        font-size: 17px;
        padding-top:25px;
        margin-bottom: 5px;
    }

    .bottom-box span {
        font-size: 14px !important;
    }

    .bottom-box div {
        /*width: 18% !important;*/
        width: 10vw;
        height: 10vw;
        padding-bottom: 20px;
        margin-right: 10px;
    }

    .bottom-back {
        height: 200px;
    }
    .bottom .num{
        font-size: 30px;
    }
}

@media (max-width:768px) {
  
  .bottom-back p{
    font-size: 18px;
  }
  .bottom-box{
    /*width: 65% !important;*/
  }
  .bottom-box div{
    padding-bottom: 15px !important;
    /*width: 18% !important;*/
    width: 16vw;
    height: 16vw;
    margin-right: 5px;
  }
  .bottom-box span{
    font-size: 12px !important;
    margin-top:0 !important ;
  }
  .bottom-box h2 {
        font-size: 17px;
        padding-top:25px;
        margin-bottom: 0px;
    }
  .bottom-item{
    width: 100%;
  }
  .bottom .num{
    font-size: 16px;
  }
}
@media (max-width:500px) {
    .bottom-box div{
        padding-bottom: 10px !important;
        width: 19vw;
        height: 19vw;
    }
     .bottom-box div h2{
         font-size: 15px !important;
         line-height: 27px !important;
         padding-top: 10px !important;
     }
}
@media (max-width:320px) {
     .bottom-box div h2{
         font-size: 15px !important;
         line-height: 10px !important;
         padding-top: 15px !important;
     }
}
@media (min-width:1000px) {
    .active2 {
        display: none;
    }
}
/*新增样式*/
.row_Items{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
    gap: 16px 20px;
}
.row_Items .box{
    background: #0024C0FF;
    width: 100%;
    padding: 0 50px;
    padding-top: 38px;
    padding-bottom: 10px;
}
 .row_Items .box .box_Image{
     width: 74px;
     height: 74px;
 }
.row_Items .box h3{
  font-size: 16px;
  margin: 30px 0;
  color: #FFFFFFFF;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: bold;
}
.row_Items .box:hover .Infomation{
    color: #FFFFFF;
}
.row_Items .box .Infomation{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255,255,255,0.4);
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.row{
    justify-content: center;
}

.Myintroduce .box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 70px;
    position: relative;
}
.Myintroduce .box .ab_box{
    position: absolute;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 50%;
    left: 50%;
    background: #0024C0FF;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    transform: translate(-50%, -50%);
}
.col-md-12 .box .box_Item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 150px;
    height: 410px;
    width: calc(50% - 5px);
    
}
.col-md-12 .box .box_Item h3{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.col-md-12 .box .box_Item h3 span{
    color: #FFFFFF;
}
.col-md-12 .box .box_Item h3 .right{
    margin-left: 30px;
    font-size: 16px;
}
.col-md-12 .box .box_Item .Item_main{
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.col-md-12 .box .box_Item .Item_main p{
    margin: 0;
}
.col-md-12 .box .box_Item .Item_footer{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.col-md-12 .box .box_Item .Item_footer p{
    margin: 0;
}
 .Item_footer span{
     margin-right: 40px;
     color: #fff;
     font-size: 12px;
     font-weight: normal;
 }
 .main .box_title{
     list-style: none;
     display: grid;
     grid-template-columns: repeat(8,1fr);
     gap: 10px;
 }
  .main .box_title li {
     width: 100%;
     height: 120px;
     background: #FFFFFFFF;
     display: flex;
     flex-direction: column;
     justify-content: center;
     cursor: pointer;
  }
  .main .box_title li:hover{
      background: #0024C0FF;
      color: #FFFFFFFF;
  }
  .main .box_title li:hover .sel{
      display: block;
  }
  .main .box_title li:hover .nor{
      display: none;
  }
    .main .box_title li:hover .btn_text{
        color: #FFFFFFFF;
    }
.main .box_title li img{
  height: 26px;
  max-width: 100%;
  object-fit: contain;
}
.main .box_title li span{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
     color: #000;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 20px;
}
.main .box_title li .sel{
    display: none;
}
.main .box_title li .nor{
    display: block;
}
.box_main {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 490px;
    width: 100%;
}
.box_main .box_main_left,.box_main .box_main_right{
    width: 50%;
    height: 100%;
    background: #FFFFFFFF;
}
.box_main .box_main_left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 100px;
}
.box_main .box_main_left .box_main_left_Item{
    padding-bottom: 60px;
    padding-left: 20px;
    width: calc(100% - 20px);
    position: relative;
}
.box_main .box_main_left .box_main_left_Item:before{
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px dashed #0024C0FF;
}
.box_main .box_main_left .box_main_left_Item:nth-child(3){
    padding-bottom: 0;
}
.box_main .box_main_left .box_main_left_Item h3{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 18px;
    color: #111111;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.box_main .box_main_left .box_main_left_Item h3:before{
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background: #FFFFFFFF;
    border: 3px solid #0024C0;
    border-radius: 50%;
    left: 0;
    top: 0;
    transform: translate(-50%,0%);
}
.box_main .box_main_left .box_main_left_Item span{
    font-size: 14px;
    color: #111111FF;
    margin-left:  20px;
}
.box_main .box_main_left .box_main_left_Item:nth-child(3):before{
    display: none;
}
.box_main .box_main_left .box_main_left_Item p{
    font-size: 14px;
    color: #111111FF;
}
.singleph1{
    
    padding:40px 0px;font-size:50px;text-align: center;
}
.box_main .box_main_left .box_main_left_Item p span{
    margin: 0;
}
.right-boxs{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
   
}
.right-boxs p{
    margin-bottom: 10px;
    font-size: 20px;
}
.container .pad_30{
    padding-top: 30px;
    font-size: 50px;
    margin-bottom: 10px;
}
.title_intreo{
    text-align: center;
    font-size: 14px;
    margin-bottom: 40px;
}
.boxright_title{
    background: #F5F7FBFF;
    margin-bottom: 30px;
    padding: 50px 80px;
}
.boxright_btn{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 0 10%;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.boxright_btn .btn{
    padding: 30px 0px;
    width: 100%;
    padding-left: 30px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}


.boxleft h2{font-size:35px;}

.boxleft p{list-style: none;padding: 0;font-size: 20px;}

.boxright_btn .btn .sel{
    display: none;
}
.boxright_btn .btn .nor {
    display: bolck;
}
.boxright_btn .btn .btn_text{
    font-size: 20px;
    /*margin-left: 18px;*/
    flex: 1;
    gap: 20px;
    text-align: left;
}
.boxright_btn .btn:hover{
    background: #0024C0FF;
    color: #fff;
}
.boxright_btn .btn:hover .sel{
    display: block;
}
.boxright_btn .btn:hover .nor{
    display: none;
}
.row .btnactive{
    background: #0024C0FF;
}
.row .btnactive .sel{
    display: block;
}
.row .btnactive .nor{
    display: none;
}
.row .btnactive .btn_text{
    color: #fff;
}
.btnactive:hover{
    background: 0024C0FF;
    color: #fff;
}
.firstActive{
    background: #0024C0FF !important;
    color: #fff !important;
}
.firstActive .sel{
    display: block!important;
}
.firstActive .nor{
    display: none!important;
}
.row .firstActive .btn_text{
    color: #fff;
}
.re-box{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 3px 6px #f3f3f3;
}
img{
    max-width: 100%;
}
.introduce{
    padding: 100px 0;
    padding-left: 20%;
}
.col-md-right{
    border-right: 1px solid #DDE5F3FF ;
    height: 100%;
}
.col-md-left{
    border-left: 1px solid #DDE5F3FF ;
    height: 100%;
}
.introduce h3{
    font-weight: bold;
    font-size: 24px;
    color: #0024C0;
    text-align: left;
    margin-bottom: 0;
}
.introduce ul{
    list-style: none;
    margin-top: 35px;
    font-size: 14px;
    color: #111111FF;
    padding-left: 0;
}
.introduce p{
    font-weight: 400;
    font-size: 14px;
    color: #111111;
    margin-top: 30px;
}
.border_Top{
    border-top: 1px solid #DDE5F3FF;
    position: relative;
}
.border_Top:before{
    position: absolute;
    left: 50%;
    top: 0;
    width:50px;
    height: 50px;
    background: #F5F7FBFF;
    color: #0024C0FF;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    transform: translate(-50%,-50%);
    z-index: 100;
}
.border_Top:nth-child(1):before{
    content: "01";
}
.border_Top:nth-child(2):before{
    content: "02";
}
.border_Top:nth-child(3):before{
    content: "03";
}
@media (max-width: 992px){
    .Myintroduce .box{
        flex-wrap: wrap;
    }
    .col-md-12 .box .box_Item{
        width: 100%;
    }
    .re-box img{
        width: 100% !important;
    }
    .boxright_btn{
        grid-template-columns:repeat(1,1fr)
    }
    .introduce{
        padding: 20px 0;
    }
    .re-box{
        padding: 40px 0;
    }
    .border_Top:nth-child(2){
        flex-direction:column-reverse;
    }
    .box_main .box_main_left, .box_main .box_main_right{
        width: 100%;
        height: 50%;
    }
    .box_main{
        flex-wrap: wrap;
        height: 980px;
    }
    .main .box_title{
        padding: 0;
        grid-template-columns: repeat(4,1fr);
    }
    .row h2{
        font-size: 24px  !important;
    }
    .col-md-12 .box .box_Item{
        padding-left: 30px;
    }
    .box_main .box_main_left{
        padding-left: 30px;
    }
    .boxright_title{
        padding: 30px;
    }
}