.sub_banner{
    width: 100%; height: 36rem;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.sub_banner .sub_banner_inner{
    height: 100%; width: 100%;
    position: relative;
    /* background: rgba(0, 0, 0, 0.6); */
    background: rgba(92, 98, 104, 0.3);
    /* background: rgba(28, 42, 85, 0.65); */
}
.sub_banner.sub1 .sub_bg{background:  url("../img/sub1.png") no-repeat center center;}
.sub_banner.sub2 .sub_bg{background:  url("../img/sub2.png") no-repeat center center;}
.sub_banner.sub3 .sub_bg{background:  url("../img/sub3.png") no-repeat center center;}
.sub_banner.sub4 .sub_bg{background:  url("../img/sub4.png") no-repeat center center;}
.sub_banner.sub5 .sub_bg{background:  url("../img/sub5.png") no-repeat center center;}
.sub_banner.sub6 .sub_bg{background:  url("../img/sub6.png") no-repeat center center;}
.sub_banner.sub7 .sub_bg{background:  url("../img/sub7.png") no-repeat center center;}
.sub_banner .sub_bg{
    content: '';
    position: absolute;
    z-index: -1;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-size: cover;
    /* filter: blur(3px); */
    animation: animatedBackground 1s forwards cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@keyframes animatedBackground {
    0%{transform: translateX(-30px)scale(1.1);}
    100%{transform: translateX(0px)scale(1.1);}
}
.sub_banner .sub_banner_name{
    height: 100%;
    font-size: 5rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.sub_banner .sub_banner_name p{
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    width: 85%;
}
/* tab_menu */
.tab_menu{
    box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) ;
    position: relative;
}
.tab_menu ul{
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7rem;
    font-weight: 500;
    gap: 4rem;
}
.tab_menu ul li{opacity: 0.4;}
.tab_menu ul li.on{opacity: 1;position: relative;}
.tab_menu ul li.on::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    transform: translate(-5px ,5px);
    display: inline-block;
    width: calc(100% + 10px);
    height: 2px;
    background: #003378;
}
/* m1_1 */
.sub_logo_bg{
    background: url('../img/logo_bg.png') no-repeat  105% calc(100% - 100px) / 560px;
}
.m1_1 .flex_box:not(:last-child){
    margin-bottom: 5rem;
}
.flex_box.rightImg{flex-direction: row-reverse;}
.flex_box{
    display: flex;
    gap: 2rem;
    align-items: center;
}
.flex_box>*{width: 100%;}
.img_box{line-height: 0;}
.m1_1 .img_box{
    aspect-ratio:3/2;
    overflow: hidden;
}
.m1_1 img{
    width: 100%;height: 100%;
    object-fit: cover;
}
/*  */
.m1_2 h4{margin-bottom: 8rem;}
.doctor_box{display: flex;gap: 3rem;}
.doctor_box>*{width: 100%;}
.doctorImg{
    max-width: 500px;
}
.dotor_name{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.dotor_name i{
    color: #003378;
    font-size: 1.3em;
}
.doctor_box ul{font-size: 1.8rem;}
.doctor_box ul:not(:last-child){margin-bottom: 3rem;}
.doctor_box li{display: flex;gap: .5rem;}
.doctor_box li::before{content: '▪';}

/* m1_4 */
.location_wrap{
    display: flex;
    gap: 2rem;
}
.location_wrap>*{
    width: 100%;
}
.location_tit{
    font-size: 3rem;
    font-weight: 800;
    color: #003378;
    margin: 1rem 0;
}
.time_table .time_wrap{
    font-size: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.time_table .time_wrap li{
    display: flex;
    gap: 2rem;
}
.time_table .time_wrap li:nth-of-type(1){
    background: #003378;
    display: inline-block;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    padding: .5rem 2rem;
    border-radius: 1rem;
}
.time_table .time_wrap li:nth-of-type(1) em{color: #FF3131;font-weight: 800;}
.time_table .time_wrap li:nth-of-type(1) i{color: #FFD112;}
.time_table .time_wrap .red{
    color: #C62828;
    font-weight: 500;
    font-size: 2rem;
}
.time_table .time_wrap li:nth-of-type(4).red{font-size: 1.1em;}
.time_table .time_wrap li strong{
    font-weight: 800;
}
.time_table .time_wrap span{
    width: 140px;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    /* color: #000; */
}
.time_table .time_wrap b i{
    font-weight: 700;
}
.location_wrap hr{
    margin: 3rem 0;
}
.time_wrap em {
    font-weight: 500;
}
.time_wrap em i{
    font-weight: 700;
    color: #2875C9;
}
.quick_button{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.quick_button li:nth-of-type(1){background: #003378;}
.quick_button li:nth-of-type(2){background: #2EBD34;}
.quick_button li:hover{transform: scale(1.05);}
.quick_button li{
    border-radius: 1rem;
    transition: .2s;
}
.quick_button li a{
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    font-size: 3.5rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}
.quick_button li img{width: 1.5em;}
/* m2 */
.max850{
    margin: 0 auto;
    max-width: 850px;
}
.max700{
    margin: 0 auto;
    max-width: 700px;
}
.m21_ul li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.25);}
.m21_ul li{
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2rem 0;
}
.m21_ul li img{max-width: 80px;}
.ul_gap{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.m22_ul{
    display: flex;
    justify-content: center;
    gap: 2rem;
}
.m23_ul{
    margin: 0 auto;
    width: 90%;
    display: flex;
    justify-content: center;
}
.m23_ul li:nth-of-type(1){background: rgba(0, 51, 120, 0.5);}
.m23_ul li:nth-of-type(2){background: rgba(0, 51, 120, 0.7);}
.m23_ul li:nth-of-type(3){background: rgba(0, 51, 120, 0.9);}
.m23_ul li img{width: 70%;}
.m23_ul li{
    margin: 0 -15px;
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 350px;
    border-radius: 50%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
}
.img_box.img520{
    max-width: 520px;
}
.box_ul{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.box_ul li{
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 1.5rem;
    padding: 1.5rem;
}
.grid_ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
/* m3 */
.grid2_ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.grid3_ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
/* m5 */
.m5_ul li{
    display: flex;
    align-items: center;
    gap: 2rem;
}
.m5_ul li img{max-width: 70px;}
.m5_ul li .blue{font-weight: 700;color: #2875c9;}
/*m6  */
.m61_2ul{flex-direction: row;}
.m61_2ul li{flex:1;}
.m61_3ul{flex-direction: row;}
.m61_3ul li{flex:1;}
/* m7 */
.m7_3 .box_wrap{
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 3rem 2rem;
    border-radius: 3rem;
}
.m7_3 .box_wrap h5{
    margin-bottom: 3rem;
}
.m7_3 .box_wrap ul{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.m7_3 .box_wrap li{
    background: #f0f4f7;
    padding: 1rem;
    border-radius: 3rem;
}