.mylty{
    
}


.mylty_top {
    background: url(2025smy_banner.png) no-repeat;
    background-position: center center;
    background-size: cover;
    height: 5.8rem;
    width: 100%;
    max-width: 19.20rem;
    margin: 0 auto;

    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.mylty_top_div{
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.1));
    height: 1.51rem;
    width: 12.11rem;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.mylty_top_div span{
    color: #0E2F5B;
    font-size: .97rem;
    font-weight: bold;
    font-family: BDZongYi-A001;
    transform: skew(-10deg, 0deg);
    background: linear-gradient(180deg, #28548E 0%, #0E2F5B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mylty_mid{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(246, 251, 255, 1));
    min-height: 4.02rem;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;font-size: .16rem;line-height: .3rem; color: #333;
    justify-content: center; /* 水平居中 */
}

.mylty_mid_div1{
    margin-bottom: .33rem;
    margin-top: .34rem;
    width: 6.39rem;
    min-height: 4.02rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.03);
    border-radius: .1rem;
}

/* 概述部分 */
.mylty_mid_div1_div{
    height: 1.14rem;
    margin-right: .37rem;
    margin-left: .36rem;
    display: flex;
    flex-wrap: wrap;
}

.mylty_mid_div1_div_div{
    width: 100%;
    height: 0.65rem;
    display: flex;
}

.gs_div{
    margin-left: .27rem;
    height: 0.65rem;
    display: inline-flex;
    /* 将内容对齐到下端 */
    align-items: flex-end; /* 垂直对齐到底部 */
    margin-right: .25rem;
}

.gs_div span{
    color: #1E58A7;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 0.36rem;
    line-height: 0.4rem;
    white-space: nowrap;
}


.gs_line{
    height: 0.65rem;
    flex-grow: 1;
    position: relative;
}
.gs_line div{
    position: absolute;
    bottom: 0.09rem; /* 将线定位到 gs_line 的底部 */
    left: 0;
    right: 0;
    height: .01rem;
    background-color: #1E58A7;
    margin-left: 0rem;
    margin-right: .1rem;
}

.gs_line div::before{
    content: '';
    position: absolute;
    left: -.08rem; 
    top: 50%;
    transform: translateY(-50%);
    width: .08rem; 
    height: .08rem; 
    background-image: url(2025smy_ellipse1.png); 
    background-size: contain;
    background-repeat: no-repeat;
}

.gs_line div::after {
    content: '';
    position: absolute;
    right: -0.1rem; 
    top: 0.001rem;
    transform: translateY(-50%);
    width: .03rem;
    height: .03rem; 
    background-image: url(2025smy_ellipseCopy1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.mylty_mid_div1_div_div1{
    width: 5.65rem;
    height: 0.49rem;
    display: flex; /* 使用 Flexbox 布局 */
}

.mylty_mid_div1_div_div1 div{
    width: 3rem; /* 根据需要调整宽度 */
    height: .01rem; /* 线条的高度 */
    background-color: #1E58A7; /* 线条的颜色 */
    margin-top: .11rem;
    margin-left: .1rem;
    position: relative;
}

.mylty_mid_div1_div_div1 div::before{
    content: '';
    position: absolute;
    left: -.08rem; 
    transform: translateY(-50%);
    width: .16rem; 
    height: .16rem; 
    background-image: url(2025smy_group4.png); 
    background-size: contain;
    background-repeat: no-repeat;
}

.mylty_mid_div1_div_div1 div::after{
    content: '';
    position: absolute;
    right: -0.12rem;
    top: 0.02rem;
    transform: translateY(-50%);
    width: .13rem;
    height: .13rem; 
    background-image: url(2025smy_group3.png);
    background-size: contain;
    background-repeat: no-repeat;
}





.mylty_mid_div1_div2{
    min-height: 2.43rem;
    margin-left: .36rem;
    margin-right: .37rem;
    margin-bottom: .45rem;
    box-sizing: border-box;
    font-family: Microsoft YaHei;
}
/* 首行缩进的 */
.mylty_mid_div1_div2 p{
    font-size: .18rem;
    line-height: .45rem;
    font-weight: 400;
    color: #333333;
    text-indent: 2em;
}



.mylty_mid_div2{
    margin-bottom: .33rem;
    margin-top: .51rem;
    margin-left: .24rem;
    width: 3.35rem;padding: 0.2rem;
    min-height: 3.8rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.03);
    border-radius: .1rem;
}



.mylty_mid_div3{
    margin-bottom: .33rem;
    margin-left: .24rem;
    width: 3.55rem;
    min-height: 4.37rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.03);
    border-radius: .1rem;
}


/* 无序列表盒子 */
.mylty_mid_ul{
    padding-left: .17rem;
    padding-right: .18rem;
    padding-top: .18rem;
    padding-bottom: .2rem;
    display: block;
    font-size: .16rem;
    font-family: Microsoft YaHei;
    line-height: .3rem;

}

/* 带图标的li用伪元素 */
.mylty_mid_li1 {
    font-weight: 400;
    color: #333333;
    position: relative;
    margin-bottom: .08rem;
    margin-left: .27rem;
}

.mylty_mid_li1::before {
    content: '';
    position: absolute;
    left: -.2rem;
    top: 0.1rem;
    width: .1rem;
    height: .1rem; 
    background-image: url(2025smy_group5.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* 带背景的li */
.mylty_mid_li2 {
    background: #F8FCFF;
    padding-top: .14rem;
    padding-left: .15rem;
    padding-right: .16rem;
    padding-bottom: .15rem;
    border-radius: .1rem;
    margin-bottom: .08rem;
}

.mylty_mid_ul .mylty_mid_li2:last-child {
    margin-bottom: 0;
}

.mylty_mid_ul .mylty_mid_li1:last-child {
    margin-bottom: 0;
}

/* 正放图片 */
.mylty_z{
    min-height: 4.75rem;
    width: 100%;
    max-width: 13.99rem;
    margin: 0 auto;
    display: flex;
    overflow: hidden;
    position: relative; /* 确保伪元素能够相对于此元素定位 */
    align-items: flex-end;
}

.mylty_z::before {
    content: "";
    position: absolute;
    bottom: 0; /* 将伪元素定位在容器的底部 */
    left: 0;
    right: 0;
    height: 3.97rem; /* 设置伪元素的高度为3.97rem */
    background: url(2025smy_bgli.png) no-repeat center center / contain; /* 设置背景图，并使其宽度自动调整以保持比例，同时居中显示 */
    background-size: 100% auto;
    z-index: -1;
}

.zmzb{
    width: 6.98rem;
    display: flex;
    flex-wrap: wrap;
}

.mylty_z_bt{
    width: 6.61rem;
}
.mylty_z_bt_a{
    height: 0.67rem;
    width: 6.42rem;
    display: inline-flex;
    margin-right: .47rem;
}
.mylty_z_bt_a_biv{
    height: 0.67rem;
    margin-left: .38rem;
    margin-right: .19rem;
    margin-top: .3rem;
}
.mylty_z_bt_a_biv span{
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: .36rem;
    color: #1E58A7;
    line-height: .4rem;
}

.mylty_z_bt_a_line{
    height: 0.67rem;
    flex-grow: 1;
    position: relative;

}

.mylty_z_bt_a_line div{
    position: absolute;
    bottom: 0.09rem;
    left: 0;
    right: 0;
    height: .01rem;
    background-color: #1E58A7;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

.mylty_z_bt_a_line div::before{
    content: '';
    position: absolute;
    left: -.07rem;
    top: 50%;
    transform: translateY(-50%);
    width: .08rem;
    height: .08rem;
    background-image: url(2025smy_ellipse1.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.mylty_z_bt_a_line div::after{
    content: '';
    position: absolute;
    right: -0.07rem;
    top: 0.002rem;
    transform: translateY(-50%);
    width: .03rem;
    height: .03rem;
    background-image: url(2025smy_ellipseCopy1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.mylty_z_bt_b{
    width: 5.65rem;
    height: 0.49rem;
    display: flex;
}
.mylty_z_bt_b div{
    width: 5.5rem;
    height: .01rem;
    background-color: #1E58A7;
    margin-top: .2rem;
    margin-left: .1rem;
    position: relative;
}
.mylty_z_bt_b div::before{
    content: '';
    position: absolute;
    left: -.08rem;
    transform: translateY(-50%);
    width: .16rem;
    height: .16rem;
    background-image: url(2025smy_group4.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.mylty_z_bt_b div::after{
    content: '';
    position: absolute;
    right: -0.12rem;
    top: 0.02rem;
    transform: translateY(-50%);
    width: .13rem;
    height: .13rem;
    background-image: url(2025smy_group3.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.mylty_z_nr{
    min-height: 2.5rem;
    background:#FFFFFF;
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.08);
    border-radius: .1rem 0rem .1rem .1rem;
    margin-left: .21rem;
    margin-right: .37rem;
    margin-bottom: .2rem;
    padding-top: .3rem;
    padding-left: .4rem;
    padding-right: .37rem;
    padding-bottom: .3rem;
}
.mylty_z_nr .inr,.mylty_f .inr{max-height: 2.3rem;line-height: .4rem; font-size: .16rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.mylty_z_nr p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #333333;
    line-height: .4rem;
}


.mylty_z_nr .more {
    display: flex;
    justify-content: flex-end;
}
.mylty_z_nr a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .17rem;
    color: #1E58A7;
    line-height: .4rem;
    align-self: flex-end;

}

.mylty_z_img{
    margin-bottom: .2rem;
    width: 7rem;
    height: 4rem;
    overflow: hidden;
    display: flex;
    border-radius: .1rem .1rem .1rem .1rem;

}
.mylty_z_img img{
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    margin: auto;
    pointer-events: none;
}


/* 反放图片 */
.mylty_f {
    
    min-height: 4.75rem;
    width: 100%;
    max-width: 13.99rem;
    margin: 0 auto;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: flex-end;
}

.mylty_f::before {
    content: "";
    background: url(2025smy_bgli.png) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.97rem;
    transform: scaleX(-1); /* 水平翻转背景图片 */
    z-index: -1; /* 确保伪元素在内容后面 */
}

.mylty_f_img{
    width: 7rem;
    height: 4rem;
    margin-bottom: .2rem;
    overflow: hidden; /* 确保如果图片比容器大时不会溢出 */
    display: flex; /* 使用flex布局来帮助内容居中等 */
    border-radius: .1rem .1rem .1rem .1rem;
}
.mylty_f_img img{
    width: 100%; /* 让图片宽度占满父元素 */
    height: 100%; /* 让图片高度占满父元素 */
    object-fit: cover; /* 确保图片覆盖整个容器，同时保持图片的宽高比。若需要拉伸填满则可以使用'fill' */
    margin: auto;
    pointer-events: none;
}




/* 反面标题部分 */

.fmyb{
    width: 6.99rem;
    display: flex;
    flex-wrap: wrap;
}
.mylty_f_bt{
    height: 1.1rem;
    margin-left: .4rem;
}
.mylty_f_bt_a{
    width: 6.6rem;
    height: .7rem;
    display: flex;
}


.mylty_f_bt_a_line{
    height: 0.65rem;
    flex-grow: 1;
    position: relative;
}

.mylty_f_bt_a_line div{
    position: absolute;
    bottom: 0.07rem;
    left: 0;
    right: 0;
    height: .01rem;
    background-color: #1E58A7;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

.mylty_f_bt_a_line div::before{
    content: '';
    position: absolute;
    left: -.07rem;
    top: 50%;
    transform: translateY(-50%);
    width: .03rem;
    height: .03rem;
    background-image: url(2025smy_ellipseCopy1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.mylty_f_bt_a_line div::after{
    content: '';
    position: absolute;
    right: -0.07rem;
    top: 0.01rem;
    transform: translateY(-50%);
    width: .08rem;
    height: .08rem;
    background-image: url(2025smy_ellipse1.png);
    background-size: contain;
    background-repeat: no-repeat;
}



.mylty_f_bt_a_biv{
    margin-left: .15rem;
    height: 0.65rem;
    display: inline-flex;
    align-items: flex-end;
    margin-right: .47rem;
}

.mylty_f_bt_a_biv span{
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: .36rem;
    color: #1E58A7;
    line-height: .40rem;
}

.mylty_f_bt_b{
    width: 6.6rem;
    display: flex;
    justify-content: flex-end;
}
.mylty_f_bt_b div{
    width: 5.5rem;
    height: .01rem;
    background-color: #1E58A7;
    margin-top: .1rem;
    margin-right:.27rem;
    position: relative;
}

.mylty_f_bt_b div::before{
    content: '';
    position: absolute;
    left: -0.11rem;
    top: -.05rem;
    width: .13rem;
    height: .13rem;
    background-image: url(2025smy_group3.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}

.mylty_f_bt_b div::after{
    content: '';
    position: absolute;
    top: -.075rem;
    right: -0.07rem;
    width: .16rem;
    height: .16rem;
    background-image: url(2025smy_group4.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}


.mylty_f_nr{
    width: 6.4rem;
    background:#FFFFFF;
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.08);
    border-radius: 10px 0px 10px 10px;
    margin-left: .37rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    padding-top: .3rem;
    padding-left: .4rem;
    padding-right: .37rem;
    padding-bottom: .3rem;
}

.mylty_f_nr p{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #333333;
    line-height: .4rem;
}

.mylty_f_nr .more {
    display: flex;
    justify-content: flex-end;
}
.mylty_f_nr a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .17rem;
    color: #1E58A7;
    line-height: .4rem;
    align-self: flex-end;

}


/* 手机版适应 */

@media screen and (max-width: 768px) {
    .mylty_top_div span{
        font-size:.8rem;
    }
    .mylty_mid{
        flex-wrap: wrap;font-size: .32rem;
    }

    .mylty_mid_div1{
        width: 7.1rem;
    }
    .gs_div{
        margin-right: .4rem;
    }
    .gs_line div{
        margin-right: .37rem;
    }
    .gs_line div::before{
        width:.16rem;
        height:.16rem;
        left: -.13rem;
    }
    .gs_line div::after{
        right: -0.3rem;
        width:.06rem;
        height:.06rem;
    }

    .mylty_mid_div1_div_div1 div{
        margin-left: .2rem;
        margin-top: .25rem;
    }
    .mylty_mid_div1_div_div1 div::before{
        width: .32rem;
        height: .32rem;
        left: -.2rem;
    }
    .mylty_mid_div1_div_div1 div::after{
        width: .26rem;
        height: .25rem;
        right: -0.25rem;
        top: 0.03rem;
    }


    .mylty_f_bt_a_line div{
        bottom: 0.1rem;
    }
    .mylty_f_bt_a_line div::before{
        width: .06rem;
        height: .06rem;
        left: -.2rem;
    }
    .mylty_f_bt_a_line div::after{
        width: .16rem;
        height: .16rem;
        right: -0.15rem;
        top: 0rem;
    }

    
    .gs_div span{
        font-size: 0.43rem;
    }
    
    .mylty_mid_div1_div2 p{
        font-size: .32rem;
        line-height: 0.48rem;
    }
    
    .mylty_mid_div2{
        width:6.7rem ;
        margin-left: 0rem;line-height: .48rem;margin-top: 0;
    }
    .mylty_mid_ul{
        font-size: .32rem;
        line-height: 0.48rem;
    }

    .mylty_mid_li1 {
        margin-left: .4rem;margin-bottom: 0.15rem;
    }
    .mylty_mid_li1::before{
        top: 0.2rem;
        left:-.3rem;
        width: .2rem;
        height: .2rem;
    }
    .mylty_mid_div3{
        width:7.1rem ;
        margin-left: 0rem;
    }
    .mylty_f{
        flex-wrap: wrap;
        margin-top: .25rem;
    }


    .mylty_f_bt_a_biv{
        margin-right: .1rem;
        margin-left: .25rem;
    }
    .mylty_f_bt_a_biv span{
        font-size: .36rem
    }

    .mylty_f_bt_b div{
        margin-top: .15rem;
    }
    .mylty_f_bt_b div::before{
        width:.26rem;
        height: .26rem;
        top: -0.1rem;
        left: -0.24rem
    }
    .mylty_f_bt_b div::after{
        width:.32rem;
        height: .32rem;
        top: -0.16rem;
        right: -.15rem;
    }
    .mylty_f_img{
        margin-left: .25rem;
        margin-top: 0rem;
        margin-bottom: .25rem;
    }
    .mylty_f_nr{
        margin-left: .25rem;
        margin-right: 1.25rem;
    }
    .mylty_f_nr p{
        font-size: .32rem;line-height: .48rem;
    }

    .mylty_f_nr a{
        font-size: .25rem;
    }
    
    .fmyb{
        width: 8.5rem;
    }

    .mylty_z{
        flex-wrap: wrap;
        margin-top: .25rem;
        display: flex;
        flex-direction: column;
    }
    .mylty_z::before{
        height: 2rem;
    }

    .zmzb{
        width: 100%;
    }
    .mylty_z_bt{
        margin-left: .25rem;
    }
    .mylty_z_bt_a_biv span{
        font-size: .36rem
    }
    .mylty_z_bt_b div{
        margin-top: .2rem;
        margin-left: .2rem;
    }


    .mylty_z_bt_a_line div{
        bottom: 0.1rem;
    }
    .mylty_z_bt_a_line div::before{
        width: .16rem;
        height: .16rem;
        left: -.15rem;
    }
    .mylty_z_bt_a_line div::after{
        width: .06rem;
        height: .06rem;
        right: -0.2rem;
        top: 0.015rem;
    }

    .mylty_z_bt_b div::before{
        width: .32rem;
        height: .32rem;
        left: -.18rem;
    }

    .mylty_z_bt_b div::after{
        width: .26rem;
        height: .26rem;
        top: 0.033rem;
        right: -0.25rem;

    }
    .mylty_z_nr{
        margin-left: .25rem;
        margin-right: .25rem;
    }
    .mylty_z_img{
        margin-right: .25rem;
        margin-left:.25rem;
        margin-top: 0rem;
        order: -1;
    }
    .mylty_z_nr p{
        font-size: .32rem;line-height: .48rem;
    }

    .mylty_z_nr a{
        font-size: .25rem;
    }
    .mylty_z_nr .inr, .mylty_f .inr{max-height: 3rem;font-size: .32rem;}




}