/* banner begin */
    .banner {
        width: 100%;
        height: 640px;
        position: relative;
        overflow: hidden;
    }

    .ban_foot {
        height: 70px;
        z-index: 2;

    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 120px;
    }

    .my-bullet {
        display: inline-block;
        width: 43px;
        height: 4px;
        opacity: 0.50;
        background: white;
        position: relative;
        margin: 0 6px;
        cursor: pointer;
    }

    .my-bullet-active {
        background: #2B78F6;
        opacity: 1;
        width: 43px;
        height: 4px;


    }

    .ban_f_box {
        background: rgba(255, 255, 255, 0.20);
        backdrop-filter: blur(62.32758712768555px);
        border-radius: 4px;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 2;
        padding: 16px 0;
        border: 1px solid rgba(255, 255, 255, 1);
        transition: all 0.3s ease;
    }

    .ban_f_list {
        width: 350px;
        border-radius: 4px;
        transition: transform 0.3s ease;
    }
    
    .ban_f_list:hover {
        transform: translateY(-2px);
    }



    .ban_f_title {
        color: #253554;
        text-align: center;
        font-family: Microsoft YaHei UI;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        opacity: 0.8;
    }

    .ban_f_title span {
        margin-left: 8px;
    }

    .ban_f_cont {
        color: #9FA6B1;
        font-family: PingFang SC;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-top: 12px;
    }

    .ban_f_list_white .ban_f_cont,
    .ban_f_list_white .ban_f_title {
        color: #fff;
        opacity: 1;
    }
    /* banner end */
    /* mod1 begin */
    .mod1_box{
        width: 100%;
        min-height: 848px;
        height: auto;
        padding-bottom: 80px;
        background-color: #fff;
        background: url(../../yibazhan/images/mod1_boxbg.jpg) lightgray 50% / cover no-repeat;
        position: relative;
        overflow: hidden;
    }
    .mod1{
        opacity:1;
        text-align: center;
    }
    .mod1_tt{
        display: inline-block;
        margin-top:80px;
        color: #253554;
text-align: center;
font-family: Microsoft YaHei UI;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
    }
    .mod1_ftt{

        color: #9FA6B1;
        font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
max-width: 870px;
margin: 24px auto 0 auto;
text-align: center;
    }
    .mod1_tabtt{
        display: inline-flex;
        margin-top: 41px;
height: 64px;
padding: 24px 16px;
justify-content: center;
align-items: center;
gap: 24px;
        border-radius: 100px;
border: 2px solid #FFF;
background: linear-gradient(180deg, #EDEFF3 0%, #FEFEFE 100%);
box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_tab_a{
        display: flex;
width: 160px;
height: 44px;
padding-right: 0px;
justify-content: center;
align-items: center;
        color: rgba(37, 53, 84, 0.85);
font-family: Microsoft YaHei;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
border-radius: 88px;
box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_tabtt	.mdui-tab-active{
        color: #fff;
        z-index: 2;
    }
    .mod1_tabtt .mdui-tab-indicator{
        background-color: #2B78F6;
        bottom: 8px;
        z-index: 1;
        width: 160px;
height: 44px;
        border-radius: 88px;
        box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_tabcont{
        margin-top:80px;
    }
    .mod1_contlist{
        width:227px;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0px 16px 24px 0px rgba(210, 217, 236, 0.30);
        transition: all 0.3s ease;
        border: 1px solid transparent;
    }
    .mod1_contlist:hover{
        border: 1px solid #2B78F6;
        transform: translateY(-8px);
        box-shadow: 0px 24px 32px 0px rgba(43, 120, 246, 0.20);
    }
    .mod1_contlist .mod1_cont_tt{
        text-align: left;
        padding:24px 32px;
        background: radial-gradient(223.82% 68.01% at 49% 52.83%, #E2EFFF 0%, rgba(238, 245, 255, 0.00) 100%);
    }
    .mod1_contlist .mod1_cont_tt div:first-child{
        color: #253554;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
    }
    .mod1_contlist .mod1_cont_tt div:nth-child(2){
        margin-top:8px;
        color: rgba(37, 53, 84, 0.85);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
    }
    .mod1_contlist .mod1_cont_ft{
        padding:20px 0;
    }
    .mod1_contlist .mod1_cont_ft ul{
        padding:0 18px;
        text-align: left;
    }
    .mod1_contlist .mod1_cont_ft ul li{
        display: flex;
        justify-content: left;
        margin-bottom:8px;
    }
    .mod1_contlist .mod1_cont_ft ul li span:first-child{
        display: inline-block;
        color: rgba(37, 53, 84, 0.45);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
        width: 97px;
 
    }
    .mod1_contlist .mod1_cont_ft ul li span:last-child{
        color: #253554;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
display: inline-block;
max-width: 92px;
    }
    .mod1_contlist .mod1_cont_ft .mod1_cont_btnbox{
        margin-top:32px;
        text-align: left;
        padding:0 32px;
    }
    .mod1_contlist_active {
        border: 1px solid #2B78F6;
    }
    .mod1_contlist_active .mod1_cont_tt div:first-child{
        color: #2B78F6;
    }
    .mod1_contlist_active .mod1_cont_money{
        color: #2B78F6;
    }
    .mod1_contlist_active .mod1_btn_buy,.mod1_btn_buy:hover{
        background: #2B78F6;
        color: #fff;
        border:none;
    }
 
    .mod1_cont_money{
        color: #253554;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
    }
    .mod1_cont_money span:nth-child(2){
        
text-align: center;
font-family: Microsoft YaHei;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 28px;
    }
.mod1_btn_buy{
    display: block;
    height: 37px;
    padding: 7px 45px;
    margin-top:16px;
    border-radius: 30px;
    border: 1px solid #2B78F6;
    color: #2B78F6;
    text-align: center;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mod1_btn_buy:hover{
    background: #2B78F6;
    color: #fff;
    transform: scale(1.05);
} 
 /* mod2 begin */
 .mod2_box{
    position: relative;
    width:100%;
    min-height: 900px;
    padding-bottom: 80px;
    text-align: center;
    background: url(../../yibazhan/images/mod2_boxbg.png) 100% / cover no-repeat;
    overflow: hidden;
 }
 .mod2_box .mod2_svg{
    margin:0;padding:0;position: absolute;top:0;left: 0;
    z-index: 2;
 }
 .mod2_tabbox{
    width: 704px;
    margin:40px auto 0 auto;
    text-align: center;
    transition: all 0.3s ease;
 }
 .mod2_tabbox .mdui-tab-active{
    
 }
 .mod2_index3{
    position: relative;
    z-index:1;
    
 }
 .mod2_box .mdui-tab, .mod2_box .mdui-tab a{
    height: 180px;
    max-height: 180px;
 }
 .mod2_box .mdui-tab a{
    width:170px;
    transition: all 0.3s ease;
    cursor: pointer;
 }
 
 .mod2_box .mdui-tab a:hover{
    transform: translateY(-3px);
 }
 .mod2_box .mdui-tab a label{
    text-align: center;
    margin-top: 10px;
/* 三级文字/常规 */
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color:rgba(0, 0, 0, 0.85)
 }
 .mod2_box .mdui-tab .mdui-tab-active label{
    color: #2B78F6;
 }
 .mod2_box .mdui-tab .mdui-tab-indicator{
    border-radius: 21px;
background: #2B78F6;
width: 8px !important;
height: 8px;
margin-left:80px;
margin-top:20px;
 }
 /*.mod2_textbox{*/
 /*    display: inline-block;*/
 /*}*/
.mod2_tab_cont .mod2_textbox ul{
text-align: left;
max-width: 600px;
width: 100%;
margin:24px auto;
}
.mod2_tab_cont .mod2_textbox ul li{
margin-bottom: 16px;
color: #000;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: flex;
align-items: center;
}
.mod2_tab_cont .mod2_textbox ul li img{
margin-right: 16px;
width:20px;
height: 20px;

}
.mod2_btnbox{
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-top: 20px;
}
.mod2_btnbox .mod2_btn1{
    color: #FFF;
    display: flex;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background:#2B78F6;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mod2_btnbox .mod2_btn1:hover{
    background:#1d5ac7;
    transform: scale(1.05);
    box-shadow: 0px 8px 16px rgba(43, 120, 246, 0.3);
}
.mod2_btnbox .mod2_btn2{
    color: #2B78F6;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mod2_btnbox .mod2_btn2:hover{
    color: #1d5ac7;
    text-decoration: underline;
}

.mod2_tab_cont{
    position: relative;
    text-align: center;
    max-width: 1200px;
    margin:0 auto;
    height: auto;
    min-height: 550px;
    display: none;
    padding: 50px 20px 80px 20px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.mod2_tab_cont.mdui-tab-active,
.mod2_tab_cont:target{
    display: block;
    opacity: 1;
}
.mod2_tab_cont .mod2_tabimg{
    margin-top:30px;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.mod2_tab_cont .mod2_tabimg:hover{
    transform: scale(1.02);
}
.mod3_box{
    position: relative;
    min-height: 583px;
    height: auto;
    padding-bottom: 40px;
    background: #E7F3FF;
    text-align: center;
    overflow: hidden;
}
.mod3_top{
height: 298px;
background: url("../../yibazhan/images/mod3_topbg.png")  0px -653.462px / 100% 445.82% no-repeat;

}
.mod3_text{
margin-top: 80px;
display: flex;
width: 1200px;
justify-content: center;
align-items: flex-start;
gap: 40px;
}
.mod3_textlist{
display: flex;
flex-direction: column;
align-items: center;
gap: 22px;
flex: 1 0 0;
}
.mod3_textlist div{
display: flex;
align-items: flex-start;
gap: 20px;
color: #253554;
text-align: center;
font-family: Microsoft YaHei;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.mod3_textlist p{
color: #253554;
text-align: justify;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
.mod3_textlist p span{
color: #2B78F6;
}
.mod3_ft{
width: 100%;
height: 330px;
position: absolute;
bottom: 0;
flex-shrink: 0;
opacity: 0.8;
background: url(../../yibazhan/images/mod3_ftbg.png)  27.192px -43.433px / 100% 370.545% no-repeat;
mix-blend-mode: multiply;
}
/* 合作伙伴 */
.mod4_box{
    text-align: center;
    min-height: 364px;
    height: auto;
    padding: 40px 0 80px 0;
    background: #fff;
}
.mod4_list{
display: flex;
width: 1200px;
align-items: flex-start;
gap: 16px;
margin-top: 40px;
}
.mod4_list a{
    display: flex;
    width: 227px;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid transparent;
}
.mod4_list a:hover{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.25);
    transform: translateY(-5px);
    border: 1px solid rgba(43, 120, 246, 0.1);
}
.mod4_list a img{
display: flex;
width: 160px;
height: 40px;
justify-content: center;
align-items: center;
}
/* 新闻动态 */
.mod5_box{
    padding: 80px 0 120px 0;
    flex-shrink: 0;
    background: #F2F5FD;
    text-align: center;
}
.mod5_list{
margin:40px auto 0 auto;
width: 1200px;
height: 400px;
display: flex;
align-items: flex-start;
}
.mod5_left{
width: 380px;
height: 400px;
flex-shrink: 0;
}
.mod5_right{
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}
.mod5_r_top{

display: flex;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}
.mod5_r_foot{

display: flex;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}

.mod5_r_cont{
height: 200px;
flex: 1 0 0;
}

.mod5_r_cont1{
width: 379px;
align-self: stretch;
}
.mod5_l_text{
    width:100%;
    height: 100%;
    background: rgba(12, 71, 169, 0.70);
    transition: all 0.3s ease;
}
.mod5_l_text:hover{
    cursor: pointer;
    background:rgba(0, 32, 85, 0.8);
    transform: scale(1.02);
}
.mod5_l_textcont{
padding-top:40px;
margin:0 auto;

display: flex;
width: 300px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.mod5_text_tt{
text-align: center;
font-family: Microsoft YaHei UI;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color:#fff;
}
.mod5_text_p{
color: #fff;
font-family: PingFang SC;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-align: left;
align-self: stretch;
}
.mod5_text_btn{
    display: flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #FFF;
    backdrop-filter: blur(62.32758712768555px);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mod5_text_btn:hover{
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(5px);
}
.mod5_r_textcont{
padding-top:40px;
margin:0 auto;
display: flex;
width: 148px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

/* 增加 */
#mod1_cont3 .mod1_contlist{
    width: 280px;
}
#mod1_cont3 .mod1_contlist .mod1_cont_ft ul li span:first-child{
    width: 120px;
}
#mod1_cont3 .mod1_contlist .mod1_cont_ft ul li span:last-child{
    max-width: 120px;
}