@import url('com.css');
.body { background: #0e0e0e; margin: 0; padding: 0; font-size: 16px; margin: 0; font-family: NSimSun; max-width: 2560px; margin: 0 auto; }
h5, h6 { margin: 0; }
.main { width: 780px; margin: 0 auto; }

.f_white { color: #ffffff; }
.f_white1 { color: #9e9d9b; }
.f_70 { font-size: 70px }
.f_60 { font-size: 60px }
.f_50 { font-size: 50px }
.f_45 { font-size: 45px }
.f_40 { font-size: 40px }
.f_36 { font-size: 36px }
.f_28 { font-size: 28px }
.f_26 { font-size: 26px }
.f_25 { font-size: 25px }
.f_24 { font-size: 24px }
.f_22 { font-size: 22px }
.f_20 { font-size: 20px }
.c_red { color: #a71e26; }
.font_rl { writing-mode: vertical-rl; }
.font_flex_center { display: flex !important; align-items: center; }
.font_w { font-weight: 500 }

.banner { position: relative; }
    .banner .b_info { position: absolute; padding-top: 1px; z-index: 9; top: 0px; /*width: 100%;*/ left: 0; right: 0; box-sizing: border-box; }

    .banner > img { width: 100%; display: block; z-index: 1; }
.dis_d_p > * { display: block; text-align: center; }
.dis_d { display: block; text-align: center; }
.banner1 { padding: 60px 0 40px; background: #fff; }
    .banner1 .logo { width: 200px; display: block; margin: 0 auto; max-width: 35%; }
    .banner1 span { font-size: 24px; line-height: 60px; }
.banner2 { background: #101616; color: #ffffff; }
    .banner2 .b_info { }
        .banner2 .b_info > * { margin: 10px auto; font-size: 26px; }
        .banner2 .b_info i { text-align: right; font-style: normal; margin: 50px 60px 0 0; }
        .banner2 .b_info h6 { }
        .banner2 .b_info .by { margin: 30px auto 30px auto; }
        .banner2 .b_info .font { }
        .banner2 .b_info span { padding-top: 20px; }

.banner3 .b_info .by { margin: 30px auto 30px auto; }

.banner4 .tit { margin-top: 40px; }
.banner4 .tit1 { margin-top: 20px; }
.banner4 .fy_logo { margin: 80px 0 0 80px; }
.info_tit { position: absolute; top: -180px; display: block; margin: 10px; background: #fff; padding: 50px; border-radius: 9px; text-align: left; font-size: 24px; line-height: 1.4 }
.banner5 .tit1 { margin-top: 135px; }
.banner6 .tit1 { margin-top: 170px; }
.banner6 .tit2 { margin: 50px 90px 0 90px; text-align: left; line-height: 1.6 }
.banner7 .tit { padding-top: 50px }
.banner7 .tit1 { margin-top: 40px; line-height: 1.5; color: #e0e0df }
.banner8 { background: #0a0907; color: #e0e0df; padding-bottom: 1px; }
    .banner8 .img { display: block; width: 100%; }
    .banner8 .lzh { display: flex }
        .banner8 .lzh > div { flex: 1; }
    .banner8 .b_info { position: relative; }
    .banner8 .tit { margin-top: 80px }
    .banner8 .tit1 { margin: 40px 90px 0 90px; text-align: left; line-height: 1.4; }
    .banner8 .info { margin: 40px 90px 130px 90px; text-align: left; line-height: 1.4; }
.banner9 .tit_f { display: flex; margin-top: 50px; }
    .banner9 .tit_f .logo_tit { width: 40%; }
        .banner9 .tit_f .logo_tit img { max-width: 90%; }
    .banner9 .tit_f .s_tit { flex: 1; vertical-align: middle; color: #fff; }
    .banner9 .tit_f .s_tit { display: flex; align-items: center; text-align: center; }
.banner9 .b_info { height: 99.5%; box-sizing: content-box; }
.banner9 .tit_name { top: auto; bottom: 10px; left: 20px; right: 20px; text-align: center; }
.banner9 .info_tit { padding: 20px; }

/*ljy*/
.ljy_info { margin: 30px 80px 0; display: block; text-align: left; line-height: 1.5 }
.ljy_b1 .f_logo { margin: 90px auto 80px }
.ljy_b1 .f_font { margin: 0 auto 50px }
.ljy_b1 .tit span { padding: 0 30px; position: relative; }
    .ljy_b1 .tit span:first-child:after { content: ""; position: absolute; right: 0; top: 0px; background: #fff; width: 2px; height: 28px; }
.ljy_b2 .b_info { position: relative; height: 1px; /*margin-bottom: -240px;*/ }
.ljy_b2 .tit { display: flex; margin: 0 10%; }
    .ljy_b2 .tit > div:first-child { flex: 1; text-align: left; line-height: 1.6; }
    .ljy_b2 .tit > div:last-child { width: 50px; text-align: left; writing-mode: vertical-rl; /*transform: rotate(180deg);*/ }

.ljy_b3 .tit { margin: 70px auto 50px; }
.ljy_b4 { color: #0a0b06; }
    .ljy_b4 .tit { margin-top: 80px; }
        .ljy_b4 .tit span:first-child { margin-bottom: 10px; display: block; }
.ljy_b5_1 { background: #232935; }
    .ljy_b5_1 .tit { margin-bottom: 10px; }
    .ljy_b5_1 .b_info { padding: 70px 0; }

.ljy_b6_1 { background: #010101; padding: 70px 0; }
    .ljy_b6_1 .tit { display: block; text-align: center; }
.ljy_b7 .tit { margin-top: 60px; }
.ljy_b8 .tit_logo { padding: 260px 0 30px; }
.ljy_b8 .ljy_info { color: #e2e1e0 }

.ljy_b9 { color: #bdb7a9; }
    .ljy_b9 .tit { padding-top: 50px; }
    .ljy_b9 .blxh { display: block; text-align: right; padding: 70px 120px 0; position: relative }
        .ljy_b9 .blxh .icon_py { position: absolute; border: -50px; right: 80px }
.ljy_b10 { background: #fff; color: #655953; }
    .ljy_b10 .bottom_info { display: flex; padding: 70px }
        .ljy_b10 .bottom_info div { text-align: left; }
            .ljy_b10 .bottom_info div:first-child { flex: 2; }
            .ljy_b10 .bottom_info div:last-child { flex: 1; }
/*mlq*/
.mlq_b1 { padding-top: 210px; color: #bdb7ab; background: #fff; }
    .mlq_b1 .tit { display: flex; height: 300px; margin-top: 90px; }
        .mlq_b1 .tit .blxh { display: block; }
        .mlq_b1 .tit > div:first-child { width: 36%; }
        .mlq_b1 .tit > div:last-child { padding-right: 80px; flex: 1; text-align: left; writing-mode: vertical-rl; line-height: 1.6 }

.mlq_b2 .tit { margin-top: 180px; }
.mlq_b3 .b_info { margin: 80px; }
    .mlq_b3 .b_info > * { color: #fff; text-align: left; }
    .mlq_b3 .b_info .info { margin-top: 20px; line-height: 1.4 }
.mlq_b4 .b_info { background: #493f33; color: #bdb7a9; top: 420px; margin: 30px; border-radius: 9px; width: auto; padding: 60px; }
.mlq_b4 .tit { display: flex; }
.mlq_b4 .info { line-height: 1.6; text-align: left; padding-top: 40px; }
.mlq_b5_1 .logo1 { display: block; text-align: center; margin-top: 90px; }
.mlq_b5_1 h6 { color: #d80033; line-height: 1.2; margin: 99px auto 10px; }
.mlq_b5_1 .tit { margin-bottom: 20px; }
.mlq_b5_1 .info { margin-top: 60px; }

.mlq_b5 { background: #fff; padding-bottom: 10px; }
    .mlq_b5 .b_info { padding-top: 50px; }
    .mlq_b5 .tit { display: block; margin: 10px 60px; text-align: left; }
    .mlq_b5 h5 { color: #f1875f }
    .mlq_b5 .info { margin: 10px 60px 50px; text-align: left; line-height: 1.2 }
    .mlq_b5 .img1 { margin: 0 30px 0; }
        .mlq_b5 .img1 img { width: 100%; }

.mlq_b6_1 { color: #4c3527; overflow: hidden; }
    .mlq_b6_1 .bg_img { margin-top: -220px; }
    .mlq_b6_1 .b_info { margin: 60px; }
    .mlq_b6_1 h6 { text-align: left; margin: 30px 0 90px }
    .mlq_b6_1 .info { text-align: left; }

.mlq_b6 .b_info { padding: 140px 60px 0 }
    .mlq_b6 .b_info > * { text-align: left; }
.mlq_b6 .info { margin-top: 20px; }

.mlq_b7 .b_info { height: 100% }
.mlq_b7 .tit { height: 100%; padding: 0 90px; text-align: left; line-height: 1.4 }
.mlq_b8 .b_info { height: 100% }
.mlq_b8 .tit { height: 100%; padding: 0 90px 160px; box-sizing: border-box; text-align: left; line-height: 1.4 }
.mlq_b9 .tit { padding: 90px 90px 0; text-align: left; line-height: 1.4 }
.mlq_b11 { text-align: left; }
    .mlq_b11 .b_info { height: 100%; box-sizing: border-box; padding-left: 44%; }
        .mlq_b11 .b_info > * { text-align: left; }
    .mlq_b11 .info1 { margin: 40px auto 0; line-height: 1.4 }
    .mlq_b11 .info2 { margin: 140px auto 0; line-height: 1.4 }
.mlq_b12 { padding-bottom: 60px; background: #fff; }
    .mlq_b12 h6 { color: #53463e; padding: 60px 0 80px 0; text-align: center; }
    .mlq_b12 .info_bl { display: flex; color: #53463e; background: #fcf5ef; margin: 40px; border-radius: 20px; padding: 20px; line-height: 1.4 }

@media (max-width: 1023px) {
    .main { width: 100%; margin: 0; }

    .f_70 { font-size: 30px }
    .f_60 { font-size: 26px }
    .f_50 { font-size: 26px }
    .f_45 { font-size: 26px }
    .f_40 { font-size: 20px }
    .f_36 { font-size: 20px }
    .f_28 { font-size: 16px }
    .f_26 { font-size: 16px }
    .f_25 { font-size: 16px }
    .f_24 { font-size: 12px }
    .f_22 { font-size: 12px }
    .f_20 { font-size: 12px }

    .banner2 .b_info .by { margin: 20px auto 20px auto; max-width: 30%; }
    .banner2 .b_info .font { width: 120px; }
    .banner3 .b_info .by { max-width: 33%; margin: 20px auto 20px auto }
    .banner4 .fy_logo { margin: 40px 0 0 40px; width: 70px; }
    .info_tit { padding: 20px 30px; font-size: 12px; line-height: 1.6; top: -120px }
    .banner1 span { font-size: 14px; line-height: 40px; }
    .banner2 .b_info > * { margin: 10px auto; font-size: 16px; }
    .banner2 .b_info i { margin: 20px 30px 0 0; }
    .banner4 .tit1 { margin-top: 5px; }
    .banner5 .tit1 { margin-top: 55px; }
    .banner6 .tit1 { margin-top: 90px; }
    .banner6 .tit2 { margin: 10px 50px 0 50px; }
    .banner7 .tit { padding-top: 30px }
    .banner7 .tit1 { margin-top: 10px; }
    .banner7 .f_24 { font-size: 12px; }
    .banner8 .tit { margin-top: 40px; }
    .banner8 .tit1 { margin: 20px 35px 0 35px; }
    .banner8 .info { margin: 20px 35px 60px 35px; }
    .banner8 .lzh > div:first-child img { max-width: 50% }
    .banner8 .lzh > div:last-child { line-height: 30px; }
    .banner9 .tit_f .logo_tit { width: 30%; text-align: right; }
        .banner9 .tit_f .logo_tit img { max-width: 60%; }
    .banner9 .s_tit img { height: 14px; }
    .banner9 .s_tit > div { width: 100%; }
    .banner9 .tit_name { bottom: 1px; }

    .mlq_b1 { padding-top: 150px; }
        .mlq_b1 .tit { height: 190px; margin-top: 40px; }
            .mlq_b1 .tit > div:last-child { padding-right: 40px; letter-spacing: 2px; }
        .mlq_b1 .blxh + img { width: 70px; vertical-align: top; }
    .mlq_b2 .tit { margin-top: 90px; }
        .mlq_b2 .tit img { max-width: 70%; }
    .mlq_b3 .b_info { margin: 55px 35px; }
        .mlq_b3 .b_info .info { margin-top: 10px; white-space: nowrap; }
    .mlq_b4 { padding-bottom: 60px; background: #0b0a08; }
        .mlq_b4 .b_info { top: 210px; margin: 10px; padding: 20px; }
            .mlq_b4 .b_info .tit > div > img:first-child { width: 40%; }
        .mlq_b4 .info { line-height: 1.5; padding-top: 20px; }

    .mlq_b5_1 .logo1 { margin-top: 30px; }
        .mlq_b5_1 .logo1 img { max-width: 45%; }
    .mlq_b5_1 h6 { margin-top: 50px; }
    .mlq_b5_1 .info { margin-top: 30px; }
    .mlq_b5 .tit { margin: 10px 35px; }
    .mlq_b5 .b_info { padding-top: 40px; }
    .mlq_b5 .info { margin: 10px 35px 25px; }
    .mlq_b6_1 .b_info { margin: 25px 35px; }
    .mlq_b6_1 h6 { margin: 10px 0 10px; text-shadow: 0 0 10px #fff, /* 模拟第一层发光 */ 0 0 20px #fff, /* 模拟第二层发光 */ 0 0 30px #fff, /* 模拟第三层发光 */ 0 0 40px #fff; /* 最外层发光颜色可以更明显一些 */ }
    .mlq_b6_1 .font_w { font-size: 12px !important; text-shadow: 0 0 10px #fff, 0 0 20px #fff; line-height: 1.6 }
    .mlq_b6_1 .bg_img { margin-top: -130px; }
    .mlq_b6 .b_info { padding: 50px 25px 0; }
    .mlq_b7 .tit { padding: 0 35px }
    .mlq_b8 .tit { padding: 0 35px 60px }
    .mlq_b9 .tit { padding: 40px 35px 0; }
    .mlq_b11 .b_info { padding-left: 42%; }
    .mlq_b11 .info2 { margin: 60px auto 0; }
    .mlq_b12 .info_bl { margin: 20px; }
    .mlq_b12 h6 { padding: 40px 0 30px 0 }
    .mlq_b12 .info_bl > div:first-child { max-width: 40% }
        .mlq_b12 .info_bl > div:first-child img { width: 85% }
    .mlq_b12 .font_w { white-space: nowrap; }
    .mlq_b12 { padding-bottom: 30px; }


    .ljy_info { margin: 20px 35px 0; line-height: 1.6 }
    .ljy_b1 .f_logo { margin: 50px auto 30px; max-width: 35%; }
    .ljy_b1 .f_font { margin: 0 auto 20px; max-width: 70%; }
    .ljy_b2 { background: #0a0907; }
        .ljy_b2 .tit > div > img { width: 100px; }
        .ljy_b2 .b_info { position: relative; height: auto; margin-bottom: -240px; }
    .ljy_b3 { padding-top: 30px; background: #0e0d0b; }
        .ljy_b3 .tit { margin: 10px auto 10px; }
        .ljy_b3 .b_info { top: 20px; }
            .ljy_b3 .b_info .ljy_info > p:first-child { margin-bottom: 10px; }
    .ljy_b4 .f_60 { font-size: 32px; }
    .ljy_b4 .tit span:first-child { margin-bottom: 0; }
    .ljy_b4 .tit { margin-top: 30px; }
    .ljy_b4 .ljy_info { text-shadow: 0 0 10px #fff, 0 0 20px #fff; }
    .ljy_b5_1 .b_info { padding: 50px 0; }
    .ljy_b6_1 { padding: 50px 0; }
        .ljy_b6_1 .ljy_info { font-size: 12px; }
    .ljy_b8 .tit_logo { padding: 120px 0 20px; }
        .ljy_b8 .tit_logo > img { width: 140px; }
    .ljy_b9 .blxh { padding: 20px 60px 0; }
        .ljy_b9 .blxh .icon_py { right: 42px }
            .ljy_b9 .blxh .icon_py > img { width: 80px; vertical-align: top; }
    .ljy_b10 .bottom_info { padding: 40px 30px; white-space: nowrap; }
}

@media (max-width: 370px) {
    .f_24 { font-size: 11.5px }
    .f_22 { font-size: 11.5px }
    .f_20 { font-size: 11.5px }

    .ljy_b10 .bottom_info { padding: 40px 10px; white-space: nowrap; }
    .banner_top h6:before, .banner_top h6:after { left: -90px; width: 90px; }
    .banner_top h6:after { right: -90px; left: auto; }
    .banner2 .b_info .font { width: 100px; }
    .mlq_b3 .b_info { margin: 55px 10px; }
    .mlq_b3 .f_20 { font-size: 11.5px; }
    .mlq_b4 .b_info { padding: 15px; }
    .mlq_b4 .info { font-size: 11px; }
    .mlq_b5 .tit { margin: 10px 15px; }
    .mlq_b5 .img1 { margin: 0 15px 0; }
    .mlq_b5 .info { margin: 10px 15px 25px; }
    .mlq_b7 .tit { padding: 0 20px; }
    .mlq_b8 .tit { padding: 0 20px 60px; }
    .mlq_b9 .tit { padding: 40px 20px 0; }
    .mlq_b6_1 .b_info { margin: 20px 15px; }
    .mlq_b11 .f_22 { font-size: 11.5px; }
    .ljy_info { margin: 20px 15px 30px; }
    .info_tit { padding: 15px 15px; top: -100px; margin: 10px 5px }
    .banner7 .f_24 { font-size: 11.5px; }
}