@font-face {
    font-family: 'SourceHanSans-Bold';
    src: url('../../fonts/DIN-Regular.otf');
    font-display:swap;
}
@font-face {
    font-family: 'SourceHanSans-ExtraLight';
    src: url('../../fonts/DINPro-Light.otf');
    font-display:swap;
}

@font-face {
    font-family: 'DIN-Bold';
    src: url('../../fonts/DIN-Bold.otf');
    font-display:swap;
}

.banner-xia p{
        width: 50%;
    margin: 0 auto;
    font-size: var(--font24);
}
.font-r-img-l{
        background: linear-gradient(to bottom, #fff 80%, #6f75d5 20%);
}
.gywm>p{
        width: 90%;
    margin: 0 auto;
}
.gywm p>b{
    font-family: 'DIN-Bold';
    font-size: 56px;
    display: block;
    line-height: 60px;
    text-align: center;
}
.wmdys1>p{
        width: 50%;
}
.wmdys2>p {
    font-size: var(--font58);
    font-family: 'SourceHanSans-Bold';
    position: absolute;
    right: 25%;
    width: max-content;
    bottom: 16%;
    letter-spacing: -4px;
}
.hbbu_li p b{
    font-family: 'DIN-Bold';
    font-size: 56px;
}

.banner-xia p b{
    font-family: 'DIN-Bold';
    font-size: 56px;
    display: block;
    line-height: 60px;
        color: #3d3b6b;
}
.t-font p{
    width: 90%;
}

.align-items-center{
	align-items: center !important;
}

.mod_nav.zyqqgy{
    font-family: 'DIN-Bold';
    font-size: 80px;
}
@media screen and (max-width: 1200px) {
.mod_nav.zyqqgy{
    font-size: 60px;
}
}
@media screen and (max-width: 991px) {
    .gywm.fong-t-img-b .pT200{
        padding: 40px 0;
    }
   .mod_nav.zyqqgy{
    font-size: 40px;
} 
.font-l-img-r .qqhd-1.l-font p{
    width: 90%;
}
.hyyj-1.bps .l-font{
    width: 100%;
}
.hyfn1-box.font-l-img-r .l-font p{
    width: 90%;
}
.mod_nav.wmdys-box,.mod_nav.hxtd{
    padding: 0;
}
.wmdys1{
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .mod_nav.hxtd {
        width: 90%;
                margin: 40px auto 0;
    }
.ys_ban_video{
    display: none;
}
    .font-l-img-r {
        flex-direction: column;
    }
        .font-l-img-r .l-font{
        width: 100%;
    }
    .font-l-img-r .l-font.lxwm{
        width: 90%;
    }
       .font-l-img-r .r-img {
        width: 100%;
                padding: 0 !important;
    }
        .font-l-img-r .l-font p {
        text-align: left;
    }
        .t-font p {
        text-align: left;
    }
    .bps .l-font p{
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
.mod_nav.zyqqgy{
    font-size: 34px;
}
.gywm p{
    font-size: var(--font32);
}
.gywm p>b{
    font-size: 50px;
}
    .banner-xia p {
        font-size: var(--font32);
        width: 90%;
    }
    
	.banner-xia p b{
	        font-size: 50px;
	}
	.mod_nav.hxtd {
        text-align: left;
    }
}
.wenzijuzhong{
    padding: 100px 0 100px 106px !important;
    justify-content: center !important;
}

.banner-xia p{
    text-align: left;
}
.banner-xia p b{
    text-align: center;
}

@media screen and (max-width: 480px) {
    .hbbu_li p {
        font-size: 20px;
    }
    .hbbu_li p b {
    font-size: 40px;
}

.wmdys1>p {
    width: 90%;
}
.gywm {
    background: linear-gradient(to bottom, #020306, #1e233c, 40%, #fff 30%);
}
.mod_nav.zyqqgy {
        font-size: 20px;
    }
.wmdys2{
    width: 100%;
}
.wmdys2>p{
        right: 53%;
}

}
.bps .l-font {
    width: 90%;
}
.gywm>p{
    text-align: left;
}