.banner{
    position: relative;
width: 100%;
height: 320px;
}
.ban_cont{
    color: #253554;
    text-align: center;
    font-family: PingFang SC;
}
.ban_cont h3{

font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 44px; 
}
.ban_cont p{
    font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
}
/* mod1 begin */
.mod1{
     padding:80px 0;
}
.mod1 img{
    width: 622px;
 
margin-right: 35px;
 
}
.mod1_title{
    color: #253554;
 
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px;
}
.mod1 .page_cont{
    color: #253554;

text-align: justify;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 35px;
}
.mod1 .page_cont p{
    margin-bottom:15px;
}

/* mod2 begin */
.mod2_box{
    background: #F4FAFF;
}
.mod2{
    width: 1200px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 120px;
    padding:120px 0;
}
.mod2_list{
    width: 100%;
 
}
.m2_l{
    margin-top: 30px;
    display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.mod2_tt{
    color: #333;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px; 
}
.mod2_text{
    width: 527px;
    color: #858A8F;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 35px; 
}
.m2_r{

    float: right;
    width: 608px;
height: 373px;
flex-shrink: 0;
background: url(../../../../style/img/about_m2_1.png)  lightgray 50% / cover no-repeat;
}
.mod2_list:nth-child(2) .m2_r{
    float: left;
    margin-right: 65px;
    background: url(../../../../style/img/about_m2_2.jpg)  lightgray 50% / cover no-repeat;
}
.mod2_list:nth-child(3) .m2_r{
    background: url(../../../../style/img/about_m2_3.jpg)  lightgray 50% / cover no-repeat;
}
.mod2_list:nth-child(4) .m2_r{
    float: left;
    margin-right: 65px;
    background: url(../../../../style/img/about_m2_4.jpg)  lightgray 50% / cover no-repeat;
}
.mod2_list:nth-child(5) .m2_r{
    background: url(../../../../style/img/about_m2_5.jpg)  lightgray 50% / cover no-repeat;
}
.mod2_list:last-child .m2_r{
    float: left;
    margin-right: 65px;
    background: url(../../../../style/img/about_m2_6.jpg)  lightgray 50% / cover no-repeat;
}