@charset "utf-8";

body {
    font-family: "微软雅黑";
    font-size: 15px;
    margin: 0px auto;
    padding: 0px;
    color: #666;
    position: relative;
    line-height: 30px;
}

a {
    color: #666;
    text-decoration: none;
}

    a:hover {
        color: #d80b2a;
    }

img {
    border: 0px;
    padding: 0px;
    max-width: 100%;
    overflow: hidden;
    height: auto;
    object-fit: cover;
    border: 0px;
    display: block;
}
.nd2 img{ display:inline-block}

ul, li, p, form, input, form, h1, h2, h3, h4, h5 {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0px;
}

button {
    border: 0px;
    outline: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.show {
    /*display: block;*/
    text-align: center;
}

.hidden {
    display: none;
}

input {
    outline: none; /*去掉选中边框*/
}

.bg {
    background: rgba(0,0,0,0.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 998;
    display: none;
}

.w100 {
    margin: 0px auto;
    width: 1200px;
}

.close, .close1 {
    display: none;
}

div {
    box-sizing: border-box;
    outline: none;
}

.w80 {
    width: 80vw;
    margin: 0px auto;
}

.gray {
    background: #f7f7f7;
    padding: 80px 0px;
}

.w62 {
    width: 62%;
    margin: 0px auto;
}

.n_banner img {
    width: 100%
}

/*导航*/
body {
    padding-top: 100px;
}

.header {
    background: #fff;
    height: 100px;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: solid 1px #e3e3e3;
}

.logo {
    background: #d80b2a;
    padding: 0px 50px;
    display: flex;
    align-items: center;
}

.menu {
    display: flex;
    flex-direction: row;
}

.m {
    display: flex;
}

a.m1 {
    background: url("../images/m_drop1.jpg") no-repeat right center;
    margin: 0px 30px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

    a.m1:hover, a.m_hover {
        background: url("../images/m_drop2.jpg") no-repeat right center;
        color: #d80b2a
    }

.nav {
    display: none;
    position: absolute;
    left: 0px;
    top: 100px;
    text-align: center;
    padding: 30px 0px;
    width: 100%;
    background: rgba(255,255,255,1);
}

    .nav li {
        display: inline-block;
        width: 14%;
        margin: 0px 0.5%;
    }

        .nav li a {
            color: #666;
        }

            .nav li a:hover {
                color: #d80b2a
            }

        .nav li p img {
            width: 100%;
            border-radius: 10px;
            margin-bottom: 10px;
        }

.page1 a.a_1, .page2 a.a_2, .page3 a.a_3, .page4 a.a_4, .page5 a.a_5, .page6 a.a_6 {
    background: url("../images/m_drop2.jpg") no-repeat right center;
    color: #d80b2a;
}

.head_2 {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    margin-right: 4%
}

.en-1 {
    border-radius: 25px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #6e6e6e;
    padding: 0px 20px;
    display: flex;
    align-items: center;
}

    .en-1 img {
        height: 25px;
        margin-right: 10px;
    }

.en, .search {
    display: flex;
    align-content: stretch;
    align-items: center;
}

.s1 {
    display: flex;
    align-content: stretch;
}

    .s1 img {
        height: 25px;
        margin-left: 20px;
        cursor: pointer;
    }

.s2 {
    width: 40%;
    position: fixed;
    right: 0px;
    top: 100px;
    background: #d80b2a;
    padding: 30px;
    border-radius: 0px 0px 0px 60px;
    color: #fff;
    display: none;
}

.s2_1 {
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 30px;
    width: 100%
}


.t1 {
    height: 100%;
    border: 0px;
    text-indent: 2em;
    width: 70%;
    background: transparent;
}

.s_btn {
    font-size: 16px;
    width: 5em;
    float: right;
    cursor: pointer;
    color: #666;
}

.rm {
    margin: 30px 30px;
}

    .rm a {
        color: #fff;
        margin-right: 20px;
        display: inline-block;
    }

        .rm a:hover {
            text-decoration: underline;
        }

.s_tel {
    margin: 0px 30px;
    color: #fff;
}

    .s_tel p {
        font-family: Arial;
        font-size: 50px;
        font-weight: bold;
        margin: 15px 0px 0px 0px;
    }

.w_en {
    display: none;
}
/*右侧浮动*/

.kefu {
    width: 60px;
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top: -90px;
    z-index: 98;
    display: none;
}

    .kefu li {
        position: relative;
    }

        .kefu li a {
            width: 60px;
            height: 60px;
            border-radius: 10px 0px 0px 10px;
            margin-bottom: 5px;
            background: #d80b2a;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .kefu li a:hover {
                opacity: 0.5;
            }

.r_tel {
    background: #d80b2a;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 60px;
    width: 150px;
    text-align: center;
    ;
    border-radius: 10px 0px 0px 10px;
    line-height: 24px;
    padding-top: 5px;
    display: none;
    z-index: 9;
    cursor: pointer;
}

    .r_tel p {
        font-weight: bold;
        font-size: 24px;
        font-family: Arial;
    }

.k_2:hover .r_tel {
    display: block;
}
/*banner*/

.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 5px;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
    position: absolute;
    z-index: 9
}

.banner .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    opacity: 1;
    background: #fff;
    border-radius: 7px;
    opacity: 0.8;
}

.banner .swiper-pagination-bullet-active {
    background: #d80b2a;
    opacity: 1;
}

.banner .swiper-slide a {
    width: 100vw;
    display: block;
}

.banner .swiper-slide img {
    width: 100%;
}

/*DE&E*/
.title {
    text-align: center;
    padding: 70px 0px;
    width: 50%;
    margin: 0px auto;
}

    .title h1 {
        font-size: 35px;
        line-height: 45px;
    }

.t_con {
    color: #888;
}

.line {
    background: #d80b2a;
    width: 5em;
    height: 3px;
    margin: 20px auto;
}

.ind1 {
    margin-bottom: 100px;
}

.ind1_5 {
    position: relative;
}

.ind1_ico {
    width: 80vw;
    position: absolute;
    left: 10vw;
    bottom: -80px;
    background: #fff;
    box-shadow: 0px 0px 10px #e3e3e3;
    height: 160px;
}

    .ind1_ico ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-content: stretch;
        height: 100%;
        align-items: center;
    }

        .ind1_ico ul li {
            width: 20%;
            border-right: solid 1px #dddcdc;
            padding: 10px 0px;
            display: flex;
            flex-direction: column;
            align-content: stretch;
            align-items: center;
            cursor: pointer;
            line-height: 40px;
        }

.i_ico2 {
    display: none;
}

.ind1_ico ul li:last-child {
    border-right: 0px;
}

.ico_img {
    width: 60px;
    height: 40px;
    overflow: hidden;
}

.i_ico {
    color: #d80b2a;
    box-shadow: 0px 0px 10px #e3e3e3;
    height: 100%;
    padding: 0px;
    background: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-bottom: solid 10px #d80b2a;
    box-sizing: inherit;
    padding: 10px 0px 0px 0px;
}

    .i_ico .i_ico1 {
        display: none;
    }

    .i_ico .i_ico2 {
        display: block;
    }

.i1_img li img {
    width: 100%
}

.i1_img li {
    display: none;
    position: relative;
}

.i_int {
    width: 80vw;
    position: absolute;
    height: 100%;
    left: 10vw;
    top: 0px;
}

.i_int_bg {
    width: 40%;
    background: rgba(255,255,255,0.7);
    height: 100%;
    padding: 0px 5%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
    justify-content: center;
    padding-bottom: 10%;
}

    .i_int_bg h1 {
        font-size: 30px;
    }

    .i_int_bg h2 {
        font-weight: normal;
        font-size: 15px;
        text-align: left;
    }

a.more {
    width: 150px;
    height: 40px;
    border-radius: 20px;
    background: #d80b2a;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 30px 0px 0px 0px;
}

    a.more img {
        margin-left: 10px;
        width: 27px;
    }

    a.more:hover {
        opacity: 0.5
    }

.ind2_img {
    position: relative;
}

    .ind2_img a.more {
        position: absolute;
        bottom: 20%;
        left: 50%;
        margin-left: -75px;
    }

/*媒体中心*/
.ind3 .title {
    padding-top: 0px;
}

.ind3_show {
    display: flex;
    justify-content: space-between;
    align-content: stretch
}

.ind31 {
    width: 49%;
    background: #fff;
}

.ind32 {
    width: 49%;
}

.nc {
    padding: 20px;
}

    .nc h1 {
        font-size: 18px;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

        .nc h1 span {
            font-weight: normal;
            font-size: 14px;
            display: inline-block;
            margin-right: 5px;
        }

            .nc h1 span a {
                color: #d80b2a;
            }

    .nc h2 {
        font-size: 14px;
        color: #888;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        font-weight: normal
    }

.o_time {
    color: #888;
    margin: 5px 0px 10px 0px;
    background: url("../images/time.png") no-repeat left center;
    background-size: 20px 20px;
    padding-left: 25px;
}

.n_img {
    position: relative;
}

    .n_img img {
        width: 100%;
        max-height: 584px;
    }

.n_tip {
    width: 130px;
    background: #d80b2a;
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 50px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 40px;
    line-height: 40px;
}

    .n_tip a {
        color: #fff;
    }

.ind32 .n2_img {
    width: 35%;
}

.ind32 ul {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    align-items: center
}

    .ind32 ul li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: flex-start;
    }

        .ind32 ul li:nth-child(2n) {
            height: 1px;
            width: 100%;
            background: #e3e3e3;
        }

.ind32 .nc {
    width: 62%;
    padding: 0px;
}

/*版权*/
.foot1 {
    padding: 50px 0px;
    width: 80%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.f_1 h1 {
    font-size: 16px;
    line-height: 40px;
}

.f2 li a {
    color: #888;
    line-height: 25px;
    font-size: 14px;
}

    .f2 li a:hover {
        color: #ca0a2e;
        font-weight: bold;
    }

.foot2 {
    background: #ca0a2e;
    padding: 40px 0px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    position: relative;
}

.ind3 a.more {
    margin: 0px auto;
    margin: 60px auto 30px;
}

.f_ico {
    position: absolute;
    right: 100px;
    top: 50px;
}

    .f_ico ul {
        display: flex;
        flex-direction: row;
    }

    .f_ico li a {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        margin: 0px 5px;
        display: flex;
        align-items: center;
        background: #8e2438;
        justify-content: center;
        text-align: center;
    }

    .f_ico li .f_ico2 {
        display: none;
    }

    .f_ico li a:hover {
        background: #fff;
    }

        .f_ico li a:hover .f_ico2 {
            display: block;
        }

        .f_ico li a:hover .f_ico1 {
            display: none;
        }

.f_ico li.wx{position:relative;}
.wx_ma{position: absolute; left: 0px; top: -160px; border-radius: 5px; display: none;}
.wx_ma img{ width: 150px; height: 150px; border-radius: 5px; border:solid 1px #e3e3e3;}


.site {
    border-bottom: solid 1px #e3e3e3;
    padding: 30px 5%;
    display: flex;
    justify-content: space-between;
}

.n_s1 {
    background: url("../images/home.jpg") no-repeat left center;
    padding-left: 30px
}

.n_s2 ul {
    display: flex;
    flex-direction: row;
    align-content: flex-end
}

.n_s2 li span {
    margin: 0px 30px;
    display: inline-block;
    color: #eee;
}

.n_s2 li:last-child span {
    display: none;
}

.n_s2 li.ns_click a {
    color: #d80b2a;
}

.title2 {
    width: 62%;
}

    .title2 .t_con {
        text-align: left;
    }

.about1 {
    border-radius: 10px;
    position: relative;
}

    .about1 img {
        border-radius: 10px;
    }

    .about1 .swiper-button-next, .about1 .swiper-button-prev {
        width: 40px;
        height: 90px;
        border-radius: 5px;
    }

    .about1 .swiper-button-next, .about1 .swiper-container-rtl .swiper-button-prev {
        background: rgba(0,0,0,0.1) url("../images/a_right.png") no-repeat center center;
    }

    .about1 .swiper-button-prev, .about1 .swiper-container-rtl .swiper-button-next {
        background: rgba(0,0,0,0.1) url("../images/a_left.png") no-repeat center center;
    }

        .about1 .swiper-button-next:hover, .about1 .swiper-button-prev:hover {
            background-color: #d80b2a
        }

.a1 {
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
}

.a1_1 {
    width: 35%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin-right: 10%
}

    .a1_1 h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .a1_1 h2 {
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
    }

.a2 {
    justify-content: flex-start;
}

    .a2 .a1_1 {
        margin: 0px 0px 0px 10%;
        color: #000
    }

.about2 {
    background: #0b2f51 url("../images/a2_bg.jpg") no-repeat center bottom;
    padding: 20px 0px 80px 0px;
    color: #fff;
}

    .about2 .title {
        color: #fff;
    }

    .about2 .t_con {
        color: #fff;
    }

.y_1 {
    padding: 0px 0px 50px 0px;
    text-align: center;
}

    .y_1 li {
        display: inline-block;
        margin: 0px 8px;
        font-size: 24px;
        font-family: Arial;
        width: 250px;
        height: 50px;
        border-radius: 25px;
        line-height: 50px;
        text-align: center;
        background: #fff;
        color: #000;
        position: relative;
        cursor: pointer;
    }

.y_ico {
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: -12px;
    display: none;
}

.y_1 li:hover {
    background: #d80b2a;
    color: #fff;
}

.y_1 li.y_1_1 {
    background: #d80b2a;
    color: #fff;
}

    .y_1 li.y_1_1 .y_ico, .y_1 li:hover .y_ico {
        display: block;
    }

.y_2 {
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
    padding: 50px 10%;
    text-align: left;
    line-height: 30px;
}

.y_21 {
    display: none;
}

    .y_21 ul {
        display: flex;
        flex-direction: column;
    }

    .y_21 li {
        margin: 15px 0px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }

.year {
    font-size: 20px;
    font-weight: bold;
}

.y_f {
    width: 3em;
    margin: 0px 10px;
    height: 1px;
    background: #fff;
    display: inline-block;
}

.a3 {
    background: url("../images/a3_bg.jpg") no-repeat center top;
    color: #fff;
    padding: 9% 0px;
    text-align: center;
}

.a31 {
    text-align: center;
    margin-top: 50px;
}

    .a31 ul {
        display: flex;
        flex-direction: row;
    }

    .a31 li {
        border-right: solid 1px #8ca5be;
        width: 25%;
    }

        .a31 li p {
            font-size: 90px;
            font-weight: bold;
            font-family: Arial;
            line-height: 100px;
        }

        .a31 li:last-child {
            border-right: 0px;
        }

.a32 {
    background: #d80b2a;
    color: #fff;
    text-align: center;
    line-height: 50px;
    padding: 0px 50px;
    display: inline-block;
}

.a3 a.more {
    margin: 50px auto 0px auto;
}

.about4 a.more {
    margin: 50px auto 0px auto;
}

.a4_box, .hon_list .a4 {
    border: solid 1px #e3e3e3;
}

.a41 {
    display: flex;
    flex-direction: row;
}

.a41_img {
    width: 50%;
    background: url("../images/a4_bg.png") no-repeat;
    height: 340px;
    background-size: cover;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .a41_img img {
        border: solid 2px #d7b88a;
        max-width: 100%;
        max-height: 100%
    }

.a41_c {
    width: 50%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 24px;
}

.a41_1 {
    font-size: 16px;
}

.a41_2 {
    font-size: 20px;
    margin: 20px 0px;
    font-weight: bold;
}

.a41_3 {
    color: #666;
}

.about5 {
    background: url("../images/a5_bg.jpg") no-repeat center top;
    margin: 80px 0px 0px 0px;
    padding: 80px;
    height: 800px;
}

.a5 ul {
    display: flex;
    flex-direction: row;
}

.a5 li {
    width: 20%;
    padding: 10px;
    margin: 0px 5px;
    background: #fff
}

.about5 a.more {
    margin: 50px auto 0px auto;
}

.a5 li:hover {
    opacity: 0.7;
    cursor: pointer;
}

.title0 {
    padding-bottom: 0px;
}

.ab3_c {
    padding: 50px 30px;
}

.ab41 {
    background: #f7f7f7;
}

.i4 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.i4 li {
    width: 33.33%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.i4 .i_t {
    width: auto;
    margin: 0px 10%;
}

    .i4 .i_t h1 {
        font-size: 28px;
        line-height: 35px;
    }

    .i4 .i_t .line {
        margin: 20px 0px;
    }

    .i4 .i_t span {
        color: #888;
    }

.ab42 {
    margin: 50px auto;
    width: 70%;
    border: solid 1px #e3e3e3;
}

.f_video_1 ul {
    display: flex;
    flex-direction: row;
    height: 60px;
    line-height: 60px;
    padding: 30px 0px;
    width: 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.f_video_1 li {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

    .f_video_1 li span {
        padding: 0px 50px;
        color: #e3e3e3;
    }

    .f_video_1 li:hover, .f_video_1 li.f_active {
        color: #d80b2a;
    }

.ab43 {
    background: #f7f7f7;
}

    .ab43 .swiper-button-next, .ab43 .swiper-button-prev {
        width: 40px;
        height: 90px;
        border-radius: 5px;
    }

    .ab43 .swiper-button-next, .ab43 .swiper-container-rtl .swiper-button-prev {
        background: rgba(0,0,0,0.1) url("../images/a_right.png") no-repeat center center;
    }

    .ab43 .swiper-button-prev, .ab43 .swiper-container-rtl .swiper-button-next {
        background: rgba(0,0,0,0.1) url("../images/a_left.png") no-repeat center center;
    }

        .ab43.swiper-button-next:hover, .ab43 .swiper-button-prev:hover {
            background-color: #d80b2a
        }

    .ab43 .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

.ab43_img {
    width: 50%
}

.ab43_c {
    width: 50%;
    padding: 0px 3%;
    color: #666;
}

    .ab43_c h1 {
        color: #000;
    }

    .ab43_c .line {
        width: 3em;
        margin: 20px 0px;
    }

.a30 {
    background: #fff;
    color: #0000;
    padding: 0px 0px 50px 0px;
}

    .a30 .a31 {
        color: #888;
    }

    .a30 .a32 {
        color: #888;
        background: none;
    }

.honor {
    margin-bottom: 80px;
}

    .honor .title {
        padding-bottom: 20px;
    }

.hon_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.hon_list li {
    width: 33.33%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
}

    .hon_list li .a41 {
        display: flex;
        flex-direction: column;
    }

    .hon_list li .a41_img {
        width: 100%;
        height: 270px;
    }

    .hon_list li .a41_2 {
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .hon_list li .a41_c {
        width: 100%;
    }

    .hon_list li .a41_3 {
        height: 96px;
        overflow: hidden;
    }

.c_more a.more {
    margin: 50px auto 0px auto;
}

.hon_list li:hover {
    color: #d80b2a
}

    .hon_list li:hover .a41_img {
        padding: 10px;
        margin: 0px;
    }

.ab61 {
    text-align: center;
    margin-bottom: 50px;
}

    .ab61 li {
        display: inline-block;
        width: 170px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

        .ab61 li a {
            display: block;
            border-radius: 20px;
            border: solid 1px #ccc;
            margin: 5px;
        }

            .ab61 li a:hover, .ab61 li.ab6_active a {
                background: #d80b2a;
                color: #fff;
                border: solid 1px #d80b2a
            }

.n_list1 {
    margin-bottom: 80px;
}

    .n_list1 ul li {
        background: #f9f9f9;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .n_list1 li .n_img {
        width: 40%
    }

    .n_list1 li .nc {
        width: 57%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .n_list1 li .nc h2 {
            margin: 20px 0px;
        }

    .n_list1 li a.nmore {
        border: solid 1px #888;
        color: #999;
        width: 120px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

        .n_list1 li a.nmore:hover {
            background: #d80b2a;
            color: #fff;
            border: solid 1px #d80b2a
        }

ul.n_tj {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    ul.n_tj li {
        width: 30%;
        background: #fff;
        margin: 1%;
    }

        ul.n_tj li .nc h1 {
            font-size: 16px;
            line-height: 24px;
            font-weight: normal;
            height: 48px;
            overflow: hidden;
        }

        ul.n_tj li:hover .nc a {
            color: #d80b2a
        }

.pager {
    text-align: center;
    margin-top: 50px;
}

    .pager li {
        display: inline-block;
        margin: 0px 5px;
    }

        .pager li a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 5px;
            background: #dbd8d8;
            display: block;
            font-family: Arial;
            font-size: 16px;
        }

            .pager li a:hover, .pager li.active a {
                background: #d80b2a;
                color: #fff;
            }

.nd {
    margin: 50px 0px;
    border: solid 1px #e3e3e3;
}

.nd1 {
    background: #f7f7f7;
    padding: 30px 50px;
    color: #999;
    line-height: 35px;
}

    .nd1 h1 {
        font-size: 24px;
        color: #666;
    }

    .nd1 a {
        color: #999;
    }

        .nd1 a:hover {
            color: #d80b2a;
        }

.nd2 {
    line-height: 30px;
    padding: 50px;
}

.nd3 {
    background: #f7f7f7;
    padding: 30px 50px;
    position: relative;
}

    .nd3 li {
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        width: 80%
    }

.aback {
    background: #414040;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 40px;
}

    .aback:hover {
        background: #d80b2a;
        color: #fff;
    }

.nlist_tj {
    background: #f7f7f7;
    padding: 50px 0px;
}

    .nlist_tj .title {
        padding: 0px;
    }

.b1_show li {
    width: 50%;
    float: left;
}

    .b1_show li a {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        display: block
    }

.b_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.b1_show a:hover .b_bg {
    display: none;
}

.bus2 {
    margin-bottom: 60px;
}

.bus2_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
}

    .bus2_list li {
        width: 30%;
        position: relative;
        margin: 1%;
    }

        .bus2_list li img {
            width: 100%
        }

    .bus2_list img {
        border-radius: 20px;
    }

.b_name {
    padding: 15px 30px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 20px 20px 0px 0px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
}

.bus2_list li a:hover .b_name {
    background: #d80b2a;
}

.b2_list {
    width: 80%;
    margin: 0px auto 0px auto;
}

    .b2_list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .b2_list ul li {
            width: 30%;
            background: #f7f7f7;
            cursor: pointer;
            margin: 1%;
            text-align: center;
        }

            .b2_list ul li img {
                text-align: center;
            }

            .b2_list ul li p {
                overflow: hidden;
                text-align: center;
                padding: 15px;
            }

            .b2_list ul li:hover {
                background: #d80b2a;
                color: #fff;
                border-radius: 0px 0px 10px 10px;
            }

                .b2_list ul li:hover a {
                    color: #fff;
                }

.p60 {
    margin-bottom: 60px;
}

.nd4 {
    background: #f7f7f7;
    padding: 40px;
    position: relative
}

    .nd4 h1 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .nd4 .b2_list {
        width: 100%
    }

        .nd4 .b2_list li {
            background: #fff;
        }

            .nd4 .b2_list li:hover {
                background: #d80b2a;
                color: #fff;
                border-radius: 0px;
            }

                .nd4 .b2_list li:hover p {
                    color: #fff;
                }

        .nd4 .b2_list ul li p {
            line-height: 40px;
            height: 40px;
        }

.z1 {
    width: 60%;
    margin: 50px auto;
    text-align: center;
    color: #666;
    line-height: 30px;
}

.z2 {
    background: #f7f7f7;
    padding-bottom: 80px;
}

    .z2 .title {
        padding-bottom: 30px;
    }

.z20 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.z21 {
    width: 20%;
    display: flex;
    margin-right: 20px;
}

    .z21 ul {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .z21 li {
        height: 19%;
        background: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
        box-shadow: 0px 0px 10px #e3e3e3;
        cursor: pointer;
    }

.z2_ico {
    margin-right: 10px;
}

.z2_ico2, .z21 li:hover .z2_ico1 {
    display: none;
}

.z21 li:hover, .z21 li.zz2 {
    background: #d80b2a;
    color: #fff;
}

    .z21 li:hover .z2_ico2 {
        display: block;
    }

.z22 {
    width: 80%;
    display: flex;
}

    .z22 li img {
        width: 100%;
    }

    .z22 li {
        position: relative;
    }

.z22_c {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.7);
}

    .z22_c span {
        margin: 0px 20px;
    }

.z22 li {
    display: none;
}

.z30 {
    padding-bottom: 80px;
}

    .z30 ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .z30 li {
        width: 24%;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        background: #f00;
    }

.z3_show {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,0.6);
}

.z3_1 {
    font-size: 24px;
    text-align: center;
}

.z3_2 {
    display: none;
    font-size: 16px;
    text-decoration: underline;
    line-height: 35px;
    padding: 0px 20px;
    text-align: right;
}

.z30 li:hover .z3_2 {
    display: block;
}

.z30 li:hover .z3_show {
    background: rgba(0,0,0,0.2);
}

.z30 li:hover .z3_1 {
    width: 70%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: #d80b2a;
    text-align: center;
    margin-bottom: 30px;
    align-items: flex-start;
}

.z30 li img {
    width: 100%;
}

.z4 {
    background: url("../images/z4_bg.jpg") no-repeat center top;
    height: 735px;
    padding-top: 20px;
}

.z40 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 50px 0px 0px 0px
}

.z40 li {
    width: 18%;
    padding: 80px 25px 25px 25px;
    background: #fff;
    border-radius: 20px;
    color: #666;
    line-height: 30px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

.num {
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: -49px;
    background: url("../images/z4_ico.png");
    width: 86px;
    height: 99px;
    text-align: center;
    line-height: 99px;
    font-weight: bold;
    font-family: Arial;
    font-size: 30px;
    color: #fff;
}

.z5 {
    background: url("../images/z5_bg.png") no-repeat center top;
    padding-bottom: 80px;
}

.z50 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .z50 ul li {
        width: 25%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        cursor: pointer;
    }

.z5_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    align-content: center;
    align-items: center;
    width: 75%
}

.z5_ico {
    width: 130px;
    height: 130px;
    border-radius: 100%;
    border: solid 1px #606060;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.z5_c {
    text-align: center;
    margin: 15px 0px;
    line-height: 26px;
}

.z5_j {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 130px;
}

    .z5_j img {
        width: 20px;
    }

.z50 ul li:nth-child(4) {
    display: flex;
    flex-direction: column;
}

    .z50 ul li:nth-child(4) .z5_j {
        width: 80%;
        height: 50px;
    }

        .z50 ul li:nth-child(4) .z5_j img {
            transform: rotate(90deg);
        }

.z50 ul li {
    order: 1;
}

    .z50 ul li:nth-child(5) {
        order: 5;
    }

        .z50 ul li:nth-child(5) .z5_j img {
            display: none;
        }

    .z50 ul li:nth-child(6) {
        order: 4;
    }

    .z50 ul li:nth-child(7) {
        order: 3;
    }

    .z50 ul li:nth-child(8) {
        order: 2;
    }

        .z50 ul li:nth-child(6) .z5_j img, .z50 ul li:nth-child(7) .z5_j img, .z50 ul li:nth-child(8) .z5_j img {
            transform: rotate(180deg)
        }

    .z50 ul li:hover .z5_ico {
        border: solid 3px #d80b2a;
    }

    .z50 ul li:hover {
        color: #d80b2a
    }

.z6 {
    background: url("../images/z6_bg.png") no-repeat center bottom;
    padding-bottom: 200px;
}

.z61 {
    height: 60px;
    line-height: 60px;
    border: solid 1px #e3e3e3;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.z61_ico {
    background: #d80b2a;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20%;
    align-content: center;
    color: #fff;
}

.z60 {
    width: 50%;
    margin: 0px auto;
    padding-bottom: 100px;
}

.z61_ico img {
    width: 29px;
    height: 24px;
    color: #fff;
    margin-right: 10px;
}

.z61_s {
    padding: 0px 30px;
    width: 80%
}

#FontScroll {
    width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: Hidden;
}

    #FontScroll .gun {
        width: 100%;
    }

    #FontScroll li {
        height: 60px;
        line-height: 60px;
        cursor: pointer;
    }

        #FontScroll li span.fs2 {
            float: right;
        }

        #FontScroll li:hover {
            color: #d80b2a
        }

.z62 {
    margin: 50px 0px;
}

.t2 {
    height: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    border: 0px;
    background: #f7f7f7;
    margin-bottom: 15px;
    font-size: 16px;
    font-family: "微软雅黑"
}

.t3 {
    height: 240px;
    line-height: 40px;
}

.ok {
    height: 60px;
    line-height: 60px;
    background: #d80b2a;
    color: #fff;
    font-size: 20px;
    border-radius: 30px;
    width: 300px;
    text-align: center;
    margin: 80px auto 0px auto;
}

.p1 {
    margin-bottom: 20px;
}

    .p1 li {
        position: relative;
        box-sizing: border-box;
        margin: 5px;
        cursor: pointer;
    }

.p10 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch
}

.p11 ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.p1 li img {
    width: 100%
}

.p_bg {
    background: rgba(0,0,0,0.3);
    padding: 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: flex-end
}

    .p_bg p {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }

.p2 {
    background: #f7f7f7;
    padding: 0px 0px 80px 0px;
    margin-top: 80px;
}

.p12 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.p12 li {
    width: 50%;
}

.p12 ul:nth-child(2) li {
    width: 100%
}

.p1 li:hover .p_bg {
    background: none;
}

.p20 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.p20 li {
    width: 49%;
    position: relative;
}

.p21 {
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
}

    .p21 h1 {
        font-size: 28px;
    }

    .p21 h2 {
        margin: 20px 0px;
        font-weight: normal;
        font-size: 16px;
    }

    .p21 a {
        color: #a3dcff;
    }

        .p21 a:hover {
            color: #fff;
            text-decoration: underline
        }

.p3_menu ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.p3_menu li {
    width: 220px;
    height: 170px;
    margin: 0px 10px;
    font-size: 22px;
}

    .p3_menu li a {
        display: flex;
        border: solid 1px #a5a5a5;
        flex-direction: column;
        align-items: center;
        font-size: 22px;
        justify-content: center;
        align-content: center;
        height: 100%
    }

.p_i {
    margin-bottom: 10px;
}

.p3_ico2 {
    display: none;
}

.p3_menu li a:hover, .p3_menu li a.p_d {
    background: #d80b2a;
    color: #fff;
    border: solid 1px #d80b2a;
}

    .p3_menu li a:hover .p3_ico2, a.p_d .p3_ico2 {
        display: block;
    }

    .p3_menu li a:hover .p3_ico1, a.p_d .p3_ico1 {
        display: none;
    }

.p3_show {
    margin: 50px 0px 100px 0px;
}

    .p3_show ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: center;
    }

    .p3_show li {
        width: 32%;
        margin-bottom: 40px;
    }

.p_img {
    background: #f7f7f7;
    margin-bottom: 20px;
}

.p_img2 {
    display: none;
}

.p_img a {
    display: block;
}

.p_img img {
    width: 100%;
}

.p31 {
    font-size: 24px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p32 {
    font-size: 14px;
    color: #888;
    margin: 10px 0px;
}

.p3_show li a {
    color: #d80b2a;
    text-decoration: underline;
    font-size: 17px;
}

.p3_show a.more {
    margin: 0px auto;
}

.p3_show li:hover .p_img2 {
    display: block;
}

.p3_show li:hover .p_img1 {
    display: none;
}

.p4 {
    background: url("../images/p4_img.jpg") no-repeat center top;
    height: 697px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
}

    .p4:hover .b_bg {
        opacity: 0.2;
    }

    .p4 .title {
        padding-top: 0px;
    }

.p41 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}

    .p41 span {
        margin: 0px 20px;
    }

.p4 a.more {
    margin: 0px auto;
}

.p4 .title, .p4 .t_con {
    color: #fff;
}

.pleft {
    position: fixed;
    left: 0px;
    top: 50%;
    margin-top: -100px;
}

    .pleft li {
        width: 120px;
        height: 100px;
    }

        .pleft li a {
            background: #e7e7e7;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

.pl_img2 {
    display: none;
}

.pleft a.p_dd, .pleft a:hover {
    background: #d80b2a;
    color: #fff;
}

    .pleft a.p_dd .pl_img2, .pleft a:hover .pl_img2 {
        display: block;
    }

    .pleft a.p_dd .pl_img1, .pleft a:hover .pl_img1 {
        display: none;
    }

.case ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.case li {
    width: 33.33%;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

    .case li img {
        width: 100%;
    }

    .case li .line {
        background: #d5d3d3;
        width: 50px;
        margin: 10px 0px;
    }

    .case li h1 {
        font-size: 18px;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }

.c {
    padding: 20px;
    background: #f7f7f7;
}

.c2 {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #888;
}

.case li:hover .c {
    background: #d80b2a;
    color: #fff;
}

.case li:hover .line {
    background: #fff;
}

.case li:hover .c2 {
    color: #fff;
}

.p_3 .p3_show {
    margin-bottom: 30px;
}

.p_3 .title {
    padding-bottom: 20px;
}

.p_3 .pager {
    margin-bottom: 60px;
}

.p3_menu2 {
    margin: 40px 0px;
}

    .p3_menu2 ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .p3_menu2 li {
        margin: 0px 10px;
        line-height: 40px;
    }

        .p3_menu2 li a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            align-content: center;
            align-items: center;
            color: #666;
        }

.c_ico {
    background: #f7f7f7;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.c_ico1 {
    opacity: 0.3;
}

.c_ico2 {
    display: none;
}

.p3_menu2 li a:hover, a.pm:hover {
    color: #d80b2a;
}

    .p3_menu2 li a:hover .c_ico, a.pm .c_ico {
        background: #d80b2a;
    }

    .p3_menu2 li a:hover .c_ico2, a.pm .c_ico2 {
        display: block;
    }

    .p3_menu2 li a:hover .c_ico1, a.pm .c_ico1 {
        display: none;
    }

.pd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
}

.pd1 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.pd2 {
    width: 50%;
    background: #f7f7f7;
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.pd_con img {
    width: 100%
}

.pd22 {
    font-size: 30px;
    margin: 30px 0px;
}

.pd23_1 li {
    width: 30%;
    max-width: 180px;
    height: 60px;
    line-height: 60px;
    background: #e4e4e4;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
}

    .pd23_1 li:hover, .pd23_1 li.pd23_c {
        background: #d80b2a;
        color: #fff;
    }

.pd23_2 {
    margin: 30px 0px 0px 0px;
}

/* 定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(240, 240, 240, 1);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: rgba(240, 240, 240, .5);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0px rgba(0, 0, 0, .5);
    background-color: rgba(219, 32, 60, 1);
}

.pd23_2 li {
    display: none;
    color: #666;
    line-height: 28px;
    height: 40vh;
    overflow-y: scroll;
    padding-right: 20px;
}

.pd24 {
    margin-top: 20px;
    border-top: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    background: #d80b2a;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
}

    .pd24 span {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
    }

.pd_4 .title {
    padding-bottom: 0px;
}

.pd_4 .p3_show {
    margin-bottom: 60px;
}

.ps_show {
    background: #fff;
}

    .ps_show img {
        width: 100%
    }

.ps_1 {
    padding: 20px;
    line-height: 24px;
    color: #888;
    font-size: 13px;
}

    .ps_1 p {
        font-size: 18px;
        color: #666;
    }

    .ps_1 .line {
        background: #d1cdcd;
        width: 2em;
        margin: 10px 0px;
    }

    .ps_1 .ps_1c {
        height: 60px;
        line-height: 20px;
    }

.ps2 .swiper-button-next, .ps2 .swiper-container-rtl .swiper-button-prev {
    right: -60px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: center -138px;
}

    .ps2 .swiper-button-next:hover {
        background-position: center -203px;
    }

.ps2 {
    position: relative;
}

    .ps2 .swiper-button-prev, .ps2 .swiper-container-rtl .swiper-button-next {
        left: -60px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: center -4px;
    }

        .ps2 .swiper-button-prev:hover {
            background-position: center -69px;
        }



.ps31 ul {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding-bottom: 25px;
}

.ps31 li {
    width: 32%;
    position: relative;
    cursor: pointer;
}

.ps31_img {
    width: 100%
}

.ps31_bg {
    background: rgba(0,0,0,0.2);
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 100%
}

.s_ico {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    bottom: -25px;
    display: none;
}

.ps31 li:hover .ps31_bg, .ps_d .ps31_bg {
    background: none;
}

.ps31 li:hover .s_ico, .ps_d .s_ico {
    display: block;
}

.ps32 {
    background: #f7f7f7;
    margin-bottom: 80px;
}

    .ps32 ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 50px;
        align-content: stretch;
        justify-content: space-between;
    }

.ps32_1 {
    display: none;
}

.ps32 li {
    width: 30%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    color: #666;
}

.ps32_1:nth-child(3) li {
    width: 45%;
}

.ps32 li p {
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}

.ps32 li h1 {
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    color: #666;
}



#join1 .title {
    padding-bottom: 0px;
}

.j1_img img {
    width: 100%;
    border-radius: 20px;
    margin: 30px 0px;
}

.j1_con {
    border: solid 2px #e3e3e3;
    border-radius: 20px;
    margin: 40px 0px 0px 0px;
}

    .j1_con ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 60px 0px;
        align-items: stretch;
    }

    .j1_con li {
        width: 50%;
        border-right: solid 2px #e3e3e3;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        text-align: center;
    }

        .j1_con li img {
            width: auto;
        }

        .j1_con li h1 {
            font-size: 24px;
            margin: 20px 0px 10px 0px;
        }

        .j1_con li:last-child {
            border: 0px;
        }

.j2 li {
    width: 25%;
    padding: 4px;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
}

    .j2 li:nth-child(1) {
        width: 50%;
    }

    .j2 li img {
        border-radius: 10px;
    }

    .j2 li:hover {
        opacity: 0.8
    }

.j4 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.j4 li {
    width: 33.33%;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.j41 {
    padding: 30px;
    background: #fff;
    color: #666;
}

.j4 li p {
    height: 35px;
    overflow: hidden;
    padding-bottom: 30px;
}

    .j4 li p b {
        font-size: 22px;
        color: #000;
    }

.hot {
    background: #d80b2a;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    float: left;
    margin: 6px 10px 0px 0px;
}

.hot1 {
    background: #0a9214;
}

.j4 li:hover .j41 {
    background: #d80b2a;
    color: #fff;
}

.j4 li:hover p b {
    color: #fff;
}

.j4 li:hover .hot {
    background: #fff;
    color: #d80b2a;
}

.j4 a.more {
    margin: 60px auto 0px auto;
}

#join4 {
    display: flex;
    flex-direction: row;
}

#join5 {
    display: flex;
    flex-direction: row;
    background: #ebeaea;
}

.j4_img {
    width: 50%;
}

.j4_c {
    width: 50%;
    padding-left: 6%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .j4_c h1 {
        font-size: 35px;
    }

    .j4_c h2 {
        font-size: 22px;
    }

    .j4_c .line {
        margin: 20px 0px;
    }

    .j4_c ul {
        margin: 20px 0px;
    }

    .j4_c li {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 15px 0px;
    }

        .j4_c li img {
            margin-right: 10px;
        }

.tel_c {
    background: #d80b2a;
    color: #fff;
    font-size: 22px;
    display: inline-block;
    padding: 20px 30px;
}

.tel span {
    font-size: 40px;
    font-weight: bold;
    font-family: Arial;
}

.j4_show {
    display: none;
}

.j4_list ul {
    display: flex;
    flex-direction: column;
}

.j4_list li {
    width: 100%;
    margin: 0px 0px 20px 0px;
    position: relative;
}

    .j4_list li:hover {
        background: #fff;
    }

        .j4_list li:hover .j41 {
            background: #fff;
            color: #000;
        }

        .j4_list li:hover p b {
            color: #000;
        }

        .j4_list li:hover .hot {
            background: #d80b2a;
            color: #fff;
        }

.j4_ico {
    position: absolute;
    right: 30px;
    top: 30px;
}

.j4s_1 {
    padding: 30px;
    background: #fff;
    border-top: solid 1px #e3e3e3;
    line-height: 28px;
}

.yq {
    background: url("../images/j4-ico2.png") no-repeat left center;
    padding-left: 15px;
    font-size: 18px;
    margin-bottom: 15px;
}

.f_r {
    color: #d80b2a;
}

.j4s_2 {
    font-size: 16px;
}

.z45 {
    transform: rotate(-180deg)
}

.j3 {
    padding-bottom: 50px;
}

#certify {
    position: relative;
    width: 62vw;
    margin: 0 auto;
}

    #certify .swiper-container {
        padding-bottom: 60px;
    }

    #certify .swiper-slide {
        width: 50%;
    }

        #certify .swiper-slide img {
            display: block;
            width: 100%;
            border-radius: 10px;
        }

        #certify .swiper-slide p {
            text-align: center;
            margin: 0;
            padding: 20px 0px;
        }

    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
        display: none;
    }

.abp50 {
    padding-top: 0px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}


#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -60px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: center -4px;
}

    #certify .swiper-button-prev:hover {
        background-position: center -69px;
    }

#certify .swiper-button-next {
    right: -60px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat center;
    background-position: center -138px;
}

    #certify .swiper-button-next:hover {
        background-position: center -203px;
    }

.ab62 {
    position: relative;
}

    .ab62 .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

.par_logo {
    width: 49%;
}

.par_show {
    width: 50%;
}

    .par_show img {
        width: 100%
    }

    .par_show li {
        position: relative;
        display: none;
    }

.par_n {
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    color: #fff;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.par_logo ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.par_logo li {
    width: 33%;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0.3;
    cursor: pointer;
}

    .par_logo li.par_d {
        opacity: 1;
    }

.pd1 {
    display: flex;
    flex-direction: column;
}

.pd_big {
    width: 70%;
}

    .pd_big li {
        display: none
    }

        .pd_big li.pbig {
            display: block;
        }

        .pd_big li img {
            width: 100%
        }

.pd_sm {
    width: 70%;
}

    .pd_sm li {
        width: 18%;
        border: solid 1px #e3e3e3;
        float: left;
        margin: 0px 1%;
        box-sizing: border-box;
        cursor: pointer;
    }

        .pd_sm li.on {
            border: solid 2px #d80b2a;
        }

.v_title .swiper-button-next, .v_title .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    top: 40px;
}


.v_title .swiper-button-prev, .v_title .swiper-container-rtl .swiper-button-next {
    left: 20px;
    top: 40px;
}

.v_title .swiper-container {
    width: 80%;
    margin: 0px auto;
    height: 90px;
    line-height: 90px;
    text-align: center;
    cursor: pointer;
}

.v_title span {
    float: right;
    color: #e3e3e3;
}

.f_video_2 li {
    display: none;
}

.fred {
    color: #d80b2a;
}

.n_list3 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.n_list3 li {
    width: 30%;
    margin: 1%;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 10px;
}

.n_img img.vv {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.n_img img.vv1 {
    border-radius: 10px 10px 0px 0px;
}

.n_list3 li h1 {
    font-size: 15px;
    padding: 15px 20px;
    font-weight: normal;
    line-height: 25px;
}

.n_list3 li:hover {
    background: #d80b2a;
    color: #fff;
}

    .n_list3 li:hover h1 {
        color: #fff;
    }

.title_t {
    padding-bottom: 60px;
}

.re {
    background: #f7f7f7;
    margin: 80px 0px 0px 0px;
    padding: 0px 0px 80px 0px;
}

.re2 {
    background: #efefef;
    margin-top: 80px;
}

.re3 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.re3 li {
    width: 32%;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    border: solid 1px #e3e3e3;
    text-align: center;
    background: #fff;
    padding: 30px 0px;
}

    .re3 li p {
        font-size: 15px;
        font-weight: normal;
    }

.re2 .title {
    padding-bottom: 20px;
}

.re3 li:hover {
    background: #d80b2a;
    color: #fff;
}

.net1 {
    text-align: center;
}

.num1 {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    margin: 0px auto;
    background: #d80b2a;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    font-weight: bold;
}

.net1_c {
    margin: 30px 0px;
}

.net2 {
    background: #fcfbfc url("../images/map.jpg") no-repeat center center;
    background-size: 60%;
    padding-bottom: 80px;
    margin: 60px 0px 0px 0px;
}

.net22 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.net22 li {
    width: 49%;
}

.z7 .z62 {
    margin-top: 0px;
}

.xz span {
    border: solid 1px #e3e3e3;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    width: 200px;
    text-align: center;
    display: inline-block;
    margin: 0px 5px;
}

    .xz span.aaa {
        background: #d70c2a;
        color: #fff;
    }

.x_cate {
    text-align: center;
}

    .x_cate a {
        width: 150px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        margin: 5px;
        text-align: center;
        border: solid 1px #e3e3e3;
        display: inline-block;
    }

        .x_cate a.b_d {
            background: #d70c2a;
            border: solid 1px #d70c2a;
            color: #fff;
        }

.e_his1 {
    width: 80%;
    margin: 40px auto 0px auto;
}

    .e_his1 li {
        display: none;
    }

        .e_his1 li img {
            margin: 0px auto;
        }

.e_his2 {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 50px;
    background: url("../images/y-f.jpg") repeat-x top;
}

    .e_his2 li {
        display: inline-block;
        padding: 10px 20px 0px 20px;
        color: #666;
        margin-top: 20px;
        cursor: pointer;
    }

        .e_his2 li:hover, .e_his2 li.e_hisd {
            background: url("../images/e_his_2.jpg") no-repeat center top;
            color: #c70b2c;
        }

#njoin1 {
    padding: 0px;
    padding: 60px;
    margin: 0px auto;
    background: #eee;
    width: 1200px;
}

    #njoin1 .s2b2 {
        width: 790px;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.j10 {
    width: 235px;
    height: 270px;
    float: left;
    background: #d70c2a;
    margin-top: 30px;
}

.j12 {
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-top: 55px;
}

    .j12 img {
        margin: 0px auto;
    }

.j121 {
    margin: 10px 0px;
}

.j122 {
    font-size: 40px;
    font-weight: bold;
    font-family: Arial;
}

.sli {
    width: 375px;
    font-size: 12px;
    line-height: 30px;
    float: left;
}

.sli2 {
    float: right;
}

.sli li {
    position: relative;
    width: 100%;
}

.qt1 {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 0px;
    padding: 0px 10px;
    outline: none;
    background: #fff;
}

.qt2 {
    height: 120px;
}

.qb2 {
    background: #d70c2a;
    width: 120px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}


.p3_show {
    margin: 40px auto;
}

.i1_list {
}

.i1 {
    width: 33%;
    position: relative;
    float: left;
    padding: 10px;
}


    .i1 a {
        display: block;
        background: #f8f8f8;
    }

.p1_name {
    position: absolute;
    top: 30px;
    left: 40px;
    background: url("../images/p_ico1.png") no-repeat left center;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    font-weight: bold;
}

.p1_img img {
    width: 100%;
}

.i_img2, .i1:hover .i_img1 {
    display: none;
}

.i1:hover .i_img2 {
    display: block;
}

.i1:hover .p1_name {
    background: url("../images/p_ico11.png") no-repeat left center;
    color: #fff;
}


.plm a.more {
    margin: 20px auto 0px auto;
}

@media screen and (max-width: 1440px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }

    .re3 li {
        font-size: 24px;
    }

    .title_t {
        padding-bottom: 40px;
    }

    .w62 {
        width: 80%
    }

    .title {
        padding: 55px 0px;
    }

        .title h1 {
            font-size: 30px;
            line-height: 35px;
        }

    .j4_c h1 {
        font-size: 30px;
    }

    a.m1 {
        margin: 0px 20px;
    }

    .line {
        margin: 10px auto;
    }

    .i_int_bg h1 {
        font-size: 24px;
    }

    .i_int_bg h2 {
        font-size: 14px;
    }

    .a1_1 h1 {
        font-size: 24px;
    }

    .y_1 li {
        font-size: 18px;
        width: 200px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
    }

    .year {
        font-size: 18px;
    }

    .y_21 li {
        margin: 10px 0px;
    }

    .y_1 {
        padding-bottom: 30px;
    }

    .a31 li p {
        font-size: 60px;
        line-height: 50px;
    }

    .i4 .i_t h1, .ab43_c h1 {
        font-size: 20px;
        line-height: 25px;
    }

    .i4 .i_t .line {
        margin: 10px 0px;
    }

    .about4 .title .line {
        margin-bottom: 25px;
    }

    ul.n_tj li .nc h1 {
        font-size: 15px;
    }

    .n_list1 li a.nmore {
        height: 40px;
        line-height: 40px;
    }

    .nd1 h1 {
        font-size: 20px;
    }

    .p_bg p {
        font-size: 16px;
    }

    .p21 h1 {
        font-size: 24px;
    }

    .p3_menu li a {
        font-size: 18px;
    }

    .p31 {
        font-size: 20px;
    }

    .p3_show li a {
        font-size: 15px;
    }

    .p32 {
        margin: 5px 0px;
    }

    .p3_menu li {
        width: 200px;
        height: 150px;
    }

    .case li h1 {
        font-size: 16px;
    }

    .pd22 {
        font-size: 24px;
    }

    .pd23_1 li {
        height: 50px;
        line-height: 50px;
    }

    .site {
        padding: 20px;
    }

    .en-1 img {
        height: 22px;
    }
}


@media screen and (max-width: 960px) {
    body {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
        height: 100%;
        position: relative;
        z-index: 1;
        padding-top: 60px;
        font-size: 13px;
        line-height: 24px;
    }

    a.more {
        margin: 80px 0px 0px 0px;
    }

    .w80 {
        width: 94vw;
        margin: 0px auto;
    }

    .w94 {
        width: 94vw;
        margin: 0px auto;
    }

    .show {
        display: none;
    }

    .hidden {
        display: block;
    }

    .header {
        width: 100%;
        height: 60px;
        padding: 0px 3%;
        display: flex;
        align-content: stretch;
        align-items: center;
        justify-content: space-between;
        background: #d80b2a;
        border: 0px;
    }

    .menu {
        display: none;
        width: 90%;
        padding: 0px 5%;
        position: absolute;
        left: 5vw;
        top: 100px;
    }

    .m {
        line-height: 10vh;
        border-bottom: solid 1px #fff;
        position: relative;
        display: block;
        height: auto;
    }

        .m a {
            color: #fff;
        }

    a.m1 {
        margin: 0px;
        background: url("../images/w_menu_drop1.png") no-repeat center right;
        background-size: 20px 11px;
        display: block;
        font-size: 16px;
    }

        a.m1:hover, a.m_hover {
            background: url("../images/w_menu_drop2.png") no-repeat center right;
            color: #fff;
            background-size: 20px 11px;
        }

    .nav {
        font-size: 14px;
        line-height: 30px;
        position: static;
        left: auto;
        top: auto;
        right: auto;
        background: none;
        width: 100%;
        padding: 0px;
        border: 0px;
        margin-bottom: 3vh;
        text-align: left;
    }

        .nav li {
            width: 100%;
            margin: 0px;
        }

            .nav li a {
                color: #fff;
                text-indent: 4em;
                display: block;
            }

                .nav li a:hover {
                    color: #fff;
                }

    .head_2 {
        margin: 0px;
    }

    a.more img {
        margin-left: 5px;
        width: 20px;
    }

    .s1 img {
        height: 25px;
        margin: 0px;
    }

    .w_logo img {
        height: 38px;
    }

    .m_skip img {
        height: 20px;
    }

    .bg {
        background: rgba(216,11,42,0.85);
    }

    .s2 {
        width: 100vw;
        padding: 0px 5vw;
        background: none;
    }

    .rm {
        font-size: 18px;
        line-height: 30px;
    }

    .w_en a.m1, .w_en a.m1:hover, .w_en a.m_hover {
        background: url( "../images/w_en.png") no-repeat left center;
        background-size: 30px 30px;
        padding-left: 40px;
    }

    .close img {
        height: 20px;
    }

    .close1 img {
        height: 25px;
    }

    .gray {
        padding: 30px 0px;
    }

    .title {
        font-size: 13px;
        padding: 40px 0px;
        width: 90%
    }

        .title h1 {
            font-size: 24px;
        }

    .t_con {
        line-height: 24px;
        font-size: 13px;
    }

    .line {
        margin: 10px auto;
    }

    .ind1_ico {
        width: 100%;
        left: 0vw;
        bottom: -100px;
        box-shadow: 0px 0px 10px #e3e3e3;
        height: 100px;
    }

        .ind1_ico ul li {
            line-height: 30px;
            padding: 0px;
        }

    .ico_img {
        width: 30px;
        height: 20px;
        overflow: hidden;
        margin: 0px auto;
    }

    .i_ico {
        box-shadow: 0px 0px 5px #e3e3e3;
    }

    .i_int {
        width: 90vw;
        position: static;
        height: auto;
        left: auto;
        top: auto;
        margin: 0px auto;
        padding: 30px 0px 40px 0px;
    }

    .i_int_bg {
        width: 100%;
        padding: 0px 5%;
        text-align: left;
    }

    .i_int .line {
        margin: 10px 0px;
    }

    .i_int_bg h1 {
        font-size: 20px;
    }

    .i_int_bg h2 {
        font-size: 13px;
        line-height: 24px;
        height: 48px;
    }

    .ind2_img a.more {
        bottom: 15%;
    }

    /*媒体中心*/
    .ind3_show {
        align-content: flex-start;
        flex-direction: column;
    }

    .ind31 {
        width: 100%;
    }

    .ind32 {
        width: 100%;
    }

    .nc h2 {
        font-size: 13px;
        line-height: 23px;
    }

    .n_tip {
        width: 100px;
        height: 35px;
        line-height: 35px;
    }

    .ind32 ul li {
        padding: 20px 0px;
    }

    .ind32 .nc {
        width: 62%;
        padding: 0px;
    }

        .ind32 .nc h2 {
            display: none
        }

        .ind32 .nc h1 {
            font-size: 14px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            font-weight: normal;
        }

    .ind32 ul li:nth-child(2n) {
        padding: 0px;
    }

    .ind3 a.more {
        margin: 20px auto 20px auto;
    }

    .foot1 {
        flex-direction: row;
        flex-wrap: wrap;
        width: 94vw;
        padding: 30px 0px 50px 0px;
    }

    .f_1 {
        width: 46%;
        border-bottom: solid 1px #e3e3e3;
    }

        .f_1 h1 {
            margin: 10px 0px;
            font-size: 15px;
            background: url("../images/w_b_ico.png") no-repeat right center;
            background-size: 16px 8px;
        }

    .f2 {
        display: none;
        margin-bottom: 20px;
    }

    .f_1 h1.bnvw {
        background: url("../images/w_b_ico2.png") no-repeat right center;
        background-size: 16px 8px;
    }

    .foot2 {
        background: #ca0a2e;
        padding: 40px 0px;
        line-height: 24px;
        color: #fff;
        text-align: center;
        position: relative;
    }

        .foot2 p {
            display: none;
        }

        .foot2 span {
            display: block;
        }

    .ind3 a.more {
        margin: 0px auto;
        margin: 30px auto 20px;
    }

    .f_ico {
        position: static;
        right: auto;
        top: auto;
        margin: 0px auto;
    }

        .f_ico ul {
            justify-content: center;
            margin-top: 30px;
        }

    .title2 {
        width: 90%
    }

    .w62 {
        width: 94%
    }

    .about1 {
        background: #f5f5f5;
    }

    .a1 {
        position: static;
        left: 0px;
        top: 0px;
    }

    .a1_1, .a2 .a1_1 {
        color: #000;
        width: 100%;
        margin: 0px;
        padding: 30px;
    }

        .a1_1 h1 {
            font-size: 20px;
        }

    .about1 img, .ab3_img img {
        width: 100%
    }

    .about1 .swiper-pagination-bullet-active {
        background: #d80b2a;
    }

    .about1 .swiper-container-horizontal > .about1 .swiper-pagination-bullets, .about1 .swiper-pagination-custom, .about1 .swiper-pagination-fraction {
        bottom: -100px;
    }

    .ab3_c {
        line-height: 24px;
        padding: 30px 0px;
    }


    .i4_wap {
        width: 100%;
        margin: 0px;
    }

    .i_f_info {
        padding: 10vw 10vw 20vw 10vw;
    }

        .i_f_info .line {
            margin: 3vw 0px;
            width: 2em
        }

        .i_f_info h1 {
            font-size: 18px;
        }

    .i4_wap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0px 3px;
        display: inline-block;
    }

    .i4_wap .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 0px;
        top: auto;
        right: auto;
        bottom: 10vw;
        position: absolute;
        z-index: 99;
        display: block;
        width: 100%;
        text-align: center;
    }

    .i4_wap .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        opacity: 1;
        background: #a0a0a0;
        border-radius: 100%;
    }

    .i4_wap .swiper-pagination-bullet-active {
        background: #d80b2a;
    }

    .ab42 {
        width: 100%
    }

    .f_video_1 {
    }

        .f_video_1 ul {
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: flex-start;
            align-content: center;
            height: 60px;
            overflow: hidden;
        }

        .f_video_1 li {
            width: auto;
            line-height: 60px;
            padding: 0px 10px;
            font-size: 15px;
        }

    .ab43 {
        padding-bottom: 8vw;
    }

        .ab43 .swiper-slide {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            align-items: center;
        }

    .ab43_img {
        width: 100%
    }

    .ab43_c {
        width: 100%;
        padding: 5vw;
        color: #666;
    }

        .ab43_c h1 {
            color: #000;
            font-size: 18px;
        }

        .ab43_c .line {
            width: 3em;
            margin: 20px 0px;
        }

    .ab43 .swiper-pagination-bullet-active {
        background: #d80b2a;
    }

    .n_list1 {
        margin-bottom: 0px;
    }

        .n_list1 ul li {
            flex-direction: column;
            margin-bottom: 3vw;
        }

    .f_video_1 li span {
        display: none;
    }

    .n_list1 li .n_img {
        width: 100%
    }

    .n_list1 li .nc {
        width: 100%;
    }

        .n_list1 li .nc h1 {
            font-weight: normal;
            font-size: 16px;
        }

        .n_list1 li .nc h2 {
            display: none;
        }

    .n_list1 li a.nmore {
        display: none;
    }

    .n_banner img {
        width: 100%
    }

    ul.n_tj {
        flex-direction: column;
    }

        ul.n_tj li {
            width: 100%;
            margin-bottom: 4vw;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

            ul.n_tj li .n_img {
                width: 45%;
            }

            ul.n_tj li .nc {
                width: 52%;
                padding: 0px 10px 0px 0px;
            }

            ul.n_tj li .n_img img {
                max-height: none;
            }

            ul.n_tj li .nc h1 {
                font-size: 13px;
                line-height: 20px;
                padding-top: 5px;
                height: 40px;
                overflow: hidden;
            }

            ul.n_tj li .o_time {
                background-size: 15px 15px;
                margin: 0px;
            }

    .nlist_tj {
        padding: 30px 0px;
    }

    .w_b1 {
        width: 94vw;
        margin: 0px auto;
    }

        .w_b1 img {
            width: 100%;
            margin-bottom: 3vw;
            border-radius: 5px;
        }

    .bus2_list li {
        width: 100%;
    }

        .bus2_list li a .b_name {
            padding: 10px;
            font-weight: normal;
            font-size: 13px;
            border-radius: 10px;
        }

    .bus2_list img {
        border-radius: 10px;
    }

    .b2_list {
        width: 90vw;
    }

        .b2_list ul {
            flex-direction: column;
        }

            .b2_list ul li {
                width: 100%;
            }

                .b2_list ul li p {
                    height: 50px;
                    line-height: 50px;
                    font-size: 15px;
                }

    .y_1 {
        padding: 0px 0px 50px 0px;
        text-align: center;
    }

    .his {
        width: 60%;
        margin: 0px auto 30px auto;
        font-size: 20px;
        font-family: Arial;
        height: 45px;
        border-radius: 20px;
        line-height: 45px;
        text-align: center;
        background: #d80b2a;
        color: #fff;
        position: relative;
        cursor: pointer;
        position: relative;
    }

        .his .y_ico {
            display: block;
        }

    .his-s {
        position: relative;
    }

    .y_1_w {
        position: relative;
    }

        .y_1_w .swiper-pagination {
            position: absolute;
            left: 0px;
            text-align: center;
            align-content: center;
            align-items: center;
            width: 100%;
        }

        .y_1_w .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            opacity: 1;
            background: #fff;
            border-radius: 4px;
            opacity: 1;
            margin: 0px 3px;
        }

        .y_1_w .swiper-pagination-bullet-active {
            background: #d80b2a;
            opacity: 1;
        }

    .ps32 {
        margin-bottom: 30px;
    }




    .year {
        font-size: 15px;
    }

    .y_21 li {
        font-size: 14px;
        line-height: 22px;
        margin: 8px 0px;
    }

    .y_f {
        width: 15px;
    }

    .y_2 {
        padding: 20px 6%;
    }


    .a32 {
        line-height: 25px;
        padding: 20px;
    }

    .a3 {
        background-size: cover;
        padding: 50px 3vw 100px 3vw;
    }

    .a31 ul {
        flex-direction: column;
    }

    .a31 li {
        width: 100%;
        border-bottom: solid 1px #8ca5be;
        border-right: 0px;
        display: flex;
        flex-direction: row;
        padding: 20px 0px;
        justify-content: space-between;
        line-height: 70px;
    }

        .a31 li p {
            font-size: 70px;
        }

    .a41 {
        flex-direction: column;
    }

    .a41_img {
        width: 100%;
    }

    .a41_c {
        width: 100%
    }

    .a5 ul {
        flex-wrap: wrap;
    }

    .a30 {
        padding: 0px 3vw 50px 3vw;
    }

    .a5 li {
        width: 30%;
        box-sizing: border-box;
        margin: 5px 1%;
    }

    .about5 {
        padding: 80px 10px;
        height: 600px;
    }

    .a30 .a31 li {
        border-bottom: solid 1px #e3e3e3;
    }

    .a30 .a32 {
        padding: 0px;
        margin-top: 30px;
    }

    .ab60 {
        height: 45px;
        line-height: 45px;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        padding: 0px 20px;
        font-size: 15px;
    }

    .ab61 {
        display: none;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 45px;
        background: #fff;
        z-index: 9999;
        border-radius: 10px;
        background: #d80b2a;
        padding: 10px 0px;
    }

        .ab61 li {
            width: 100%;
            height: 30px;
            line-height: 30px;
            border: 0px;
            border-radius: 0px;
        }

            .ab61 li a {
                border: 0px;
                border-right: 0px;
                font-size: 14px;
                color: #fff;
            }

    .ab6_i {
        width: 20px;
    }

    .ab61 li.ab6_active a {
        background: none;
        color: #fff;
        border: 0px;
    }

    .ab6_t {
        border: solid 1px #707070;
        width: 50%;
        border-radius: 23px;
        position: relative;
        margin: 0px auto 20px auto;
    }



    .ab62 .swiper-slide {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }

    .honor {
        margin-bottom: 20px;
    }

    .par_logo {
        width: 100%;
        order: 1;
    }

    .par_show {
        width: 100%;
    }

    .par_n {
        height: 40px;
        line-height: 40px;
    }

    .ab61 {
        margin-bottom: 30px;
    }

    .ndd {
        width: 100%;
    }

    .nd {
        margin: 0px;
        border: 0px;
    }

    .nd1 {
        padding: 30px 20px;
        line-height: 30px;
    }

        .nd1 h1 {
            font-size: 20px;
        }

    .nd2 {
        padding: 30px 20px;
    }

    .nd3 {
        padding: 30px 20px;
        border-top: solid 1px #e3e3e3;
        background: none;
    }

        .nd3 a.aback {
            position: static;
            left: auto;
            top: auto;
            margin: 20px auto;
            display: block;
        }

    .ndd .n_tj {
    }

    .p20 ul {
        flex-direction: column;
    }

    .p20 li {
        width: 100%;
        margin-bottom: 10px;
    }

    .p_i {
        text-align: center;
        margin-bottom: 5px;
    }

        .p_i img {
            width: 60%;
            margin: 0px auto;
        }

    .p3_menu ul {
        justify-content: space-between;
    }

    .p3_menu li {
        width: 32%;
        margin: 0px;
        height: auto;
        box-sizing: border-box;
    }

        .p3_menu li a {
            width: 100%;
            font-size: 16px;
            padding: 10px 0px;
            box-sizing: border-box;
        }

    .p3_show {
        margin: 30px 0px 50px 0px;
    }

        .p3_show li {
            width: 49%
        }

    .p31 {
        font-size: 16px;
    }

    .p32 {
        font-size: 12px;
        margin: 5px 0px;
    }

    .p3_show li a {
        font-size: 13px;
    }

    .p100 img {
        border-radius: 5px;
    }

    .p_font {
        position: absolute; background: rgba(0,0,0,0.7); width: 100%; height: 40px; line-height: 40px;
        left: 0px;
        bottom: 0px;
        font-size: 16px;
        color: #fff; border-radius: 5px; text-indent: 1em;
    }

    .p100 .swiper-pagination {
        text-align: right;
        padding-right: 10px;
    }

    .p100 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 15px;
    }

    .p100 .swiper-pagination-bullet {
        background: #fff;
        opacity: 0.8;
    }

    .p100 .swiper-pagination-bullet-active {
        background: #d80b2a;
        opacity: 1;
    }

    .w_page a.more {
        margin: 30px auto;
    }

    .case ul {
        flex-direction: column;
    }

    .case li {
        width: 100%
    }

    .ps2 .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        top: auto;
        bottom: 0px;
    }

    .ps2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #d80b2a;
        border-radius: 0px 2px 2px 0px;
    }

    .v_title .swiper-button-prev, .v_title .swiper-button-next {
        display: none;
    }

    .v_title .swiper-container {
        width: 100%;
        height: auto
    }

    .v_title .swiper-slide {
        padding: 10px;
        line-height: 20px;
        height: 60px;
        align-items: center;
        align-content: center;
        display: flex;
    }

        .v_title .swiper-slide span {
            display: none;
        }

    .fred {
        background: #d80b2a;
        color: #fff;
    }

    .ps2 .a41_c {
        display: none;
    }

    .a4_box {
        border: 0px;
    }

        .a4_box .a4 {
            padding-bottom: 20px;
        }

    .ps2 .a41_img {
        height: 65vw;
    }

    .hon_list ul {
        flex-direction: column;
    }

    .hon_list li {
        width: 100%
    }

        .hon_list li .a41_img {
            height: 55vw;
        }

        .hon_list li .a41_c {
            padding: 15px;
        }

    .a41_2 {
        margin: 10px 0px;
    }

    .pleft {
        display: none;
    }

    .kefu {
        transform: scale(0.8);
        right: -10px;
    }

    .pro .swiper-button-next, .pro .swiper-button-prev {
        left: auto;
        top: auto;
        right: auto;
        bottom: 90px;
        margin-top: none;
        transform: scale(0.6)
    }

    .pro .swiper-button-next, .pro .swiper-container-rtl .swiper-button-prev {
        right: 10px;
        width: 16px;
        height: 24px;
        background: url(../images/wm_button_icon2.png) no-repeat;
        background-position: center -62px;
    }

        .pro .swiper-button-next:hover {
            background-position: center -92px;
        }

    .pro {
        position: relative;
    }

        .pro .swiper-button-prev, .ps2 .swiper-container-rtl .swiper-button-next {
            right: 30px;
            width: 16px;
            height: 24px;
            background: url(../images/wm_button_icon2.png) no-repeat;
            background-position: center -2px;
        }

            .pro .swiper-button-prev:hover {
                background-position: center -32px;
            }

    .ps32 ul {
        flex-direction: column;
        padding: 20px;
    }

    .ps32 li {
        width: 100%;
        padding: 20px 20px;
        border-bottom: solid 1px #bababa;
    }

        .ps32 li h1 {
            margin: 10px 0px;
        }

        .ps32 li:nth-child(1), .ps32 li:nth-child(2) {
            border-bottom: solid 1px #bababa;
        }

        .ps32 li:last-child {
            border: 0px;
        }

    .wp {
        width: 100%;
        position: relative;
    }

    .ps310 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        opacity: 1;
        background: #fff;
        border-radius: 4px;
        opacity: 0.8;
    }

    .ps310 .swiper-pagination-bullet-active {
        background: #d80b2a;
        opacity: 1;
    }

    .ps32 {
        margin-bottom: 30px;
    }

    .w_p_m {
        height: 60px;
        background: #f7f7f7;
        border: solid 1px #d2d2d2;
        margin: 30px 0px 0px 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .w1 {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        font-size: 16px;
    }

        .w1 img {
            margin: 0px 10px;
        }

    .w2 {
        width: 60px;
        background: #d80b2a;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

        .w2 img {
            width: 30px;
        }

    .p3_menu2 {
        background: #fff;
        width: 50vw;
        height: 100%;
        position: fixed;
        right: 0px;
        top: 0px;
        z-index: 999999;
        margin: 0px;
        padding: 10px;
    }

    .bg2 {
        background: rgba(0,0,0,0.7);
        z-index: 9999;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: none;
    }

    .p3_menu2 ul {
        flex-direction: column;
    }

    .p3_menu2 li {
        height: 12vh;
        border-bottom: solid 1px #e3e3e3;
    }

        .p3_menu2 li a {
            flex-direction: row;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            height: 100%;
            font-size: 14px;
            color: #000;
        }

    .c_ico {
        width: 50px;
        height: auto;
        text-align: center;
        margin-right: 10px;
        background: none;
    }

    .c_ico1 {
        opacity: 0.8;
        max-width: 50px;
    }

    .p3_menu2 li a:hover .c_ico, a.pm .c_ico {
        background: none;
    }

    .p3_menu2 li a:hover .c_ico2, a.pm .c_ico2 {
        display: none;
    }

    .p3_menu2 li a:hover .c_ico1, a.pm .c_ico1 {
        display: block;
    }

    .p_close {
        text-align: right;
        padding: 3vh 0px 0px 0px;
        text-align: right;
        width: 100%
    }

        .p_close img {
            width: 30px;
            display: inline-block;
        }

    .ch {
        border-bottom: solid 1px #e3e3e3;
        line-height: 40px;
    }

    .n_s1 {
        font-size: 16px;
        background: none;
        padding-left: 0px
    }

        .n_s1 span {
            display: none;
        }

    .site {
        padding: 20px 5%;
        font-size: 15px;
        position: relative;
    }

    .w_s2 {
        display: flex;
        flex-direction: row;
        height: 100%;
        align-items: center;
    }

        .w_s2 img {
            width: 20px;
            margin-left: 10px;
        }

    .n_s2 {
        background: #d80b2a;
        border-radius: 5px;
        width: 40vw;
        position: absolute;
        right: 0px;
        top: 50px;
        flex-direction: column;
        text-align: center;
        line-height: 30px;
        z-index: 9999999;
        padding: 10px 0px;
    }

        .n_s2 ul {
            flex-direction: column;
        }

        .n_s2 li span {
            display: none;
        }

        .n_s2 li a {
            color: #fff;
        }

        .n_s2 li.ns_click a {
            color: #fff;
        }

    .w_par2 .swiper-pagination-progressbar, .ps2 .swiper-pagination-progressbar {
        background: #f6f6f6;
    }

    .w_par1 li {
        display: none;
        position: relative;
    }

    .w_par1 img {
        width: 100%
    }

    .w_par2 {
        margin: 5px 0px 20px 0px
    }

        .w_par2 .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
            top: auto;
            bottom: 0px;
        }

        .w_par2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #d80b2a;
            border-radius: 0px 2px 2px 0px;
        }

        .w_par2 img {
            width: 100%;
            opacity: 0.3;
        }

            .w_par2 img.opimg {
                opacity: 1;
            }

    .abp50 {
        padding-top: 0px;
    }

    .pd {
        flex-direction: column;
    }

    .pd1 {
        width: 100%;
    }

    .w_pd1 .swiper-container {
        padding-bottom: 20px;
    }

    .w_pd1 img {
        width: 100%
    }

    .w_pd1 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        opacity: 1;
        background: #c3c0c0;
        border-radius: 4px;
    }

    .w_pd1 .swiper-pagination-bullet-active {
        background: #d80b2a;
        opacity: 1;
    }

    .pd2 {
        width: 100%;
        padding: 30px 5vw;
    }

    .pd22 {
        font-size: 20px;
        margin: 20px 0px;
    }

    .pd23_1 li {
        width: 32%;
        font-size: 14px;
        margin-right: 0px;
        height: 45px;
        line-height: 45px;
    }

    .pd23_2 li {
        padding-right: 0px;
        overflow: auto;
        height: auto;
    }

    .w_li {
        height: 140px;
        overflow: hidden;
    }

    .w_d span.more {
        width: 100px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        ;
        background: #d80b2a;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin: 10px 0px 0px 0px;
    }

    .j1_con ul {
        flex-direction: column;
        padding: 20px;
    }

    .j1_con li h1 {
        font-size: 18px;
        margin: 5px 0px;
    }

    .j1_con li img {
        transform: scale(0.8)
    }

    .j1_con {
        margin: 0px;
    }

        .j1_con li {
            padding: 10px 0px;
        }

            .j1_con li:nth-child(1) {
                border-bottom: solid 2px #e3e3e3;
                padding-bottom: 20px;
                border-right: 0px;
            }

        .j1_con li {
            font-size: 14px;
            width: 100%;
        }

    .j2 li:nth-child(1) {
        width: 100%
    }

    .j2 li {
        width: 50%;
    }

    .j4 ul {
        flex-direction: column;
    }

    .j4 li {
        width: 100%;
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }

    .j41 {
        padding: 15px;
    }

    .j4 li p b {
        font-size: 18px;
    }

    .j4 li p {
        padding-bottom: 20px;
    }

    .hot {
        margin-top: 2px;
    }

    .j4 a.more {
        margin-top: 30px;
    }

    #join4 {
        flex-direction: column;
    }

    .j4_img {
        width: 100%
    }

    .j4_c {
        width: 100%;
        padding: 10vw 5vw;
    }

        .j4_c h1 {
            font-size: 24px;
        }

        .j4_c h2 {
            font-size: 18px;
        }

        .j4_c .line {
            margin: 10px 0px;
        }

    .tel_c {
        font-size: 14px;
        padding: 10px;
    }

    .tel span {
        font-size: 22px;
    }

    .p2 {
        padding-bottom: 50px;
    }

        .p2 .title {
            padding-bottom: 20px;
        }

    .j4_ico img {
        width: 25px;
    }

    .p_tc {
        height: 96px;
        overflow: hidden;
    }

    .w_d span.more img {
        margin-left: 5px;
        width: 20px;
    }

    .p1 .w_d span.more {
        margin: 10px auto;
    }

    .i_int_bg {
        align-items: flex-start;
    }

    .z1 {
        width: 80vw;
        margin: 50px auto;
        line-height: 24px;
    }

    .z20 {
        width: 100%
    }

    .z21 {
        width: 30%;
        margin-right: 5px;
    }

        .z21 li img {
            width: 25px;
        }

    .z22 {
        width: 69%
    }

    .z22_c {
        height: 40px;
        line-height: 40px;
    }

        .z22_c span {
            margin: 0px 3px;
        }

    .z21 li {
        height: 18%;
    }

    .z2 {
        padding-bottom: 50px;
    }

    .z30 {
        width: 100%
    }

        .z30 ul {
            width: 100%;
            overflow-x: scroll;
            flex-wrap: nowrap;
            justify-content: flex-start;
            padding-bottom: 20px;
        }

        .z30 li {
            width: 43vw;
            flex-shrink: 0;
            margin: 0px 1%;
        }

    .z3_2 {
        font-size: 12px;
        line-height: 22px;
    }

    .z4 {
        height: auto;
        background-size: cover;
        padding-bottom: 50px;
    }

    .z40, .z50 {
        width: 85%;
    }


        .z40 ul {
            flex-direction: column;
            margin: 10px 0px;
        }

        .z40 li {
            width: 100%;
            margin: 10px 0px;
            height: auto;
            padding: 15px 20px 15px 5px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            border-radius: 10px;
        }

    .num {
        position: static;
        left: auto;
        top: auto;
        margin-left: 10px;
        margin-right: 10px;
        transform: scale(0.8);
    }

    .z40 li p {
        text-align: left;
        line-height: 22px;
        max-width: 70%
    }

    .z50 ul {
        flex-direction: column;
    }

        .z50 ul li {
            width: 100%;
            border-radius: 50px;
            background: #f7f7f7;
            flex-direction: row;
            margin-bottom: 10px;
        }

    .z5_1 {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
    }

    .z5_j {
        display: none;
    }

    .z5_ico {
        background: #fff;
        width: 110px;
        height: 110px;
        border: solid 2px #ededed;
        margin-right: 10px;
    }

        .z5_ico img {
            transform: scale(0.7)
        }

    .z5_c {
        text-align: left;
    }

    .z50 ul li:nth-child(5), .z50 ul li:nth-child(6), .z50 ul li:nth-child(7), .z50 ul li:nth-child(8) {
        order: 1
    }

    .z60 {
        width: 80%;
    }

    .t2 {
        font-size: 12px;
    }

    .ok {
        width: 50vw;
        margin: 20px auto 0px auto;
        height: 50px;
        line-height: 50px;
    }

    .z61 {
        line-height: 24px;
        justify-content: flex-start;
    }

    .z61_ico {
        width: 30%;
        flex-direction: column;
        align-content: center;
    }

    .z61_s {
        padding: 0px 10px;
        max-width: 70%
    }

    #FontScroll li {
        line-height: 25px;
        height: 60px
    }

        #FontScroll li span.fs2 {
            display: block;
            color: #999;
            float: none;
        }

        #FontScroll li span.fs1 {
            height: 25px;
            overflow: hidden;
            padding-top: 5px;
            display: block;
        }

    .z61_ico img {
        margin-right: 0px;
    }

    .z3_1 {
        font-size: 20px;
    }

    .z30 li:hover .z3_1 {
        width: 70%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 30px;
        align-items: flex-start;
        font-size: 16px;
    }


    .ab43 .swiper-container {
        padding-bottom: 30px;
    }

    .ab42 {
        margin: 0px 0px 50px 0px;
    }

    .foot1 {
        border-top: solid 1px #e3e3e3;
    }

    .page1 a.a_1, .page2 a.a_2, .page3 a.a_3, .page4 a.a_4, .page5 a.a_5, .page6 a.a_6 {
        background: url("../images/w_menu_drop1.png") no-repeat center right;
        color: #fff;
        background-size: 20px 11px;
    }

    .n_list3 ul {
        flex-direction: column;
    }

    .n_list3 li {
        width: 100%;
    }

    .re3 ul {
        flex-direction: column;
    }

    .re3 li {
        font-size: 18px;
        width: 100%;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .re {
        margin-top: 40px;
    }

    .net2 {
        padding-bottom: 30px;
    }

    .net22 ul {
        flex-direction: column;
    }

    .net22 li {
        width: 100%;
        margin-bottom: 10px;
    }

    .net2 {
        background: #fcfbfc url("../images/map.jpg") no-repeat center 20%;
    }

    #certify {
        width: 90vw;
    }

        #certify .swiper-container {
            padding-bottom: 0px;
        }

        #certify .swiper-slide {
            width: 80%;
        }

        #certify .swiper-button-prev {
            left: 0px;
            top: auto;
            bottom: 0px;
            transform: scale(0.8)
        }

        #certify .swiper-button-next {
            right: 0px;
            top: auto;
            bottom: 0px;
            transform: scale(0.8)
        }

    .honor .title {
        padding-bottom: 0px;
    }

    #join5 {
        flex-direction: column;
    }

    .xz span {
        width: 40%;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }

    .x_cate a {
        width: 40%;
        margin-top: 10px;
    }


    #njoin1 {
        padding: 0px;
        margin: 0px auto 50px auto;
        background: #eee;
        width: 90vw;
        padding: 20px;
    }

        #njoin1 .s2b2 {
            width: 100%;
            float: right;
            margin-top: 0px;
            margin-bottom: 0px;
        }

    .j10 {
        width: 100%;
        height: auto;
        float: none;
        margin-top: 0px;
        padding: 40px 0px;
        margin-bottom: 10px;
    }

    .j12 {
        margin-top: 0px;
    }

        .j12 img {
            margin: 0px auto;
        }

    .j121 {
        margin: 10px 0px;
    }

    .j122 {
        font-size: 40px;
        font-weight: bold;
        font-family: Arial;
    }

    .sli {
        width: 100%;
        font-size: 12px;
        line-height: 30px;
        float: none;
    }

    .sli2 {
        float: none;
    }

    .sli li {
        position: relative;
        width: 100%;
    }

        .sli li p {
            position: absolute;
            left: 1em;
            top: 0px;
            line-height: 45px;
        }

    .qt1 {
        width: 100%;
        height: 45px;
        line-height: 45px;
        border: 0px;
        padding: 0px 10px;
        outline: none;
        background: #fff;
        box-sizing: border-box;
        text-indent: 6em;
        margin-bottom: 10px;
    }

    .qt2 {
        height: 120px;
    }

    .qb2 {
        background: #d70c2a;
        width: 120px;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        color: #fff;
        text-align: center;
        margin-top: 0px;
    }

    .i1 {
        width: 50%;
    }

    .p1_name {
        left: 25px;
        top: 5%;
        background-size: 18px 18px;
        padding-left: 25px;
    }

    .ps32_1:nth-child(3) li {
        width: 100%;
    }

    .p4 {
        background: url("../images/p4w_img.jpg") no-repeat center bottom;
        background-size: 100%;
        height: 350px;
    }
	.wx_ma{position: absolute; top: -40px; border-radius: 5px; display: none; text-align: center; width: 100%;}
	.wx_ma img{margin: 0px auto;}
}