.banner{
    position: relative;
width: 100%;
height: 468px;
}
.ban_cont1_left{
    padding-top: 130px;
}
.mod_box .m12{
    position: relative;
    height: 1450px;
}
.banner{
    height: 280px;
}
.mod_box{
    width: 100%;

 padding-bottom: 80px;
 

}
.m12{
    padding:40px 0;
}
.cont_box{
    width: 1200px;
padding-bottom:40px;
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
background: #FFF;
box-shadow: 0px 63px 50px 0px rgba(67, 67, 68, 0.07);
gap: 48px;
}
.top_box{
    width: 1200px;
    display: flex;
    align-items: center;
    padding:0 32px;
height: 183px;
flex-shrink: 0;
background: radial-gradient(223.82% 68.01% at 49% 52.83%, #E2EFFF 0%, rgba(238, 245, 255, 0.00) 100%);
box-shadow: 0px 16px 52px -10px rgba(24, 107, 236, 0.15);
}
.top_cont{
    position: relative;
    display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 100%;
}
.top_tt{
    display: flex;
width: 545px;
height: 32px;
flex-direction: column;
justify-content: center;
    color: #253554;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.top_list{
    display: flex;
align-items: flex-start;
gap: 32px;
}
.top_list .active{
    background: #fff;
    color: #0054DD;
}
.foot_box{
    display: flex;
width: 1136px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.top_list_li{
    display: flex;
cursor: pointer;
padding: 15px 40px;
flex-direction: column;
justify-content: center;
align-items: center;

border-radius: 4px;
border: 1.5px solid #2B78F6;

opacity: 0.8;
}
.mdui-switch{
    position: absolute;
    right: 20px;
    top:30px;
    
}
.mdui-switch input[type=checkbox]:checked+.mdui-switch-icon{
    background-color: #63aaf3;
}
.mdui-switch input[type=checkbox]:checked+.mdui-switch-icon::before{
    background-color: #2196F3;
}
.top_list .top_list_li:nth-child(2){
    border: 1.5px solid #ED7B2F;
}
.top_list .top_list_li:nth-child(3){
    border: 1.5px solid #00B87B;
  
}
.top_list .top_list_li:last-child{
    border: 1.5px solid #FB6D79;
}
.foot_box{
    display: flex;
width: 1136px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.ft_box{
    display: flex;
    flex-wrap: wrap;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.cont_list{
    display: flex;
width: 368px;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-top: 20px;
border-radius: 4px;
border: 2px solid #FFF;
border-top:2px solid #2B78F6;
background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);

box-shadow: 0px 16px 24px 0px rgba(210, 217, 236, 0.30);
}
.cont_text{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.cont_tt{
    color: rgba(0, 0, 0, 0.85);

font-family: Microsoft YaHei;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px;
flex: 1 0 0;
}
.cont_dec{
    color: #253554;

text-align: justify;
width: 275px;
/* 常规/14 */
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.cont_btnbox{
    display: flex;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
.cont_btn{


padding: 7px 40px;
color: #2B78F6;
gap: 10px;
font-family: PingFang SC;
font-size: 16px;
border-radius: 4px;
font-weight: 400;
text-align: center;
border: 1px solid #2B78F6;
}
.cont_btn:hover{
    background: #2B78F6;
    color:#fff;
}
.jzgd{
    color: #253554;

text-align: center;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding:20px 100px;
align-self:center;
text-align: center;
border:2px solid #F5F6FA;
border-radius: 3px;
margin:30px 0;
}
.cont_canshu{

}
.cont_canshu li{
    line-height: 25px;
}