@charset "UTF-8";

ul,
ol,
li,
dl,
dd,
dt {
    list-style-type: none;
    line-height: normal;
}

address,
caption,
cite,
code,
dfn,
i,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

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

    a:hover {
        cursor: pointer;
    }

img {
    border: 0;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

input,
table,
tr,
td {
    margin: 0;
    padding: 0;
    border: none;
}

p {
    margin: 0;
    padding: 0;
}

button,
table {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

select {
    margin: 0;
    padding: 0;
    outline: none;
}

textarea {
    border: 0;
    background: none;
    resize: none;
    outline: 0;
}

input {
    outline: 0;
    border: 0;
    background: none;
}

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

body {
    text-align: justify;
    background: #f5f5f5
}


.w_center {
    display: block;
    position: relative;
    z-index: 6;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

.ctext {
    float: left;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

@media screen and (max-width:1320px) {
    .ctext {
        padding-left: 66px;
        padding-right: 66px;
    }
}

@media screen and (max-width:1024px) {
    .ctext {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.head {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 10;
}

    .head.active {
        position: fixed;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    }

    .head .logo {
        float: left;
        margin: 11px 0;
        line-height: 0;
    }

        .head .logo img {
            max-width: none;
            height: 74px;
        }

    .head .vip {
        float: right;
        margin: 25px 0 0 0;
    }

        .head .vip a {
            float: left;
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #CDCDCD;
            border-radius: 36px;
            width: 131px;
            color: #000;
            font-size: 14px;
            line-height: 36px;
            position: relative;
        }

            .head .vip a::after {
                float: left;
                width: 1px;
                height: 16px;
                content: '';
                position: absolute;
                left: 47px;
                top: 50%;
                margin-top: -8px;
                background: #e6e6e6;
            }

            .head .vip a img {
                max-width: none;
                width: 22px;
                height: 22px;
                margin-right: 19px;
            }

            .head .vip a:hover {
                color: #0665b0;
            }

.header-search .so {
    float: right;
    width: 226px;
    position: relative;
    margin: 7px 18px 0 0;
}

    .header-search .so::after {
        float: left;
        width: 1px;
        height: 16px;
        content: '';
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -8px;
        background: #e6e6e6;
    }

    .header-search .so .Search {
        float: left;
        width: 100%;
        height: 38px;
        background: #fff;
        border: 1px solid #CDCDCD;
        border-radius: 36px;
        line-height: 26px;
        color: #000;
        font-size: 14px;
        padding: 6px 48px 6px 15px;
    }

    .header-search .so .submit {
        float: left;
        width: 40px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        background: url(../images/submit.png) center no-repeat;
    }

    .header-search .so ::-webkit-input-placeholder {
        color: #C1C1C1
    }

    .header-search .so :-moz-placeholder {
        color: #C1C1C1
    }

.head .so ::-moz-placeholder {
    color: #C1C1C1
}

.header-search .so :-ms-input-placeholder {
    color: #C1C1C1
}

.menu {
    background: #173694;
    position: relative;
    z-index: 99;
}

    .menu.active {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 20;
    }

    .menu .ul {
        float: left;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .menu .nli {
        float: left;
    }

        .menu .nli span a {
            float: left;
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            font-size: 18px;
            line-height: 28px;
            height: 60px;
            padding: 0 16px;
            font-weight: 600;
        }

        .menu .nli.active span a,
        .menu .nli:hover span a {
            background: #3b82f6;
        }

.menuph {
    display: none;
    margin: 13px 0;
    float: right;
    width: 26px;
    height: 22px;
    cursor: pointer;
    text-align: center;
}

    .menuph .point {
        float: left;
        width: 100%;
        height: 22px;
        position: relative;
    }

        .menuph .point:hover .navbtn,
        .menuph .point:hover .navbtn::after,
        .menuph .point:hover .navbtn::before {
            width: 100%;
        }

    .menuph .navbtn {
        position: absolute;
        top: 10px;
        right: 0;
        display: inline-block;
        width: 100%;
        height: 2px;
        background: #ccc;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .menuph .navbtn::after,
        .menuph .navbtn::before {
            position: absolute;
            right: 0;
            display: inline-block;
            width: 100%;
            height: 2px;
            content: "";
            background: #ccc;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

        .menuph .navbtn::after {
            top: -10px;
        }

        .menuph .navbtn::before {
            top: 10px;
        }

    .menuph .point.active .navbtn {
        background: transparent !important;
    }

        .menuph .point.active .navbtn::after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0px;
        }

        .menuph .point.active .navbtn::before {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 0px;
        }

.xialaph {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 48px 12px;
    display: none;
    z-index: 7;
    background: #f8fafc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .xialaph .ul1 {
        float: left;
        width: 100%;
    }

    .xialaph .ul2,
    .xialaph .ul3,
    .xialaph .ul4 {
        display: none;
    }

    .xialaph li {
        float: left;
        width: 100%;
    }

    .xialaph h4 a {
        float: left;
        width: 100%;
        color: #333;
        font-size: 16px;
        line-height: 50px;
        display: flex;
        align-items: center;
    }

    .xialaph h4 {
        float: left;
        width: 100%;
        position: relative;
        margin-top: -1px;
    }

        .xialaph h4 i {
            float: left;
            width: 8px;
            height: 8px;
            position: absolute;
            right: 5px;
            top: 50%;
            border-top: 1px solid #333;
            border-right: 1px solid #333;
            transform: translate(0, -50%) rotate(45deg);
            -ms-transform: translate(0, -50%) rotate(45deg);
        }

        .xialaph h4.active i {
            transform: translate(0, -50%) rotate(135deg);
            -ms-transform: translate(0, -50%) rotate(135deg);
            margin-top: -4px;
            border-top: 1px solid #0665b0;
            border-right: 1px solid #0665b0;
            opacity: 1
        }

    .xialaph li:last-child h4::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

    .xialaph li:last-child h4::before {
        display: none;
    }

    .xialaph h4:hover a {
        color: #0665b0;
    }

    .xialaph h5:hover a {
        color: #0665b0;
    }

    .xialaph h4::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

    .xialaph h5 a {
        float: left;
        width: 100%;
        color: #333;
        font-size: 14px;
        line-height: 41px;
        position: relative;
        text-transform: uppercase;
    }

    .xialaph h5 {
        float: left;
        width: 100%;
        position: relative;
    }

        .xialaph h5::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #ccc;
        }

        .xialaph h5 i {
            float: left;
            width: 8px;
            height: 8px;
            position: absolute;
            right: 12px;
            top: 50%;
            border-top: 1px solid #111111;
            border-right: 1px solid #111111;
            opacity: 0.8;
            transform: translate(0, -50%) rotate(45deg);
            -ms-transform: translate(0, -50%) rotate(45deg);
        }

        .xialaph h5.active i {
            transform: translate(0, -50%) rotate(135deg);
            -ms-transform: translate(0, -50%) rotate(135deg);
            margin-top: -4px;
            border-top: 1px solid #0665b0;
            border-right: 1px solid #0665b0;
            opacity: 1
        }

    .xialaph .ul2 {
        float: left;
        width: 100%;
        padding: 0 15px;
    }

    .xialaph .so {
        float: left;
        width: 100%;
        position: relative;
        margin: 25px 0;
    }

        .xialaph .so::after {
            float: left;
            width: 1px;
            height: 16px;
            content: '';
            position: absolute;
            left: 40px;
            top: 50%;
            margin-top: -8px;
            background: #e6e6e6;
        }

        .xialaph .so .Search {
            float: left;
            width: 100%;
            height: 38px;
            background: #fff;
            border: 1px solid #CDCDCD;
            border-radius: 36px;
            line-height: 26px;
            color: #000;
            font-size: 14px;
            padding: 6px 48px 6px 15px;
        }

        .xialaph .so .submit {
            float: left;
            width: 40px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border: none;
            background: url(../images/submit.png) center no-repeat;
        }

        .xialaph .so ::-webkit-input-placeholder {
            color: #C1C1C1
        }

        .xialaph .so :-moz-placeholder {
            color: #C1C1C1
        }

        .xialaph .so ::-moz-placeholder {
            color: #C1C1C1
        }

        .xialaph .so :-ms-input-placeholder {
            color: #C1C1C1
        }

@media screen and (max-width:1440px) {
    .menu .nli span a {
        font-size: 16px;
        line-height: 26px;
        padding: 0 8px;
    }
}

@media screen and (max-width:1360px) {
    .menu .nli span a {
        font-size: 14px;
        line-height: 24px;
        padding: 0 4px;
    }
}

@media screen and (max-width:1024px) {
    .menuph {
        display: block;
    }

    .menu {
        display: none;
    }

    .head .logo {
        margin: 10px 0;
    }

        .head .logo img {
            height: 28px;
        }

    .head .vip {
        float: right;
        margin: 13px 8px 0 0;
    }

        .head .vip a {
            width: auto;
            font-size: 12px;
            border: none;
            line-height: 28px;
            padding: 0;
        }

            .head .vip a::after {
                display: none;
                height: 10px;
                left: 35px;
                top: 50%;
                margin-top: -5px;
            }

            .head .vip a img {
                margin-right: 0;
            }

            .head .vip a span {
                display: none;
            }

    .header-search .so {
        display: none;
    }
}


.footer {
    background: #2d2d2d;
    padding-top: 19px;
    padding-bottom: 19px;
}

.Copyright {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

    .Copyright a {
        color: #fff;
    }

        .Copyright a:hover {
            color: #0665b0;
        }

.footer-links {
    margin-top: 10px;
    text-align: center;
}

    .footer-links a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s ease;
    }

        .footer-links a:hover {
            color: #0665b0;
        }

    .footer-links .separator {
        color: #666;
        margin: 0 10px;
        font-size: 12px;
    }

@media screen and (max-width: 767px) {
    .footer-links {
        margin-top: 8px;
    }

        .footer-links a {
            font-size: 12px;
        }

        .footer-links .separator {
            margin: 0 8px;
        }
}

.footer1 {
    background: #252525;
    padding-top: 50px;
    padding-bottom: 21px;
}

    .footer1 .title {
        float: left;
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        color: #fff;
        padding: 19px 0;
        font-size: 18px;
        line-height: 28px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.17);
    }

        .footer1 .title img {
            max-width: none;
            width: 24px;
            height: 24px;
            margin-right: 12px;
        }

    .footer1 .nav {
        float: left;
        width: 100%;
        margin: 26px 0 56px 0;
    }

        .footer1 .nav ul {
            float: left;
            width: 25%;
        }

            .footer1 .nav ul li {
                float: left;
                width: 100%;
                margin-bottom: 22px;
            }

                .footer1 .nav ul li a {
                    float: left;
                    width: 100%;
                    background: url(../images/5.png) 0 6px no-repeat;
                    color: #fff;
                    font-size: 14px;
                    line-height: 23px;
                    padding-left: 18px;
                }

                    .footer1 .nav ul li a:hover {
                        color: #0665b0;
                    }

    .footer1 .down {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .footer1 .logo {
        float: left;
        line-height: 0;
        margin-top: 10px;
    }

        .footer1 .logo img {
            max-width: none;
            height: 80px;
        }

    .footer1 .addr {
        float: left;
        display: flex;
        flex-direction: column;
        margin: 0 3%;
        margin-top: 10px;
    }

        .footer1 .addr li {
            float: left;
            width: 100%;
            margin-bottom: 6px;
            color: #fff;
            font-size: 16px;
            line-height: 24px;
            display: flex;
        }

            .footer1 .addr li img {
                max-width: none;
                height: 24px;
                margin-right: 8px;
            }

    .footer1 .er {
        float: right;
        width: 119px;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin-top: 10px;
        margin-right: 3.125%;
    }

        .footer1 .er i {
            float: left;
            width: 100%;
            line-height: 0;
        }

            .footer1 .er i img {
                max-width: none;
                width: 119px;
            }

        .footer1 .er span {
            float: left;
            width: 100%;
            margin-top: 12px;
        }

@media screen and (max-width: 1440px) {
    .footer1 .er {
        margin-right: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .footer1 .addr li {
        font-size: 14px;
    }
}

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

    .footer1 .title {
        padding: 8px 0;
        font-size: 16px;
        line-height: 26px;
    }

        .footer1 .title img {
            margin-right: 8px;
        }

    .footer1 .nav {
        margin: 20px 0 20px 0;
    }

        .footer1 .nav ul li {
            margin-bottom: 5px;
        }

            .footer1 .nav ul li a {
                padding-left: 14px;
                font-size: 12px;
            }

    .footer1 .logo img {
        height: 28px;
    }

    .footer1 .er {
        width: 104px;
    }

        .footer1 .er i img {
            max-width: none;
            width: 104px;
        }

    .footer1 .addr li img {
        margin-right: 4px;
    }
}

@media screen and (max-width: 767px) {
    .footer1 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .footer1 .title {
            display: none;
        }

        .footer1 .nav {
            display: none;
        }

            .footer1 .nav ul {
                width: 50%;
            }

        .footer1 .down {
            flex-wrap: wrap;
        }

        .footer1 .addr {
            margin: 15px 0 0 0;
            width: 100%;
        }

        .footer1 .er {
            display: none;
        }
}

.vipBox {
    background: #0665b0;
    padding-top: 68px;
    padding-bottom: 180px;
}

    .vipBox .w_center {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }

    .vipBox .cont {
        float: left;
        width: 880px;
        padding: 5px 21px;
        background: #FFFFFF;
        border-radius: 25px;
    }

        .vipBox .cont h1 {
            float: left;
            width: 100%;
            color: #040404;
            text-align: center;
            font-weight: 500;
            line-height: 30px;
            font-size: 20px;
            border-bottom: 1px dashed #E1E1E1;
            padding: 23px 0;
        }

        .vipBox .cont h6 {
            float: left;
            width: 100%;
            color: #040404;
            text-align: center;
            line-height: 30px;
            font-size: 14px;
            border-top: 1px dashed #E1E1E1;
            padding: 28px 0;
        }

            .vipBox .cont h6 a {
                color: #0665b0;
            }

                .vipBox .cont h6 a:hover {
                    text-decoration: underline;
                }

        .vipBox .cont .box {
            float: left;
            width: 100%;
            margin: 54px 0 56px 0;
        }

        .vipBox .cont .left {
            float: left;
            width: 56.7%;
            border-right: 1px solid #ececec;
            padding: 10px 50px 12px 50px;
        }

        .vipBox .cont .hd {
            float: left;
            width: 100%;
        }

            .vipBox .cont .hd li {
                float: left;
                width: 50%;
                text-align: center;
                cursor: pointer;
                color: #6C6C6C;
                font-size: 14px;
                border: 2px solid #ECF2F6;
                line-height: 28px;
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
            }

                .vipBox .cont .hd li.on {
                    background: #0665b0;
                    border: 2px solid #0665b0;
                    color: #fff;
                }

        .vipBox .cont .bd {
            float: left;
            width: 100%;
            margin-top: 13px;
        }

        .vipBox .cont .lab {
            float: left;
            width: 100%;
            position: relative;
            margin-top: 12px;
        }

        .vipBox .cont .ico {
            float: left;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 15px;
            top: 10px;
        }

        .vipBox .cont .yanzhengma {
            float: left;
            position: absolute;
            right: 0;
            top: 0;
            color: #0665B0;
            font-size: 14px;
            line-height: 40px;
            padding: 0 14px;
        }

        .vipBox .cont .text {
            float: left;
            width: 100%;
            background: #F3F3F3;
            border-radius: 5px;
            height: 40px;
            font-size: 14px;
            color: #000;
            line-height: 24px;
            padding: 8px 15px 8px 40px;
        }

        .vipBox .cont .submit {
            float: left;
            width: 100%;
            background: #0665B0;
            border-radius: 5px;
            height: 40px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            line-height: 40px;
            margin-top: 3px;
        }

            .vipBox .cont .submit:hover {
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
            }

        .vipBox .cont .agree {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #000000;
            line-height: 24px;
            margin-top: 7px;
        }

            .vipBox .cont .agree a {
                color: #0665b0;
            }

                .vipBox .cont .agree a:hover {
                    text-decoration: underline;
                }

        .vipBox .cont .erBox {
            float: right;
            width: 43.3%;
            text-align: center;
            color: #323232;
            font-size: 16px;
            line-height: 22px;
            padding: 42px 0 0 0;
        }

            .vipBox .cont .erBox i {
                float: left;
                width: 100%;
                line-height: 0;
            }

                .vipBox .cont .erBox i img {
                    width: 145px;
                }

            .vipBox .cont .erBox span {
                float: left;
                width: 100%;
                margin-top: 18px;
            }


        .vipBox .cont .left-1 {
            padding: 2px 66px 0 80px;
        }

            .vipBox .cont .left-1 .bd {
                margin-top: 10px;
            }

            .vipBox .cont .left-1 .agree {
                margin-top: 16px;
                text-align: left;
            }

                .vipBox .cont .left-1 .agree a {
                    text-decoration: underline;
                }

                .vipBox .cont .left-1 .agree .Forgot {
                    float: right;
                    color: #000000;
                    text-decoration: none;
                }

                    .vipBox .cont .left-1 .agree .Forgot:hover {
                        color: #0665b0;
                    }

            .vipBox .cont .left-1 .submit {
                margin-top: 9px;
            }

        .vipBox .cont .erBox {
            padding: 20px 0 0 0;
        }



    .vipBox ::-webkit-input-placeholder {
        color: #000
    }

    .vipBox :-moz-placeholder {
        color: #000
    }

    .vipBox ::-moz-placeholder {
        color: #000
    }

    .vipBox :-ms-input-placeholder {
        color: #000
    }



.vipBox-1 {
    padding-bottom: 36px;
}

    .vipBox-1 .cont .box {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        margin: 33px 0 22px 0;
    }

    .vipBox-1 .form {
        width: 325px;
    }

    .vipBox-1 .cont .ico {
        width: 24px;
        height: 24px;
        left: 12px;
        top: 8px;
    }

    .vipBox-1 .cont .text1 {
        float: right;
        width: -webkit-calc(100% - 143px);
        width: -moz-calc(100% - 143px);
        width: calc(100% - 143px);
        position: absolute;
        position: absolute;
        right: 13px;
        top: 0;
        height: 40px;
        font-size: 14px;
        color: #000;
        line-height: 24px;
        padding: 8px 17px;
        cursor: pointer;
    }

    .vipBox-1 .cont .text1-2 {
        width: -webkit-calc(100% - 173px);
        width: -moz-calc(100% - 173px);
        width: calc(100% - 173px);
    }

    .vipBox-1 .cont .text1-5 {
        width: -webkit-calc(100% - 183px);
        width: -moz-calc(100% - 183px);
        width: calc(100% - 183px);
    }

    .vipBox-1 .cont .text1-3 {
        width: -webkit-calc(100% - 123px);
        width: -moz-calc(100% - 123px);
        width: calc(100% - 123px);
    }

    .vipBox-1 .cont .text1-4 {
        width: -webkit-calc(100% - 110px);
        width: -moz-calc(100% - 110px);
        width: calc(100% - 110px);
    }

    .vipBox-1 .cont .text1-1 {
        color: #A9A9A9;
        text-align: right;
    }

        .vipBox-1 .cont .text1-1::after {
            float: right;
            position: absolute;
            right: 0;
            top: 50%;
            width: 0;
            height: 0;
            content: '';
            margin-top: -2px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #000000;
        }

    .vipBox-1 .cont .textarea {
        width: 100%;
        position: static;
        background: #f3f3f3;
        padding: 0 15px 8px 40px;
        height: 55px;
        margin-top: -5px;
        border-radius: 5px;
    }

    .vipBox-1 .cont .textarea2 {
        height: 118px;
    }

    .vipBox-1 .cont .textarea3 {
        height: 95px;
    }

    .vipBox-1 .cont .textarea1 {
        width: 100%;
        position: static;
        background: #f3f3f3;
        padding: 10px 15px;
        height: 80px;
        margin-top: 1px;
        border-radius: 5px;
    }

    .vipBox-1 .xing {
        position: absolute;
        right: 100%;
        top: 0;
        line-height: 40px;
        color: #FF2F2F;
        font-size: 14px;
        margin-right: 10px;
    }

    .vipBox-1 .cont .submit {
        margin-top: 13px;
    }

    .vipBox-1 .cont .text-1 {
        padding-left: 15px;
    }

    .vipBox-1 .cont dl {
        float: left;
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        position: static;
        background: #f3f3f3;
        padding: 8px 15px;
        margin-top: -5px;
        border-radius: 5px;
    }

        .vipBox-1 .cont dl dd {
            float: left;
            width: 33.33%;
            font-size: 12px;
            color: #000000;
            cursor: pointer;
            line-height: 19px;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 25px;
            background: url(../images/ico1.png) left 6px no-repeat;
        }

            .vipBox-1 .cont dl dd.on {
                background: url(../images/ico2.png) left 6px no-repeat;
            }

    .vipBox-1 .cont ul {
        float: right;
        width: 130px;
        position: absolute;
        left: 114px;
        top: 0;
    }

        .vipBox-1 .cont ul li {
            float: left;
            font-size: 14px;
            color: #000000;
            cursor: pointer;
            line-height: 24px;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 30px;
            background: url(../images/ico3.png) left 12px no-repeat;
        }

            .vipBox-1 .cont ul li.on {
                background: url(../images/ico4.png) left 12px no-repeat;
            }

            .vipBox-1 .cont ul li:last-child {
                float: right;
            }

    .vipBox-1 .cont .ul1 {
        left: auto;
        right: 15px;
    }

    .vipBox-1 .down {
        display: none;
        float: left;
        width: 100%;
        background: #f3f3f3;
        padding: 10px 15px;
        position: absolute;
        left: 0;
        top: 100%;
        margin-top: 1px;
        z-index: 3;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        color: #000;
        font-size: 14px;
        line-height: 24px;
    }

        .vipBox-1 .down .li {
            float: left;
            width: 100%;
            cursor: pointer;
        }

            .vipBox-1 .down .li:hover {
                color: #0665B0;
            }

    .vipBox-1 .mt34 {
        margin-bottom: 34px;
    }

    .vipBox-1 .p {
        float: left;
        width: 100%;
        padding: 0 13px;
        border-radius: 5px;
        color: #797979;
        font-size: 12px;
        line-height: 17px;
    }

    .vipBox-1 .file {
        float: right;
        position: absolute;
        right: 22px;
        text-decoration: underline;
        top: 0;
        z-index: 3;
        color: #0665B0;
        font-size: 14px;
        line-height: 40px;
    }

        .vipBox-1 .file input {
            float: left;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

    .vipBox-1 .fileD {
        float: left;
        width: 100%;
        background: #f3f3f3;
        padding: 19px 15px 19px 30px;
        margin-top: -5px;
        border-radius: 5px;
        color: #0665B0;
        font-size: 14px;
        line-height: 24px;
    }

        .vipBox-1 .fileD .img {
            float: left;
            width: 67px;
            line-height: 0;
        }

        .vipBox-1 .fileD .info {
            float: right;
            width: -webkit-calc(100% - 75px);
            width: -moz-calc(100% - 75px);
            width: calc(100% - 75px);
        }

            .vipBox-1 .fileD .info span {
                display: block;
            }

        .vipBox-1 .fileD .colse {
            display: inline-block;
            vertical-align: top;
            margin-left: 5px;
            padding: 0 5px;
            cursor: pointer;
        }

    .vipBox-1 .jia {
        float: left;
        line-height: 0;
        width: 21px;
        position: absolute;
        left: 100%;
        top: 50%;
        margin: -10px 0 0 18px;
        cursor: pointer;
    }

    .vipBox-1 .file1 {
        float: left;
        width: 100%;
        position: static;
        background: #f3f3f3;
        padding: 6px 15px 6px 40px;
        margin-top: -5px;
        border-radius: 5px;
        color: #000000;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }

        .vipBox-1 .file1 input {
            float: left;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

        .vipBox-1 .file1 i {
            float: left;
            width: 72px;
            border: 1px solid #D4D4D4;
            border-radius: 1px;
            line-height: 0;
            padding: 10px 0;
        }

        .vipBox-1 .file1 span {
            float: left;
            width: 72px;
        }

    .vipBox-1 .form-1 {
        width: 490px;
    }

    .vipBox-1 .cont .mt3 {
        margin-top: 3px;
    }

    .vipBox-1 .cont .dl1 dd {
        width: 50%;
    }

    /*.vipBox-1 .cont .dl1 dd:nth-child(3n+1){ width:40%;}
.vipBox-1 .cont .dl1 dd:nth-child(3n+2){ width:35%;}
.vipBox-1 .cont .dl1 dd:nth-child(3n+3){ width:25%;}*/

    .vipBox-1 ::-webkit-input-placeholder {
        color: #A9A9A9
    }

    .vipBox-1 :-moz-placeholder {
        color: #A9A9A9
    }

    .vipBox-1 ::-moz-placeholder {
        color: #A9A9A9
    }

    .vipBox-1 :-ms-input-placeholder {
        color: #A9A9A9
    }

.vipBox-2 .cont {
    width: 100%;
    padding: 0 12px;
}

.vipBox-2 form {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.vipBox-2 .form {
    float: left;
}

.vipBox-2 ._Title {
    float: left;
    width: 100%;
    color: #101010;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding-left: 18px;
    margin-top: 2px;
    margin-bottom: 7px;
}

    .vipBox-2 ._Title:after {
        float: left;
        width: 3px;
        height: 16px;
        border-radius: 3px;
        position: absolute;
        left: 0;
        top: 6px;
        content: '';
        background: #0665b0;
    }

.vipBox-2 .line {
    float: left;
    height: 1px;
    background: #e7e7e7;
    margin-left: -12px;
    width: -webkit-calc(100% + 24px);
    width: -moz-calc(100% + 24px);
    width: calc(100% + 24px);
}

.vipBox-2 .mt20 {
    margin-top: 20px;
}

.vipBox-2 .mt30 {
    margin-top: 30px;
}

.vipBox-2 .md25 {
    margin-bottom: 22px;
}

.vipBox-2 .center {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.vipBox-2 .cont .text1-6 {
    color: #000;
}

.vipBox-2 .cont .bg {
    background: #E4E4E4;
}

.vipBox-2 .form-2 {
    width: 44%;
}


@media screen and (max-width:1320px) {
    .vipBox-1 .cont ul {
        width: 90px;
    }

    .vipBox-1 .cont .text1 {
        padding: 8px 17px 8px 10px;
    }

    .vipBox-1 .cont dl dd {
        padding-left: 22px;
    }

    .vipBox-1 .cont ul li {
        padding-left: 22px;
    }

    .vipBox-2 .cont {
        padding: 0 6px;
    }

    .vipBox-2 .form {
        width: 270px;
    }

    .vipBox-2 .form-2 {
        width: 49%;
    }

    .vipBox-2 .cont ul li {
        padding-left: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .vipBox {
        padding-top: 34px;
        padding-bottom: 90px;
    }

        .vipBox .cont {
            width: 100%;
            padding: 5px 15px;
        }

            .vipBox .cont .box {
                margin: 27px 0 28px 0;
            }

            .vipBox .cont h1 {
                font-size: 18px;
                line-height: 28px;
                padding: 12px 0;
            }

            .vipBox .cont h6 {
                padding: 14px 0;
            }

            .vipBox .cont .left {
                padding: 10px 30px 12px 30px;
            }

            .vipBox .cont .left-1 {
                padding: 2px 30px 0 30px;
            }

    .vipBox-1 {
        padding-bottom: 36px;
    }

        .vipBox-1 .cont .box {
            margin: 15px 0 22px 0;
        }

        .vipBox-1 .xing {
            margin-right: 5px;
        }

        .vipBox-1 .mt34 {
            margin-bottom: 15px;
        }

    .vipBox-2 .form {
        width: 100%;
    }

    .vipBox-2 .form-2 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .vipBox .cont .left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ececec;
        padding: 0 0 30px 0;
    }

    .vipBox .cont .erBox {
        width: 100%;
        font-size: 14px;
        padding: 30px 0 0 0;
    }

        .vipBox .cont .erBox i img {
            width: 120px;
        }

        .vipBox .cont .erBox span {
            margin-top: 10px;
        }

    .vipBox-1 .form {
        width: 92%;
    }

    .vipBox-1 .cont .dl1 dd:nth-child(3n+1) {
        width: 100%;
    }

    .vipBox-1 .cont .dl1 dd:nth-child(3n+2) {
        width: 100%;
    }

    .vipBox-1 .cont .dl1 dd:nth-child(3n+3) {
        width: 100%;
    }

    .vipBox-1 .cont ul {
        width: 84px;
    }

    .vipBox-1 .jia {
        margin: -10px 0 0 5px;
    }

    .vipBox-1 .cont .text-2 {
        padding-left: 15px;
    }

    .vipBox-1 .cont .b {
        display: block;
    }

    .vipBox-1 .cont .lab-1 .text {
        height: 75px;
    }

    .vipBox-1 .cont .lab-1 .ul1 {
        right: auto;
        left: 39px;
        top: 30px;
    }

    .vipBox-2 .form {
        width: 100%;
    }
}


.slide_banner {
    float: left;
    width: 100%;
    line-height: 0;
}

    .slide_banner .div {
        float: left;
        width: 100%;
        line-height: 0;
    }

    .slide_banner .slick-arrow {
        width: 22px;
        height: 22px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        opacity: 0.53;
    }

        .slide_banner .slick-arrow:hover {
            opacity: 1;
        }

    .slide_banner .slick-prev {
        left: 6.77%;
        -webkit-transform: translate(0, -50%) rotate(225deg);
        -ms-transform: translate(0, -50%) rotate(225deg);
        transform: translate(0, -50%) rotate(225deg);
    }

    .slide_banner .slick-next {
        right: 6.77%;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        -ms-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
    }

    .slide_banner .slick-dots {
        position: static;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 15px;
    }

        .slide_banner .slick-dots li {
            width: 10px;
            height: 10px;
            border-radius: 10px;
            padding: 0 !important;
            z-index: 6;
            margin: 0 5px;
            background: #fff;
            opacity: 0.53;
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

            .slide_banner .slick-dots li.slick-active {
                opacity: 1;
            }

@media screen and (max-width: 1024px) {
    .slide_banner .slick-arrow {
        width: 12px;
        height: 12px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .slide_banner .slick-prev {
        left: 15px;
    }

    .slide_banner .slick-next {
        right: 15px;
    }
}

.index {
    /*    background: #f5f5f5;*/
    padding-top: 15px;
    padding-bottom: 25px;
}

/* 研究会简介新布局 - 与其他模块协调 */
.research-intro2 {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
}

    /* 研究会简介标题样式 - 与indexTit保持一致 */
    .research-intro2 .intro2-header {
        background: #fff;
        border-bottom: 2px solid #ecf2f6;
        padding: 13px 22px 12px 22px;
        color: #000000;
        font-size: 18px;
        line-height: 28px;
        position: relative;
    }

        .research-intro2 .intro2-header img {
            display: inline-block;
            vertical-align: top;
            width: 18px;
            margin: 5px 10px 0 0;
        }

    /* 研究会简介内容区域 - 与其他模块的.bd保持一致 */
    .research-intro2 .intro2-body {
        background: #fff;
        padding: 22px 22px 29px 22px;
    }

.intro2-container {
    display: flex;
    gap: 30px;
    align-items: stretch;
}

.intro2-news-slider {
    flex: 1.1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.news-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 220px;
}

.news-slide {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 220px;
}

    .news-slide.active {
        display: flex;
        animation: fadeIn 0.5s;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.news-slide img {
    width: 180px;
    height: 110px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 12px;
}

.news-title {
    font-size: 16px;
    color: #333;
    margin-top: 4px;
    font-weight: 500;
}

.news-slider-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.news-arrow {
    background: #f5f5f5;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #888;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    pointer-events: auto;
    transition: background 0.2s, color 0.2s;
}

    .news-arrow:hover {
        background: #0665b0;
        color: #fff;
    }

.intro2-text {
    flex: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}

.intro2-title {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 16px;
}

.intro2-content {
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.intro2-detail-btn-box {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex: 1;
}

.intro2-detail-btn {
    display: inline-block;
    background: #0665b0;
    color: #fff;
    border-radius: 20px;
    padding: 8px 28px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s;
}

    .intro2-detail-btn:hover {
        background: #044a80;
    }

@media (max-width: 1024px) {
    .research-intro2 .intro2-header {
        padding: 8px 12px;
        font-size: 16px;
    }

    .research-intro2 .intro2-body {
        padding: 15px 12px 20px 12px;
    }

    .intro2-container {
        flex-direction: column;
        gap: 15px;
    }

    .news-slider,
    .news-slide {
        height: 160px;
    }

        .news-slide img {
            width: 120px;
            height: 70px;
        }
}

@media (max-width: 767px) {
    .research-intro2 .intro2-header {
        padding: 8px 12px;
        font-size: 16px;
    }

    .research-intro2 .intro2-body {
        padding: 12px;
    }

    .intro2-title {
        font-size: 16px;
    }

    .intro2-content {
        font-size: 14px;
    }

    .intro2-detail-btn {
        font-size: 13px;
        padding: 6px 18px;
    }
}

.main {
    float: left;
    width: 100%;
    line-height: 0;
    margin-top: 20px;
}

    .main .div {
        float: left;
        width: 100%;
        line-height: 0;
    }

    .main .slick-dots {
        position: static;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        right: 15px;
        bottom: 15px;
    }

        .main .slick-dots li {
            width: 10px;
            height: 10px;
            border-radius: 10px;
            padding: 0 !important;
            z-index: 6;
            margin: 0 5px;
            background: #fff;
            opacity: 0.53;
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

            .main .slick-dots li.slick-active {
                opacity: 1;
            }

.indexTit {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    position: relative;
    border-bottom: 2px solid #ecf2f6;
    padding: 13px 22px 12px 22px;
    color: #000000;
    font-size: 18px;
    line-height: 28px;
}

    .indexTit img {
        display: inline-block;
        vertical-align: top;
        width: 18px;
        margin: 5px 10px 0 0;
    }

    .indexTit span {
        font-size: 14px;
        color: #e8e8e8;
        text-transform: uppercase;
        margin-left: 12px;
    }

    .indexTit a {
        float: right;
        font-size: 14px;
        color: #c8c8c8;
    }

        .indexTit a:hover {
            color: #0665b0;
        }

    .indexTit ul {
        float: left;
        position: absolute;
        left: 22px;
        top: 1px;
    }

        .indexTit ul li {
            float: left;
            cursor: pointer;
            position: relative;
            margin-right: 50px;
            color: #8D8D8D;
            padding: 15px 0;
        }

            .indexTit ul li::after {
                float: left;
                width: 0;
                height: 3px;
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                background: #0665b0;
                border-radius: 3px;
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
            }

            .indexTit ul li:last-child {
                margin-right: 0 !important;
            }

            .indexTit ul li.on {
                color: #000;
            }

                .indexTit ul li.on::after {
                    width: 100%;
                }

.Activit {
    float: left;
    width: 100%;
    background: #fff;
    padding: 17px 73px 20px 73px;
}

    .Activit ul {
        float: left;
        width: 100%;
    }

    .Activit li {
        float: left;
        width: 33.33%;
        padding: 10px 17px;
    }

        .Activit li i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
            border-radius: 3px;
        }

            .Activit li i img {
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .Activit li a:hover img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            transform: scale(1.1);
        }

        .Activit li h5 {
            float: left;
            width: 100%;
            line-height: 26px;
            font-size: 16px;
            color: #000;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin: 12px 0 5px 0;
        }

        .Activit li h6 {
            float: left;
            width: 100%;
            line-height: 22px;
            font-size: 12px;
            color: #7A7A7A;
            height: 44px;
            overflow: hidden;
        }

        .Activit li:hover h5 {
            color: #0665b0;
        }

    .Activit .slick-arrow {
        width: 22px;
        height: 22px;
        border-top: 3px solid #c5c5c5;
        border-right: 3px solid #c5c5c5;
    }

        .Activit .slick-arrow:hover {
            border-top: 3px solid #0665b0;
            border-right: 3px solid #0665b0;
        }

    .Activit .slick-prev {
        left: -36px;
        -webkit-transform: translate(0, -50%) rotate(225deg);
        -ms-transform: translate(0, -50%) rotate(225deg);
        transform: translate(0, -50%) rotate(225deg);
    }

    .Activit .slick-next {
        right: -36px;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        -ms-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
    }


.Party {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0 8px 52px 8px;
}

    .Party ul {
        float: left;
        width: 100%;
    }

    .Party li {
        float: left;
        width: 50%;
        padding: 0 14px;
        margin-top: 1px;
    }

        .Party li a {
            float: left;
            width: 100%;
            position: relative;
            border-bottom: 1px dashed #eaeaea;
            padding: 12px 110px 12px 20px;
            line-height: 24px;
            font-size: 16px;
            color: #000;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .Party li a::after {
                float: left;
                width: 8px;
                height: 8px;
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -4px;
                background: #173694;
                border-radius: 50%;
            }

            .Party li a time {
                position: absolute;
                right: 16px;
                top: 12px;
                float: right;
                color: #929292;
            }

            .Party li a:hover {
                color: #0665b0;
            }

.links {
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 76px;
}

    .links ul {
        float: left;
        width: 100%;
    }

    .links li {
        float: left;
        width: 20%;
        padding: 10px;
    }

        .links li a {
            float: left;
            width: 100%;
            line-height: 0;
            border: 1px solid #e8e8e8;
            overflow: hidden;
        }

            .links li a:hover {
                border: 1px solid #0665b0;
            }

            .links li a img {
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
                min-height: 60px;
                /* 添加最小高度 */
                object-fit: contain;
                /* 保持图片比例 */
            }

            .links li a:hover img {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                transform: scale(1.1);
            }

    .links .slick-arrow {
        width: 22px;
        height: 22px;
        border-top: 3px solid #c5c5c5;
        border-right: 3px solid #c5c5c5;
    }

        .links .slick-arrow:hover {
            border-top: 3px solid #0665b0;
            border-right: 3px solid #0665b0;
        }

    .links .slick-prev {
        left: -20px;
        -webkit-transform: translate(0, -50%) rotate(225deg);
        -ms-transform: translate(0, -50%) rotate(225deg);
        transform: translate(0, -50%) rotate(225deg);
    }

    .links .slick-next {
        right: -20px;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        -ms-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
    }

@media screen and (max-width: 1024px) {
    .index {
        padding-top: 10px;
        padding-bottom: 25px;
    }

    .indexTit {
        margin-top: 12px;
        padding: 8px 12px;
        color: #000000;
        font-size: 16px;
    }

        .indexTit img {
            margin: 5px 8px 0 0;
        }

        .indexTit span {
            margin-left: 8px;
        }

        .indexTit ul {
            left: 12px;
        }

            .indexTit ul li {
                margin-right: 15px;
                padding: 12px 0;
            }

    .Activit {
        padding: 10px 16px;
    }

        .Activit li {
            padding: 6px;
        }

            .Activit li h5 {
                margin: 8px 0 2px 0;
            }

        .Activit .slick-arrow {
            width: 12px;
            height: 12px;
            border-top: 2px solid #c5c5c5;
            border-right: 2px solid #c5c5c5;
        }

            .Activit .slick-arrow:hover {
                border-top: 2px solid #0665b0;
                border-right: 2px solid #0665b0;
            }

        .Activit .slick-prev {
            left: -8px;
        }

        .Activit .slick-next {
            right: -8px;
        }

    .Party {
        padding: 0 6px 20px 6px;
    }

        .Party li {
            padding: 0 6px;
        }

            .Party li a {
                /*                padding: 8px 85px 8px 16px;*/
            }

                .Party li a time {
                    right: 0;
                }

    .links {
        padding: 10px 16px;
    }

        .links li {
            padding: 6px;
        }

            .links li a img {
                min-height: 50px;
                /* 平板端最小高度 */
                object-fit: contain;
                /* 保持图片比例 */
            }

        .links .slick-arrow {
            width: 12px;
            height: 12px;
            border-top: 2px solid #c5c5c5;
            border-right: 2px solid #c5c5c5;
        }

            .links .slick-arrow:hover {
                border-top: 2px solid #0665b0;
                border-right: 2px solid #0665b0;
            }

        .links .slick-prev {
            left: -8px;
        }

        .links .slick-next {
            right: -8px;
        }
}

@media screen and (max-width: 767px) {

    .Activit li {
        width: 50%;
    }

    .Party li {
        width: 100%;
    }

    .links li {
        width: 33.33%;
    }

        .links li a img {
            min-height: 40px;
            /* 移动端最小高度 */
            object-fit: contain;
            /* 保持图片比例 */
        }
}


.indexR {
    float: right;
    width: 49.5%;
    margin-left: 0.5%;
}

    .indexR .bd {
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px 22px 29px 22px;
    }

        .indexR .bd ul {
            float: left;
            width: 100%;
            flex-wrap: wrap;
            display: flex;
            justify-content: space-between;
        }

        .indexR .bd li {
            float: left;
            width: 100%;
            margin-top: 12px;
        }

            .indexR .bd li a {
                float: left;
                width: 100%;
                position: relative;
            }

        .indexR .bd .li1:nth-child(1),
        .indexR .bd .li1:nth-child(2) {
            width: 49%;
            margin-bottom: 8px;
        }

        .indexR .bd .li1 a {
            overflow: hidden;
            border-radius: 3px;
        }

        .indexR .bd .li2 a {
            background: #f3f3f3;
            padding: 28px 15.5% 23px 122px;
        }

        .indexR .bd li a time {
            float: left;
            width: 104px;
            text-align: center;
            font-size: 16px;
            color: #000000;
            line-height: 1;
            position: absolute;
            left: 0;
            top: 25px;
            border-right: 1px solid #e4e4e4;
            height: 65px;
        }

            .indexR .bd li a time span {
                font-size: 28px;
                margin-right: 12px;
            }

            .indexR .bd li a time font {
                display: block;
                margin-top: 10px;
            }

        .indexR .bd li a i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
            height: 242px;
        }

            .indexR .bd li a i img {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%) scale(1);
                -moz-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                height: 100%;
                max-width: none;
                width: auto;
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .indexR .bd li a:hover i img {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -moz-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .indexR .bd li a h4 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #fff;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 4;
            background: rgba(0, 0, 0, 0.39);
            text-align: center;
            padding: 8px 12px;
        }

        .indexR .bd li a h5 {
            float: left;
            width: 100%;
            font-size: 16px;
            color: #000000;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .indexR .bd li a h6 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #7A7A7A;
            line-height: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 7px;
        }

        .indexR .bd li a:hover {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

            .indexR .bd li a:hover h5 {
                color: #0665b0;
            }

.Quick {
    background: #fff;
    float: left;
    width: 100%;
    padding: 10px 8%;
}

    .Quick li {
        float: left;
        width: 50%;
        text-align: center;
        margin: 10px 0;
    }

        .Quick li i {
            float: left;
            width: 100%;
            line-height: 0;
            margin-bottom: 10px;
        }

            .Quick li i img {
                width: 96px;
                height: 96px;
            }

        .Quick li h5 {
            float: left;
            width: 100%;
            line-height: 24px;
            font-size: 14px;
            color: #000;
        }

        .Quick li a:hover h5 {
            color: #0665b0;
        }

.vipA {
    float: left;
    width: 100%;
    background: #fff;
    padding: 14px 8.8% 19px 8.8%;
    margin-bottom: 4px;
}

    .vipA .hd {
        float: left;
        width: 100%;
    }

        .vipA .hd li {
            float: left;
            width: 50%;
            text-align: center;
            cursor: pointer;
            color: #6C6C6C;
            font-size: 14px;
            border: 2px solid #ECF2F6;
            line-height: 28px;
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

            .vipA .hd li.on {
                background: #0665b0;
                border: 2px solid #0665b0;
                color: #fff;
            }

    .vipA .bd {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .vipA .lab {
        float: left;
        width: 100%;
        position: relative;
        margin-top: 12px;
    }

    .vipA .ico {
        float: left;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 15px;
        top: 10px;
    }

    .vipA .yanzhengma {
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        color: #0665B0;
        font-size: 14px;
        line-height: 40px;
        padding: 0 14px;
    }

    .vipA .text {
        float: left;
        width: 100%;
        background: #F3F3F3;
        border-radius: 5px;
        height: 40px;
        font-size: 14px;
        color: #000;
        line-height: 24px;
        padding: 8px 15px 8px 40px;
    }

    .vipA .submit {
        float: left;
        width: 100%;
        background: #0665B0;
        border-radius: 5px;
        height: 40px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        line-height: 40px;
        margin-top: 5px;
    }

        .vipA .submit:hover {
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        }

    .vipA .agree {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #000000;
        line-height: 24px;
        margin-top: 15px;
    }

        .vipA .agree a {
            color: #0665b0;
        }

        .vipA .agree .Forgot {
            float: right;
            color: #c8c9ca;
        }

            .vipA .agree .Forgot:hover {
                color: #0665b0;
            }

        .vipA .agree a:hover {
            text-decoration: underline;
        }

.indexL {
    float: left;
    width: 49.5%;
    margin-right: 0.5%;
}

    .indexL .bd {
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px 22px 29px 22px;
    }

        .indexL .bd ul {
            float: left;
            width: 100%;
            flex-wrap: wrap;
            display: flex;
            justify-content: space-between;
        }

        .indexL .bd li {
            float: left;
            width: 100%;
            /*            margin-top: 12px;*/
        }

            .indexL .bd li a {
                float: left;
                width: 100%;
                position: relative;
            }

        .indexL .bd .li1:nth-child(1),
        .indexL .bd .li1:nth-child(2) {
            width: 49%;
            margin-bottom: 8px;
        }

        .indexL .bd .li1 a {
            overflow: hidden;
            border-radius: 3px;
        }

        .indexL .bd .li2 a {
            background: #f3f3f3;
            padding: 28px 15.5% 23px 122px;
        }

        /*        .indexL .bd li a time {
            float: left;
            width: 104px;
            text-align: center;
            font-size: 16px;
            color: #000000;
            line-height: 1;
            position: absolute;
            left: 0;
            top: 25px;
            border-right: 1px solid #e4e4e4;
            height: 65px;
        }

            .indexL .bd li a time span {
                font-size: 28px;
                margin-right: 12px;
            }

            .indexL .bd li a time font {
                display: block;
                margin-top: 10px;
            }*/

        .indexL .bd li a i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
            height: 242px;
        }

            .indexL .bd li a i img {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%) scale(1);
                -moz-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                height: 100%;
                max-width: none;
                width: auto;
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .indexL .bd li a:hover i img {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -moz-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .indexL .bd li a h4 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #fff;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 4;
            background: rgba(0, 0, 0, 0.39);
            text-align: center;
            padding: 8px 12px;
        }

        .indexL .bd li a h5 {
            float: left;
            width: 100%;
            font-size: 16px;
            color: #000000;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .indexL .bd li a h6 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #7A7A7A;
            line-height: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 7px;
        }

        .indexL .bd li a:hover {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

            .indexL .bd li a:hover h5 {
                color: #0665b0;
            }

/* indexL2 样式 - 参考 indexL，PC端宽度设置为 59.5% */
.indexL2 {
    float: left;
    width: 64.5%;
    /* margin-right: 0.5%; */
}

    .indexL2 .bd {
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px 22px 29px 22px;
    }

        .indexL2 .bd ul {
            float: left;
            width: 100%;
            flex-wrap: wrap;
            display: flex;
            justify-content: space-between;
        }

        .indexL2 .bd li {
            float: left;
            width: 100%;
            margin-top: 12px;
        }

            .indexL2 .bd li a {
                float: left;
                width: 100%;
                position: relative;
            }

        .indexL2 .bd .li1:nth-child(1),
        .indexL2 .bd .li1:nth-child(2) {
            width: 49%;
            margin-bottom: 8px;
        }

        .indexL2 .bd .li1 a {
            overflow: hidden;
            border-radius: 3px;
        }

        .indexL2 .bd .li2 a {
            background: #f3f3f3;
            padding: 28px 15.5% 23px 122px;
        }

        .indexL2 .bd li a time {
            float: left;
            width: 104px;
            text-align: center;
            font-size: 16px;
            color: #000000;
            line-height: 1;
            position: absolute;
            left: 0;
            top: 25px;
            border-right: 1px solid #e4e4e4;
            height: 65px;
        }

            .indexL2 .bd li a time span {
                font-size: 28px;
                margin-right: 12px;
            }

            .indexL2 .bd li a time font {
                display: block;
                margin-top: 10px;
            }

        .indexL2 .bd li a i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
            height: 242px;
        }

            .indexL2 .bd li a i img {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%) scale(1);
                -moz-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                height: 100%;
                max-width: none;
                width: auto;
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .indexL2 .bd li a:hover i img {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -moz-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .indexL2 .bd li a h4 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #fff;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 4;
            background: rgba(0, 0, 0, 0.39);
            text-align: center;
            padding: 8px 12px;
        }

        .indexL2 .bd li a h5 {
            float: left;
            width: 100%;
            font-size: 16px;
            color: #000000;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .indexL2 .bd li a h6 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #7A7A7A;
            line-height: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 7px;
        }

        .indexL2 .bd li a:hover {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

            .indexL2 .bd li a:hover h5 {
                color: #0665b0;
            }

/* indexR2 样式 - 参考 indexR，PC端宽度设置为 39.5% */
.indexR2 {
    float: right;
    width: 34.5%;
    /* margin-left: 0.5%; */
}

    .indexR2 .bd {
        float: left;
        width: 100%;
        background: #fff;
        padding: 10px 22px 29px 22px;
    }

        .indexR2 .bd ul {
            float: left;
            width: 100%;
            flex-wrap: wrap;
            display: flex;
            justify-content: space-between;
        }

        .indexR2 .bd li {
            float: left;
            width: 100%;
            margin-top: 12px;
        }

            .indexR2 .bd li a {
                float: left;
                width: 100%;
                position: relative;
            }

        .indexR2 .bd .li1:nth-child(1),
        .indexR2 .bd .li1:nth-child(2) {
            width: 49%;
            margin-bottom: 8px;
        }

        .indexR2 .bd .li1 a {
            overflow: hidden;
            border-radius: 3px;
        }

        .indexR2 .bd .li2 a {
            background: #f3f3f3;
            padding: 28px 15.5% 23px 122px;
        }

        .indexR2 .bd li a time {
            float: left;
            width: 104px;
            text-align: center;
            font-size: 16px;
            color: #000000;
            line-height: 1;
            position: absolute;
            left: 0;
            top: 25px;
            border-right: 1px solid #e4e4e4;
            height: 65px;
        }

            .indexR2 .bd li a time span {
                font-size: 28px;
                margin-right: 12px;
            }

            .indexR2 .bd li a time font {
                display: block;
                margin-top: 10px;
            }

        .indexR2 .bd li a i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
            height: 242px;
        }

            .indexR2 .bd li a i img {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%) scale(1);
                -moz-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                height: 100%;
                max-width: none;
                width: auto;
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .indexR2 .bd li a:hover i img {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            -moz-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
        }

        .indexR2 .bd li a h4 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #fff;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 4;
            background: rgba(0, 0, 0, 0.39);
            text-align: center;
            padding: 8px 12px;
        }

        .indexR2 .bd li a h5 {
            float: left;
            width: 100%;
            font-size: 16px;
            color: #000000;
            line-height: 22px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .indexR2 .bd li a h6 {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #7A7A7A;
            line-height: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 7px;
        }

        .indexR2 .bd li a:hover {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

            .indexR2 .bd li a:hover h5 {
                color: #0665b0;
            }

/* indexL2 和 indexR2 高度一致样式 - PC端 */
.indexL2-indexR2-container {
    display: flex;
    align-items: stretch;
    gap: 1%;
    width: 100%;
}

    .indexL2-indexR2-container .indexL2 {
        display: flex;
        flex-direction: column;
        flex: 0 0 auto;
        /* 保持原有宽度，不伸缩 */
    }

    .indexL2-indexR2-container .indexR2 {
        display: flex;
        flex-direction: column;
        flex: 0 0 auto;
        /* 保持原有宽度，不伸缩 */
    }

        /* 让 indexL2 和 indexR2 的内容区域也能伸展 */
        .indexL2-indexR2-container .indexL2 .bd,
        .indexL2-indexR2-container .indexR2 .bd {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .indexL2-indexR2-container .indexL2 .intro2-text,
        .indexL2-indexR2-container .indexR2 .Quick {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

    .indexL2-indexR2-container .indexL2 .intro2-detail-btn-box {
        margin-top: auto;
    }

/* 移动端响应式样式 */
@media screen and (max-width: 1024px) {
    .indexL2-indexR2-container {
        flex-direction: column;
        gap: 15px;
    }

        .indexL2-indexR2-container .indexL2,
        .indexL2-indexR2-container .indexR2 {
            width: 100% !important;
            flex: none;
            display: block;
        }

            .indexL2-indexR2-container .indexL2 .bd,
            .indexL2-indexR2-container .indexR2 .bd {
                flex: none;
                display: block;
            }

            .indexL2-indexR2-container .indexL2 .intro2-text,
            .indexL2-indexR2-container .indexR2 .Quick {
                flex: none;
                display: block;
            }

            .indexL2-indexR2-container .indexL2 .intro2-detail-btn-box {
                margin-top: 20px;
            }
}

@media screen and (max-width: 1440px) {
    .indexL .bd .li2 a {
        padding: 28px 30px 23px 122px;
    }

    .indexR .bd .li2 a {
        padding: 28px 30px 23px 122px;
    }

    .indexL2 .bd .li2 a {
        padding: 28px 30px 23px 122px;
    }

    .indexR2 .bd .li2 a {
        padding: 28px 30px 23px 122px;
    }
}

@media screen and (max-width: 1024px) {
    .indexR {
        width: 100%;
        margin-left: 0;
    }

        .indexR .bd {
            padding: 8px 12px 15px 12px;
        }

            .indexR .bd li {
                margin-top: 10px;
            }

                .indexR .bd li a i {
                    height: auto;
                }

                    .indexR .bd li a i img {
                        position: static;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(0, 0) scale(1);
                        -moz-transform: translate(0, 0) scale(1);
                        transform: translate(0, 0) scale(1);
                        width: 100%;
                    }

                .indexR .bd li a:hover i img {
                    -webkit-transform: translate(0, 0) scale(1.1);
                    -moz-transform: translate(0, 0) scale(1.1);
                    transform: translate(0, 0) scale(1.1);
                }

                .indexR .bd li a h4 {
                    padding: 6px 6px;
                }

                .indexR .bd li a time {
                    width: 86px;
                    height: auto;
                    top: 20px;
                }

                    .indexR .bd li a time font {
                        margin-top: 5px;
                    }

                    .indexR .bd li a time span {
                        font-size: 22px;
                    }

            .indexR .bd .li1:nth-child(1),
            .indexR .bd .li1:nth-child(2) {
                margin-bottom: 4px;
            }

            .indexR .bd .li2 a {
                padding: 15px 12px 15px 100px;
            }

    .vipA {
        margin-bottom: 0;
        padding: 14px 12px;
    }

        .vipA .bd {
            margin-top: 5px;
        }

        .vipA .agree {
            margin-top: 10px;
        }

    .Quick {
        padding: 10px;
    }

        .Quick li {
            width: 12.5%;
            margin: 5px 0;
        }

            .Quick li i {
                margin-bottom: 5px;
            }

                .Quick li i img {
                    width: 66px;
                    height: 66px;
                }

    .indexL {
        width: 100%;
        margin-right: 0;
    }

        .indexL .bd {
            padding: 8px 12px 15px 12px;
        }

            .indexL .bd li {
                margin-top: 10px;
            }

                .indexL .bd li a i {
                    height: auto;
                }

                    .indexL .bd li a i img {
                        position: static;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(0, 0) scale(1);
                        -moz-transform: translate(0, 0) scale(1);
                        transform: translate(0, 0) scale(1);
                        width: 100%;
                    }

                .indexL .bd li a:hover i img {
                    -webkit-transform: translate(0, 0) scale(1.1);
                    -moz-transform: translate(0, 0) scale(1.1);
                    transform: translate(0, 0) scale(1.1);
                }

                .indexL .bd li a h4 {
                    padding: 6px 6px;
                }

                .indexL .bd li a time {
                    width: 86px;
                    height: auto;
                    /*                    top: 20px;*/
                }

                    .indexL .bd li a time font {
                        margin-top: 5px;
                    }

                    .indexL .bd li a time span {
                        font-size: 22px;
                    }

            .indexL .bd .li1:nth-child(1),
            .indexL .bd .li1:nth-child(2) {
                margin-bottom: 4px;
            }

            .indexL .bd .li2 a {
                padding: 15px 12px 15px 100px;
            }

    .indexL2 {
        width: 100%;
        margin-right: 0;
    }

        .indexL2 .bd {
            padding: 8px 12px 15px 12px;
        }

            .indexL2 .bd li {
                margin-top: 10px;
            }

                .indexL2 .bd li a i {
                    height: auto;
                }

                    .indexL2 .bd li a i img {
                        position: static;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(0, 0) scale(1);
                        -moz-transform: translate(0, 0) scale(1);
                        transform: translate(0, 0) scale(1);
                        width: 100%;
                    }

                .indexL2 .bd li a:hover i img {
                    -webkit-transform: translate(0, 0) scale(1.1);
                    -moz-transform: translate(0, 0) scale(1.1);
                    transform: translate(0, 0) scale(1.1);
                }

                .indexL2 .bd li a h4 {
                    padding: 6px 6px;
                }

                .indexL2 .bd li a time {
                    width: 86px;
                    height: auto;
                    top: 20px;
                }

                    .indexL2 .bd li a time font {
                        margin-top: 5px;
                    }

                    .indexL2 .bd li a time span {
                        font-size: 22px;
                    }

            .indexL2 .bd .li1:nth-child(1),
            .indexL2 .bd .li1:nth-child(2) {
                margin-bottom: 4px;
            }

            .indexL2 .bd .li2 a {
                padding: 15px 12px 15px 100px;
            }

    .indexR2 {
        width: 100%;
        margin-left: 0;
    }

        .indexR2 .bd {
            padding: 8px 12px 15px 12px;
        }

            .indexR2 .bd li {
                margin-top: 10px;
            }

                .indexR2 .bd li a i {
                    height: auto;
                }

                    .indexR2 .bd li a i img {
                        position: static;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translate(0, 0) scale(1);
                        -moz-transform: translate(0, 0) scale(1);
                        transform: translate(0, 0) scale(1);
                        width: 100%;
                    }

                .indexR2 .bd li a:hover i img {
                    -webkit-transform: translate(0, 0) scale(1.1);
                    -moz-transform: translate(0, 0) scale(1.1);
                    transform: translate(0, 0) scale(1.1);
                }

                .indexR2 .bd li a h4 {
                    padding: 6px 6px;
                }

                .indexR2 .bd li a time {
                    width: 86px;
                    height: auto;
                    top: 20px;
                }

                    .indexR2 .bd li a time font {
                        margin-top: 5px;
                    }

                    .indexR2 .bd li a time span {
                        font-size: 22px;
                    }

            .indexR2 .bd .li1:nth-child(1),
            .indexR2 .bd .li1:nth-child(2) {
                margin-bottom: 4px;
            }

            .indexR2 .bd .li2 a {
                padding: 15px 12px 15px 100px;
            }
}

@media screen and (max-width: 767px) {
    .Quick li {
        width: 25%;
    }
}

/* indexL1 和 indexR1 左右分布样式 */



.branch {
    float: left;
    width: 100%;
    margin-top: 25px;
}

    .branch ul {
        flex-wrap: wrap;
        display: flex;
        margin: -18px -9px;
    }

    .branch li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 18px 9px;
    }

        .branch li a {
            float: left;
            width: 100%;
            font-size: 16px;
            line-height: 26px;
            color: #000000;
        }

        .branch li i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }

            .branch li i img {
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .branch li a:hover i img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            transform: scale(1.1);
        }

        .branch li span {
            float: left;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 14px;
        }

        .branch li a:hover {
            color: #0665b0;
        }

.jiazai {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

    .jiazai a {
        float: left;
        font-size: 16px;
        line-height: 36px;
        color: #000000;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
    }

        .jiazai a img {
            max-width: none;
            width: 24px;
            margin-right: 10px;
        }

.aboutMt28 {
    margin-top: 28px;
}

.aboutTit {
    float: left;
    width: 100%;
    position: relative;
    background: #f2f2f2;
    font-size: 16px;
    line-height: 30px;
    color: #474747;
    padding: 6px 39px;
}

    .aboutTit::after {
        float: left;
        width: 8px;
        height: 8px;
        content: '';
        position: absolute;
        left: 16px;
        top: 50%;
        background: #0665b0;
        border-radius: 50%;
        margin-top: -4px;
    }

.aboutN {
    float: left;
    width: 100%;
    padding: 23px 0 49px 12px;
}

    .aboutN ul {
        float: left;
        width: 100%;
    }

    .aboutN li {
        float: left;
        width: 7.14%;
        margin: 10px 0;
    }

        .aboutN li a {
            float: left;
            width: 100%;
            font-size: 14px;
            line-height: 24px;
            color: #474747;
        }

            .aboutN li a:hover {
                color: #0665b0;
            }

.aboutL {
    float: left;
    width: 100%;
    padding: 13px 0 17px 0;
}

    .aboutL ul {
        flex-wrap: wrap;
        display: flex;
        margin: 0 -17px;
    }

    .aboutL li {
        float: left;
        width: 12.5%;
        text-align: center;
        padding: 7px 17px;
    }

    .aboutL ul.lie3 li {
        width: 33.33%;
        text-align: left;
    }

    .aboutL li a {
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        color: #474747;
    }

    .aboutL li i {
        float: left;
        width: 100%;
        line-height: 0;
        overflow: hidden;
    }

        .aboutL li i img {
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
            transition: -webkit-transform 2s;
            vertical-align: middle;
            -ms-interpolation-mode: bicubic;
        }

    .aboutL li a:hover i img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    .aboutL li span {
        float: left;
        width: 100%;
        margin-top: 8px;
    }

    .aboutL li font {
        float: left;
        width: 100%;
        margin-top: 2px;
        color: #979797;
    }

    .aboutL li a:hover {
        color: #0665b0;
    }


.aboutL-1 li a {
    text-align: left;
}

.aboutL-1 li i {
    margin-bottom: 16px;
}

.kepu {
    float: left;
    width: 100%;
}

    .kepu ul {
        float: left;
        flex-wrap: wrap;
        display: flex;
        margin: 12px 0 80px -15px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
    }

    .kepu li {
        float: left;
        width: 33.33%;
        padding: 12px 15px;
    }

        .kepu li a {
            float: left;
            width: 100%;
        }

        .kepu li i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }

            .kepu li i img {
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .kepu li a:hover i img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            transform: scale(1.1);
        }

        .kepu li span {
            float: left;
            width: 100%;
            margin-top: 18px;
            font-size: 16px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            color: #000;
            letter-spacing: 1px;
        }

        .kepu li time {
            float: left;
            width: 100%;
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px;
            color: #7A7A7A;
            padding-left: 26px;
            background: url(../images/zimg4.png) left center no-repeat;
        }

        .kepu li a:hover span {
            color: #0665b0;
        }

@media screen and (max-width: 1440px) {
    .aboutL ul {
        margin: 0 -10px;
    }

    .aboutL li {
        padding: 7px 10px;
    }
}

@media screen and (max-width: 1024px) {
    .branch {
        margin: 15px 0 10px 0;
    }

        .branch ul {
            margin: -6px -5px;
        }

        .branch li {
            padding: 6px 5px;
        }

            .branch li a {
                font-size: 14px;
                line-height: 24px;
            }

            .branch li span {
                margin-top: 8px;
            }

    .jiazai {
        margin: 10px 0 10px 0;
    }

        .jiazai a {
            font-size: 14px;
            line-height: 34px;
        }

            .jiazai a img {
                max-width: none;
                width: 20px;
                margin-right: 8px;
            }

    .aboutN {
        padding: 12px 0 20px 12px;
    }

        .aboutN li {
            width: 10%;
            margin: 2px 0;
        }

    .aboutL ul {
        margin: 0 -5px;
    }

    .aboutL li {
        width: 20%;
        padding: 6px 5px;
    }

    .aboutL ul.lie3 li {
        width: 50%;
    }

    .aboutL li span {
        margin-top: 6px;
    }

    .aboutL-1 li i {
        margin-bottom: 5px;
    }

    .kepu ul {
        margin: 10px 0 30px -5px;
        width: -webkit-calc(100% + 10px);
        width: -moz-calc(100% + 10px);
        width: calc(100% + 10px);
    }

    .kepu li {
        padding: 6px 5px;
    }

        .kepu li span {
            letter-spacing: 0;
            margin-top: 12px;
            font-size: 15px;
        }

        .kepu li time {
            margin-top: 5px;
            padding-left: 24px;
            font-size: 13px;
        }
}

@media screen and (max-width: 767px) {
    .branch li {
        width: 50%;
    }

    .aboutTit {
        padding: 6px 30px;
    }

        .aboutTit::after {
            left: 12px;
        }

    .aboutN li {
        width: 20%;
    }

    .aboutL li {
        width: 33.33%;
    }

    .kepu li {
        width: 100%;
    }
}


.grxx {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
}

    .grxx .zm {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

        .grxx .zm a {
            float: left;
            color: #4B4B4B;
            font-size: 18px;
            line-height: 25px;
            text-transform: uppercase;
        }

    .grxx dl {
        float: left;
        width: 100%;
        background: #f5f5f5;
        border-radius: 3px;
        padding: 9px 40px;
    }

        .grxx dl dd {
            float: left;
            color: #4B4B4B;
            font-size: 18px;
            line-height: 30px;
        }

            .grxx dl dd:last-child {
                float: right;
                width: 310px;
            }

    .grxx ul {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }

        .grxx ul li {
            float: left;
            width: 100%;
        }

            .grxx ul li a {
                float: left;
                width: 100%;
                color: #4B4B4B;
                font-size: 18px;
                line-height: 30px;
                padding: 12px 40px;
                border-bottom: 1px dashed #e7e7e7;
            }

                .grxx ul li a font {
                    float: right;
                    width: 310px;
                }

@media screen and (max-width: 1024px) {
    .grxx .zm a {
        font-size: 15px;
        line-height: 23px;
    }

    .grxx dl {
        padding: 7px 12px;
    }

        .grxx dl dd {
            font-size: 14px;
            line-height: 24px;
        }

            .grxx dl dd:last-child {
                float: right;
                width: 300px;
            }

    .grxx ul {
        margin-bottom: 20px;
    }

        .grxx ul li a {
            font-size: 14px;
            line-height: 24px;
            padding: 8px 12px;
        }

            .grxx ul li a font {
                width: 300px;
            }
}

@media screen and (max-width: 767px) {
    .grxx dl dd:last-child {
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
    }

    .grxx ul li a font {
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
    }
}























/*µ¥Î»»áÔ±*/
.dwhy_section {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 82px;
    background: #F5F5F5;
    position: relative;
    z-index: 8;
}

    .dwhy_section .content {
        width: 100%;
        padding: 23px 35px 268px 37px;
        background: #fff;
    }

        .dwhy_section .content h3 {
            font-size: 18px;
            color: #0665B0;
            line-height: 25px;
            margin-bottom: 32px;
            padding-bottom: 16px;
            border-bottom: 1px solid #E7E7E7;
            position: relative;
        }

            .dwhy_section .content h3::after {
                content: "";
                display: block;
                width: 73px;
                height: 3px;
                background: #0665B0;
                position: absolute;
                left: 0;
                bottom: -1px;
                border-radius: 3px;
            }

        .dwhy_section .content .boxs1 {
            margin-bottom: 20px;
            border: 1px solid #e7e7e7;
            padding: 30px 32px 20px 44px;
            font-size: 0;
        }

            .dwhy_section .content .boxs1 .left {
                width: calc(100% - 302px);
                display: inline-block;
                vertical-align: middle;
                padding-right: 50px;
                font-size: 0;
            }

                .dwhy_section .content .boxs1 .left .picbox {
                    width: 56px;
                    display: inline-block;
                    vertical-align: middle;
                }

                    .dwhy_section .content .boxs1 .left .picbox .pic {
                        padding-bottom: 100%;
                        position: relative;
                        overflow: hidden;
                        border-radius: 100%;
                    }

                        .dwhy_section .content .boxs1 .left .picbox .pic img {
                            width: 100%;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            min-height: 100%;
                            -webkit-transform: translate(-50%, -50%);
                            -moz-transform: translate(-50%, -50%);
                            -ms-transform: translate(-50%, -50%);
                            -o-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                        }

                .dwhy_section .content .boxs1 .left .wordsbox {
                    width: calc(100% - 58px);
                    display: inline-block;
                    vertical-align: middle;
                    padding-left: 23px;
                }

                    .dwhy_section .content .boxs1 .left .wordsbox .titbox {
                        width: 100%;
                        margin-bottom: 8px;
                        overflow: hidden;
                    }

                        .dwhy_section .content .boxs1 .left .wordsbox .titbox .tit {
                            font-size: 18px;
                            color: #101010;
                            line-height: 25px;
                            float: left;
                            padding-right: 23px;
                            max-width: calc(100% - 78px);
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 1;
                        }

                        .dwhy_section .content .boxs1 .left .wordsbox .titbox .bq {
                            /*width: 76px;*/
                            padding: 0 10px;
                            float: left;
                            font-size: 12px;
                            color: #0665B0;
                            line-height: 21px;
                            border: 1px solid #0665B0;
                            border-radius: 11.5px;
                            text-align: center;
                        }

                    .dwhy_section .content .boxs1 .left .wordsbox .info {
                        width: 100%;
                        overflow: hidden;
                    }

                        .dwhy_section .content .boxs1 .left .wordsbox .info .words {
                            font-size: 14px;
                            color: #666666;
                            line-height: 20px;
                            display: inline-block;
                            vertical-align: middle;
                        }

                        .dwhy_section .content .boxs1 .left .wordsbox .info .words2 {
                            font-size: 14px;
                            color: #666666;
                            line-height: 20px;
                            display: inline-block;
                            vertical-align: middle;
                            margin: 0 12px;
                        }

            .dwhy_section .content .boxs1 .right {
                width: 300px;
                display: inline-block;
                vertical-align: middle;
            }

                .dwhy_section .content .boxs1 .right ._t {
                    font-size: 14px;
                    color: #666666;
                    line-height: 20px;
                    margin-bottom: 20px;
                    text-align: right;
                }

                    .dwhy_section .content .boxs1 .right ._t span {
                        color: #FF2929;
                        font-size: 18px;
                    }

                .dwhy_section .content .boxs1 .right ._b {
                    width: 100%;
                    font-size: 0;
                    text-align: right;
                }

                    .dwhy_section .content .boxs1 .right ._b .but {
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: 9px;
                    }

                        .dwhy_section .content .boxs1 .right ._b .but:first-child {
                            margin-left: 0;
                        }

                        .dwhy_section .content .boxs1 .right ._b .but a {
                            display: block;
                            width: 88px;
                            font-size: 14px;
                            color: #0665B0;
                            line-height: 28px;
                            border: 1px solid #0665B0;
                            border-radius: 3px;
                            text-align: center;
                        }

                            .dwhy_section .content .boxs1 .right ._b .but a:hover {
                                background: #0665B0;
                                border-color: #0665B0;
                                color: #fff;
                            }

        .dwhy_section .content .boxs2 {
            width: 100%;
        }

            .dwhy_section .content .boxs2 h4 {
                font-size: 18px;
                color: #2F2F2F;
                line-height: 25px;
                margin-bottom: 37px;
                padding-left: 19px;
                position: relative;
            }

                .dwhy_section .content .boxs2 h4::after {
                    content: "";
                    display: block;
                    width: 3px;
                    height: 18px;
                    background: #0665B0;
                    ;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin-top: -9px;
                    border-radius: 3px;
                }

            .dwhy_section .content .boxs2 ul {
                width: 100%;
            }

                .dwhy_section .content .boxs2 ul li {
                    width: 100%;
                    margin-bottom: 29px;
                }

                    .dwhy_section .content .boxs2 ul li:last-child {
                        margin-bottom: 0;
                    }

                    .dwhy_section .content .boxs2 ul li ._t {
                        font-size: 14px;
                        color: #2F2F2F;
                        line-height: 20px;
                        margin-bottom: 26px;
                        font-weight: 600;
                        position: relative;
                        padding-left: 30px;
                    }

                        .dwhy_section .content .boxs2 ul li ._t .span {
                            position: absolute;
                            left: 0;
                            top: 0;
                        }

                    .dwhy_section .content .boxs2 ul li ._b {
                        font-size: 14px;
                        color: #2F2F2F;
                        line-height: 20px;
                        position: relative;
                        padding-left: 30px;
                    }

                        .dwhy_section .content .boxs2 ul li ._b .span {
                            position: absolute;
                            left: 0;
                            top: 0;
                        }

@media screen and (max-width: 1680px) {
    .dwhy_section {
        padding-top: 20px;
        padding-bottom: 60px;
    }

        .dwhy_section .content {
            padding: 20px 20px 160px 20px;
        }

            .dwhy_section .content h3 {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 20px;
                padding-bottom: 14px;
            }

                .dwhy_section .content h3::after {
                    width: 68px;
                }

            .dwhy_section .content .boxs1 {
                margin-bottom: 16px;
                padding: 20px;
            }

                .dwhy_section .content .boxs1 .left .picbox {
                    width: 50px;
                }

                .dwhy_section .content .boxs1 .left .wordsbox {
                    width: calc(100% - 50px);
                    padding-left: 16px;
                }

                    .dwhy_section .content .boxs1 .left .wordsbox .titbox .tit {
                        font-size: 16px;
                        line-height: 20px;
                        padding-right: 20px;
                        max-width: calc(100% - 72px);
                    }

                    .dwhy_section .content .boxs1 .left .wordsbox .titbox .bq {
                        /*width: 70px;*/
                        line-height: 18px;
                        border-radius: 10px;
                    }

                    .dwhy_section .content .boxs1 .left .wordsbox .info .words2 {
                        margin: 0 6px;
                    }

                .dwhy_section .content .boxs1 .right ._b .but {
                    margin-left: 6px;
                }

                    .dwhy_section .content .boxs1 .right ._b .but a {
                        width: 84px;
                        line-height: 24px;
                    }

            .dwhy_section .content .boxs2 h4 {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 26px;
                padding-left: 14px;
            }

            .dwhy_section .content .boxs2 ul li {
                width: 100%;
                margin-bottom: 22px;
            }

                .dwhy_section .content .boxs2 ul li ._t {
                    margin-bottom: 20px;
                }
}

@media screen and (max-width: 1024px) {
    .dwhy_section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .dwhy_section .content {
            padding: 12px;
        }

            .dwhy_section .content h3 {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 12px;
                padding-bottom: 12px;
            }

                .dwhy_section .content h3::after {
                    width: 60px;
                }

            .dwhy_section .content .boxs1 {
                margin-bottom: 14px;
                padding: 12px;
            }

                .dwhy_section .content .boxs1 .left {
                    width: 100%;
                    padding-right: 0;
                    margin-bottom: 14px;
                }

                    .dwhy_section .content .boxs1 .left .picbox {
                        width: 46px;
                    }

                    .dwhy_section .content .boxs1 .left .wordsbox {
                        width: calc(100% - 48px);
                        padding-left: 12px;
                    }

                        .dwhy_section .content .boxs1 .left .wordsbox .titbox {
                            margin-bottom: 10px;
                        }

                            .dwhy_section .content .boxs1 .left .wordsbox .titbox .tit {
                                font-size: 16px;
                                line-height: 22px;
                                padding-right: 12px;
                                max-width: calc(100% - 60px);
                            }

                            .dwhy_section .content .boxs1 .left .wordsbox .titbox .bq {
                                /*width: 58px;*/
                                line-height: 20px;
                                border-radius: 10px;
                            }

                        .dwhy_section .content .boxs1 .left .wordsbox .info .words2 {
                            margin: 0 8px;
                            display: none;
                        }

                        .dwhy_section .content .boxs1 .left .wordsbox .info .words {
                            margin-bottom: 4px;
                        }

                            .dwhy_section .content .boxs1 .left .wordsbox .info .words:last-child {
                                margin-bottom: 0;
                            }

                .dwhy_section .content .boxs1 .right {
                    width: 100%;
                }

                    .dwhy_section .content .boxs1 .right ._t {
                        margin-bottom: 12px;
                        text-align: left;
                    }

                        .dwhy_section .content .boxs1 .right ._t span {
                            font-size: 16px;
                        }

                    .dwhy_section .content .boxs1 .right ._b {
                        text-align: left;
                    }

                        .dwhy_section .content .boxs1 .right ._b .but a {
                            width: 80px;
                            line-height: 24px;
                        }

            .dwhy_section .content .boxs2 h4 {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 12px;
                padding-left: 14px;
            }

                .dwhy_section .content .boxs2 h4::after {
                    height: 14px;
                    margin-top: -7px;
                }

            .dwhy_section .content .boxs2 ul li {
                margin-bottom: 12px;
            }

                .dwhy_section .content .boxs2 ul li ._t {
                    margin-bottom: 8px;
                }
}

/*ÆÕͨ»áÔ±*/
.hytc_section {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    justify-content: center;
    align-items: center;
}

    .hytc_section.on {
        display: flex;
    }

    .hytc_section .content {
        width: 480px;
        background: #fff;
        border-radius: 11px;
        padding: 17px 28px 0 26px;
    }

        .hytc_section .content h5 {
            font-size: 18px;
            color: #1E1E1E;
            line-height: 25px;
            padding-bottom: 15px;
            padding-left: 23px;
            border-bottom: 1px solid #E9E9E9;
            position: relative;
        }

            .hytc_section .content h5::after {
                content: "";
                display: block;
                width: 4px;
                height: 18px;
                background: #0665B0;
                position: absolute;
                left: 0;
                top: 3.5px;
            }

        .hytc_section .content .boxs1 {
            width: 100%;
        }

            .hytc_section .content .boxs1 .con {
                width: 100%;
                padding: 24px 22px 30px 22px;
                border-bottom: 1px solid #E9E9E9;
            }

                .hytc_section .content .boxs1 .con .words1 {
                    font-size: 16px;
                    color: #1E1E1E;
                    line-height: 22px;
                    margin-bottom: 11px;
                    font-weight: 600;
                }

                .hytc_section .content .boxs1 .con .words2 {
                    font-size: 16px;
                    color: #1E1E1E;
                    line-height: 22px;
                }

            .hytc_section .content .boxs1 .butbox {
                width: 100%;
                font-size: 0;
                text-align: right;
                padding-top: 15px;
                padding-bottom: 15px;
            }

                .hytc_section .content .boxs1 .butbox .but {
                    margin-left: 7px;
                    display: inline-block;
                    vertical-align: middle;
                }

                    .hytc_section .content .boxs1 .butbox .but:first-child {
                        margin-left: 0;
                    }

                    .hytc_section .content .boxs1 .butbox .but a {
                        display: block;
                        width: 87px;
                        font-size: 14px;
                        color: #0665B0;
                        line-height: 26px;
                        border: 1px solid #0665B0;
                        border-radius: 3px;
                        text-align: center;
                    }

                        .hytc_section .content .boxs1 .butbox .but a:hover {
                            background: #0665B0;
                            color: #fff;
                        }

        .hytc_section .content .boxs2 {
            display: block;
            padding-top: 35px;
            display: none;
        }

            .hytc_section .content .boxs2 .fy {
                font-size: 18px;
                color: #1E1E1E;
                line-height: 25px;
                margin-bottom: 36px;
                padding: 0 27px 0 20px;
            }

                .hytc_section .content .boxs2 .fy span {
                    color: #FF1515;
                }

            .hytc_section .content .boxs2 .zffs {
                width: 100%;
                border-bottom: 1px solid #e9e9e9;
                padding: 0 27px 27px 20px;
            }

                .hytc_section .content .boxs2 .zffs .listbox {
                    margin: 0 -12.5px;
                    overflow: hidden;
                    width: calc(100% + 25px);
                }

                    .hytc_section .content .boxs2 .zffs .listbox .list {
                        width: 50%;
                        float: left;
                        padding: 0 12.5px;
                    }

                        .hytc_section .content .boxs2 .zffs .listbox .list a {
                            display: block;
                            width: 100%;
                            font-size: 0;
                            text-align: center;
                            border: 1px solid #D4D4D4;
                            border-radius: 4px;
                        }

                            .hytc_section .content .boxs2 .zffs .listbox .list a img {
                                width: 28px;
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 24px;
                            }

                            .hytc_section .content .boxs2 .zffs .listbox .list a .words {
                                font-size: 14px;
                                color: #1E1E1E;
                                line-height: 48px;
                                display: inline-block;
                                vertical-align: middle;
                            }

                        .hytc_section .content .boxs2 .zffs .listbox .list.on a {
                            border: 1px solid #0665B0;
                        }

            .hytc_section .content .boxs2 .butbox {
                width: 100%;
                font-size: 0;
                text-align: right;
                padding-top: 15px;
                padding-bottom: 15px;
            }

                .hytc_section .content .boxs2 .butbox .but {
                    margin-left: 7px;
                    display: inline-block;
                    vertical-align: middle;
                }

                    .hytc_section .content .boxs2 .butbox .but:first-child {
                        margin-left: 0;
                    }

                    .hytc_section .content .boxs2 .butbox .but a {
                        display: block;
                        width: 87px;
                        font-size: 14px;
                        color: #0665B0;
                        line-height: 26px;
                        border: 1px solid #0665B0;
                        border-radius: 3px;
                        text-align: center;
                    }

                        .hytc_section .content .boxs2 .butbox .but a:hover {
                            background: #0665B0;
                            color: #fff;
                        }

        .hytc_section .content.on .boxs1 {
            display: none;
        }

        .hytc_section .content.on .boxs2 {
            display: block;
        }

@media screen and (max-width: 1680px) {
    .hytc_section .content {
        width: 440px;
        border-radius: 8px;
        padding: 14px 20px 0 20px;
    }

        .hytc_section .content h5 {
            font-size: 13px;
            line-height: 22px;
            padding-bottom: 12px;
            padding-left: 20px;
        }

            .hytc_section .content h5::after {
                width: 3px;
                height: 14px;
                top: 4px;
            }

        .hytc_section .content .boxs1 .con {
            padding: 16px;
        }

            .hytc_section .content .boxs1 .con .words1 {
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 8px;
            }

            .hytc_section .content .boxs1 .con .words2 {
                font-size: 14px;
                line-height: 20px;
            }

        .hytc_section .content .boxs1 .butbox {
            padding-top: 12px;
            padding-bottom: 12px;
        }

            .hytc_section .content .boxs1 .butbox .but a {
                width: 82px;
                line-height: 24px;
            }

        .hytc_section .content .boxs2 {
            padding-top: 16px;
        }

            .hytc_section .content .boxs2 .fy {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 26px;
                padding: 0 16px 0 16px;
            }

            .hytc_section .content .boxs2 .zffs {
                padding: 0 16px 16px 16px;
            }

                .hytc_section .content .boxs2 .zffs .listbox {
                    margin: 0 -10px;
                    width: calc(100% + 20px);
                }

                    .hytc_section .content .boxs2 .zffs .listbox .list {
                        padding: 0 10px;
                    }

            .hytc_section .content .boxs2 .butbox {
                padding-top: 12px;
                padding-bottom: 12px;
            }

                .hytc_section .content .boxs2 .butbox .but a {
                    width: 82px;
                    line-height: 24px;
                }
}

@media screen and (max-width: 1024px) {
    .hytc_section .content {
        width: calc(100% - 30px);
        padding: 12px 12px 0 12px;
    }

        .hytc_section .content h5 {
            font-size: 16px;
            line-height: 20px;
            padding-bottom: 12px;
            padding-left: 12px;
        }

            .hytc_section .content h5::after {
                width: 3px;
                height: 16px;
                top: 2px;
            }

        .hytc_section .content .boxs1 .con {
            padding: 12px;
        }

            .hytc_section .content .boxs1 .con .words1 {
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 8px;
            }

            .hytc_section .content .boxs1 .con .words2 {
                font-size: 14px;
                line-height: 20px;
            }

        .hytc_section .content .boxs1 .butbox {
            padding-top: 12px;
            padding-bottom: 12px;
        }

            .hytc_section .content .boxs1 .butbox .but {
                margin-left: 6px;
            }

                .hytc_section .content .boxs1 .butbox .but a {
                    width: 80px;
                    line-height: 22px;
                }

        .hytc_section .content .boxs2 {
            padding-top: 12px;
        }

            .hytc_section .content .boxs2 .fy {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 12px;
                padding: 0 12px 0 12px;
            }

            .hytc_section .content .boxs2 .zffs {
                padding: 0 12px 12px 12px;
            }

                .hytc_section .content .boxs2 .zffs .listbox {
                    margin: 0 -6px;
                    width: calc(100% + 12px);
                }

                    .hytc_section .content .boxs2 .zffs .listbox .list {
                        padding: 0 6px;
                    }

                        .hytc_section .content .boxs2 .zffs .listbox .list a img {
                            width: 24px;
                            margin-right: 10px;
                        }

                        .hytc_section .content .boxs2 .zffs .listbox .list a .words {
                            line-height: 36px;
                        }

            .hytc_section .content .boxs2 .butbox {
                padding-top: 12px;
                padding-bottom: 12px;
            }

                .hytc_section .content .boxs2 .butbox .but {
                    margin-left: 6px;
                }

                    .hytc_section .content .boxs2 .butbox .but a {
                        width: 80px;
                        line-height: 22px;
                    }
}

/*¹ú¼Ê»áÒéÏêÇé*/
.gjhyxq_section {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 64px;
    background: #F5F5F5;
    position: relative;
    z-index: 7;
}

    .gjhyxq_section .content {
        width: 100%;
        background: #fff;
        padding: 27px 35px 35px 35px;
    }

.gjhyxq_section2 .content {
    padding-bottom: 0;
}

.gjhyxq_section .content .da_section a:hover,
.gjhyxq_section .content .da_section a.on {
    color: #0665B0;
}

.gjhyxq_section .content h2 {
    font-size: 22px;
    color: #040404;
    line-height: 30px;
    margin-bottom: 46px;
    margin-top: 28px;
    text-align: center;
}

.gjhyxq_section .content .listbox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

    .gjhyxq_section .content .listbox .list {
        float: left;
        margin-right: 92px;
        font-size: 0;
    }

        .gjhyxq_section .content .listbox .list:last-child {
            margin-right: 0;
        }

        .gjhyxq_section .content .listbox .list img {
            width: 20px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 16px;
        }

        .gjhyxq_section .content .listbox .list .words {
            font-size: 16px;
            color: #878787;
            line-height: 20px;
            display: inline-block;
            vertical-align: middle;
        }

.gjhyxq_section .content .info {
    font-size: 18px;
    color: #040404;
    line-height: 27px;
    padding-top: 36px;
    padding-bottom: 130px;
    border-top: 1px dashed #EBEBEB;
    border-bottom: 1px dashed #EBEBEB;
}

    .gjhyxq_section .content .info img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.gjhyxq_section2 .content .info {
    padding-bottom: 68px;
}

.gjhyxq_section3 .content .info {
    padding-bottom: 46px;
}

.gjhyxq_section4 .content .info {
    padding-bottom: 100px;
}

.gjhyxq_section .content .pagebox {
    width: 100%;
    overflow: hidden;
    padding-top: 28px;
}

    .gjhyxq_section .content .pagebox .prev {
        width: 50%;
        float: left;
        padding-right: 20px;
    }

    .gjhyxq_section .content .pagebox .next {
        width: 50%;
        float: right;
        padding-left: 20px;
        text-align: right;
    }

    .gjhyxq_section .content .pagebox a {
        font-size: 14px;
        color: #464646;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

        .gjhyxq_section .content .pagebox a:hover {
            color: #0665B0;
        }

@media screen and (max-width: 1680px) {
    .gjhyxq_section {
        padding-top: 20px;
        padding-bottom: 50px
    }

        .gjhyxq_section .content {
            padding: 20px 30px 30px 30px;
        }

            .gjhyxq_section .content .da_section {
                padding-bottom: 16px;
            }

            .gjhyxq_section .content h2 {
                font-size: 20px;
                line-height: 26px;
                margin-bottom: 30px;
                margin-top: 20px;
            }

            .gjhyxq_section .content .listbox {
                margin-bottom: 16px;
            }

                .gjhyxq_section .content .listbox .list {
                    margin-right: 60px;
                }

                    .gjhyxq_section .content .listbox .list .words {
                        font-size: 14px;
                    }

            .gjhyxq_section .content .info {
                font-size: 14px;
                line-height: 24px;
                padding-top: 30px;
                padding-bottom: 100px;
            }

            .gjhyxq_section .content .pagebox {
                padding-top: 20px;
            }

    .gjhyxq_section2 .content .info {
        padding-bottom: 40px;
    }

    .gjhyxq_section3 .content .info {
        padding-bottom: 30px;
    }

    .gjhyxq_section4 .content .info {
        padding-bottom: 160px;
    }
}

@media screen and (max-width: 1024px) {
    .gjhyxq_section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .gjhyxq_section .content {
            padding: 12px;
        }

            .gjhyxq_section .content .da_section {
                padding-bottom: 12px;
            }

            .gjhyxq_section .content h2 {
                font-size: 18px;
                line-height: 26px;
                margin-bottom: 12px;
                margin-top: 12px;
            }

            .gjhyxq_section .content .listbox {
                margin-bottom: 12px;
            }

                .gjhyxq_section .content .listbox .list {
                    margin-right: 10px
                }

                    .gjhyxq_section .content .listbox .list img {
                        margin-right: 6px;
                    }

                    .gjhyxq_section .content .listbox .list .words {
                        font-size: 14px;
                    }

            .gjhyxq_section .content .info {
                font-size: 14px;
                line-height: 24px;
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .gjhyxq_section .content .pagebox {
                padding-top: 12px;
            }

                .gjhyxq_section .content .pagebox .prev {
                    width: 100%;
                    padding-right: 0;
                    margin-bottom: 10px;
                }

                .gjhyxq_section .content .pagebox .next {
                    width: 100%;
                    padding-left: 0;
                    text-align: left;
                }

    .gjhyxq_section2 .content .info {
        padding-bottom: 20px;
    }

    .gjhyxq_section3 .content .info {
        padding-bottom: 20px;
    }

    .gjhyxq_section4 .content .info {
        padding-bottom: 20px;
    }
}

/*研究会简介*/

.wxzc_section {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 70px;
    /*    background: #F5F5F5;*/
}

    .wxzc_section .content {
        width: 100%;
        background: #fff;
        padding: 23px 35px 79px 36px;
    }

        .wxzc_section .content .ejnav_box {
            width: 100%;
            border-bottom: 1px solid #E7E7E7;
        }

            .wxzc_section .content .ejnav_box ul {
                width: 100%;
                overflow: hidden;
            }

                .wxzc_section .content .ejnav_box ul li {
                    float: left;
                    margin-right: 57px;
                    position: relative;
                }

                    .wxzc_section .content .ejnav_box ul li:last-child {
                        margin-right: 0;
                    }

                    .wxzc_section .content .ejnav_box ul li a {
                        display: block;
                        font-size: 18px;
                        color: #989898;
                        line-height: 25px;
                        padding-bottom: 18px;
                    }

                    .wxzc_section .content .ejnav_box ul li:hover::after,
                    .wxzc_section .content .ejnav_box ul li.on::after {
                        content: "";
                        display: block;
                        width: 73px;
                        height: 3px;
                        position: absolute;
                        left: 50%;
                        bottom: 0;
                        border-radius: 3px;
                        background: #0665B0;
                        transform: translate(-50%, 0);
                        -ms-transform: translate(-50%, 0);
                        -webkit-transform: translate(-50%, 0);
                        -moz-transform: translate(-50%, 0);
                        -o-transform: translate(-50%, 0);
                    }

                    .wxzc_section .content .ejnav_box ul li:hover a,
                    .wxzc_section .content .ejnav_box ul li.on a {
                        color: #474747;
                    }

        .wxzc_section .content .wxzc_box .titbox {
            margin-bottom: 46px;
            text-align: center;
            margin-top: 40px;
        }

            .wxzc_section .content .wxzc_box .titbox .tit1 {
                font-size: 16px;
                color: #2E2E2E;
                line-height: 20px;
                margin-bottom: 12px;
                font-weight: 600;
            }

            .wxzc_section .content .wxzc_box .titbox .tit2 {
                font-size: 16px;
                color: #2E2E2E;
                line-height: 20px;
            }

        .wxzc_section .content .wxzc_box .listbox {
            width: 100%;
        }

            .wxzc_section .content .wxzc_box .listbox .list {
                width: 100%;
                margin-bottom: 46px;
            }

                .wxzc_section .content .wxzc_box .listbox .list:last-child {
                    margin-bottom: 0;
                }

                .wxzc_section .content .wxzc_box .listbox .list .tit {
                    font-size: 16px;
                    color: #2E2E2E;
                    line-height: 20px;
                    text-align: center;
                    margin-bottom: 40px;
                    font-weight: 600;
                }

                .wxzc_section .content .wxzc_box .listbox .list .info {
                    font-size: 16px;
                    color: #2E2E2E;
                    line-height: 32px;
                }

                .wxzc_section .content .wxzc_box .listbox .list .words_r {
                    font-size: 16px;
                    color: #2E2E2E;
                    line-height: 32px;
                    text-align: right;
                    margin-top: 66px;
                }

@media screen and (max-width: 1680px) {
    .wxzc_section {
        padding-top: 20px;
        padding-bottom: 60px;
    }

        .wxzc_section .content {
            padding: 20px 30px 60px 30px;
        }

            .wxzc_section .content .ejnav_box ul li {
                margin-right: 40px;
            }

                .wxzc_section .content .ejnav_box ul li a {
                    font-size: 16px;
                    line-height: 22px;
                    padding-bottom: 14px;
                }

            .wxzc_section .content .wxzc_box .titbox {
                margin-bottom: 30px;
                margin-top: 30px;
            }

                .wxzc_section .content .wxzc_box .titbox .tit1 {
                    font-size: 14px;
                    margin-bottom: 10px;
                }

                .wxzc_section .content .wxzc_box .titbox .tit2 {
                    font-size: 14px;
                }

            .wxzc_section .content .wxzc_box .listbox .list {
                margin-bottom: 30px;
            }

                .wxzc_section .content .wxzc_box .listbox .list .tit {
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 30px;
                }

                .wxzc_section .content .wxzc_box .listbox .list .info {
                    font-size: 14px;
                    line-height: 26px;
                }

                .wxzc_section .content .wxzc_box .listbox .list .words_r {
                    font-size: 14px;
                    line-height: 32px;
                    margin-top: 50px;
                }

            .wxzc_section .content .ejnav_box ul li.on::after {
                content: "";
                display: block;
                width: 64px;
                height: 3px;
                position: absolute;
                left: 50%;
                bottom: 0;
                border-radius: 3px;
                background: #0665B0;
                transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                -webkit-transform: translate(-50%, 0);
                -moz-transform: translate(-50%, 0);
                -o-transform: translate(-50%, 0);
            }
}

@media screen and (max-width: 1024px) {
    .wxzc_section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .wxzc_section .content {
            padding: 12px 12px 25px 12px;
        }

            .wxzc_section .content .ejnav_box ul li {
                margin-right: 10px;
            }

                .wxzc_section .content .ejnav_box ul li a {
                    font-size: 16px;
                    line-height: 20px;
                    padding-bottom: 12px;
                }

                .wxzc_section .content .ejnav_box ul li:hover::after,
                .wxzc_section .content .ejnav_box ul li.on::after {
                    height: 2px;
                    border-radius: 2px;
                }

            .wxzc_section .content .wxzc_box .titbox {
                margin-bottom: 20px;
                margin-top: 20px;
            }

                .wxzc_section .content .wxzc_box .titbox .tit1 {
                    font-size: 14px;
                    line-height: 18px;
                    margin-bottom: 8px;
                }

                .wxzc_section .content .wxzc_box .titbox .tit2 {
                    font-size: 14px;
                    line-height: 18px;
                }

            .wxzc_section .content .wxzc_box .listbox .list {
                margin-bottom: 16px;
            }

                .wxzc_section .content .wxzc_box .listbox .list .tit {
                    font-size: 14px;
                    line-height: 18px;
                    margin-bottom: 12px;
                }

                .wxzc_section .content .wxzc_box .listbox .list .info {
                    font-size: 14px;
                    line-height: 26px;
                }

                .wxzc_section .content .wxzc_box .listbox .list .words_r {
                    font-size: 14px;
                    line-height: 26px;
                    margin-top: 14px;
                }
}

/*研究会简介*/
.xhjj_box {
    width: 100%;
    margin-top: 27px;
}

    .xhjj_box img {
        max-width: 100%;
        /*        display: block;*/
        margin-bottom: 41px;
    }

    .xhjj_box .tit {
        font-size: 24px;
        color: #474747;
        line-height: 30px;
        margin-bottom: 50px;
        text-align: center;
        margin-top: 50px;
    }

    .xhjj_box .info {
        font-size: 18px;
        color: #2E2E2E;
        line-height: 32px;
    }

        .xhjj_box .info img {
            max-width: 100%;
            /*        display: block;*/
            margin-bottom: 0px;
        }

@media screen and (max-width: 1680px) {
    .xhjj_box {
        margin-top: 20px;
    }

        .xhjj_box img {
            margin-bottom: 30px;
        }

        .xhjj_box .tit {
            /*            font-size: 18px;*/
            line-height: 24px;
            /*            margin-bottom: 16px;*/
        }

        .xhjj_box .info {
            font-size: 14px;
            line-height: 26px;
        }

            .xhjj_box .info img {
                max-width: 100%;
                /*        display: block;*/
                /*        margin-bottom: 41px;*/
            }

            .xhjj_box .info img {
                margin-bottom: 0px;
            }
}

@media screen and (max-width: 1024px) {
    .xhjj_box {
        margin-top: 14px;
    }

        .xhjj_box img {
            margin-bottom: 14px;
        }

        .xhjj_box .tit {
            margin-bottom: 12px;
            text-align: center;
        }

        .xhjj_box .info img {
            margin-bottom: 0px;
        }
}

/*会员单位*/
.vipBox-2 {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 51px;
    background: #F5F5F5;
}

    .vipBox-2 .content {
        width: 100%;
        background: #fff;
        padding: 23px 35px 79px 36px;
    }

    .vipBox-2 ._Title {
        font-size: 18px;
        color: #040404;
        line-height: 25px;
        margin-bottom: 2px;
        margin-top: 2px;
    }

        .vipBox-2 ._Title:after {
            float: left;
            width: 3px;
            height: 16px;
            background: #0665B0;
            content: "";
            display: block;
            margin-right: 10px;
            margin-top: 4px;
        }

        .vipBox-2 ._Title span {
            font-size: 16px;
            color: #989898;
            line-height: 25px;
            margin-left: 10px;
        }

            .vipBox-2 ._Title span em {
                font-style: normal;
                color: #0665B0;
            }

        .vipBox-2 ._Title .more {
            float: right;
            font-size: 14px;
            color: #989898;
            line-height: 25px;
        }

            .vipBox-2 ._Title .more a {
                color: #989898;
            }

                .vipBox-2 ._Title .more a:hover {
                    color: #0665B0;
                }

            .vipBox-2 ._Title .more img {
                margin-left: 6px;
                vertical-align: middle;
            }

    .vipBox-2 ._Tab {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .vipBox-2 ._Tab ul {
            width: 100%;
            overflow: hidden;
        }

            .vipBox-2 ._Tab ul li {
                float: left;
                margin-right: 30px;
                font-size: 16px;
                color: #989898;
                line-height: 25px;
                cursor: pointer;
            }

                .vipBox-2 ._Tab ul li.on {
                    color: #0665B0;
                }

                .vipBox-2 ._Tab ul li:hover {
                    color: #0665B0;
                }

                .vipBox-2 ._Tab ul li:last-child {
                    margin-right: 0;
                }

    .vipBox-2 ._List {
        width: 100%;
        overflow: hidden;
    }

        .vipBox-2 ._List ul {
            width: 100%;
            overflow: hidden;
        }

            .vipBox-2 ._List ul li {
                float: left;
                width: 20%;
                margin-bottom: 20px;
                text-align: center;
            }

                .vipBox-2 ._List ul li a {
                    display: block;
                    width: 100%;
                    padding-bottom: 100%;
                    position: relative;
                    overflow: hidden;
                    border: 1px solid #E7E7E7;
                    border-radius: 5px;
                    -webkit-transition: all 0.5s ease-out 0s;
                    -moz-transition: all 0.5s ease-out 0s;
                    -o-transition: all 0.5s ease-out 0s;
                    transition: all 0.5s ease-out 0s;
                }

                    .vipBox-2 ._List ul li a:hover {
                        border: 1px solid #0665B0;
                    }

                    .vipBox-2 ._List ul li a img {
                        width: 100%;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        -webkit-transform: translate(-50%, -50%);
                        -moz-transform: translate(-50%, -50%);
                        -o-transform: translate(-50%, -50%);
                        -webkit-transition: all 0.5s ease-out 0s;
                        -moz-transition: all 0.5s ease-out 0s;
                        -o-transition: all 0.5s ease-out 0s;
                        transition: all 0.5s ease-out 0s;
                    }

                    .vipBox-2 ._List ul li a:hover img {
                        transform: translate(-50%, -50%) scale(1.1);
                        -ms-transform: translate(-50%, -50%) scale(1.1);
                        -webkit-transform: translate(-50%, -50%) scale(1.1);
                        -moz-transform: translate(-50%, -50%) scale(1.1);
                        -o-transform: translate(-50%, -50%) scale(1.1);
                    }

@media screen and (max-width: 1680px) {
    .vipBox-2 {
        padding-top: 20px;
        padding-bottom: 60px;
    }

        .vipBox-2 .content {
            padding: 20px 30px 60px 30px;
        }

        .vipBox-2 ._Title {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 16px;
            margin-top: 16px;
        }

            .vipBox-2 ._Title:after {
                height: 14px;
                margin-top: 4px;
            }

            .vipBox-2 ._Title span {
                font-size: 14px;
                line-height: 22px;
                margin-left: 8px;
            }

            .vipBox-2 ._Title .more {
                font-size: 12px;
                line-height: 22px;
            }

                .vipBox-2 ._Title .more img {
                    margin-left: 4px;
                }

        .vipBox-2 ._Tab {
            margin-top: 16px;
            margin-bottom: 16px;
        }

            .vipBox-2 ._Tab ul li {
                margin-right: 20px;
                font-size: 14px;
                line-height: 22px;
            }

        .vipBox-2 ._List ul li {
            width: 25%;
            margin-bottom: 16px;
        }
}

@media screen and (max-width: 1024px) {
    .vipBox-2 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .vipBox-2 .content {
            padding: 12px 12px 25px 12px;
        }

        .vipBox-2 ._Title {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 12px;
            margin-top: 12px;
        }

            .vipBox-2 ._Title:after {
                height: 12px;
                margin-top: 4px;
            }

            .vipBox-2 ._Title span {
                font-size: 12px;
                line-height: 20px;
                margin-left: 6px;
            }

            .vipBox-2 ._Title .more {
                font-size: 12px;
                line-height: 20px;
            }

                .vipBox-2 ._Title .more img {
                    margin-left: 4px;
                }

        .vipBox-2 ._Tab {
            margin-top: 12px;
            margin-bottom: 12px;
        }

            .vipBox-2 ._Tab ul li {
                margin-right: 10px;
                font-size: 12px;
                line-height: 20px;
            }

        .vipBox-2 ._List ul li {
            width: 50%;
            margin-bottom: 12px;
        }
}

/*会员单位*/
.kpjs_box {
    width: 100%;
    padding-top: 44px;
    padding-bottom: 40px;
}

    .kpjs_box .tit {
        font-size: 22px;
        color: #040404;
        line-height: 30px;
        text-align: center;
        margin-bottom: 44px;
    }

    .kpjs_box .pic {
        width: 100%;
        margin-bottom: 44px;
    }

        .kpjs_box .pic img {
            width: 100%;
            display: block;
        }

    .kpjs_box .info {
        font-size: 16px;
        color: #040404;
        line-height: 26px;
    }

        .kpjs_box .info .span1 {
            font-size: 20px;
        }

@media screen and (max-width: 1680px) {
    .kpjs_box {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .kpjs_box .tit {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 30px;
        }

        .kpjs_box .pic {
            margin-bottom: 30px;
        }

        .kpjs_box .info {
            font-size: 14px;
            line-height: 22px;
        }

            .kpjs_box .info .span1 {
                font-size: 18px;
            }
}

@media screen and (max-width: 1024px) {
    .kpjs_box {
        padding-top: 20px;
        padding-bottom: 0;
    }

        .kpjs_box .tit {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 14px;
        }

        .kpjs_box .pic {
            margin-bottom: 14px;
        }

        .kpjs_box .info {
            font-size: 14px;
            line-height: 22px;
        }

            .kpjs_box .info .span1 {
                font-size: 18px;
            }
}

/*创新人才教育研讨会*/
.djgz_section {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 51px;
    background: #F5F5F5;
}

    .djgz_section .content {
        width: 100%;
    }

        .djgz_section .content::after {
            content: "";
            display: block;
            clear: both;
        }

    .djgz_section .left {
        width: 68.28125%;
        float: left;
        background: #fff;
        padding: 23px 27px 14px 36px;
    }

        .djgz_section .left .ejnav_box {
            width: 100%;
            border-bottom: 1px solid #E7E7E7;
        }

            .djgz_section .left .ejnav_box ul {
                width: 100%;
                overflow: hidden;
            }

                .djgz_section .left .ejnav_box ul li {
                    float: left;
                    margin-right: 57px;
                    position: relative;
                }

                    .djgz_section .left .ejnav_box ul li:last-child {
                        margin-right: 0;
                    }

                    .djgz_section .left .ejnav_box ul li a {
                        display: block;
                        font-size: 18px;
                        color: #989898;
                        line-height: 25px;
                        padding-bottom: 18px;
                    }

                    .djgz_section .left .ejnav_box ul li:hover::after,
                    .djgz_section .left .ejnav_box ul li.on::after {
                        content: "";
                        display: block;
                        width: 73px;
                        height: 3px;
                        position: absolute;
                        left: 50%;
                        bottom: 0;
                        border-radius: 3px;
                        background: #0665B0;
                        transform: translate(-50%, 0);
                        -ms-transform: translate(-50%, 0);
                        -webkit-transform: translate(-50%, 0);
                        -moz-transform: translate(-50%, 0);
                        -o-transform: translate(-50%, 0);
                    }

                    .djgz_section .left .ejnav_box ul li:hover a,
                    .djgz_section .left .ejnav_box ul li.on a {
                        color: #474747;
                    }

        .djgz_section .left .ulbox {
            margin-top: 5px;
            margin-bottom: 17px;
            width: 100%;
        }

            .djgz_section .left .ulbox ul {
                width: 100%;
            }

                .djgz_section .left .ulbox ul li {
                    width: 100%;
                    border-bottom: 1px solid #E7E7E7;
                    padding-top: 20px;
                    padding-bottom: 20px;
                }

                    .djgz_section .left .ulbox ul li a {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                        .djgz_section .left .ulbox ul li a .picbox {
                            width: 52.2%;
                            padding-right: 22px;
                        }

                            .djgz_section .left .ulbox ul li a .picbox .pic {
                                width: 100%;
                                padding-bottom: 58.23%;
                                position: relative;
                                overflow: hidden;
                                min-height: 50px;
                                -webkit-transition: 0.5s ease;
                                -moz-transition: 0.5s ease;
                                -ms-transition: 0.5s ease;
                                -o-transition: 0.5s ease;
                                transition: 0.5s ease;
                            }

                                .djgz_section .left .ulbox ul li a .picbox .pic img {
                                    width: 100%;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    min-height: 100%;
                                    -webkit-transform: translate(-50%, -50%);
                                    -moz-transform: translate(-50%, -50%);
                                    -ms-transform: translate(-50%, -50%);
                                    -o-transform: translate(-50%, -50%);
                                    transform: translate(-50%, -50%);
                                    -webkit-transition: all 0.5s ease-out 0s;
                                    -moz-transition: all 0.5s ease-out 0s;
                                    -o-transition: all 0.5s ease-out 0s;
                                    transition: all 0.5s ease-out 0s;
                                    transition: -webkit-transform 2s;
                                    vertical-align: middle;
                                    -ms-interpolation-mode: bicubic;
                                }

                        .djgz_section .left .ulbox ul li a:hover .picbox .pic img {
                            -webkit-transform: translate(-50%, -50%) scale(1.1);
                            -moz-transform: translate(-50%, -50%) scale(1.1);
                            transform: translate(-50%, -50%) scale(1.1);
                        }

                        .djgz_section .left .ulbox ul li a .wordsbox {
                            width: 100%;
                        }

                            .djgz_section .left .ulbox ul li a .wordsbox .tit {
                                font-size: 16px;
                                color: #000000;
                                line-height: 22px;
                                margin-bottom: 15px;
                                font-weight: bolder;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 1;
                            }

                        .djgz_section .left .ulbox ul li a:hover .wordsbox .tit {
                            color: #0665B0;
                        }

                        .djgz_section .left .ulbox ul li a .wordsbox .info {
                            font-size: 14px;
                            color: #7A7A7A;
                            line-height: 24px;
                            margin-bottom: 18px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                        }

                        .djgz_section .left .ulbox ul li a .wordsbox .date {
                            width: 100%;
                            font-size: 0;
                        }

                            .djgz_section .left .ulbox ul li a .wordsbox .date img {
                                width: 16px;
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 7px;
                            }

                            .djgz_section .left .ulbox ul li a .wordsbox .date .wrods {
                                font-size: 14px;
                                color: #7A7A7A;
                                line-height: 18px;
                                display: inline-block;
                                vertical-align: middle;
                            }

    .djgz_section .right {
        width: 30.15625%;
        float: right;
        background: #fff;
        padding: 23px 21px 17px 15px;
    }

        .djgz_section .right h2 {
            font-size: 18px;
            color: #474747;
            line-height: 25px;
            padding-bottom: 18px;
            border-bottom: 1px solid #E7E7E7;
            position: relative;
        }

            .djgz_section .right h2::after {
                content: "";
                display: block;
                width: 73px;
                height: 3px;
                background: #0665B0;
                position: absolute;
                left: 0;
                bottom: 0;
            }

        .djgz_section .right ul {
            width: 100%;
        }

            .djgz_section .right ul li {
                width: 100%;
                border-bottom: 1px dashed #EAEAEA;
                padding-top: 20px;
                padding-bottom: 20px;
            }

                .djgz_section .right ul li:last-child {
                    border-bottom: 0;
                }

                .djgz_section .right ul li a {
                    display: block;
                    width: 100%;
                }

                    .djgz_section .right ul li a .tit {
                        padding-left: 14px;
                        position: relative;
                        font-size: 16px;
                        color: #000000;
                        line-height: 22px;
                        margin-bottom: 12px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }

                    .djgz_section .right ul li a:hover .tit {
                        color: #0665B0;
                    }

                    .djgz_section .right ul li a .tit::after {
                        content: "";
                        display: block;
                        width: 6px;
                        height: 6px;
                        background: #0665B0;
                        border-radius: 100%;
                        position: absolute;
                        left: 0;
                        top: 12px;
                        transform: translate(0, -50%);
                        -ms-transform: translate(0, -50%);
                        -webkit-transform: translate(0, -50%);
                        -moz-transform: translate(0, -50%);
                        -o-transform: translate(0, -50%);
                    }

                    .djgz_section .right ul li a .date {
                        width: 100%;
                        font-size: 0;
                        padding-left: 14px;
                    }

                        .djgz_section .right ul li a .date img {
                            width: 16px;
                            display: inline-block;
                            vertical-align: middle;
                            margin-right: 7px;
                        }

                        .djgz_section .right ul li a .date .words {
                            font-size: 14px;
                            color: #7A7A7A;
                            line-height: 24px;
                            display: inline-block;
                            vertical-align: middle;
                        }

@media screen and (max-width: 1680px) {
    .djgz_section {
        padding-top: 20px;
        padding-bottom: 50px
    }

        .djgz_section .left {
            padding: 20px 20px 14px 20px;
        }

            .djgz_section .left .ejnav_box ul li {
                margin-right: 40px;
            }

                .djgz_section .left .ejnav_box ul li a {
                    font-size: 16px;
                    line-height: 22px;
                    padding-bottom: 14px;
                }

                .djgz_section .left .ejnav_box ul li.on::after {
                    width: 64px;
                    height: 3px;
                }

            .djgz_section .left .ulbox ul li {
                padding-top: 16px;
                padding-bottom: 16px;
            }

                .djgz_section .left .ulbox ul li a .picbox {
                    width: 50%;
                    padding-right: 16px;
                }

                .djgz_section .left .ulbox ul li a .wordsbox .tit {
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 12px;
                }

                .djgz_section .left .ulbox ul li a .wordsbox .info {
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 14px;
                }

        .djgz_section .right {
            padding: 14px;
        }

            .djgz_section .right h2 {
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 14px;
            }

                .djgz_section .right h2::after {
                    width: 64px;
                    height: 3px;
                }

            .djgz_section .right ul li {
                padding-top: 14px;
                padding-bottom: 14px;
            }

                .djgz_section .right ul li a .tit {
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 10px;
                }

                    .djgz_section .right ul li a .tit::after {
                        top: 10px;
                    }
}

@media screen and (max-width: 1024px) {
    .djgz_section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .djgz_section .left {
            width: 100%;
            padding: 12px;
        }

            .djgz_section .left .ejnav_box ul li {
                margin-right: 10px;
            }

                .djgz_section .left .ejnav_box ul li a {
                    font-size: 16px;
                    line-height: 20px;
                    padding-bottom: 12px;
                }

                .djgz_section .left .ejnav_box ul li:hover::after,
                .djgz_section .left .ejnav_box ul li.on::after {
                    height: 2px;
                    border-radius: 2px;
                }

            .djgz_section .left .ulbox {
                margin-bottom: 12px;
            }

                .djgz_section .left .ulbox ul li {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

                    .djgz_section .left .ulbox ul li a {
                        display: block;
                    }

                        .djgz_section .left .ulbox ul li a .picbox {
                            width: 60%;
                            margin: 0 auto;
                            padding-right: 0;
                            margin-bottom: 12px;
                        }

                        .djgz_section .left .ulbox ul li a .wordsbox .tit {
                            margin-bottom: 10px;
                            font-size: 16px;
                        }

                        .djgz_section .left .ulbox ul li a .wordsbox .info {
                            margin-bottom: 12px;
                            font-size: 14px;
                        }

        .djgz_section .right {
            width: 100%;
            padding: 12px;
            margin-top: 20px;
        }

            .djgz_section .right h2 {
                font-size: 16px;
                line-height: 20px;
                padding-bottom: 12px;
            }

            .djgz_section .right ul li {
                padding-top: 12px;
                padding-bottom: 12px;
            }

                .djgz_section .right ul li a .tit {
                    padding-left: 12px;
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 10px;
                }

                    .djgz_section .right ul li a .tit::after {
                        top: 9px;
                    }

                .djgz_section .right ul li a .date {
                    padding-left: 12px;
                }

                    .djgz_section .right ul li a .date img {
                        margin-right: 4px;
                    }
}

/*·ÖÒ³*/
.page_section {
    width: 100%;
}

    .page_section .page1 {
        width: 100%;
        font-size: 0;
        text-align: right;
    }

        .page_section .page1 .page_l {
            font-size: 0;
            margin-right: 16px;
            display: inline-block;
            vertical-align: middle;
        }

            .page_section .page1 .page_l a {
                display: inline-block;
                vertical-align: middle;
                margin-right: 8px;
            }

                .page_section .page1 .page_l a:last-child {
                    margin-right: 0;
                }

                .page_section .page1 .page_l a.boxs2 {
                    width: 32px;
                    height: 32px;
                    border: 1px solid #D9D9D9;
                    font-size: 14px;
                    color: #000000;
                    line-height: 30px;
                    border-radius: 2px;
                    text-align: center;
                }

                    .page_section .page1 .page_l a.boxs2:hover,
                    .page_section .page1 .page_l a.boxs2.on {
                        color: #1890FF;
                        border-color: #1890FF;
                    }

                .page_section .page1 .page_l a.boxs3 {
                    font-size: 14px;
                    color: #8C8C8C;
                    line-height: 32px;
                    width: 32px;
                    text-align: center;
                }

                .page_section .page1 .page_l a.boxs1,
                .page_section .page1 .page_l a.boxs4 {
                    width: 32px;
                    height: 32px;
                    border: 1px solid #D9D9D9;
                    position: relative;
                    border-radius: 2px;
                }

                    .page_section .page1 .page_l a.boxs1:hover,
                    .page_section .page1 .page_l a.boxs4:hover {
                        border-color: #1890FF;
                    }

                    .page_section .page1 .page_l a.boxs1::before {
                        content: "";
                        display: block;
                        width: 10px;
                        height: 10px;
                        border-top: 1px solid #000;
                        border-left: 1px solid #000;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin: -5px 0 0 -3px;
                        -webkit-transform: rotate(-45deg);
                        -moz-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                        -o-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .page_section .page1 .page_l a.boxs4::after {
                        content: "";
                        display: block;
                        width: 10px;
                        height: 10px;
                        border-top: 1px solid #000;
                        border-right: 1px solid #000;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin: -5px 0 0 -6px;
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

                    .page_section .page1 .page_l a.boxs1:hover::before,
                    .page_section .page1 .page_l a.boxs4:hover::after {
                        border-color: #1890FF;
                    }

        .page_section .page1 .page_r {
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }

            .page_section .page1 .page_r ._t {
                width: 96px;
                font-size: 0;
                text-align: center;
                border: 1px solid #D9D9D9;
                cursor: pointer;
            }

                .page_section .page1 .page_r ._t .words {
                    font-size: 14px;
                    color: #000000;
                    line-height: 30px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                .page_section .page1 .page_r ._t img {
                    width: 10px;
                    display: inline-block;
                    vertical-align: middle;
                }

            .page_section .page1 .page_r ._b {
                display: none;
                width: 100%;
                position: absolute;
                left: 0;
                top: calc(100% + 6px);
                background: #fff;
                box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
            }

                .page_section .page1 .page_r ._b a {
                    font-size: 16px;
                    color: #555;
                    line-height: 40px;
                    text-align: center;
                    display: block;
                    width: 100%;
                }

                    .page_section .page1 .page_r ._b a:hover {
                        background: #1890FF;
                        color: #fff;
                    }

@media screen and (max-width: 1024px) {
    .page_section .page2 {
        width: 100%;
        font-size: 0;
        text-align: center;
    }

        .page_section .page2 a {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #fff;
            line-height: 30px;
            border-radius: 15px;
            width: 80px;
            text-align: center;
            background: #1890FF;
        }

        .page_section .page2 span {
            font-size: 16px;
            color: #333;
            line-height: 30px;
            margin: 0 8px;
            display: inline-block;
            vertical-align: middle;
        }
}

/*ÍÅÌå»áÔ±*/
.tthy_box {
    padding-bottom: 28px;
    padding-top: 24px;
}

    .tthy_box .inputbox {
        width: 462px;
        margin-bottom: 20px;
        position: relative;
    }

        .tthy_box .inputbox::after {
            content: "";
            display: block;
            width: 1px;
            height: 16px;
            background: #979797;
            position: absolute;
            left: 39px;
            top: 50%;
            transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
        }

        .tthy_box .inputbox input {
            width: 100%;
            height: 40px;
            border: 1px solid #CDCDCD;
            border-radius: 19px;
            height: 38px;
            padding: 0 12px 0 46px;
            font-size: 14px;
            color: #333;
        }

            .tthy_box .inputbox input::-webkit-input-placeholder {
                font-size: 14px;
                color: #C1C1C1;
            }

            .tthy_box .inputbox input::-moz-placeholder {
                font-size: 14px;
                color: #C1C1C1;
            }

            .tthy_box .inputbox input::moz-placeholder {
                font-size: 14px;
                color: #C1C1C1;
            }

            .tthy_box .inputbox input:-ms-input-placeholder {
                font-size: 14px;
                color: #C1C1C1;
            }

        .tthy_box .inputbox img {
            width: 19px;
            display: block;
            position: absolute;
            left: 12px;
            top: 50%;
            margin-top: -9.5px;
        }

    .tthy_box .qh_t {
        width: 100%;
        width: calc(100% + 17px);
        overflow: hidden;
        margin: -8.5px;
    }

        .tthy_box .qh_t .list {
            width: 12.5%;
            float: left;
            padding: 8.5px;
        }

            .tthy_box .qh_t .list a {
                display: block;
                font-size: 18px;
                color: #4B4B4B;
                line-height: 48px;
                text-align: center;
                background: #F5F5F5;
                border-radius: 4px;
            }

            .tthy_box .qh_t .list:hover a,
            .tthy_box .qh_t .list.on a {
                color: #fff;
                background: #0665B0;
            }

    .tthy_box .qh_b {
        width: 100%;
        margin-top: 33px;
        margin-bottom: 44px;
    }

        .tthy_box .qh_b ul {
            margin: -16.5px -8.5px;
            overflow: hidden;
            width: calc(100% + 17px);
        }

            .tthy_box .qh_b ul li {
                width: 25%;
                float: left;
                padding: 16.5px 8.5px;
            }

                .tthy_box .qh_b ul li a {
                    width: 100%;
                    display: block;
                }

                    .tthy_box .qh_b ul li a .pic {
                        width: 100%;
                        padding-bottom: 32.05%;
                        position: relative;
                        overflow: hidden;
                        min-height: 50px;
                        border: 1px solid #D7D7D7;
                        border-radius: 4px;
                        -webkit-transition: 0.5s ease;
                        -moz-transition: 0.5s ease;
                        -ms-transition: 0.5s ease;
                        -o-transition: 0.5s ease;
                        transition: 0.5s ease;
                    }

                        .tthy_box .qh_b ul li a .pic img {
                            width: 100%;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            min-height: 100%;
                            -webkit-transform: translate(-50%, -50%);
                            -moz-transform: translate(-50%, -50%);
                            -ms-transform: translate(-50%, -50%);
                            -o-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                            -webkit-transition: all 0.5s ease-out 0s;
                            -moz-transition: all 0.5s ease-out 0s;
                            -o-transition: all 0.5s ease-out 0s;
                            transition: all 0.5s ease-out 0s;
                            transition: -webkit-transform 2s;
                            vertical-align: middle;
                            -ms-interpolation-mode: bicubic;
                        }

                    .tthy_box .qh_b ul li a:hover .pic img {
                        -webkit-transform: translate(-50%, -50%) scale(1.1);
                        -moz-transform: translate(-50%, -50%) scale(1.1);
                        transform: translate(-50%, -50%) scale(1.1);
                    }

                    .tthy_box .qh_b ul li a .words {
                        font-size: 16px;
                        color: #4B4B4B;
                        line-height: 20px;
                        margin-top: 15px;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                    }

@media screen and (max-width: 1680px) {
    .tthy_box {
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .tthy_box .inputbox {
            width: 400px;
            margin-bottom: 16px;
        }

            .tthy_box .inputbox::after {
                height: 14px;
                left: 38px;
            }

            .tthy_box .inputbox input {
                height: 36px;
                border-radius: 18px;
                height: 38px;
            }

        .tthy_box .qh_t {
            width: calc(100% + 12px);
            margin: -6px;
        }

            .tthy_box .qh_t .list {
                padding: 6px;
            }

                .tthy_box .qh_t .list a {
                    font-size: 14px;
                    line-height: 36px
                }

        .tthy_box .qh_b {
            margin-top: 26px;
            margin-bottom: 30px;
        }

            .tthy_box .qh_b ul {
                margin: -12px -6px;
                width: calc(100% + 12px);
            }

                .tthy_box .qh_b ul li {
                    padding: 12px 6px;
                }

                    .tthy_box .qh_b ul li a .words {
                        font-size: 14px;
                        margin-top: 12px;
                    }
}

@media screen and (max-width: 1024px) {
    .tthy_box {
        padding-bottom: 0;
        padding-top: 20px;
    }

        .tthy_box .inputbox {
            width: 100%;
            margin-bottom: 16px;
        }

            .tthy_box .inputbox::after {
                height: 14px;
                left: 30px;
            }

            .tthy_box .inputbox input {
                height: 34px;
                border-radius: 17px;
                padding: 0 10px 0 40px;
            }

            .tthy_box .inputbox img {
                width: 16px;
                left: 8px;
                margin-top: -8px;
            }

        .tthy_box .qh_t {
            width: calc(100% + 12px);
            margin: -6px;
        }

            .tthy_box .qh_t .list {
                width: 33.3333333%;
                padding: 6px;
            }

                .tthy_box .qh_t .list a {
                    font-size: 14px;
                    line-height: 32px;
                }

        .tthy_box .qh_b {
            margin-top: 14px;
            margin-bottom: 14px;
        }

            .tthy_box .qh_b ul {
                margin: -6px;
                width: calc(100% + 12px);
            }

                .tthy_box .qh_b ul li {
                    width: 50%;
                    padding: 6px;
                }

                    .tthy_box .qh_b ul li a {
                        width: 100%;
                        display: block;
                    }

                        .tthy_box .qh_b ul li a .words {
                            font-size: 14px;
                            margin-top: 10px;
                        }
}

/*研究会简介*/
.jlhd_section {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 51px;
    background: #F5F5F5;
}

    .jlhd_section .content {
        width: 100%;
    }

        .jlhd_section .content::after {
            content: "";
            display: block;
            clear: both;
        }

    .jlhd_section .left {
        width: 100%;
        float: left;
        background: #fff;
        padding: 23px 27px 14px 36px;
    }

        .jlhd_section .left .ejnav_box {
            width: 100%;
            border-bottom: 1px solid #E7E7E7;
        }

            .jlhd_section .left .ejnav_box ul {
                width: 100%;
                overflow: hidden;
            }

                .jlhd_section .left .ejnav_box ul li {
                    float: left;
                    margin-right: 57px;
                    position: relative;
                }

                    .jlhd_section .left .ejnav_box ul li:last-child {
                        margin-right: 0;
                    }

                    .jlhd_section .left .ejnav_box ul li a {
                        display: block;
                        font-size: 18px;
                        color: #989898;
                        line-height: 25px;
                        padding-bottom: 18px;
                    }

                    .jlhd_section .left .ejnav_box ul li:hover::after,
                    .jlhd_section .left .ejnav_box ul li.on::after {
                        content: "";
                        display: block;
                        width: 73px;
                        height: 3px;
                        position: absolute;
                        left: 50%;
                        bottom: 0;
                        border-radius: 3px;
                        background: #0665B0;
                        transform: translate(-50%, 0);
                        -ms-transform: translate(-50%, 0);
                        -webkit-transform: translate(-50%, 0);
                        -moz-transform: translate(-50%, 0);
                        -o-transform: translate(-50%, 0);
                    }

                    .jlhd_section .left .ejnav_box ul li:hover a,
                    .jlhd_section .left .ejnav_box ul li.on a {
                        color: #474747;
                    }

        .jlhd_section .left .ulbox {
            margin-top: 5px;
            margin-bottom: 17px;
            width: 100%;
        }

            .jlhd_section .left .ulbox ul {
                width: 100%;
            }

                .jlhd_section .left .ulbox ul li {
                    width: 100%;
                    border-bottom: 1px solid #E7E7E7;
                    padding-top: 20px;
                    padding-bottom: 20px;
                }

                    .jlhd_section .left .ulbox ul li a {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                        .jlhd_section .left .ulbox ul li a .picbox {
                            width: 29.7%;
                            padding-right: 22px;
                        }

                            .jlhd_section .left .ulbox ul li a .picbox .pic {
                                width: 100%;
                                padding-bottom: 58.23%;
                                position: relative;
                                overflow: hidden;
                                min-height: 50px;
                                -webkit-transition: 0.5s ease;
                                -moz-transition: 0.5s ease;
                                -ms-transition: 0.5s ease;
                                -o-transition: 0.5s ease;
                                transition: 0.5s ease;
                            }

                                .jlhd_section .left .ulbox ul li a .picbox .pic img {
                                    width: 100%;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    min-height: 100%;
                                    -webkit-transform: translate(-50%, -50%);
                                    -moz-transform: translate(-50%, -50%);
                                    -ms-transform: translate(-50%, -50%);
                                    -o-transform: translate(-50%, -50%);
                                    transform: translate(-50%, -50%);
                                    -webkit-transition: all 0.5s ease-out 0s;
                                    -moz-transition: all 0.5s ease-out 0s;
                                    -o-transition: all 0.5s ease-out 0s;
                                    transition: all 0.5s ease-out 0s;
                                    transition: -webkit-transform 2s;
                                    vertical-align: middle;
                                    -ms-interpolation-mode: bicubic;
                                }

                        .jlhd_section .left .ulbox ul li a:hover .picbox .pic img {
                            -webkit-transform: translate(-50%, -50%) scale(1.1);
                            -moz-transform: translate(-50%, -50%) scale(1.1);
                            transform: translate(-50%, -50%) scale(1.1);
                        }

                        .jlhd_section .left .ulbox ul li a .wordsbox {
                            width: 100%;
                        }

                            .jlhd_section .left .ulbox ul li a .wordsbox .tit {
                                font-size: 16px;
                                color: #000000;
                                line-height: 22px;
                                margin-bottom: 15px;
                                font-weight: bolder;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 1;
                            }

                        .jlhd_section .left .ulbox ul li a:hover .wordsbox .tit {
                            color: #0665B0;
                        }

                        .jlhd_section .left .ulbox ul li a .wordsbox .info {
                            font-size: 14px;
                            color: #7A7A7A;
                            line-height: 24px;
                            margin-bottom: 18px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                        }

                        .jlhd_section .left .ulbox ul li a .wordsbox .date {
                            width: 100%;
                            font-size: 0;
                        }

                            .jlhd_section .left .ulbox ul li a .wordsbox .date img {
                                width: 16px;
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 7px;
                            }

                            .jlhd_section .left .ulbox ul li a .wordsbox .date .wrods {
                                font-size: 14px;
                                color: #7A7A7A;
                                line-height: 18px;
                                display: inline-block;
                                vertical-align: middle;
                            }

@media screen and (max-width: 1680px) {
    .jlhd_section {
        padding-top: 20px;
        padding-bottom: 50px
    }

        .jlhd_section .left {
            padding: 20px 20px 14px 20px;
        }

            .jlhd_section .left .ejnav_box ul li {
                margin-right: 40px;
            }

                .jlhd_section .left .ejnav_box ul li a {
                    font-size: 16px;
                    line-height: 22px;
                    padding-bottom: 14px;
                }

                .jlhd_section .left .ejnav_box ul li.on::after {
                    width: 64px;
                    height: 3px;
                }

            .jlhd_section .left .ulbox ul li {
                padding-top: 16px;
                padding-bottom: 16px;
            }

                .jlhd_section .left .ulbox ul li a .picbox {
                    width: 30%;
                    padding-right: 16px;
                }

                .jlhd_section .left .ulbox ul li a .wordsbox .tit {
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 12px;
                }

                .jlhd_section .left .ulbox ul li a .wordsbox .info {
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 14px;
                }
}

@media screen and (max-width: 1024px) {
    .jlhd_section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .jlhd_section .left {
            width: 100%;
            padding: 12px;
        }

            .jlhd_section .left .ejnav_box ul li {
                margin-right: 10px;
            }

                .jlhd_section .left .ejnav_box ul li a {
                    font-size: 16px;
                    line-height: 20px;
                    padding-bottom: 12px;
                }

                .jlhd_section .left .ejnav_box ul li:hover::after,
                .jlhd_section .left .ejnav_box ul li.on::after {
                    height: 2px;
                    border-radius: 2px;
                }

            .jlhd_section .left .ulbox {
                margin-bottom: 12px;
            }

                .jlhd_section .left .ulbox ul li {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

                    .jlhd_section .left .ulbox ul li a {
                        display: block;
                    }

                        .jlhd_section .left .ulbox ul li a .picbox {
                            width: 60%;
                            margin: 0 auto;
                            padding-right: 0;
                            margin-bottom: 12px;
                        }

                        .jlhd_section .left .ulbox ul li a .wordsbox .tit {
                            margin-bottom: 10px;
                            font-size: 16px;
                        }

                        .jlhd_section .left .ulbox ul li a .wordsbox .info {
                            margin-bottom: 12px;
                            font-size: 14px;
                        }
}

/*联系我们*/
.lxwm_section {
    width: 100%;
    padding-top: 21px;
    padding-bottom: 60px;
    background: #F5F5F5;
}

    .lxwm_section .content {
        width: 100%;
        background: #fff;
        padding: 23px 36px 89px 37px;
    }

        .lxwm_section .content h2 {
            font-size: 18px;
            color: #474747;
            line-height: 25px;
            position: relative;
            border-bottom: 1px solid #E7E7E7;
            padding-bottom: 18px;
        }

            .lxwm_section .content h2::after {
                content: "";
                display: block;
                width: 73px;
                height: 3px;
                background: #0665B0;
                position: absolute;
                left: 0;
                bottom: 0;
                border-radius: 3px;
            }

        .lxwm_section .content .boxs {
            width: 100%;
            margin-top: 40px;
        }

            .lxwm_section .content .boxs::after {
                content: "";
                display: block;
                clear: both;
            }

            .lxwm_section .content .boxs .left {
                width: 50.86%;
                float: left;
                padding-right: 62px;
            }

                .lxwm_section .content .boxs .left ._lbox {
                    width: 100%;
                    border: 1px solid #F0F0F0;
                }

                    .lxwm_section .content .boxs .left ._lbox .titbox {
                        width: 100%;
                        background: #F3F3F3;
                        padding: 28px 37px 26px 37px;
                    }

                        .lxwm_section .content .boxs .left ._lbox .titbox .tit1 {
                            font-size: 20px;
                            color: #040404;
                            line-height: 24px;
                            margin-bottom: 2px;
                            font-weight: bolder;
                        }

                        .lxwm_section .content .boxs .left ._lbox .titbox .tit2 {
                            font-size: 15px;
                            color: #040404;
                            line-height: 21px;
                            opacity: 0.25;
                        }

                    .lxwm_section .content .boxs .left ._lbox .listbox {
                        width: 100%;
                    }

                        .lxwm_section .content .boxs .left ._lbox .listbox .list {
                            border-bottom: 1px solid #F0F0F0;
                            padding: 24.5px 26px 24.5px 40px;
                            font-size: 0;
                        }

                            .lxwm_section .content .boxs .left ._lbox .listbox .list img {
                                width: 24px;
                                display: inline-block;
                                vertical-align: top;
                            }

                            .lxwm_section .content .boxs .left ._lbox .listbox .list .words {
                                font-size: 16px;
                                color: #393939;
                                line-height: 24px;
                                display: inline-block;
                                vertical-align: top;
                                width: calc(100% - 26px);
                                padding-left: 12px;
                            }

            .lxwm_section .content .boxs .right {
                width: 49.14%;
                float: right;
            }

                /*.lxwm_section .content .boxs .right ._mapbox{height:398px!important;}*/
                .lxwm_section .content .boxs .right ._mapbox {
                    text-align: center;
                }

@media screen and (max-width: 1680px) {
    .lxwm_section {
        padding-top: 20px;
        padding-bottom: 40px
    }

        .lxwm_section .content {
            padding: 20px 20px 50px 20px;
        }

            .lxwm_section .content h2 {
                font-size: 16px;
                line-height: 20px;
                padding-bottom: 14px;
            }

            .lxwm_section .content .boxs {
                margin-top: 30px;
            }

                .lxwm_section .content .boxs .left {
                    padding-right: 40px;
                }

                    .lxwm_section .content .boxs .left ._lbox .titbox {
                        padding: 24px 30px 24px 30px;
                    }

                        .lxwm_section .content .boxs .left ._lbox .titbox .tit1 {
                            font-size: 18px;
                            line-height: 22px
                        }

                        .lxwm_section .content .boxs .left ._lbox .titbox .tit2 {
                            font-size: 14px;
                            line-height: 20px
                        }

                    .lxwm_section .content .boxs .left ._lbox .listbox .list {
                        padding: 24px 24px 24px 30px;
                    }

                        .lxwm_section .content .boxs .left ._lbox .listbox .list .words {
                            font-size: 14px;
                        }

    /*.lxwm_section .content .boxs .right ._mapbox{height:386px!important;}*/
}

@media screen and (max-width: 1400px) {
    .lxwm_section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .lxwm_section .content {
            padding: 12px;
        }

            .lxwm_section .content h2 {
                font-size: 16px;
                line-height: 20px;
                padding-bottom: 12px;
            }

                .lxwm_section .content h2::after {
                    width: 64px;
                    height: 2px;
                }

            .lxwm_section .content .boxs {
                margin-top: 20px;
            }

                .lxwm_section .content .boxs .left {
                    width: 100%;
                    padding-right: 0;
                    margin-bottom: 16px;
                }

                    .lxwm_section .content .boxs .left ._lbox .titbox {
                        padding: 12px;
                    }

                        .lxwm_section .content .boxs .left ._lbox .titbox .tit1 {
                            font-size: 18px;
                            line-height: 22px;
                        }

                        .lxwm_section .content .boxs .left ._lbox .titbox .tit2 {
                            font-size: 14px;
                            line-height: 20px;
                        }

                    .lxwm_section .content .boxs .left ._lbox .listbox .list {
                        padding: 12px;
                    }

                        .lxwm_section .content .boxs .left ._lbox .listbox .list .words {
                            font-size: 14px;
                            padding-left: 8px;
                        }

                .lxwm_section .content .boxs .right {
                    width: 100%;
                    float: right;
                }

    /*.lxwm_section .content .boxs .right ._mapbox{height:160px!important;}*/
}



/*20221115start*/
.menu .nli {
    position: relative;
}

.menu .sub {
    float: left;
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    background: #fff;
    display: none;
    /* 二级菜单宽度跟随一级菜单项（li）宽度，保持选中背景与下拉宽度一致 */
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    /*-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;*/
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -moz-transform: none;
    -o-transform: none;
}

    .menu .sub li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ecf2f6;
    }

        .menu .sub li:last-child {
            border-bottom: none;
        }

        .menu .sub li a {
            float: left;
            width: 100%;
            color: #333;
            font-size: 16px;
            line-height: 24px;
            padding: 6px 0px;
        }

/* PC端（>1024px）：二级菜单文字不折行（避免6个字/更长时换行撑高） */
@media screen and (min-width: 1025px) {

    /* 1) 一级栏目等宽：让“选中区域宽度”与二级下拉宽度天然一致（因为二级 sub 是 width:100% 跟随 nli） */
    .menu .ul {
        justify-content: space-between;
        /* 保持原意：铺满整行 */
    }

    .menu .nli {
        flex: 1 1 0;
        min-width: 0;
        /* 避免某些浏览器下 flex 子项被内容撑爆 */
    }

        .menu .nli > span {
            display: block;
            width: 100%;
        }

            .menu .nli > span > a {
                float: none;
                width: 100%;
                padding: 0 18px;
                /* 适当加宽主导航栏目，提升二级下拉可用宽度 */
                box-sizing: border-box;
                white-space: nowrap;
            }

    /* 二级菜单：保持竖向下拉（不是横向一排），但不要省略号
       注意：public.js 的 fadeIn 会写 inline display:block，这里用 !important 确保样式生效 */
    .menu .sub[style*="display:block"],
    .menu .sub[style*="display: block"] {
        display: block !important;
        /* 2) 二级下拉宽度严格跟随一级栏目宽度，保证“选中区域”和下拉对齐 */
        width: 100%;
        min-width: 100%;
        max-width: none;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden;
        /* 防止文字/背景溢出下拉框 */
    }

    .menu .sub li {
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ecf2f6;
    }

        .menu .sub li:last-child {
            border-bottom: none;
        }

        .menu .sub li a {
            display: block;
            /* 文字必须在二级下拉框区域内显示：允许自动换行/断词，不使用省略号 */
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: break-word;
            /* 显示完整文字（不省略号；如宽度不足则换行） */
            overflow: hidden;
            text-overflow: clip;
            float: none;
            width: 100%;
            box-sizing: border-box;
            line-height: 22px;
            padding: 5px 0px;
            font-size: 14px;
        }
}

/* PC端二级菜单：根据不同浏览器宽度微调字号/内边距（作用于 .menu .sub li a） */
@media screen and (min-width: 1600px) {
    .menu .sub li a {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 7px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1599px) {
    .menu .sub li a {
        font-size: 15px;
        line-height: 22px;
        padding: 8px 4px;
    }
}

@media screen and (min-width: 1360px) and (max-width: 1439px) {
    .menu .sub li a {
        font-size: 15px;
        line-height: 22px;
        padding: 7px 12px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1359px) {
    .menu .sub li a {
        font-size: 13px;
        line-height: 20px;
        padding: 7px 4px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .menu .sub li a {
        font-size: 13px;
        line-height: 20px;
        padding: 6px 4px;
    }
}

.menu .sub li:hover {
    background: #3b82f6;
}

    .menu .sub li:hover a {
        color: #fff;
    }

.indexL .bd .li2 a {
    padding: 28px 23px 23px 122px;
}

.vipBox-1 .cont .text1 {
    background: #F3F3F3;
    border: none;
    border-radius: 0;
    line-height: 26px;
    padding-top: 7px;
    padding-bottom: 7px;
    overflow: hidden;
}

.vipBox-1 .fileD .info span {
    word-wrap: break-word;
}

.vipBox-1 .down {
    z-index: 6;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 255px
}

    .vipBox-1 .down::-webkit-scrollbar {
        width: 3px
    }

    .vipBox-1 .down::-webkit-scrollbar-track {
        background-color: #A9A9A9;
        border-radius: 3px
    }

    .vipBox-1 .down::-webkit-scrollbar-thumb {
        width: 3px;
        height: 60px;
        background-color: #0665B0;
        border-radius: 3px
    }

.vipBox-1 .cont .btn {
    float: right;
    position: absolute;
    right: 13px;
    top: 50%;
    width: 0;
    height: 0;
    content: '';
    margin-top: -2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
}



.vipBox-1 .cont .text1 {
    background: none;
}

.vipBox-1 .cont .textarea {
    background: #F3F3F3;
}

.vipBox-1 .cont .textarea1 {
    background: #F3F3F3;
}

.indexL .bd li a h5 {
    height: 22px;
}

.indexL .bd li a h6 {
    height: 20px;
}

.indexR .bd li a h5 {
    height: 22px;
}

.indexR .bd li a h6 {
    height: 20px;
}



/*20221115end*/

/*20221118end*/
.wxzc_section {
    position: relative;
    z-index: 5;
}

/*20221118end*/


.ResulitList {
    overflow: hidden;
}


.vipBox .cont .ico_pwd {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.vipA .ico_pwd {
    float: left;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}



/*0729start*/
.jlhd_section .left .ejnav_box ul li:hover a,
.jlhd_section .left .ejnav_box ul li.on a {
    color: #0665B0;
}

.jlhd_section .left .ulbox ul li {
    position: relative;
}

    .jlhd_section .left .ulbox ul li a {
        align-items: flex-start;
    }

        .jlhd_section .left .ulbox ul li a .wordsbox .info {
            min-height: 48px;
        }

        .jlhd_section .left .ulbox ul li a .wordsbox {
            padding-right: 200px;
        }

    .jlhd_section .left .ulbox ul li .btn {
        position: absolute;
        right: 0;
        bottom: 20px;
        width: 158px;
        height: 48px;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 1px;
        color: #FFFFFF;
        background: #0665B0;
        border-radius: 2px;
    }

        .jlhd_section .left .ulbox ul li .btn:hover {
            background: #1890FF !important;
            color: #fff !important;
        }

    .jlhd_section .left .ulbox ul li a .wordsbox .date {
        padding-top: 12px;
    }

    .jlhd_section .left .ulbox ul li a .picbox {
        width: 33%;
    }

    .jlhd_section .left .ulbox ul li a .wordsbox .tit {
        margin-top: 4px;
    }

@media screen and (max-width: 1400px) {
    .jlhd_section .left .ulbox ul li a .wordsbox {
        padding-right: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .jlhd_section .left .ulbox ul li {
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .jlhd_section .left .ulbox ul li a {
            display: flex;
        }

            .jlhd_section .left .ulbox ul li a .picbox {
                width: 180px;
                min-width: 180px;
                margin: 0 12px 0 0;
            }

            .jlhd_section .left .ulbox ul li a .wordsbox {
                padding-right: 0;
            }

                .jlhd_section .left .ulbox ul li a .wordsbox .tit {
                    font-size: 15px;
                    margin-top: 0;
                    margin-bottom: 4px;
                }

                .jlhd_section .left .ulbox ul li a .wordsbox .date {
                    padding: 2px 0 8px 0;
                }

                .jlhd_section .left .ulbox ul li a .wordsbox .info {
                    margin-bottom: 10px;
                    min-height: 44px;
                }

        .jlhd_section .left .ulbox ul li .btn {
            bottom: 12px;
            padding-bottom: 1px;
            width: 80px;
            height: 30px;
            font-size: 12px;
            line-height: 24px;
        }
}

@media screen and (max-width: 767px) {
    .jlhd_section .left .ulbox ul li a {
        display: block;
    }

        .jlhd_section .left .ulbox ul li a .picbox {
            width: 100%;
            min-width: 100%;
            margin: 0 0 12px 0;
        }
}


.gjhyxq_section .content .info {
    color: #3F3F3F;
    line-height: 28px;
    letter-spacing: 2px;
    padding-top: 36px;
    padding-bottom: 40px;
    border-top: 0;
    border-bottom: 1px solid #EBEBEB;
}

.gjhyxq_section .content h2 {
    /*    font-weight: 600;*/
    font-size: 24px;
    line-height: 30px;
    color: #474747;
    text-align: center;
    border-top: 1px dashed #EBEBEB;
    margin: 0;
    padding: 50px 0 50px 0;
}

@media screen and (max-width:1680px) {
    .gjhyxq_section .content .info {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
    }

    .gjhyxq_section .content h2 {
        font-size: 28px;
        line-height: 26px;
        /*font-weight: bold;*/
        color: #3F3F3F;
    }
}

@media screen and (max-width:1024px) {
    .gjhyxq_section .content .info {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .gjhyxq_section .content h2 {
        padding: 20px 0 10px 0;
    }
}

._ulbox {
    width: 100%;
    display: flex;
    position: relative;
    margin: 56px 0;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 25px;
}

    ._ulbox .picbox {
        width: 41%;
        padding-right: 46px;
    }

        ._ulbox .picbox .pic {
            width: 100%;
            padding-bottom: 66.66%;
            position: relative;
            overflow: hidden;
            min-height: 50px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }

            ._ulbox .picbox .pic img {
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                min-height: 100%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

    ._ulbox:hover .picbox .pic img {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -moz-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }

    ._ulbox .wordsbox {
        width: 100%;
    }

        ._ulbox .wordsbox .tit {
            font-size: 16px;
            color: #000000;
            line-height: 22px;
            margin-bottom: 15px;
            font-weight: bolder;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

    ._ulbox:hover .wordsbox .tit {
        color: #0665B0;
    }

    ._ulbox .wordsbox .info1 {
        font-size: 14px;
        color: #7A7A7A;
        line-height: 24px;
        margin-bottom: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ._ulbox .wordsbox .date {
        width: 100%;
        font-size: 0;
    }

        ._ulbox .wordsbox .date img {
            width: 16px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 7px;
        }

        ._ulbox .wordsbox .date .wrods {
            font-size: 14px;
            color: #7A7A7A;
            line-height: 18px;
            display: inline-block;
            vertical-align: middle;
        }

    ._ulbox .btn {
        margin-top: 40px;
        width: 165px;
        height: 40px;
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 1px;
        color: #FFFFFF;
        background: #0665B0;
        border-radius: 5px;
    }

        ._ulbox .btn:hover {
            background: #94BFFF;
        }

.content-2 ._ulbox .wordsbox .date .wrods {
    margin-right: 32px;
}

    .content-2 ._ulbox .wordsbox .date .wrods:last-child {
        margin-right: 0 !important;
    }

.content-2 ._ulbox .btn {
    color: #0665B0;
    background: none;
    border: 1px solid #0665B0;
}

    .content-2 ._ulbox .btn:hover {
        color: #fff;
        background: #0665B0;
        border: 1px solid #0665B0;
    }


@media screen and (max-width: 1680px) {
    ._ulbox .picbox {
        width: 30%;
        padding-right: 16px;
    }

    ._ulbox .wordsbox .tit {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    ._ulbox .wordsbox .info1 {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .content-2 ._ulbox .wordsbox .date .wrods {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    ._ulbox {
        margin: 20px 0;
        padding: 0;
    }

        ._ulbox .picbox {
            width: 180px;
            min-width: 180px;
            padding-right: 0;
            margin: 0 12px 0 0;
        }

        ._ulbox .wordsbox {
            position: relative;
        }

            ._ulbox .wordsbox .tit {
                margin-bottom: 8px;
                font-size: 15px;
            }

            ._ulbox .wordsbox .info1 {
                margin-bottom: 10px;
                font-size: 14px;
                min-height: 44px;
            }

        ._ulbox .btn {
            position: absolute;
            right: 0;
            bottom: 0;
            padding-bottom: 1px;
            margin: 0;
            width: 80px;
            height: 30px;
            font-size: 12px;
            line-height: 24px;
        }

        ._ulbox .wordsbox .date .wrods {
            line-height: 30px;
        }

    .content-2 ._ulbox .wordsbox .date .wrods {
        line-height: 30px;
    }
}

@media screen and (max-width: 767px) {
    ._ulbox {
        flex-wrap: wrap;
    }

        ._ulbox .picbox {
            width: 100%;
            min-width: 100%;
            margin: 0 0 12px 0;
        }
}



.gjhyxq_section ._ulbox-1 {
    margin: 20px 0 !important;
    align-items: center;
}

.gjhyxq_section .content-1 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0 !important;
}

.gjhyxq_section .content-2 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0 !important;
}

    .gjhyxq_section .content-2 .da_section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .gjhyxq_section .content-2 .box-1 {
        color: #7A7A7A;
        font-size: 12px;
    }

        .gjhyxq_section .content-2 .box-1 a {
            color: #7A7A7A;
            font-size: 14px;
        }

.gjhyxq_section-1 {
    padding-bottom: 0;
}

.gjhyxq_section-2 {
    padding-bottom: 20px;
}


.hdbm3 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
    background: #fff;
    margin-top: 21px;
    padding: 15px 37px;
}

    .hdbm3 .right {
        display: flex;
        align-items: center;
    }

    .hdbm3 .tool {
        display: flex;
        margin-right: 16px;
        font-size: 20px;
        line-height: 36px;
        color: #252525;
    }

        .hdbm3 .tool span {
            font-weight: 600;
            color: #0665B0;
            font-size: 30px;
        }

    .hdbm3 .button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        width: 158px;
        height: 48px;
        font-size: 16px;
        font-weight: 500;
        background: #0665B0;
        border-radius: 2px;
    }

        .hdbm3 .button:hover {
            background: #1890FF;
        }


@media screen and (max-width: 1024px) {
    .hdbm3 {
        margin-top: 20px;
        padding: 12px 12px;
    }

        .hdbm3 .button {
            width: 90px;
            height: 34px;
            font-size: 14px;
            padding-bottom: 1px;
        }

        .hdbm3 .tool {
            margin-right: 12px;
            font-size: 16px;
            line-height: 26px;
        }

            .hdbm3 .tool span {
                font-size: 22px;
            }
}



.hdbm2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-top: 21px;
}

    .hdbm2 .right {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        background: #fff;
        width: 25.3%;
        padding: 20px;
    }

    .hdbm2 .title {
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        color: #000000;
    }

    .hdbm2 .left {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 73.2%;
    }

    .hdbm2 .box1 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background: #fff;
        padding: 33px 30px 24px 30px;
        margin-top: 18px;
    }

    .hdbm2 .textarea {
        display: block;
        width: 100%;
        height: 97px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.4);
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        padding: 5px 8px;
        margin-top: 20px;
    }

    .hdbm2 .file {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 114px;
        position: relative;
        height: 40px;
        line-height: 1;
        border: 2px solid #ECF2F6;
        color: #2D2D2D;
        font-size: 14px;
        font-weight: 500;
        margin-top: 20px;
    }

        .hdbm2 .file input {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 6;
            cursor: pointer;
        }

    .hdbm2 .paly {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px;
    }

        .hdbm2 .paly .li {
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 114px;
            height: 40px;
            line-height: 1;
            border: 2px solid #ECF2F6;
            color: #2D2D2D;
            font-size: 14px;
            font-weight: 500;
            margin: 0 60px 3px 0;
        }

            .hdbm2 .paly .li.on {
                background: #0665B0;
                border: 2px solid #0665B0;
                color: #fff;
            }

    .hdbm2 .rbox {
        display: block;
        width: 100%;
    }

        .hdbm2 .rbox .title {
            margin-bottom: 2px;
        }

        .hdbm2 .rbox .down {
            display: block;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
            padding: 14px 0 6px 0;
        }

            .hdbm2 .rbox .down:last-child {
                border-bottom: 0;
            }

        .hdbm2 .rbox .dd {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            color: #434343;
            font-weight: 600;
            font-size: 16px;
            line-height: 28px;
            padding: 5px 0;
        }

        .hdbm2 .rbox .d1 {
            color: #7A7A7A;
            font-weight: 400;
        }

        .hdbm2 .rbox .num1 {
            color: #faad14;
        }

    .hdbm2 .box0 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background: #fff;
        padding: 33px 30px 24px 30px;
    }

        .hdbm2 .box0 .tit0 {
            display: block;
            width: 100%;
            color: rgba(0, 0, 0, 0.9);
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
        }

        .hdbm2 .box0 .tit1 {
            display: block;
            width: 100%;
            color: rgba(0, 0, 0, 0.9);
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
        }

        .hdbm2 .box0 .tit3 {
            display: block;
            color: rgba(0, 0, 0, 0.9);
            font-size: 14px;
            line-height: 32px;
            padding-right: 9px;
            white-space: nowrap;
        }

        .hdbm2 .box0 .name {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
            margin: 10px 0 25px 0;
        }

            .hdbm2 .box0 .name .dd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: #ecf2f6;
                color: #0665B0;
                font-weight: 500;
                font-size: 14px;
                line-height: 30px;
                padding: 5px 8px 5px 20px;
                margin-right: 10px;
                min-width: 114px;
            }

                .hdbm2 .box0 .name .dd i {
                    cursor: pointer;
                    display: flex;
                    position: relative;
                    width: 28px;
                    height: 28px;
                }

                    .hdbm2 .box0 .name .dd i::after,
                    .hdbm2 .box0 .name .dd i::before {
                        display: block;
                        content: '';
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%) rotate(45deg);
                        -ms-transform: translate(-50%, -50%) rotate(45deg);
                        background: #0665b0;
                    }

                    .hdbm2 .box0 .name .dd i::after {
                        width: 10px;
                        height: 1px;
                    }

                    .hdbm2 .box0 .name .dd i::before {
                        height: 10px;
                        width: 1px;
                    }

                .hdbm2 .box0 .name .dd.on {
                    background: #0665b0;
                    color: #fff;
                }

                    .hdbm2 .box0 .name .dd.on i::after,
                    .hdbm2 .box0 .name .dd.on i::before {
                        background: #fff;
                    }

            .hdbm2 .box0 .name .ico {
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: space-between;
                position: relative;
                background: #ecf2f6;
                height: 40px;
                width: 40px;
            }

                .hdbm2 .box0 .name .ico::after,
                .hdbm2 .box0 .name .ico::before {
                    display: block;
                    content: '';
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    background: #0665b0;
                }

                .hdbm2 .box0 .name .ico::after {
                    width: 10px;
                    height: 1px;
                }

                .hdbm2 .box0 .name .ico::before {
                    height: 10px;
                    width: 1px;
                }

    .hdbm2 .form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        margin: 1px 0 37px 0;
    }

        .hdbm2 .form .lab {
            display: block;
            width: 45.7%;
            position: relative;
            margin-top: 24px;
        }

        .hdbm2 .form .tit2 {
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 22px;
            color: rgba(0, 0, 0, 0.9);
        }

            .hdbm2 .form .tit2 span {
                color: #d54941;
            }

        .hdbm2 .form .input {
            display: block;
            width: 100%;
            font-size: 14px;
            line-height: 22px;
            height: 32px;
            color: #000;
            margin-top: 8px;
            border-radius: 2px;
            border: 1px solid #dcdcdc;
            padding: 4px 7px;
        }

        .hdbm2 .form .sex {
            font-size: 14px;
            line-height: 22px;
            color: #666;
            height: 32px;
            padding-top: 5px;
            margin-top: 8px;
        }

            .hdbm2 .form .sex span {
                padding: 0 15px 0 5px;
            }

    .hdbm2 .jt::after {
        display: block;
        width: 8px;
        height: 8px;
        content: '';
        position: absolute;
        right: 11px;
        bottom: 14px;
        z-index: 6;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }

    .hdbm2 .leixing {
        display: flex;
        width: 100%;
        margin-top: 29px;
    }

        .hdbm2 .leixing .ul {
            display: flex;
            flex-wrap: wrap;
        }

            .hdbm2 .leixing .ul .li {
                float: left;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.9);
                cursor: pointer;
                line-height: 32px;
                margin-right: 24px;
                padding-left: 24px;
                background: url(../images/04.png) left center no-repeat;
            }

                .hdbm2 .leixing .ul .li:last-child {
                    margin-right: 0 !important;
                }

                .hdbm2 .leixing .ul .li.on {
                    background: url(../images/05.png) left center no-repeat;
                }

    .hdbm2 .date {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 15px;
    }

        .hdbm2 .date .ul {
            display: flex;
            width: 400px;
            border-radius: 2px;
            border: 1px solid #dcdcdc;
            color: rgba(0, 0, 0, 0.4);
            font-size: 14px;
            line-height: 30px;
            height: 32px;
            margin-right: 24px;
        }

            .hdbm2 .date .ul .div {
                cursor: pointer;
                display: flex;
                width: 50%;
                padding: 0 7px;
            }

            .hdbm2 .date .ul .end {
                background: url(../images/08.png) 96% center no-repeat;
            }

    .hdbm2 .yi-date {
        width: -webkit-calc(100% - 504px);
        width: -moz-calc(100% - 504px);
        width: calc(100% - 504px);
        font-size: 14px;
        line-height: 24px;
        color: #FAAD14;
        padding-left: 31px;
        background: url(../images/09.png) left 1px no-repeat;
        margin: 5px 0 0 0;
    }

    .hdbm2 .cysj {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 11px 0 27px 0;
    }

        .hdbm2 .cysj .dd {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin-top: 10px;
        }

        .hdbm2 .cysj .ul {
            display: flex;
            flex-wrap: wrap;
        }

            .hdbm2 .cysj .ul .li {
                cursor: pointer;
                display: flex;
                flex-wrap: wrap;
                color: rgba(0, 0, 0, 0.9);
                font-size: 14px;
                line-height: 32px;
                padding-left: 25px;
                background: url(../images/06.png) left center no-repeat;
                margin-right: 16px;
            }

                .hdbm2 .cysj .ul .li.on {
                    background: url(../images/07.png) left center no-repeat;
                }

    .hdbm2 .lbox {
        display: block;
        width: 100%;
    }

    .hdbm2 .no-zhu {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.9);
        margin-top: 33px;
    }

    .hdbm2 .jiudian {
        display: flex;
        width: 100%;
        margin-top: 15px;
    }

        .hdbm2 .jiudian .ul {
            display: flex;
            position: relative;
            width: 400px;
        }

        .hdbm2 .jiudian .div {
            cursor: pointer;
            display: block;
            width: 100%;
            border-radius: 2px;
            border: 1px solid #dcdcdc;
            color: rgba(0, 0, 0, 0.4);
            font-size: 14px;
            line-height: 30px;
            height: 32px;
            padding: 0 7px;
        }

        .hdbm2 .jiudian .down {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            background: #fff;
            display: none;
            flex-wrap: wrap;
            float: left;
            width: 100%;
            position: absolute;
            left: 0;
            top: 100%;
            z-index: 6;
            border-radius: 2px;
            border: 1px solid #dcdcdc;
            color: rgba(0, 0, 0, 0.4);
            font-size: 14px;
            line-height: 24px;
            padding: 8px 0;
            margin-top: -1px;
        }

            .hdbm2 .jiudian .down .li {
                cursor: pointer;
                display: block;
                width: 100%;
                padding: 0 7px;
            }

                .hdbm2 .jiudian .down .li:hover {
                    color: #0665B0;
                }

    .hdbm2 .leixing-1 {
        margin-top: 15px;
    }


@media screen and (max-width: 1024px) {
    .hdbm2 {
        flex-wrap: wrap-reverse;
        margin-top: 20px;
    }

        .hdbm2 .right {
            width: 100%;
            padding: 12px 12px;
        }

        .hdbm2 .left {
            width: 100%;
            margin-top: 18px;
        }

        .hdbm2 .box1 {
            padding: 12px 12px;
        }

        .hdbm2 .box0 {
            padding: 12px 12px;
        }

        .hdbm2 .textarea {
            margin-top: 10px;
        }

        .hdbm2 .title {
            font-size: 16px;
            line-height: 24px;
        }

        .hdbm2 .file {
            margin-top: 10px;
            width: 90px;
            height: 34px;
            font-size: 14px;
            padding-bottom: 1px;
        }

        .hdbm2 .paly {
            margin-top: 10px;
        }

            .hdbm2 .paly .li {
                width: 90px;
                height: 34px;
                font-size: 14px;
                margin: 0 15px 3px 0;
            }

        .hdbm2 .rbox .title {
            margin-bottom: 0;
        }

        .hdbm2 .rbox .down {
            padding: 10px 0 6px 0;
        }

        .hdbm2 .rbox .dd {
            font-size: 14px;
            line-height: 24px;
            padding: 1px 0;
        }

        .hdbm2 .form {
            margin: 1px 0 18px 0;
        }

            .hdbm2 .form .lab {
                margin-top: 12px;
                width: 48.5%;
            }

            .hdbm2 .form .input {
                margin-top: 6px;
            }

        .hdbm2 .box0 .name {
            margin: 10px 0 15px 0;
        }

            .hdbm2 .box0 .name .dd {
                font-size: 12px;
                line-height: 24px;
                padding: 3px 2px 3px 12px;
                margin-right: 8px;
                min-width: 90px;
            }

            .hdbm2 .box0 .name .ico {
                height: 34px;
                width: 34px;
            }

        .hdbm2 .box0 .tit3 {
            line-height: 32px;
            padding-right: 2px;
        }

        .hdbm2 .cysj {
            margin: 10px 0 16px 0;
        }

            .hdbm2 .cysj .dd {
                margin-top: 0;
            }

        .hdbm2 .leixing {
            margin-top: 18px;
        }

            .hdbm2 .leixing .ul .li {
                margin-right: 12px;
                padding-left: 21px;
            }

        .hdbm2 .yi-date {
            width: 100%;
            font-size: 13px;
            line-height: 22px;
            padding-left: 24px;
            margin: 15px 0 5px 0;
            background-size: 18px 18px;
        }

        .hdbm2 .date .ul {
            margin-right: 0;
            width: -webkit-calc(100% - 72px);
            width: -moz-calc(100% - 72px);
            width: calc(100% - 72px);
        }

        .hdbm2 .no-zhu {
            margin-top: 20px;
        }

        .hdbm2 .leixing-1 {
            margin-top: 15px;
        }
}

.dhbm-name {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    z-index: 8;
    border-bottom: 1px solid #ebebeb;
    margin-top: 20px;
    margin-bottom: -20px;
}

    .dhbm-name ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .dhbm-name .li {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ecf2f6;
        color: #0665B0;
        font-weight: 500;
        font-size: 14px;
        line-height: 30px;
        padding: 5px 15px;
        margin-right: 10px;
        min-width: 110px;
    }

        .dhbm-name .li.on {
            background: #0665b0;
            color: #fff;
        }


@media screen and (max-width: 1024px) {
    .dhbm-name .li {
        font-size: 12px;
        line-height: 24px;
        padding: 3px 12px;
        margin-right: 8px;
        min-width: 80px;
    }
}


.dhbm1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .dhbm1 .ul {
        display: block;
        width: 100%;
    }

    .dhbm1 .li {
        display: block;
        width: 100%;
    }

    .dhbm1 .box {
        display: block;
        width: 100%;
        background: #fff;
        margin-top: 20px;
        padding: 30px 54px 30px 54px;
    }

    .dhbm1 .title {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        color: rgba(0, 0, 0, 0.9);
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        margin-top: 18px;
        padding: 0 16px;
    }

    .dhbm1 .info {
        display: flex;
        flex-wrap: wrap;
        color: #7A7A7A;
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px;
        width: 100%;
    }

    .dhbm1 .p {
        display: flex;
        flex-wrap: wrap;
        padding: 0 16px;
    }

        .dhbm1 .p a {
            color: #0665B0;
        }

            .dhbm1 .p a:hover {
                text-decoration: underline;
            }

    .dhbm1 .slick-dots {
        display: flex;
        width: 100%;
        position: static;
        margin: 20px 0 0 0;
        justify-content: center;
    }

        .dhbm1 .slick-dots li {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #fff;
            margin: 0 5px;
        }

        .dhbm1 .slick-dots .slick-active {
            background: #0665b0;
        }

@media screen and (max-width: 1680px) {
    .dhbm1 .title {
        padding: 0 10px;
    }

    .dhbm1 .p {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1024px) {
    .dhbm1 .box {
        padding: 10px 7px 20px 7px;
    }

    .dhbm1 .title {
        margin-top: 14px;
        padding: 0 8px;
    }

    .dhbm1 .info {
        font-size: 13px;
        margin-top: 5px;
    }

    .dhbm1 .p {
        padding: 0 10px;
    }
}


.dhbm-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.55);
    display: none;
}

.dhbm-qxdd {
    display: none;
    width: 416px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    padding: 32px 32px 24px 32px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
}

    .dhbm-qxdd .butbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: 23px;
    }

        .dhbm-qxdd .butbox .but {
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 84px;
            font-size: 14px;
            color: #262626;
            line-height: 1;
            height: 32px;
            border: 1px solid #d9d9d9;
            border-radius: 3px;
            padding-bottom: 1px;
        }

            .dhbm-qxdd .butbox .but.on {
                background: #1890ff;
                border: 1px solid #1890ff;
                color: #fff;
            }

            .dhbm-qxdd .butbox .but:hover {
                background: #0665B0;
                border: 1px solid #0665B0;
                color: #fff;
            }

    .dhbm-qxdd .title {
        display: block;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.85);
        padding: 0 0 0 38px;
        background: url(../images/09.png) left 1px no-repeat;
        background-size: 22px 22px;
    }

    .dhbm-qxdd .info {
        display: block;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.85);
        margin-top: 8px;
        padding: 0 0 0 38px;
    }


@media screen and (max-width: 1024px) {
    .dhbm-qxdd {
        padding: 20px 20px 24px 20px;
    }

        .dhbm-qxdd .title {
            padding: 0 0 0 28px;
            font-size: 15px;
            line-height: 20px;
            background-size: 18px 18px;
        }

        .dhbm-qxdd .info {
            margin-top: 4px;
            padding: 0 0 0 28px;
        }

        .dhbm-qxdd .butbox {
            margin-top: 16px;
        }
}

@media screen and (max-width: 767px) {
    .dhbm-qxdd {
        width: 86%;
    }

        .dhbm-qxdd .butbox {
            justify-content: flex-start;
            padding: 0 20px;
        }
}


.dhbm-sqtf {
    display: none;
    width: 656px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    padding: 0 0 19px 0;
}

    .dhbm-sqtf .butbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: 54px;
        padding: 0 24px;
    }

        .dhbm-sqtf .butbox .but {
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            font-size: 14px;
            color: #262626;
            line-height: 1;
            height: 32px;
            background: #e7e7e7;
            border-radius: 3px;
            padding-bottom: 1px;
        }

            .dhbm-sqtf .butbox .but.on {
                background: #1890ff;
                color: #fff;
            }

            .dhbm-sqtf .butbox .but:hover {
                background: #0665B0;
                color: #fff;
            }

    .dhbm-sqtf .title {
        display: block;
        background: #f3f3f3;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.9);
        padding: 16px 34px;
    }

    .dhbm-sqtf .form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 64px;
    }

    .dhbm-sqtf .lab {
        display: flex;
        width: 100%;
        margin-top: 24px;
    }

    .dhbm-sqtf .name {
        display: flex;
        width: 108px;
        min-width: 108px;
        justify-content: flex-end;
        padding-right: 10px;
        font-size: 14px;
        line-height: 32px;
        color: rgba(0, 0, 0, 0.9);
    }

        .dhbm-sqtf .name span {
            color: #D54941;
            margin-left: 3px;
        }

    .dhbm-sqtf .input {
        display: flex;
        padding: 4px 8px;
        width: 100%;
        height: 32px;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.7);
    }

    .dhbm-sqtf .textarea {
        display: flex;
        padding: 5px 8px;
        width: 100%;
        height: 124px;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.7);
    }

    .dhbm-sqtf .colse {
        cursor: pointer;
        display: flex;
        position: absolute;
        top: 5px;
        right: 18px;
        width: 46px;
        height: 46px;
    }

        .dhbm-sqtf .colse::after,
        .dhbm-sqtf .colse::before {
            display: block;
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            background: #616161;
        }

        .dhbm-sqtf .colse::after {
            width: 11px;
            height: 1px;
        }

        .dhbm-sqtf .colse::before {
            height: 11px;
            width: 1px;
        }


@media screen and (max-width: 1024px) {
    .dhbm-sqtf .title {
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }

    .dhbm-sqtf .info {
        margin-top: 4px;
        padding: 0 0 0 28px;
    }

    .dhbm-sqtf .butbox {
        margin-top: 20px;
        padding: 0 15px;
    }

    .dhbm-sqtf .form {
        padding: 0 15px 0 10px;
    }

    .dhbm-sqtf .lab {
        margin-top: 14px;
    }

    .dhbm-sqtf .name {
        display: flex;
        width: 78px;
        min-width: 78px;
        padding-right: 6px;
    }

    .dhbm-sqtf .colse {
        top: 2px;
        right: 3px;
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 767px) {
    .dhbm-sqtf {
        width: 86%;
    }
}


.page_section .page1 .page_l a.boxs1,
.page_section .page1 .page_l a.boxs4 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .page_section .page1 {
        display: none !important;
    }
}

.dwhy_section-1 .content {
    padding-bottom: 20px;
}

    .dwhy_section-1 .content .boxs1 .right ._t {
        margin-bottom: 6px;
    }

    .dwhy_section-1 .content .boxs1 .right ._b {
        display: flex;
        justify-content: flex-end;
    }

@media screen and (max-width: 1024px) {
    .dwhy_section-1 .content .boxs1 .right ._b {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

        .dwhy_section-1 .content .boxs1 .right ._b .but {
            margin: 3px 6px 3px 0;
        }
}


.hdbm-nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #F2F3F5;
    padding: 4px;
    border-radius: 2px;
}

    .hdbm-nav ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .hdbm-nav li {
        display: flex;
        flex-wrap: wrap;
        width: 25%;
    }

        .hdbm-nav li a {
            display: block;
            text-align: center;
            width: 100%;
            font-size: 16px;
            line-height: 28px;
            color: #7A7A7A;
        }

        .hdbm-nav li:hover a {
            color: #0665B0;
        }

        .hdbm-nav li.on a {
            border-radius: 2px;
            background: #fff;
            color: #0665B0;
            font-weight: 600;
        }

@media screen and (max-width: 1024px) {
    .hdbm-nav li a {
        font-size: 14px;
    }
}

.hdbm-table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px 0 15px 0;
}

    .hdbm-table .table {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: #1D2129;
    }

        .hdbm-table .table tr {
            border-bottom: 1px solid #E5E6EB;
        }

        .hdbm-table .table th {
            padding: 9px 0 9px 16px;
            background: #F2F3F5;
            font-weight: 600;
        }

        .hdbm-table .table td {
            padding: 9px 0 9px 16px;
        }

        .hdbm-table .table .more {
            color: #0665B0;
        }

            .hdbm-table .table .more:hover {
                text-decoration: underline;
            }

        .hdbm-table .table .tit {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            width: 100%;
            padding-right: 6px;
        }

        .hdbm-table .table .ell {
            position: relative;
        }

            .hdbm-table .table .ell .hide {
                display: none;
                position: absolute;
                left: 0;
                top: 100%;
                z-index: 8;
                background: #fff;
                border: 1px solid #E5E6EB;
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
                padding: 10px 16px;
            }

            .hdbm-table .table .ell:hover .hide {
                display: block;
            }


@media screen and (max-width: 767px) {

    /* .hdbm-table{ overflow-x: auto; overflow-y: hidden;}	
.hdbm-table::-webkit-scrollbar{ display: none;}
.hdbm-table .table{ min-width:1024px; width:1024px;} */
    .hdbm-table .table {
        border-top: 1px solid #E5E6EB;
    }

        .hdbm-table .table tr {
            display: flex;
            flex-wrap: wrap;
            padding: 8px 0;
        }

            .hdbm-table .table tr:first-child {
                display: none;
            }

        .hdbm-table .table th {
            padding: 8px 0 8px 12px;
            display: none;
        }

        .hdbm-table .table td {
            padding: 2px 0 2px 12px;
            display: flex;
        }

            .hdbm-table .table td:nth-child(1) {
                width: 100% !important;
            }

            .hdbm-table .table td:nth-child(2) {
                width: 50% !important;
            }

            .hdbm-table .table td:nth-child(3) {
                width: 50% !important;
            }

            .hdbm-table .table td:nth-child(4) {
                width: 50% !important;
            }

            .hdbm-table .table td:nth-child(5) {
                width: 50% !important;
            }

            .hdbm-table .table td:nth-child(6) {
                width: 50% !important;
            }

        .hdbm-table .table .tit {
            padding: 0;
        }
}

.hdbm-cont {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

    .hdbm-cont .toll {
        display: flex;
        flex-wrap: wrap;
        font-size: 20px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.9);
    }

        .hdbm-cont .toll .p {
            margin-right: 30px;
        }

            .hdbm-cont .toll .p:last-child {
                margin-right: 0 !important;
            }

    .hdbm-cont .btn {
        display: flex;
    }

        .hdbm-cont .btn a {
            display: flex;
            width: 116px;
            height: 32px;
            background: #0665B0;
            border-radius: 3px;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            line-height: 1;
            color: rgba(255, 255, 255, 0.9);
            padding-bottom: 1px;
        }

            .hdbm-cont .btn a:hover {
                background: #1890FF;
            }


@media screen and (max-width: 1024px) {
    .hdbm-cont .toll {
        font-size: 16px;
        line-height: 24px;
    }

        .hdbm-cont .toll .p {
            margin-right: 18px;
        }
}

@media screen and (max-width: 767px) {
    .hdbm-cont .toll {
        width: 100%;
        margin-bottom: 8px;
    }
}


.dhbm-sqkp {
    display: none;
    width: 656px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    padding: 0 0 19px 0;
}

    .dhbm-sqkp .butbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: 38px;
        padding: 0 32px;
    }

        .dhbm-sqkp .butbox .but {
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            font-size: 14px;
            color: #262626;
            line-height: 1;
            height: 32px;
            background: #e7e7e7;
            border-radius: 3px;
            padding-bottom: 1px;
        }

            .dhbm-sqkp .butbox .but.on {
                background: #0665b0;
                color: #fff;
                width: 88px;
            }

            .dhbm-sqkp .butbox .but:hover {
                background: #0665B0;
                color: #fff;
            }

    .dhbm-sqkp .title {
        display: block;
        background: #f3f3f3;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.9);
        padding: 16px 34px;
    }

    .dhbm-sqkp .form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 17px 64px 0 64px;
    }

    .dhbm-sqkp .lab {
        display: flex;
        width: 100%;
        margin-top: 23px;
    }

    .dhbm-sqkp .name {
        display: flex;
        width: 108px;
        min-width: 108px;
        justify-content: flex-end;
        padding-right: 10px;
        font-size: 14px;
        line-height: 32px;
        color: rgba(0, 0, 0, 0.9);
    }

        .dhbm-sqkp .name span {
            color: #D54941;
            margin-left: 3px;
        }

    .dhbm-sqkp .input {
        display: flex;
        padding: 4px 8px;
        width: 100%;
        height: 32px;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.7);
    }

    .dhbm-sqkp .textarea {
        display: flex;
        padding: 5px 8px;
        width: 100%;
        height: 124px;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.7);
    }

    .dhbm-sqkp .colse {
        cursor: pointer;
        display: flex;
        position: absolute;
        top: 5px;
        right: 18px;
        width: 46px;
        height: 46px;
    }

        .dhbm-sqkp .colse::after,
        .dhbm-sqkp .colse::before {
            display: block;
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
            background: #616161;
        }

        .dhbm-sqkp .colse::after {
            width: 11px;
            height: 1px;
        }

        .dhbm-sqkp .colse::before {
            height: 11px;
            width: 1px;
        }

    .dhbm-sqkp .ul {
        display: flex;
        flex-wrap: wrap;
    }

        .dhbm-sqkp .ul .li {
            float: left;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.9);
            cursor: pointer;
            line-height: 32px;
            margin-right: 16px;
            padding-left: 24px;
            background: url(../images/04.png) left center no-repeat;
        }

            .dhbm-sqkp .ul .li:last-child {
                margin-right: 0 !important;
            }

            .dhbm-sqkp .ul .li.on {
                background: url(../images/05.png) left center no-repeat;
            }


@media screen and (max-width: 1760px) {
    .dhbm-sqkp .form {
        padding: 7px 64px 0 64px;
    }

    .dhbm-sqkp .lab {
        margin-top: 12px;
    }

    .dhbm-sqkp .butbox {
        margin-top: 24px;
        padding: 0 32px;
    }

    .dhbm-sqkp .textarea {
        height: 100px;
    }

    .dhbm-sqkp .title {
        padding: 12px 34px;
    }

    .dhbm-sqkp .colse {
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 1400px) {
    .dhbm-sqkp .butbox {
        margin-top: 18px;
        padding: 0 32px;
    }

    .dhbm-sqkp .name {
        line-height: 28px;
    }

    .dhbm-sqkp .input {
        height: 28px;
        padding: 2px 8px;
    }

    .dhbm-sqkp .ul .li {
        line-height: 28px;
    }
}

@media screen and (max-width: 1024px) {
    .dhbm-sqkp .title {
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }

    .dhbm-sqkp .info {
        margin-top: 4px;
        padding: 0 0 0 28px;
    }

    .dhbm-sqkp .butbox {
        margin-top: 20px;
        padding: 0 15px;
    }

    .dhbm-sqkp .form {
        padding: 5px 15px 0 10px;
    }

    .dhbm-sqkp .input {
        font-size: 12px;
    }

    .dhbm-sqkp .textarea {
        font-size: 12px;
    }

    .dhbm-sqkp .ul .li {
        font-size: 12px;
    }

    .dhbm-sqkp .name {
        display: flex;
        width: 78px;
        min-width: 78px;
        padding-right: 6px;
    }

    .dhbm-sqkp .colse {
        top: 2px;
        right: 3px;
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 767px) {
    .dhbm-sqkp {
        width: 86%;
    }
}



/* 




 */



.hdbm2 .title a {
    font-size: 14px;
    color: #0665b0;
}


/*0809satrt*/
.max_fp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    font-size: 16px;
    color: #3F3F3F;
    line-height: 26px;
}

    .max_fp span {
        display: inline-flex;
    }

    .max_fp a {
        color: #3F3F3F;
        display: inline-flex;
    }

    .max_fp .span2 {
        margin: 0 2px;
    }

    .max_fp a:hover,
    .max_fp a.on {
        color: #0665B0;
    }

.addr-fp {
    display: block;
    width: 100%;
    margin-top: 23px;
}

    .addr-fp .a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 116px;
        height: 32px;
        background: #0665B0;
        padding-bottom: 1px;
        border-radius: 3px;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: rgba(255, 255, 255, 0.9);
    }

        .addr-fp .a:hover {
            background: #1890FF;
        }

.hdbm-table1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px 0 15px 0;
}

    .hdbm-table1 .table {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: #1D2129;
    }

        .hdbm-table1 .table tr {
            border-bottom: 1px solid #E5E6EB;
        }

        .hdbm-table1 .table th {
            padding: 9px 0 9px 16px;
            background: #F2F3F5;
            font-weight: 600;
        }

        .hdbm-table1 .table td {
            padding: 9px 0 9px 16px;
        }

        .hdbm-table1 .table .bj {
            color: #0665B0;
            margin-right: 8px;
        }

            .hdbm-table1 .table .bj:hover {
                text-decoration: underline;
            }

        .hdbm-table1 .table .sc {
            color: #0665B0;
        }

            .hdbm-table1 .table .sc:hover {
                text-decoration: underline;
            }

        .hdbm-table1 .table .tit {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            width: 100%;
            padding-right: 6px;
        }

        .hdbm-table1 .table .ell {
            position: relative;
        }

            .hdbm-table1 .table .ell .hide {
                display: none;
                position: absolute;
                left: 0;
                top: 100%;
                z-index: 8;
                background: #fff;
                border: 1px solid #E5E6EB;
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
                padding: 10px 16px;
            }

            .hdbm-table1 .table .ell:hover .hide {
                display: block;
            }


@media screen and (max-width: 767px) {
    .max_fp {
        font-size: 14px;
        line-height: 24px;
        margin-top: 5px;
    }

    .addr-fp {
        margin-top: 15px;
    }

    .hdbm-table1 .table {
        border-top: 1px solid #E5E6EB;
    }

        .hdbm-table1 .table tr {
            display: flex;
            flex-wrap: wrap;
            padding: 8px 0;
        }

            .hdbm-table1 .table tr:first-child {
                display: none;
            }

        .hdbm-table1 .table th {
            padding: 8px 0 8px 12px;
            display: none;
        }

        .hdbm-table1 .table td {
            padding: 2px 0 2px 12px;
            display: flex;
        }

            .hdbm-table1 .table td:nth-child(1) {
                width: 100% !important;
            }

            .hdbm-table1 .table td:nth-child(2) {
                width: 50% !important;
            }

            .hdbm-table1 .table td:nth-child(3) {
                width: 50% !important;
            }

            .hdbm-table1 .table td:nth-child(4) {
                width: 50% !important;
            }

            .hdbm-table1 .table td:nth-child(5) {
                width: 50% !important;
            }

            .hdbm-table1 .table td:nth-child(6) {
                width: 50% !important;
            }

        .hdbm-table1 .table .tit {
            padding: 0;
        }
}


.hdbm2 .text span {
    display: inline-block;
    font-size: 12px;
    background: #0665B0;
    border: 2px solid #0665B0;
    color: #fff;
    padding: 5px 10px;
    margin-left: 15px;
    cursor: pointer;
}


.hdbm2 .tit0 a {
    font-size: 14px;
    color: #0665b0;
}

.fujianbox {
    margin-top: 15px;
}

.beizhubox {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .beizhubox {
        margin-top: 15px;
    }
}


.renyuanbox {
    width: 100%;
}






/*240924start*/
.wxzc_section-01 {
    padding-bottom: 20px;
}

    .wxzc_section-01 .content {
        padding-bottom: 20px;
    }

.wxzc_section .content .ejnav_box ul li:hover a,
.wxzc_section .content .ejnav_box ul li.on a {
    color: #0665B0;
}

.bzdt1 {
    display: block;
    width: 100%;
}

    .bzdt1 .list {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

/* 时间轴样式 */
.timeline-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}

.timeline {
    position: relative;
    padding-left: 50px;
}

    .timeline::before {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: linear-gradient(to bottom, #0665B0, #E0E0E0);
    }

.timeline-item {
    position: relative;
    margin-bottom: 50px;
    padding-left: 30px;
}

    .timeline-item:last-child {
        margin-bottom: 0;
    }

.timeline-dot {
    position: absolute;
    left: -25px;
    top: 10px;
    width: 12px;
    height: 12px;
    background: #0665B0;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #0665B0;
    z-index: 2;
    transition: all 0.3s ease;
}

.timeline-item:hover .timeline-dot {
    transform: scale(1.2);
    box-shadow: 0 0 0 5px rgba(6, 101, 176, 0.3);
}

.timeline-content {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #0665B0;
    transition: all 0.3s ease;
    position: relative;
}

    .timeline-content::before {
        content: '';
        position: absolute;
        left: -8px;
        top: 20px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #0665B0;
    }

    .timeline-content:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    }

.timeline-date {
    color: #0665B0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

    .timeline-date::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #0665B0;
        border-radius: 50%;
        margin-right: 8px;
    }

.timeline-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    line-height: 1.4;
}

.timeline-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.timeline-item {
    animation: fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

    .timeline-item:nth-child(1) {
        animation-delay: 0.1s;
    }

    .timeline-item:nth-child(2) {
        animation-delay: 0.2s;
    }

    .timeline-item:nth-child(3) {
        animation-delay: 0.3s;
    }

    .timeline-item:nth-child(4) {
        animation-delay: 0.4s;
    }

    .timeline-item:nth-child(5) {
        animation-delay: 0.5s;
    }

    .timeline-item:nth-child(6) {
        animation-delay: 0.6s;
    }

.timeline-dot {
    animation: slideInLeft 0.8s ease-out;
    animation-fill-mode: both;
}

.timeline-item:nth-child(1) .timeline-dot {
    animation-delay: 0.2s;
}

.timeline-item:nth-child(2) .timeline-dot {
    animation-delay: 0.3s;
}

.timeline-item:nth-child(3) .timeline-dot {
    animation-delay: 0.4s;
}

.timeline-item:nth-child(4) .timeline-dot {
    animation-delay: 0.5s;
}

.timeline-item:nth-child(5) .timeline-dot {
    animation-delay: 0.6s;
}

.timeline-item:nth-child(6) .timeline-dot {
    animation-delay: 0.7s;
}

/* 交互状态样式 */
.timeline-item.active .timeline-content {
    border-left-color: #ff6b35;
    box-shadow: 0 8px 30px rgba(255, 107, 53, 0.2);
}

.timeline-item.active .timeline-dot {
    background: #ff6b35;
    box-shadow: 0 0 0 5px rgba(255, 107, 53, 0.3);
}

.timeline-content.hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.timeline-item.animate {
    animation-play-state: running;
}

/* 响应式设计 */
@media screen and (max-width: 1024px) {
    .timeline-container {
        padding: 30px 20px;
    }

    .timeline {
        padding-left: 40px;
    }

        .timeline::before {
            left: 15px;
        }

    .timeline-item {
        padding-left: 25px;
    }

    .timeline-dot {
        left: -20px;
        width: 10px;
        height: 10px;
    }

    .timeline-content {
        padding: 20px;
    }

    .timeline-title {
        font-size: 16px;
    }

    .timeline-date {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .timeline-container {
        padding: 20px 15px;
    }

    .timeline {
        padding-left: 30px;
    }

        .timeline::before {
            left: 10px;
        }

    .timeline-item {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .timeline-dot {
        left: -15px;
        width: 8px;
        height: 8px;
    }

    .timeline-content {
        padding: 15px;
    }

    .timeline-title {
        font-size: 15px;
    }

    .timeline-date {
        font-size: 13px;
    }

    .timeline-desc {
        font-size: 13px;
    }
}

.bzdt1 .list ul {
    display: block;
    width: 100%;
}

    .bzdt1 .list ul li {
        display: block;
        width: 100%;
    }

        .bzdt1 .list ul li a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            font-size: 17px;
            line-height: 24px;
            color: #000;
            padding: 12px 30px 12px 20px;
            position: relative;
            border-bottom: 1px dashed #EAEAEA;
        }

            .bzdt1 .list ul li a::after {
                content: '';
                display: block;
                position: absolute;
                width: 8px;
                height: 8px;
                left: 0px;
                top: 50%;
                margin-top: -4px;
                background: #0665B0;
            }

            .bzdt1 .list ul li a span {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }

            .bzdt1 .list ul li a time {
                display: inline-flex;
                white-space: nowrap;
                margin-left: 30px;
                color: #929292;
            }

            .bzdt1 .list ul li a:hover {
                color: #0665B0;
            }

                .bzdt1 .list ul li a:hover time {
                    color: #0665B0;
                }


@media screen and (max-width: 1680px) {
    .bzdt1 .list ul li a {
        padding: 10px 20px 10px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .bzdt1 .list ul li a {
        padding: 10px 0 10px 14px;
    }

        .bzdt1 .list ul li a::after {
            width: 6px;
            height: 6px;
            margin-top: -3px;
        }

        .bzdt1 .list ul li a time {
            margin-left: 20px;
        }
}


/*.sjk-ss{ display:flex; align-items: center; justify-content: space-between; width: 100%; padding:36px 30px 36px 30px;}
.sjk-ss .li{ display:flex; align-items: center; width:20%; padding-right:10px;}
.sjk-ss .name{ display:flex; white-space: nowrap; margin-right:6px;font-size: 14px;line-height: 22px;text-align: right;color: rgba(0, 0, 0, 0.9);}
.sjk-ss .text{display: flex;padding: 5px 8px;width:100%;height: 32px;background: #FFFFFF; border: 1px solid #DCDCDC;border-radius: 3px;color: rgba(0, 0, 0, 0.4);font-size: 14px;line-height: 22px;}
.sjk-ss .btn{ display:flex; margin-left: 10px;}
.sjk-ss .submit{ display:flex; align-items: center; justify-content: center;width: 50px;height: 32px;border-radius: 3px;background: #E7E7E7;color: rgba(0, 0, 0, 0.9);font-size: 14px;line-height: 22px;}
.sjk-ss .submit.on{background: #0665B0; color: #fff; margin-right: 5px;}
.sjk-ss .submit:hover{opacity: 0.8;}

@media  screen and (max-width: 1440px){	
.sjk-ss .btn{ margin-left:20px;}
}
@media  screen and (max-width: 1024px){	
.sjk-ss{ flex-wrap: wrap; padding:15px 14px 0 14px;}
.sjk-ss .li{ width:48%; margin-bottom:12px;}
.sjk-ss .name{ margin-right:12px;}
.sjk-ss .btn{ margin-left:0;}
}
@media  screen and (max-width: 767px){	
.sjk-ss{ flex-wrap: wrap; padding:15px 14px 0 14px;}
.sjk-ss .li{ width:100%; margin-bottom:12px; padding-right:0;}
.sjk-ss .btn{ width:100%; justify-content: center; margin-left:0;}
}*/

.sjk-ss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 36px 30px 36px 30px;
}

    .sjk-ss .li {
        display: flex;
        align-items: center;
        width: 25.6%;
    }

    .sjk-ss .name {
        display: flex;
        white-space: nowrap;
        margin-right: 16px;
        font-size: 14px;
        line-height: 22px;
        text-align: right;
        color: rgba(0, 0, 0, 0.9);
    }

    .sjk-ss .text {
        display: flex;
        padding: 5px 8px;
        width: 100%;
        height: 32px;
        background: #FFFFFF;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 14px;
        line-height: 22px;
    }

    .sjk-ss .btn {
        display: flex;
        margin-left: 38px;
    }

    .sjk-ss .submit {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 32px;
        border-radius: 3px;
        background: #E7E7E7;
        color: rgba(0, 0, 0, 0.9);
        font-size: 14px;
        line-height: 22px;
    }

        .sjk-ss .submit.on {
            background: #0665B0;
            color: #fff;
            margin-right: 8px;
        }

        .sjk-ss .submit:hover {
            opacity: 0.8;
        }

@media screen and (max-width: 1440px) {
    .sjk-ss .btn {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .sjk-ss {
        flex-wrap: wrap;
        padding: 15px 14px 0 14px;
    }

        .sjk-ss .li {
            width: 48%;
            margin-bottom: 12px;
        }

        .sjk-ss .name {
            margin-right: 12px;
        }

        .sjk-ss .btn {
            margin-left: 0;
        }
}

@media screen and (max-width: 767px) {
    .sjk-ss {
        flex-wrap: wrap;
        padding: 15px 14px 0 14px;
    }

        .sjk-ss .li {
            width: 100%;
            margin-bottom: 12px;
        }

        .sjk-ss .btn {
            width: 100%;
            justify-content: center;
            margin-left: 0;
        }
}



.list-01 {
    display: block;
    width: 100%;
}

    .list-01 ul {
        display: block;
        width: 100%;
    }

        .list-01 ul li {
            display: block;
            width: 100%;
            padding: 0 !important;
            border-bottom: 0 !important;
        }

            .list-01 ul li a {
                display: flex !important;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                font-size: 14px;
                line-height: 24px;
                color: #000;
                padding: 12px 20px 12px 20px;
                position: relative;
                border-bottom: 1px dashed #EAEAEA;
            }

            .list-01 ul li:last-child a {
                border-bottom: 0;
            }

            .list-01 ul li a::after {
                content: '';
                display: block;
                position: absolute;
                width: 8px;
                height: 8px;
                left: 0px;
                top: 50%;
                margin-top: -4px;
                background: #0665B0;
                border-radius: 50%;
            }

            .list-01 ul li a span {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }

            .list-01 ul li a time {
                display: inline-flex;
                white-space: nowrap;
                margin-left: 30px;
                color: #929292;
            }

            .list-01 ul li a:hover {
                color: #0665B0;
            }

                .list-01 ul li a:hover time {
                    color: #0665B0;
                }

@media screen and (max-width: 1680px) {
    .list-01 ul li a {
        padding: 10px 20px 10px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .list-01 ul li a {
        padding: 10px 0 10px 14px;
    }

        .list-01 ul li a::after {
            width: 6px;
            height: 6px;
            margin-top: -3px;
        }

        .list-01 ul li a time {
            margin-left: 20px;
        }
}



.djgz_section-01 {
    padding-bottom: 0;
}

    .djgz_section-01 .left {
        background: none;
        padding: 0 !important;
    }

        .djgz_section-01 .left .back {
            background: #fff;
            display: block;
            width: 100%;
            margin-bottom: 20px;
            padding: 24px 28px 20px 36px;
        }

        .djgz_section-01 .left .ejnav_box ul li:hover a,
        .djgz_section-01 .left .ejnav_box ul li.on a {
            color: #0665B0;
        }

    .djgz_section-01 .right {
        background: none;
        padding: 0 !important;
    }

        .djgz_section-01 .right .back {
            background: #fff;
            display: block;
            width: 100%;
            margin-bottom: 20px;
            padding: 24px 20px 20px 15px;
        }

        .djgz_section-01 .right h2 {
            width: 100%;
            color: #0665B0;
        }

        .djgz_section-01 .right .list-01 ul li a {
            font-size: 16px;
            padding: 16px 0 17px 20px;
        }

    .djgz_section-01 .top01 {
        display: flex;
        align-items: flex-start;
        width: 100%;
        position: relative;
    }

    .djgz_section-01 .so {
        float: right;
        width: 55%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

        .djgz_section-01 .so::after {
            float: left;
            width: 1px;
            height: 12px;
            content: '';
            position: absolute;
            left: 38px;
            top: 50%;
            margin-top: -6px;
            background: #e6e6e6;
        }

        .djgz_section-01 .so .Search {
            float: left;
            width: 100%;
            height: 32px;
            background: #fff;
            border: 1px solid #CDCDCD;
            border-radius: 3px;
            line-height: 24px;
            color: #000;
            font-size: 14px;
            padding: 3px 15px 3px 48px;
        }

        .djgz_section-01 .so .submit {
            float: left;
            width: 36px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border: none;
            background: url(../images/submit.png) center no-repeat;
            background-size: 20px auto !important;
        }

        .djgz_section-01 .so ::-webkit-input-placeholder {
            color: #C1C1C1
        }

        .djgz_section-01 .so :-moz-placeholder {
            color: #C1C1C1
        }

        .djgz_section-01 .so ::-moz-placeholder {
            color: #C1C1C1
        }

        .djgz_section-01 .so :-ms-input-placeholder {
            color: #C1C1C1
        }

    .djgz_section-01 .ejnav_box {
        position: relative;
    }

    .djgz_section-01 .more {
        display: block;
        top: 0;
        right: 0;
        z-index: 1;
        position: absolute;
    }

        .djgz_section-01 .more a {
            display: block;
            font-size: 14px;
            color: #C8C8C8;
            line-height: 25px;
        }

            .djgz_section-01 .more a:hover {
                color: #0665B0;
            }

@media screen and (max-width: 1680px) {
    .djgz_section-01 .right .list-01 ul li a {
        font-size: 14px;
        padding: 10px 0 10px 20px;
    }

    .djgz_section-01 .right ul li {
        padding-top: 18px;
        padding-bottom: 19px;
    }
}

@media screen and (max-width:1024px) {
    .djgz_section-01 .left .back {
        padding: 20px 15px 15px 15px;
    }

    .djgz_section-01 .right {
        margin-top: 0;
    }

        .djgz_section-01 .right .back {
            padding: 20px 15px 15px 15px;
        }

        .djgz_section-01 .right ul li {
            padding-top: 12px;
            padding-bottom: 12px;
        }

    .djgz_section-01 .more a {
        font-size: 13px;
        line-height: 22px;
    }

    .djgz_section-01 .so {
        top: -10px;
    }
}

.table01 {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #1D2129;
    margin-top: 29px;
}

    .table01 table {
        width: 100%;
    }

        .table01 table th {
            padding: 9px 16px;
            background: #F2F3F5;
            border: 1px solid #E5E6EB;
            white-space: nowrap;
        }

        .table01 table td {
            padding: 9px 16px;
            border: 1px solid #E5E6EB;
        }

        .table01 table a {
            color: #0665B0;
        }

            .table01 table a:hover {
                text-decoration: underline;
            }

@media screen and (max-width:1024px) {
    .table01 {
        margin-top: 24px;
        font-size: 13px;
    }

        .table01 table th {
            padding: 9px 12px;
        }

        .table01 table td {
            padding: 9px 12px;
        }
}

.gjhyxq_section-01 {
    padding-bottom: 20px;
}

    .gjhyxq_section-01 .content h2 {
        border-top: 0;
        padding: 68px 0 27px 0;
    }

    .gjhyxq_section-01 .content .info {
        padding: 8px 0 45px 0;
    }

@media screen and (max-width:1024px) {
    .gjhyxq_section-01 .content h2 {
        padding: 25px 0 10px 0;
    }

    .gjhyxq_section-01 .content .info {
        padding: 8px 0 30px 0;
    }
}

.gjhyxq_section-02 {
    padding-bottom: 0;
}

    .gjhyxq_section-02 .content {
        margin-bottom: 20px;
    }

    .gjhyxq_section-02 .content-01 {
        padding: 27px 35px 0 35px;
    }

    .gjhyxq_section-02 .content-02 {
        padding: 52px 35px 38px 35px;
    }

        .gjhyxq_section-02 .content-02 h2 {
            padding: 0 !important;
            border-top: 0;
        }

        .gjhyxq_section-02 .content-02 .info {
            border-bottom: 0;
            padding-top: 44px;
            padding-bottom: 0 !important;
        }


@media screen and (max-width:1680px) {
    .gjhyxq_section-02 .content-01 {
        padding: 27px 30px 0 30px;
    }

    .gjhyxq_section-02 .content-02 {
        padding: 52px 30px 38px 30px;
    }
}

@media screen and (max-width:1024px) {
    .gjhyxq_section-02 .content-01 {
        padding: 20px 12px 0 12px;
    }

    .gjhyxq_section-02 .content-02 {
        padding: 22px 12px 22px 12px;
    }

        .gjhyxq_section-02 .content-02 .info {
            padding-top: 15px;
        }
}


._ulbox01 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 18px 0;
}

    ._ulbox01 .div {
        display: flex;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #ededed;
    }

        ._ulbox01 .div:last-child {
            border-bottom: 0;
        }

    ._ulbox01 .picbox {
        width: 260px;
        min-width: 260px;
        margin-right: 22px;
    }

        ._ulbox01 .picbox .pic {
            width: 100%;
            padding-bottom: 58.23%;
            position: relative;
            overflow: hidden;
            min-height: 50px;
            -webkit-transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -ms-transition: 0.5s ease;
            -o-transition: 0.5s ease;
            transition: 0.5s ease;
        }

            ._ulbox01 .picbox .pic img {
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                min-height: 100%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

    ._ulbox01:hover .picbox .pic img {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -moz-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }

    ._ulbox01 .wordsbox {
        width: 100%;
    }

        ._ulbox01 .wordsbox .tit {
            font-size: 16px;
            color: #000000;
            line-height: 26px;
            margin-bottom: 8px;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

    ._ulbox01:hover .wordsbox .tit {
        color: #0665B0;
    }

    ._ulbox01 .wordsbox .info1 {
        font-size: 14px;
        color: #7A7A7A;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ._ulbox01 .wordsbox .down {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 37px;
    }

    ._ulbox01 .wordsbox .date {
        display: flex;
        align-items: center;
    }

        ._ulbox01 .wordsbox .date img {
            width: 16px;
            margin-right: 7px;
        }

        ._ulbox01 .wordsbox .date .wrods {
            font-size: 14px;
            color: #7A7A7A;
            line-height: 24px;
        }

    ._ulbox01 .btn {
        width: 109px;
        height: 32px;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        display: flex;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        padding-bottom: 1px;
        color: #0665B0;
        border: 1px solid #0665B0;
        border-radius: 2px;
    }

        ._ulbox01 .btn:hover {
            color: #fff;
            background: #0665B0;
        }



@media screen and (max-width: 1024px) {
    ._ulbox01 {
        padding: 10px 0;
    }

        ._ulbox01 .div {
            padding: 15px 0;
        }

        ._ulbox01 .picbox {
            width: 210px;
            min-width: 210px;
            margin: 0 12px 0 0;
        }

        ._ulbox01 .wordsbox {
            position: relative;
        }

            ._ulbox01 .wordsbox .tit {
                margin-bottom: 4px;
                font-size: 15px;
            }

        ._ulbox01 .btn {
            width: 90px;
            height: 32px;
            font-size: 12px;
            line-height: 24px;
        }

        ._ulbox01 .wordsbox .down {
            margin-top: 10px;
        }
}

@media screen and (max-width: 767px) {
    ._ulbox01 .div {
        flex-wrap: wrap;
    }

    ._ulbox01 .picbox {
        width: 100%;
        min-width: 100%;
        margin: 0 0 15px 0;
    }
}


.ejnav_box01 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .ejnav_box01 ul {
        width: 100%;
        overflow: hidden;
    }

        .ejnav_box01 ul li {
            float: left;
            margin-right: 50px;
            position: relative;
        }

            .ejnav_box01 ul li:last-child {
                margin-right: 0;
            }

            .ejnav_box01 ul li a {
                display: block;
                font-size: 18px;
                color: #989898;
                line-height: 25px;
                padding: 18px 4px 14px 4px;
            }

            .ejnav_box01 ul li:hover::after,
            .ejnav_box01 ul li.on::after {
                content: "";
                display: block;
                width: 70px;
                height: 3px;
                position: absolute;
                left: 50%;
                bottom: 0;
                border-radius: 3px;
                background: #0665B0;
                transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                -webkit-transform: translate(-50%, 0);
                -moz-transform: translate(-50%, 0);
                -o-transform: translate(-50%, 0);
            }

            .ejnav_box01 ul li:hover a,
            .ejnav_box01 ul li.on a {
                color: #0665B0;
            }

@media screen and (max-width: 1680px) {
    .ejnav_box01 ul li {
        margin-right: 40px;
    }

        .ejnav_box01 ul li a {
            font-size: 16px;
            line-height: 22px;
            padding-bottom: 14px;
        }
}

@media screen and (max-width: 1024px) {
    .ejnav_box01 ul li {
        margin-right: 10px;
    }

        .ejnav_box01 ul li a {
            font-size: 16px;
            line-height: 20px;
            padding: 12px 0 12px 0;
        }

        .ejnav_box01 ul li:hover::after,
        .ejnav_box01 ul li.on::after {
            height: 2px;
            border-radius: 2px;
        }
}

.hdbm-nav-01 li a {
    padding: 3px;
}

.hdbm-nav-02 li {
    width: 16.66%;
}

    .hdbm-nav-02 li a {
        padding: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .hdbm-nav-02 li a img {
            width: 20px;
            height: 20px;
            margin-right: 6px;
        }

.dwhy_section01 {
    padding-bottom: 20px !important;
}

    .dwhy_section01 .content01 {
        padding-bottom: 0 !important;
        margin-bottom: 20px;
    }

    .dwhy_section01 .content02 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .dwhy_section01 .right02 {
        background: #fff;
        display: block;
        width: 73.2%;
        padding: 2px 36px 122px 36px;
    }

    .dwhy_section01 ._ulbox01 {
        margin-top: 0;
    }

        .dwhy_section01 ._ulbox01 .div {
            width: 100%;
            display: flex;
        }

            .dwhy_section01 ._ulbox01 .div:last-child {
                border-bottom: 1px solid #ededed;
            }

    .dwhy_section01 .left02 {
        background: #fff;
        display: block;
        width: 25.4%;
        padding: 20px 20px;
    }

        .dwhy_section01 .left02 ul {
            display: block;
            width: 100%;
        }

            .dwhy_section01 .left02 ul li {
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }

                .dwhy_section01 .left02 ul li a {
                    display: block;
                    width: 100%;
                    font-size: 16px;
                    color: #7A7A7A;
                    line-height: 28px;
                    padding: 8px 13px;
                    border-radius: 5px;
                }

                .dwhy_section01 .left02 ul li:hover a,
                .dwhy_section01 .left02 ul li.on a {
                    background: #e7f0f8;
                    color: #0665B0;
                }

@media screen and (max-width: 1680px) {
    .dwhy_section01 .right02 {
        padding: 2px 20px 122px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .hdbm-nav-01 li a {
        padding: 1px;
    }

    .hdbm-nav-02 li a {
        padding: 1px;
    }

    .dwhy_section01 .content01 {
        margin-bottom: 14px;
    }

    .dwhy_section01 .right02 {
        width: 100%;
        padding: 0 12px 30px 12px;
        margin-top: 14px;
    }

    .dwhy_section01 ._ulbox01 {
        padding: 0;
    }

    .dwhy_section01 .left02 {
        width: 100%;
        padding: 12px 12px;
    }

        .dwhy_section01 .left02 ul {
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            overflow-x: auto;
        }

            .dwhy_section01 .left02 ul::-webkit-scrollbar {
                display: none;
            }

            .dwhy_section01 .left02 ul li {
                width: auto;
                margin: 0 4px 0 0;
            }

                .dwhy_section01 .left02 ul li:last-child {
                    margin: 0 !important;
                }

                .dwhy_section01 .left02 ul li a {
                    font-size: 14px;
                    line-height: 26px;
                    padding: 4px 13px;
                }
}

@media screen and (max-width: 767px) {
    .hdbm-nav-02 ul {
        width: auto;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }

        .hdbm-nav-02 ul::-webkit-scrollbar {
            display: none;
        }

    .hdbm-nav-02 li {
        width: auto;
    }

        .hdbm-nav-02 li a {
            padding: 1px 18px;
        }
}


.hdbm-table10 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}

    .hdbm-table10 .table {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: #1D2129;
    }

        .hdbm-table10 .table tr {
            border-bottom: 1px solid #E5E6EB;
        }

        .hdbm-table10 .table th {
            padding: 9px 16px;
            background: #F2F3F5;
            font-weight: 600;
        }

            .hdbm-table10 .table th img {
                margin-left: 6px;
                width: 6px;
            }

        .hdbm-table10 .table td {
            padding: 9px 16px;
        }

        .hdbm-table10 .table .more {
            color: #0665B0;
        }

            .hdbm-table10 .table .more:hover {
                text-decoration: underline;
            }

        .hdbm-table10 .table .tit {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            width: 100%;
        }

@media screen and (max-width: 1024px) {
    .hdbm-table10 .table th {
        padding: 9px 10px;
    }

    .hdbm-table10 .table td {
        padding: 9px 10px;
    }

    .hdbm-table10 .table th:first-child {
        padding-left: 14px !important;
    }

    .hdbm-table10 .table td:first-child {
        padding-left: 14px !important;
    }
}





.dwhy_section01 .content04 {
    display: block;
    width: 100%;
    padding: 20px 0;
}

.dwhy_section01 .content03 {
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px 36px;
}

.dwhy_section01 .table-box {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    width: 100%;
}

    .dwhy_section01 .table-box::-webkit-scrollbar {
        width: 3px
    }

    .dwhy_section01 .table-box::-webkit-scrollbar-track {
        background-color: #E5E6EB;
        border-radius: 3px
    }

    .dwhy_section01 .table-box::-webkit-scrollbar-thumb {
        width: 3px;
        height: 60px;
        background-color: #E5E6EB;
        border-radius: 3px
    }

.dwhy_section01 .table-pf {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 81px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    border-left: 2px solid #E5E6EB;
    background: #fff;
}

    .dwhy_section01 .table-pf .table {
        margin-bottom: 10px;
    }

        .dwhy_section01 .table-pf .table th:last-child {
            padding: 9px 0 9px 22px !important;
        }

        .dwhy_section01 .table-pf .table td:last-child {
            padding: 9px 0 9px 22px !important;
        }

.dwhy_section01 .w1463 {
    background: #fff;
    width: 1463px;
    min-width: 1463px;
}

.dwhy_section01 .w1688 {
    background: #fff;
    width: 1688px;
    min-width: 1688px;
}

.dwhy_section01 .w1282 {
    background: #fff;
    width: 1282px;
    min-width: 1282px;
}

.dwhy_section01 .content .boxs1 .left .wordsbox .titbox .bq {
    margin-right: 8px;
}

@media screen and (max-width: 1680px) {
    .dwhy_section01 .content03 {
        padding: 20px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .dwhy_section01 .content03 {
        padding: 12px 12px 20px 12px;
    }

    .dwhy_section01 .w1463 {
        width: 1300px;
        min-width: 1300px;
    }

    .dwhy_section01 .w1688 {
        width: 1600px;
        min-width: 1600px;
    }

    .dwhy_section01 .w1282 {
        width: 1200px;
        min-width: 1200px;
    }

    .dwhy_section01 .table-pf {
        width: 71px;
    }
}


.gjhyxq_section-03 {
    padding-bottom: 20px;
}

    .gjhyxq_section-03 .content03 .hy-cont01 {
        margin-top: 38px;
    }

@media screen and (max-width: 1680px) {
    .gjhyxq_section-03 .content03 {
        padding: 20px 30px 20px 30px;
    }

        .gjhyxq_section-03 .content03 .hy-cont01 {
            margin-top: 30px;
        }
}

@media screen and (max-width: 1024px) {
    .gjhyxq_section-03 .content03 {
        padding: 14px 12px 20px 20px;
    }

        .gjhyxq_section-03 .content03 .hy-cont01 {
            margin-top: 14px;
        }
}


.hy-cont01 {
    display: block;
    width: 100%;
}

    .hy-cont01 .top {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }

        .hy-cont01 .top .title {
            display: inline-flex;
            margin-right: 30px;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            color: rgba(0, 0, 0, 0.9);
        }

        .hy-cont01 .top .s {
            display: inline-flex;
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            color: #0665B0;
            padding: 2px 8px;
            background: rgba(6, 101, 176, 0.1);
            border-radius: 3px;
        }

    .hy-cont01 .cont {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 10px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.9);
    }

        .hy-cont01 .cont .p {
            display: flex;
            width: 100%;
            margin-top: 20px;
        }

            .hy-cont01 .cont .p .a {
                color: #0665B0;
            }

                .hy-cont01 .cont .p .a:hover {
                    text-decoration: underline;
                }

            .hy-cont01 .cont .p .tit {
                display: flex;
                justify-content: flex-end;
                width: 84px;
                min-width: 84px;
                margin-right: 34px;
                white-space: nowrap;
                color: rgba(0, 0, 0, 0.4);
            }

        .hy-cont01 .cont .p1 {
            width: 25.5%;
        }

        .hy-cont01 .cont .p2 {
            width: 74.5%;
        }

            .hy-cont01 .cont .p2 .tit {
                width: auto;
                min-width: inherit;
            }

        .hy-cont01 .cont.cont1 .p .tit {
            width: 175px;
            min-width: 175px;
        }

.brwap {
    display: none;
}

@media screen and (max-width: 1680px) {
    .hy-cont01 .cont .p {
        margin-top: 15px;
    }

        .hy-cont01 .cont .p .tit {
            margin-right: 20px;
        }

    .hy-cont01 .cont .p1 {
        width: 30%;
    }

    .hy-cont01 .cont .p1 {
        width: 30%;
    }

    .hy-cont01 .cont .p2 {
        width: 70%;
    }
}

@media screen and (max-width: 1024px) {
    .hy-cont01 .top .title {
        font-size: 16px;
        line-height: 24px;
        margin-right: 15px;
    }

    .hy-cont01 .cont .p {
        margin-top: 10px;
    }

        .hy-cont01 .cont .p .tit {
            margin-right: 12px;
        }

    .brwap {
        display: block;
    }

    .hy-cont01 .cont.cont1 .p .tit {
        width: 84px;
        min-width: 84px;
    }
}

@media screen and (max-width: 767px) {
    .hy-cont01 .cont .p1 {
        width: 100%;
    }

    .hy-cont01 .cont .p2 .tit {
        width: 84px;
        min-width: 84px;
    }
}

.hy-cont02 {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    padding: 32px;
    border-radius: 6px;
}

    .hy-cont02 .title {
        display: inline-flex;
        width: 100%;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.9);
    }

    .hy-cont02 .cont {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 4px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.9);
    }

        .hy-cont02 .cont .tit5 {
            display: flex;
            width: 100%;
            font-weight: 500;
            color: #1D2129;
        }

        .hy-cont02 .cont .p1 {
            display: flex;
            margin-top: 20px;
            margin-right: 80px;
        }

        .hy-cont02 .cont .w84 {
            justify-content: flex-end;
            width: 84px;
            min-width: 84px;
        }

        .hy-cont02 .cont .p2 {
            display: flex;
            margin-top: 20px;
        }

        .hy-cont02 .cont .p3 {
            display: flex;
            width: 100%;
            margin-top: 40px;
        }

        .hy-cont02 .cont .p4 {
            display: flex;
            width: 25.5%;
            margin-right: 0 !important;
        }

        .hy-cont02 .cont .p6 {
            display: flex;
            width: 25.5%;
            margin-top: 20px
        }

        .hy-cont02 .cont .p5 {
            display: flex;
            width: 100%;
            margin-top: 20px;
        }

        .hy-cont02 .cont .p .a {
            color: #0665B0;
        }

            .hy-cont02 .cont .p .a:hover {
                text-decoration: underline;
            }

        .hy-cont02 .cont .a1 {
            color: #0665B0;
            text-decoration: underline;
        }

        .hy-cont02 .cont .s {
            display: flex;
            align-items: center;
            padding: 0px 8px;
            background: #E8FFEA;
            border-radius: 2px;
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            color: #00B42A;
        }

            .hy-cont02 .cont .s img {
                width: 12px;
                height: 12px;
                margin-right: 4px;
            }

        .hy-cont02 .cont .s1 {
            display: flex;
            align-items: center;
            padding: 0px 8px;
            background: #fff3e8;
            border-radius: 2px;
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            color: #f77234;
        }

            .hy-cont02 .cont .s1 img {
                width: 12px;
                height: 12px;
                margin-right: 4px;
            }

        .hy-cont02 .cont .s2 {
            display: flex;
            align-items: center;
            padding: 0px 8px;
            border-radius: 2px;
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            color: #333;
        }

        .hy-cont02 .cont .s3 {
            display: flex;
            align-items: center;
            padding: 0px 8px;
            background: #FFF0ED;
            border-radius: 2px;
            font-weight: 500;
            font-size: 12px;
            line-height: 20px;
            color: #D54941;
        }

        .hy-cont02 .cont .tit {
            display: flex;
            margin-right: 34px;
            white-space: nowrap;
            color: rgba(0, 0, 0, 0.4);
        }

    .hy-cont02 .btn {
        position: absolute;
        right: 32px;
        top: 32px;
        z-index: 9;
        display: block;
        font-weight: 600;
        font-size: 14px;
        line-height: 28px;
        color: #0665B0;
    }

    .hy-cont02 .btn1 {
        right: 132px;
    }


    .hy-cont02 .cont1 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 25px;
        margin-bottom: -10px;
    }

    .hy-cont02 .xg {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 16px;
        min-width: 88px;
        height: 32px;
        background: #0665B0;
        border-radius: 3px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.9);
    }

    .hy-cont02 .ul {
        display: flex;
        flex-wrap: wrap;
    }

        .hy-cont02 .ul .li {
            float: left;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.9);
            cursor: pointer;
            line-height: 28px;
            margin-right: 16px;
            padding-left: 24px;
            background: url(../images/04.png) left 6px no-repeat;
        }

            .hy-cont02 .ul .li:last-child {
                margin-right: 0 !important;
            }

            .hy-cont02 .ul .li.on {
                background: url(../images/05.png) left center no-repeat;
            }

    .hy-cont02 .textarea {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        height: 105px;
        border-radius: 3px;
        border: 1px solid #dcdcdc;
        padding: 5px 8px;
        color: rgba(0, 0, 0, 0.4);
    }

    .hy-cont02 .butbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 40px;
    }

        .hy-cont02 .butbox .but {
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            font-size: 14px;
            color: #262626;
            line-height: 1;
            height: 32px;
            background: #e7e7e7;
            border-radius: 3px;
            padding-bottom: 1px;
        }

            .hy-cont02 .butbox .but.on {
                background: #0665b0;
                color: #fff;
            }

            .hy-cont02 .butbox .but:hover {
                background: #0665B0;
                color: #fff;
            }

    .hy-cont02 .cont01 {
        margin-top: 26px;
    }

    .hy-cont02 .tit5 {
        align-items: center;
        margin-top: 26px;
    }

        .hy-cont02 .tit5 img {
            width: 16px;
            height: 16px;
            margin-left: 8px;
        }


@media screen and (max-width: 1680px) {
    .hy-cont02 {
        padding: 30px;
    }

        .hy-cont02 .cont .p1 {
            margin-top: 15px;
            margin-right: 60px;
        }

        .hy-cont02 .cont .p2 {
            margin-top: 15px;
        }

        .hy-cont02 .cont .p3 {
            margin-top: 20px;
        }

        .hy-cont02 .cont .p5 {
            margin-top: 15px;
        }

        .hy-cont02 .cont .p4 {
            width: 30%;
        }

        .hy-cont02 .cont .p6 {
            width: 30%;
            margin-top: 15px;
        }

        .hy-cont02 .cont .tit {
            margin-right: 20px;
        }

        .hy-cont02 .cont1 {
            margin-top: 15px;
        }

        .hy-cont02 .cont01 {
            margin-top: 0;
        }

        .hy-cont02 .btn {
            right: 30px;
            top: 30px;
        }

        .hy-cont02 .btn1 {
            right: 130px;
        }
}

@media screen and (max-width: 1024px) {
    .hy-cont02 {
        padding: 14px 12px 20px 12px;
    }

        .hy-cont02 .title {
            font-size: 16px;
            line-height: 24px;
        }

        .hy-cont02 .cont .p1 {
            margin-top: 10px;
            margin-right: 30px;
        }

        .hy-cont02 .cont .p2 {
            margin-top: 10px;
        }

        .hy-cont02 .cont .p3 {
            margin-top: 10px;
        }

        .hy-cont02 .cont .p5 {
            margin-top: 10px;
        }

        .hy-cont02 .cont .p6 {
            margin-top: 10px;
        }

        .hy-cont02 .cont .tit {
            margin-right: 12px;
        }

        .hy-cont02 .cont1 {
            margin-top: 15px;
            margin-bottom: 0;
        }

        .hy-cont02 .btn {
            right: 12px;
            top: 14px;
        }

        .hy-cont02 .btn1 {
            right: 82px;
        }

        .hy-cont02 .butbox {
            margin-top: 20px;
        }

        .hy-cont02 .ul {
            margin: 0;
        }

        .hy-cont02 .tit5 {
            margin-top: 15px;
        }
}

@media screen and (max-width: 767px) {
    .hy-cont02 .cont .p2 {
        width: 100%;
    }

    .hy-cont02 .cont .tit {
        justify-content: flex-end;
        width: 126px;
        min-width: 126px;
    }

    .hy-cont02 .cont .p4 {
        width: 100%;
    }

        .hy-cont02 .cont .p4 .tit {
            width: 140px;
            min-width: 140px;
        }

    .hy-cont02 .cont .p6 {
        width: 100%;
    }
}

.xmpj01 {
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    padding: 12px 35px;
}

    .xmpj01 .title {
        display: inline-flex;
        width: 100%;
        padding: 38px 0;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.9);
    }

    .xmpj01 .input {
        display: flex;
        padding: 4px 8px;
        width: 90%;
        height: 32px;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.7);
    }

    .xmpj01 .hdbm-table1 {
        margin: 0 !important;
    }

        .xmpj01 .hdbm-table1 .table th {
            padding: 9px 16px;
        }

            .xmpj01 .hdbm-table1 .table th:last-child {
                padding-right: 0 !important;
            }

        .xmpj01 .hdbm-table1 .table td {
            padding: 9px 16px;
        }

            .xmpj01 .hdbm-table1 .table td:last-child {
                padding-right: 0 !important;
            }

    .xmpj01 .toll {
        display: block;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid #E5E6EB;
        padding: 38px 16px;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #1D2129;
    }

    .xmpj01 .butbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 50px;
    }

        .xmpj01 .butbox .but {
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            font-size: 14px;
            color: #262626;
            line-height: 1;
            height: 32px;
            background: #e7e7e7;
            border-radius: 3px;
            padding-bottom: 1px;
        }

            .xmpj01 .butbox .but.on {
                background: #0665b0;
                color: #fff;
            }

            .xmpj01 .butbox .but:hover {
                background: #0665B0;
                color: #fff;
            }

    .xmpj01 .lab {
        display: flex;
        width: 100%;
        margin-top: 40px;
    }

    .xmpj01 .name {
        display: flex;
        justify-content: flex-end;
        padding-right: 32px;
        font-size: 14px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.4);
    }

    .xmpj01 .ul {
        display: flex;
        flex-wrap: wrap;
    }

        .xmpj01 .ul .li {
            float: left;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.9);
            cursor: pointer;
            line-height: 32px;
            margin-right: 16px;
            padding-left: 24px;
            background: url(../images/04.png) left center no-repeat;
        }

            .xmpj01 .ul .li:last-child {
                margin-right: 0 !important;
            }

            .xmpj01 .ul .li.on {
                background: url(../images/05.png) left center no-repeat;
            }

@media screen and (max-width: 1680px) {
    .xmpj01 {
        padding: 12px 30px;
    }

        .xmpj01 .title {
            padding: 30px 0;
        }

        .xmpj01 .input {
            width: 100%;
        }

        .xmpj01 .toll {
            padding: 30px 16px;
        }

        .xmpj01 .butbox {
            margin-top: 40px;
        }

        .xmpj01 .lab {
            margin-top: 30px;
        }
}

@media screen and (max-width: 1024px) {
    .xmpj01 .title {
        padding: 15px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .xmpj01 .toll {
        padding: 15px 16px;
    }

    .xmpj01 .butbox {
        margin-top: 15px;
    }

    .xmpj01 .lab {
        margin-top: 15px;
    }
}

@media screen and (max-width: 767px) {
    .xmpj01 .hdbm-table1 .table th {
        padding: 9px 12px;
    }

    .xmpj01 .hdbm-table1 .table td {
        padding: 9px 12px;
        flex-wrap: wrap !important;
    }
}



.rwl1 {
    display: block;
    width: 100%;
    padding: 23px 30px 56px 30px;
}

    .rwl1 .title {
        display: block;
        width: 100%;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        color: rgba(0, 0, 0, 0.9);
    }

    .rwl1 .form {
        display: block;
        width: 100%;
        padding: 10px 0 44px 0;
    }

    .rwl1 .lab {
        display: flex;
        width: 100%;
        position: relative;
        margin-top: 23px;
    }

    .rwl1 .name {
        display: flex;
        justify-content: flex-end;
        width: 254px;
        min-width: 254px;
        font-size: 14px;
        line-height: 32px;
        margin-right: 10px;
        color: rgba(0, 0, 0, 0.9);
    }

    .rwl1 .input {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        height: 32px;
        border-radius: 2px;
        border: 1px solid #dcdcdc;
        padding: 4px 7px;
        color: rgba(0, 0, 0, 0.9);
    }

    .rwl1 .textarea {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        height: 105px;
        border-radius: 2px;
        border: 1px solid #dcdcdc;
        padding: 5px 7px;
        color: rgba(0, 0, 0, 0.9);
    }

    .rwl1 .ul {
        display: flex;
        flex-wrap: wrap;
        margin: -4px 0;
    }

        .rwl1 .ul .li {
            float: left;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.9);
            cursor: pointer;
            line-height: 32px;
            margin-right: 25px;
            padding-left: 25px;
            background: url(../images/06.png) left center no-repeat;
        }

            .rwl1 .ul .li:last-child {
                margin-right: 0 !important;
            }

            .rwl1 .ul .li.on {
                background: url(../images/07.png) left center no-repeat;
            }

    .rwl1 .date {
        display: flex;
        width: 400px;
        border-radius: 2px;
        border: 1px solid #dcdcdc;
        color: rgba(0, 0, 0, 0.4);
        font-size: 14px;
        line-height: 30px;
        height: 32px;
        margin-right: 24px;
    }

        .rwl1 .date .div {
            cursor: pointer;
            display: flex;
            width: 50%;
            padding: 0 7px;
        }

        .rwl1 .date .end {
            background: url(../images/08.png) 96% center no-repeat;
        }

    .rwl1 .pdf {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.6);
        display: none;
    }

        .rwl1 .pdf img {
            width: 16px;
            height: 16px;
            margin-left: 8px;
            cursor: pointer;
        }

    .rwl1 .file {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 112px;
        height: 32px;
        background: #FFFFFF;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.9);
        margin-right: 10px;
        overflow: hidden;
        position: relative;
    }

        .rwl1 .file img {
            width: 16px;
            height: 16px;
            margin-right: 8px;
        }

        .rwl1 .file .input {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 6;
            cursor: pointer;
        }

        .rwl1 .file:hover {
            opacity: 0.7;
        }

    .rwl1 .butbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 36px;
    }

        .rwl1 .butbox .but {
            margin-left: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            font-size: 14px;
            color: #262626;
            line-height: 1;
            height: 32px;
            background: #e7e7e7;
            border-radius: 3px;
            padding-bottom: 1px;
        }

            .rwl1 .butbox .but.on {
                background: #0665b0;
                color: #fff;
            }

            .rwl1 .butbox .but:hover {
                background: #0665B0;
                color: #fff;
            }

    .rwl1 input::placeholder {
        opacity: 1 !important;
        color: rgba(0, 0, 0, 0.4);
    }



@media screen and (max-width: 1680px) {
    .rwl1 {
        padding: 23px 15px 56px 15px;
    }
}

@media screen and (max-width: 1024px) {
    .rwl1 {
        padding: 10px 0 30px 0;
    }

        .rwl1 .title {
            font-weight: bold;
            font-size: 16px;
            line-height: 26px;
        }

        .rwl1 .form {
            padding: 0 0 24px 0;
        }

        .rwl1 .name {
            width: 60px;
            min-width: inherit;
        }

        .rwl1 .form1 .lab {
            flex-wrap: wrap;
            margin-top: 10px;
        }

        .rwl1 .form1 .name {
            justify-content: flex-start;
            width: 100%;
            min-width: 100%;
            margin: 0 0 5px 0;
        }

        .rwl1 .ul {
            margin: 0;
        }

            .rwl1 .ul .li {
                line-height: 28px;
                margin-right: 15px;
            }

        .rwl1 .date {
            width: 100%;
            margin: 0;
        }

        .rwl1 .butbox {
            margin-top: 10px;
        }

        .rwl1 .form_name100 .name {
            width: 120px;
        }

        .rwl1 .form_name100 .pdf {
            display: none;
        }
}


.xmpf-poup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: 99999;
}

    .xmpf-poup .box {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 16px;
        height: 42px;
        background: #FFFFFF;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        border-radius: 2px;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.85);
    }

        .xmpf-poup .box img {
            display: block;
            width: 16px;
            height: 16px;
            margin-right: 8px;
        }



.dhbm-sqkp.shjl {
    width: 1200px;
    padding-bottom: 0 !important;
}

.dhbm-sqkp .dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 32px;
}

    .dhbm-sqkp .dl .dd {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 14px 0;
        padding: 0 0 0 20px;
        position: relative;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.4);
    }

        .dhbm-sqkp .dl .dd::after {
            display: block;
            content: '';
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            border: 2px solid #C5C5C5;
            border-radius: 50%;
        }

        .dhbm-sqkp .dl .dd::before {
            display: block;
            content: '';
            position: absolute;
            left: 4px;
            top: 24px;
            width: 1px;
            height: 100%;
            background: #C5C5C5;
        }

        .dhbm-sqkp .dl .dd:last-child::before {
            display: none !important;
        }

        .dhbm-sqkp .dl .dd .t2 {
            display: block;
            width: 100%;
        }

        .dhbm-sqkp .dl .dd .t1 {
            display: block;
            width: 100%;
        }

        .dhbm-sqkp .dl .dd .t1-1 {
            padding-right: 14px;
        }

        .dhbm-sqkp .dl .dd.on .t1-1 {
            color: #0665B0;
        }

        .dhbm-sqkp .dl .dd.on::after {
            border: 2px solid #0665B0;
            background: #0665B0;
        }

        .dhbm-sqkp .dl .dd.on::before {
            background: #0665B0;
        }

.dhbm-sqkp .pdf {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
}

    .dhbm-sqkp .pdf img {
        width: 16px;
        height: 16px;
        margin-left: 8px;
        cursor: pointer;
    }

.dhbm-sqkp .file {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.9);
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}

    .dhbm-sqkp .file:hover {
        opacity: 0.7;
    }

    .dhbm-sqkp .file img {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }

    .dhbm-sqkp .file .input {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 6;
        cursor: pointer;
    }

.dhbm-sqkp .cont2 {
    display: block;
    width: 100%;
    padding: 40px 35px;
}

.dhbm-sqkp .lab1 {
    display: flex;
    width: 100%;
    padding: 4px 0;
}

.dhbm-sqkp .mbxz {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 8px;
}


@media screen and (max-width: 1240px) {
    .dhbm-sqkp.shjl {
        width: 86%;
    }

    .dhbm-sqkp .dl {
        padding: 15px 15px;
    }

        .dhbm-sqkp .dl .dd {
            margin: 6px 0;
            padding: 0 0 0 16px;
        }

            .dhbm-sqkp .dl .dd::before {
                top: 20px;
                height: 90%;
            }
}



.hysqxq_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

    .hysqxq_box .p {
        width: 100% !important;
    }

        .hysqxq_box .p:nth-child(1) {
            margin-right: 0;
        }

        .hysqxq_box .p:nth-child(2) {
            margin-right: 0;
        }

@media screen and (max-width: 1024px) {
    .hysqxq_box {
        flex-wrap: wrap;
    }
}




/*240924end*/





/*241104start*/
.ljbm-1 {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: 100;
    width: 416px;
}

    .ljbm-1 .box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #fff;
        padding: 60px 32px;
        border-radius: 5px;
    }

        .ljbm-1 .box .btn {
            margin: 7px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #fff;
            line-height: 1;
            height: 32px;
            background: #0665b0;
            border-radius: 3px;
            padding: 0 20px 1px 20px;
        }

            .ljbm-1 .box .btn:hover {
                background: #1890FF;
                color: #fff;
            }

.sjk-ss .text {
    color: #000;
}

.sjk-ss ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.sjk-ss :-moz-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.sjk-ss ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.sjk-ss :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
    .ljbm-1 {
        width: 86%;
    }

        .ljbm-1 .box {
            padding: 20px;
        }

            .ljbm-1 .box .btn {
                padding: 0 15px 1px 15px;
            }

    .jlhd_section .left .ulbox ul li a .wordsbox .date {
        padding-right: 95px;
        display: flex;
    }

        .jlhd_section .left .ulbox ul li a .wordsbox .date img {
            object-fit: contain;
            align-items: flex-start;
        }

    .jlhd_section .left .ulbox ul li a .wordsbox .info {
        display: none;
    }


    ._ulbox .wordsbox {
        padding-bottom: 45px;
    }

    ._ulbox .btn {
        right: auto;
        left: 50%;
        margin-left: -40px;
    }
}

.dwhy_section .content .boxs1 .right ._b .but.but_bm a {
    width: 136px;
}


.td_div {
    max-height: 44px;
    overflow: hidden;
}



.xjtbsb .but {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

    .xjtbsb .but a {
        display: block;
        width: 120px;
        font-size: 14px;
        color: #0665B0;
        line-height: 28px;
        border: 1px solid #0665B0;
        border-radius: 3px;
        text-align: center;
    }

        .xjtbsb .but a:hover {
            background: #0665B0;
            border-color: #0665B0;
            color: #fff;
        }

@media screen and (max-width: 1680px) {
    .xjtbsb .but a {
        width: 110px;
    }
}

@media screen and (max-width: 1024px) {
    .xjtbsb .but {
        margin-top: 14px;
    }
}



@media screen and (min-width: 1024px) {
    .dwhy_section01 .table-pf01 {
        width: 355px;
    }
}

@media screen and (min-width: 1024px) {
    .dwhy_section01 .table-pf02 {
        width: 405px;
    }
}




/*250102start*/
.dhbm-sqkp .file {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    position: relative;
    height: 32px;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 500;
}

    .dhbm-sqkp .file input {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 6;
        cursor: pointer;
    }

.dhbm-sqkp01 .zj1 {
    width: 100%;
    display: block;
    color: #7A7A7A;
    font-size: 14px;
    line-height: 24px;
}

    .dhbm-sqkp01 .zj1 a {
        color: #0665b0;
    }

.dhbm-sqkp01 .mt10 {
    margin-top: 12px;
}

.vipBox .cont01 .left-1 .agree .Forgot {
    color: #0665b0
}

.vipBox .cont01 .lab02 {
    display: flex;
    width: 100%;
    margin-top: 24px;
    position: relative;
}

.vipBox .cont01 .lab03 {
    display: flex;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.vipBox .cont01 .submit {
    margin-top: 0 !important;
}

.vipBox .cont01 .bd {
    margin-top: 0 !important;
}

.vipBox .cont01 .dd {
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    color: #6C6C6C;
    font-size: 14px;
    line-height: 30px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .vipBox .cont01 .dd.on {
        color: #0665b0;
    }

.vipBox .cont01 .num {
    float: left;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 40px;
    position: absolute;
    left: 11px;
    top: 0;
}

.vipBox .cont01 .yanzhengma01 {
    float: left;
    color: rgba(0, 0, 0, 0.9);
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    margin-left: 16px;
    min-width: 94px;
    width: 94px;
}

.vipBox .cont01 .text01 {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    height: 40px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    padding: 8px 11px 8px 50px;
}

.vipBox .cont01 .text02 {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    height: 40px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    padding: 8px 11px;
}

.vipA01 {
    padding: 14px 8.8% 33px 8.8%;
}

    .vipA01 .lab02 {
        display: flex;
        width: 100%;
        margin-top: 24px;
        position: relative;
    }

    .vipA01 .lab03 {
        display: flex;
        width: 100%;
        margin-top: 20px;
        position: relative;
    }

    .vipA01 .submit {
        margin-top: 0 !important;
    }

    .vipA01 .bd {
        margin-top: 0 !important;
    }

    .vipA01 .dd {
        float: left;
        width: 50%;
        text-align: center;
        cursor: pointer;
        color: #6C6C6C;
        font-size: 14px;
        line-height: 30px;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

        .vipA01 .dd.on {
            color: #0665b0;
        }

    .vipA01 .num {
        float: left;
        color: rgba(0, 0, 0, 0.8);
        font-size: 16px;
        line-height: 40px;
        position: absolute;
        left: 11px;
        top: 0;
    }

    .vipA01 .yanzhengma01 {
        float: left;
        color: rgba(0, 0, 0, 0.9);
        font-size: 16px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        margin-left: 16px;
        min-width: 94px;
        width: 94px;
    }

    .vipA01 .text01 {
        float: left;
        width: 100%;
        background: #fff;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        height: 40px;
        font-size: 16px;
        color: #000;
        line-height: 24px;
        padding: 8px 11px 8px 50px;
    }

    .vipA01 .text02 {
        float: left;
        width: 100%;
        background: #fff;
        border: 1px solid #DCDCDC;
        border-radius: 3px;
        height: 40px;
        font-size: 16px;
        color: #000;
        line-height: 24px;
        padding: 8px 11px;
    }


@media screen and (max-width: 1024px) {
    .dhbm-sqkp .file {
        width: 80px;
        height: 28px;
        font-size: 12px;
        padding-bottom: 1px;
    }

    .dhbm-sqkp01 .name {
        width: 88px;
        min-width: 88px;
    }

    .vipBox .cont01 .lab02 {
        margin-top: 16px;
    }

    .vipBox .cont01 .lab03 {
        margin-top: 10px;
        ;
    }

    .vipBox .cont01 .text01 {
        height: 40px;
        font-size: 14px;
    }

    .vipBox .cont01 .text02 {
        height: 40px;
        font-size: 14px;
    }

    .vipBox .cont01 .yanzhengma01 {
        font-size: 14px;
        line-height: 38px;
        margin-left: 10px;
    }

    .vipA01 {
        padding: 14px 12px 20px 12px;
    }

        .vipA01 .lab02 {
            margin-top: 16px;
        }

        .vipA01 .lab03 {
            margin-top: 10px;
            ;
        }

        .vipA01 .text01 {
            height: 40px;
            font-size: 14px;
        }

        .vipA01 .text02 {
            height: 40px;
            font-size: 14px;
        }

        .vipA01 .yanzhengma01 {
            font-size: 14px;
            line-height: 38px;
            margin-left: 10px;
        }
}


/*250102end*/


.gjhyxq_section .content .info img {
    display: initial;
}

.member-carousel-section {
    margin: 40px 0;
    background: #fff;
    border-radius: 8px;
    padding: 30px 0 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.carousel-title {
    font-size: 20px;
    font-weight: bold;
    margin-left: 40px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.carousel-line {
    flex: 1;
    height: 2px;
    background: #e5e5e5;
    margin-left: 16px;
}

.member-carousel {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 40px;
}

.carousel-arrow {
    background: none;
    border: none;
    font-size: 32px;
    color: #bbb;
    cursor: pointer;
    width: 40px;
    height: 120px;
    transition: color 0.2s;
}

    .carousel-arrow:hover {
        color: #0665b0;
    }

.carousel-track {
    display: flex;
    overflow: hidden;
    flex: 1;
    scroll-behavior: smooth;
}

.carousel-item {
    min-width: 200px;
    max-width: 220px;
    margin: 0 12px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: center;
    padding: 18px 10px 10px 10px;
    box-sizing: border-box;
    transition: box-shadow 0.2s;
}

    .carousel-item img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        margin-bottom: 10px;
    }

.carousel-name {
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 900px) {
    .carousel-item {
        min-width: 150px;
        max-width: 160px;
    }

    .carousel-title {
        margin-left: 16px;
    }

    .member-carousel {
        padding: 0 10px;
    }
}


/* 会员单位轮播区域 */
.HuiYuan {
    float: left;
    width: 100%;
    background: #fff;
    padding: 17px 73px 20px 73px;
}

    .HuiYuan ul {
        float: left;
        width: 100%;
    }

    .HuiYuan li {
        float: left;
        width: 20%;
        padding: 10px 17px;
    }

        .HuiYuan li a {
            text-align: center;
        }

        .HuiYuan li i {
            float: left;
            width: 100%;
            line-height: 0;
            overflow: hidden;
            border-radius: 3px;
        }

            .HuiYuan li i img {
                -webkit-transition: all 0.5s ease-out 0s;
                -moz-transition: all 0.5s ease-out 0s;
                -o-transition: all 0.5s ease-out 0s;
                transition: all 0.5s ease-out 0s;
                transition: -webkit-transform 2s;
                vertical-align: middle;
                -ms-interpolation-mode: bicubic;
            }

        .HuiYuan li a:hover img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            transform: scale(1.1);
        }

        .HuiYuan li h5 {
            float: left;
            width: 100%;
            line-height: 26px;
            font-size: 15px;
            color: #000;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin: 12px 0 5px 0;
        }

        .HuiYuan li h6 {
            float: left;
            width: 100%;
            line-height: 22px;
            font-size: 12px;
            color: #7A7A7A;
            height: 44px;
            overflow: hidden;
        }

        .HuiYuan li:hover h5 {
            color: #0665b0;
        }

    .HuiYuan .slick-arrow {
        width: 22px;
        height: 22px;
        border-top: 3px solid #c5c5c5;
        border-right: 3px solid #c5c5c5;
    }

        .HuiYuan .slick-arrow:hover {
            border-top: 3px solid #0665b0;
            border-right: 3px solid #0665b0;
        }

    .HuiYuan .slick-prev {
        left: -36px;
        -webkit-transform: translate(0, -50%) rotate(225deg);
        -ms-transform: translate(0, -50%) rotate(225deg);
        transform: translate(0, -50%) rotate(225deg);
    }

    .HuiYuan .slick-next {
        right: -36px;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        -ms-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
    }


/* 新闻幻灯片*/
.NewHd .slick-dotted.slick-slider {
    margin-bottom: 0rem;
}

.NewHd li {
    position: relative;
}

    .NewHd li h5 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2.5rem;
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        margin: 0;
        /* padding: 0.5rem; */
        font-size: 16px;
        line-height: 2.5rem;
        text-align: left;
        padding-left: 0.625rem;
        box-sizing: border-box;
    }

/* 箭头位置调整到内部左右居中 */
.NewHd .slick-prev,
.NewHd .slick-next {
    z-index: 10;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.NewHd .slick-prev {
    left: 10px;
    /* transform: translate(0, -50%) rotate(225deg); */
}

.NewHd .slick-next {
    right: 10px;
    /* transform: translate(0, -50%) rotate(45deg); */
}

.NewHd .slick-arrow {
    width: 22px;
    height: 22px;
    /* border-top: 3px solid #c5c5c5;
  border-right: 3px solid #c5c5c5; */
}


.NewHd .slick-prev:before {
    font-size: 30px;
    color: rgba(0, 0, 0, 0.8);
}

.NewHd .slick-next:before {
    font-size: 30px;
    color: rgba(0, 0, 0, 0.8);
}

/* 圆点导航在幻灯片底部靠右 */
.NewHd .slick-dots {
    position: absolute;
    right: 10px;
    bottom: 4px;
    top: auto;
    transform: none;
    width: auto;
    display: flex;
    flex-direction: row;
    gap: 1px;
}

.NewHd .news-slider .slick-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.NewHd .slick-dots li {
    width: 10px;
    height: 1.5rem;
}

    .NewHd .slick-dots li button {
        color: #fff;
    }

        .NewHd .slick-dots li button:before {
            font-size: 12px;
            color: #fff;
            transition: all 0.3s ease;
        }

    .NewHd .slick-dots li.slick-active button:before {
        color: #0665b0;
    }

/* 主管单位区域 */
.ZhuGuan {
    float: left;
    width: 100%;
    background: #fff;
    padding: 7px 10px 10px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ZhuGuan-item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

    .ZhuGuan-item:last-child {
        margin-bottom: 0;
    }

    .ZhuGuan-item a {
        display: block;
        text-decoration: none;
        color: #333;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        transition: all 0.3s ease;
    }

        .ZhuGuan-item a:hover {
            border-color: #0665b0;
            box-shadow: 0 4px 12px rgba(6, 101, 176, 0.15);
            transform: translateY(-2px);
        }

    .ZhuGuan-item i {
        display: block;
        width: 100%;
        line-height: 0;
        overflow: hidden;
        border-radius: 3px;
    }

        .ZhuGuan-item i img {
            width: 100%;
            max-width: 200px;
            height: auto;
            min-height: 60px;
            object-fit: contain;
            transition: all 0.5s ease-out 0s;
            vertical-align: middle;
            -ms-interpolation-mode: bicubic;
        }

    .ZhuGuan-item a:hover i img {
        transform: scale(1.05);
    }

    .ZhuGuan-item h5 {
        margin: 0;
        line-height: 26px;
        font-size: 16px;
        color: #000;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    .ZhuGuan-item a:hover h5 {
        color: #0665b0;
    }

/* 响应式设计 */
@media screen and (max-width: 1024px) {
    .ZhuGuan {
        padding: 12px 15px 15px 15px;
    }

    .ZhuGuan-item {
        margin-bottom: 12px;
    }

        .ZhuGuan-item a {
            padding: 12px;
        }

        .ZhuGuan-item i img {
            min-height: 50px;
            max-width: 150px;
        }

        .ZhuGuan-item h5 {
            font-size: 14px;
            line-height: 24px;
        }
}

@media screen and (max-width: 767px) {
    .ZhuGuan {
        padding: 10px 12px 12px 12px;
    }

    .ZhuGuan-item {
        margin-bottom: 10px;
    }

        .ZhuGuan-item a {
            padding: 10px;
        }

        .ZhuGuan-item i img {
            min-height: 40px;
            max-width: 120px;
        }

        .ZhuGuan-item h5 {
            font-size: 13px;
            line-height: 22px;
        }
}

/* 正在建设中页面样式 */
.building-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    padding: 60px 20px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin: 40px 0;
}

.building-content {
    text-align: center;
    max-width: 600px;
    width: 100%;
}

.building-icon {
    margin-bottom: 40px;
}

.construction-icon {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
}

.construction-svg {
    width: 100%;
    height: 100%;
    animation: rotate 8s linear infinite;
}

    .construction-svg circle {
        animation: pulse 2s ease-in-out infinite;
    }

    .construction-svg line {
        animation: dash 3s ease-in-out infinite;
    }

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes pulse {

    0%, 100% {
        opacity: 0.3;
        stroke-width: 2;
    }

    50% {
        opacity: 1;
        stroke-width: 3;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 100;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 50, 100;
        stroke-dashoffset: -25;
    }

    100% {
        stroke-dasharray: 1, 100;
        stroke-dashoffset: -100;
    }
}

.building-text {
    color: #333;
}

.building-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #2c3e50;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 1s ease-out;
}

.building-description {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
    line-height: 1.6;
    animation: fadeInUp 1s ease-out 0.2s both;
}

.building-progress {
    margin-bottom: 40px;
    animation: fadeInUp 1s ease-out 0.4s both;
}

.progress-bar {
    width: 100%;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #45a049);
    border-radius: 4px;
    width: 75%;
    animation: progressFill 2s ease-out 0.6s both;
    position: relative;
}

    .progress-fill::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        animation: shimmer 2s infinite;
    }

@keyframes progressFill {
    from {
        width: 0%;
    }

    to {
        width: 75%;
    }
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.progress-text {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.building-features {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    animation: fadeInUp 1s ease-out 0.6s both;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    min-width: 120px;
}

    .feature-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        background: rgba(255, 255, 255, 0.95);
    }

.feature-icon {
    font-size: 24px;
    margin-bottom: 5px;
}

.feature-item span {
    font-size: 14px;
    color: #555;
    font-weight: 500;
}

.building-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    animation: fadeInUp 1s ease-out 0.8s both;
}

.back-btn,
.home-btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.back-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

    .back-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
        color: white;
    }

.home-btn {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

    .home-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(245, 87, 108, 0.4);
        color: white;
    }

    .back-btn::before,
    .home-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s;
    }

    .back-btn:hover::before,
    .home-btn:hover::before {
        left: 100%;
    }

/* 响应式设计 */
@media screen and (max-width: 1024px) {
    .building-container {
        padding: 40px 15px;
        margin: 30px 0;
    }

    .building-title {
        font-size: 32px;
    }

    .building-description {
        font-size: 16px;
    }

    .building-features {
        gap: 20px;
    }

    .feature-item {
        min-width: 100px;
        padding: 12px;
    }
}

@media screen and (max-width: 767px) {
    .building-container {
        padding: 30px 10px;
        margin: 20px 0;
        min-height: 400px;
    }

    .building-title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .building-description {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .construction-icon {
        width: 100px;
        height: 100px;
    }

    .building-features {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .feature-item {
        min-width: 200px;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }

    .building-actions {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .back-btn,
    .home-btn {
        width: 200px;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .building-container {
        padding: 20px 10px;
        margin: 15px 0;
    }

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

    .building-description {
        font-size: 14px;
    }

    .construction-icon {
        width: 80px;
        height: 80px;
    }

    .feature-item {
        min-width: 180px;
    }

    .back-btn,
    .home-btn {
        width: 180px;
        padding: 10px 25px;
        font-size: 14px;
    }
}

/* 简化版正在建设中页面样式 */
.building-simple {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 40px 20px;
    background: #f8f9fa;
    border-radius: 10px;
    margin: 30px 0;
    border: 1px solid #e9ecef;
}

.building-simple-content {
    text-align: center;
    max-width: 500px;
    width: 100%;
}

.building-simple-icon {
    margin-bottom: 30px;
}

.simple-icon {
    font-size: 60px;
    margin-bottom: 10px;
    animation: simplePulse 2s ease-in-out infinite;
}

@keyframes simplePulse {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.building-simple-text {
    color: #333;
}

.building-simple-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2c3e50;
}

.building-simple-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
    line-height: 1.5;
}

.building-simple-progress {
    margin-bottom: 30px;
}

.simple-progress-bar {
    width: 100%;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 8px;
}

.simple-progress-fill {
    height: 100%;
    background: #007bff;
    border-radius: 3px;
    width: 75%;
    animation: simpleProgress 1.5s ease-out;
}

@keyframes simpleProgress {
    from {
        width: 0%;
    }

    to {
        width: 75%;
    }
}

.simple-progress-text {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.building-simple-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.simple-back-btn,
.simple-home-btn {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.simple-back-btn {
    background: #6c757d;
    color: white;
}

    .simple-back-btn:hover {
        background: #5a6268;
        color: white;
        transform: translateY(-1px);
    }

.simple-home-btn {
    background: #007bff;
    color: white;
}

    .simple-home-btn:hover {
        background: #0056b3;
        color: white;
        transform: translateY(-1px);
    }

/* 简化版响应式设计 */
@media screen and (max-width: 768px) {
    .building-simple {
        padding: 30px 15px;
        margin: 20px 0;
        min-height: 350px;
    }

    .building-simple-title {
        font-size: 28px;
    }

    .building-simple-description {
        font-size: 15px;
    }

    .simple-icon {
        font-size: 50px;
    }

    .building-simple-actions {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .simple-back-btn,
    .simple-home-btn {
        width: 200px;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .building-simple {
        padding: 20px 10px;
        margin: 15px 0;
    }

    .building-simple-title {
        font-size: 24px;
    }

    .building-simple-description {
        font-size: 14px;
    }

    .simple-icon {
        font-size: 40px;
    }

    .simple-back-btn,
    .simple-home-btn {
        width: 180px;
        padding: 8px 20px;
        font-size: 14px;
    }
}


/* 联系我们 两栏布局与自适应 */
.contact-flex {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

.contact-left {
    flex: 1 1 45%;
}

.contact-right {
    flex: 1 1 55%;
}

    .contact-right img {
        width: 100%;
        height: auto;
        display: block;
    }

.contact-qrcode {
    /*    margin-top: 12px;*/
    display: inline-block;
    text-align: center;
}

    .contact-qrcode i {
        display: block;
        line-height: 0;
    }

        .contact-qrcode i img {
            width: 200px;
            height: auto;
            display: block;
            margin-bottom: 10px;
            margin-left: 2em;
        }

    .contact-qrcode span {
        display: block;
        margin-top: 6px;
        font-size: 16px;
        color: #666;
        margin-left: 2em;
    }

    .contact-qrcode .tip {
        font-size: 14px;
        color: #666;
        margin-top: 6px;
    }

@media (max-width: 768px) {
    .contact-flex {
        flex-direction: column;
        gap: 16px;
    }
}

.bzdt1 .list ul li a span.download img {
    margin-top: 4px;
    height: 20px;
    line-height: 20px;
    margin-right: 2px;
}

.bzdt1 .list ul li a span.download {
    width: 80px;
    display: inline-flex;
    white-space: nowrap;
    margin-left: 30px;
    color: #929292;
}

.wxzc_section .content {
    width: 100%;
    background: #fff;
    padding: 23px 35px 79px 36px;
}


/*25-11-26*/
/* 统一图片展示：活动区、会员单位等可复用 */
.uniform-img-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    /* 可改成 4/3 或 1/1 */
    overflow: hidden;
    background: #f2f2f2;
    border-radius: 4px;
    display: block;
    /* 确保作为块级容器 */
}

    .uniform-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 裁剪填充 */
        display: block;
    }

/* 删除旧的最大高度规则，避免冲突 */
/* .Activit li i img { max-height: 213px; } */

.Activit ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    .Activit ul li {
        flex: 1 1 calc(33.333% - 20px);
        min-width: 260px;
    }

        .Activit ul li h5 {
            margin-top: 10px;
            font-size: 16px;
            line-height: 1.4;
            height: 45px;
            overflow: hidden;
        }


/*250102start*/
/* 仅 PC 端：恢复导航原样，调整头部布局 */
@media (min-width: 992px) {
    .site-header .header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        /* padding: 12px 0; */
        padding-top: 25px;
        width: 100%;
    }

    .header-left {
        flex: 0 0 auto;
    }

    .header-right {
        flex: 1 1 auto;
        display: grid;
        grid-template-rows: auto auto;
        /* 上：搜索；下：导航 */
        row-gap: 12px;
        justify-items: end;
        /* 搜索、导航整体靠右对齐 */
    }

    .header-search {
        width: 100%;
        max-width: 850px;
    }

    /* header-kh 图片从 490px 调整到 580px：PC 端用 flex 更稳，避免挤压/遮挡搜索框 */
    .header-search {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

        .header-search .header-kh {
            float: none;
            position: relative;
            margin-left: 0;
            flex: 1 1 auto;
            min-width: 0;
            max-width: 580px;
            /* 新图片最大宽度 */
        }

            .header-search .header-kh img {
                width: 580px;
                /* 设计稿/原图宽度 */
                max-width: 100%;
                /* 窗口变窄时自动缩小 */
                height: auto;
                display: block;
            }

        .header-search .so {
            float: none;
            flex: 0 0 226px;
            /* 保持原搜索框宽度 */
            width: 226px;
            margin: 7px 0 0 0;
            /* 去掉右侧外边距，交给 gap 控制 */
        }

    .header-nav {
        width: 100%;
    }

        /* 关键：把此前误加到导航列表/链接上的通用样式还原 */
        /* 如果你的文件里有 .header-nav .nav-list 或 .header-nav .nav-list a 的规则，建议直接删除；
     若暂时不方便删除，可用 revert 恢复到原有（框架/自定义）样式 */
        .header-nav .nav-list {
            display: revert;
            gap: revert;
            justify-content: revert;
            flex-wrap: revert;
            margin: revert;
            padding: revert;
            list-style: revert;
        }

            .header-nav .nav-list > li {
                display: revert;
                margin: revert;
            }

            .header-nav .nav-list a {
                padding: revert;
                color: revert;
                background: revert;
                border: revert;
            }
}



/* 顶部背景图：在 .index 背景色之上，但在内容之下 */
.index {
    position: relative;
}

/* 背景图层（叠在 .index 的背景色上层） */
body::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /* 只显示顶部一段高度：按需要调这个值 */
    height: clamp(260px, 42vw, 560px);
    background: url(../images/bg251221-1.png) top center no-repeat;
    background-size: cover;
    z-index: 5;
    pointer-events: none;
}

/* 确保页面内容在背景图层之上 */
.index > .w_center {
    position: relative;
    z-index: 8;
}



/* 口号251224 */
@media screen and (min-width: 992px) {
}


/* 学会期刊列表样式 */
.xhjj_box .info .journal-section-theme {
    margin-top: 40px;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 700;
    color: #0665b0;
    line-height: 1.5;
    padding-bottom: 12px;
    border-bottom: 2px solid #0665b0;
    position: relative;
}

    .xhjj_box .info .journal-section-theme:first-of-type {
        margin-top: 0;
    }

    .xhjj_box .info .journal-section-theme::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 60px;
        height: 2px;
        background: #0665b0;
    }

.xhjj_box .info .journal-section-title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #474747;
    line-height: 1.5;
}

    .xhjj_box .info .journal-section-title:first-of-type {
        margin-top: 0;
    }

.xhjj_box .info .journal-section-list {
    margin-top: 20px;
}

    .xhjj_box .info .journal-section-list ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .xhjj_box .info .journal-section-list ul li {
            flex: 0 0 calc(25% - 15px);
            box-sizing: border-box;
        }

            .xhjj_box .info .journal-section-list ul li a {
                display: block;
                text-decoration: none;
                color: #2E2E2E;
                transition: all 0.3s ease;
                background: #fff;
                border: 1px solid #e9ecef;
                border-radius: 6px;
                overflow: hidden;
                height: 100%;
            }

                .xhjj_box .info .journal-section-list ul li a:hover {
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                    border-color: #0665b0;
                    transform: translateY(-2px);
                }

                .xhjj_box .info .journal-section-list ul li a i {
                    display: block;
                    width: 100%;
                    padding-top: 132.5%;
                    position: relative;
                    overflow: hidden;
                    background: #f8f9fa;
                }

                    .xhjj_box .info .journal-section-list ul li a i img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        transition: transform 0.3s ease;
                    }

                .xhjj_box .info .journal-section-list ul li a:hover i img {
                    transform: scale(1.05);
                }

                .xhjj_box .info .journal-section-list ul li a span {
                    display: block;
                    padding: 12px 15px 6px 15px;
                    font-size: 16px;
                    font-weight: 500;
                    color: #2E2E2E;
                    text-align: center;
                    line-height: 1.4;
                }

                .xhjj_box .info .journal-section-list ul li a:hover span {
                    color: #0665b0;
                }

                .xhjj_box .info .journal-section-list ul li a font {
                    display: block;
                    padding: 0 15px 12px 15px;
                    font-size: 14px;
                    color: #666;
                    text-align: center;
                    line-height: 1.4;
                }

@media screen and (max-width: 1680px) {
    .xhjj_box .info .journal-section-theme {
        font-size: 22px;
        margin-top: 35px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

        .xhjj_box .info .journal-section-theme::after {
            width: 50px;
        }

    .xhjj_box .info .journal-section-title {
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 16px;
    }

    .xhjj_box .info .journal-section-list {
        margin-top: 16px;
    }

        .xhjj_box .info .journal-section-list ul {
            gap: 16px;
        }

            .xhjj_box .info .journal-section-list ul li {
                flex: 0 0 calc(25% - 12px);
            }

                .xhjj_box .info .journal-section-list ul li a span {
                    padding: 10px 12px 5px 12px;
                    font-size: 15px;
                }

                .xhjj_box .info .journal-section-list ul li a font {
                    padding: 0 12px 10px 12px;
                    font-size: 13px;
                }
}

@media screen and (max-width: 1024px) {
    .xhjj_box .info .journal-section-theme {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 16px;
        padding-bottom: 8px;
    }

        .xhjj_box .info .journal-section-theme::after {
            width: 40px;
        }

    .xhjj_box .info .journal-section-title {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 12px;
    }

    .xhjj_box .info .journal-section-list {
        margin-top: 12px;
    }

        .xhjj_box .info .journal-section-list ul {
            gap: 12px;
        }

            .xhjj_box .info .journal-section-list ul li {
                flex: 0 0 calc(50% - 6px);
            }

                .xhjj_box .info .journal-section-list ul li a span {
                    padding: 10px 10px 5px 10px;
                    font-size: 14px;
                }

                .xhjj_box .info .journal-section-list ul li a font {
                    padding: 0 10px 10px 10px;
                    font-size: 12px;
                }
}

@media screen and (max-width: 767px) {
    .xhjj_box .info .journal-section-theme {
        font-size: 18px;
        margin-top: 24px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }

        .xhjj_box .info .journal-section-theme::after {
            width: 35px;
        }

    .xhjj_box .info .journal-section-title {
        font-size: 16px;
        margin-top: 16px;
        margin-bottom: 10px;
    }

    .xhjj_box .info .journal-section-list {
        margin-top: 10px;
    }

        .xhjj_box .info .journal-section-list ul {
            gap: 10px;
        }

            .xhjj_box .info .journal-section-list ul li {
                flex: 0 0 calc(50% - 5px);
            }

                .xhjj_box .info .journal-section-list ul li a {
                    border-radius: 4px;
                }

                    .xhjj_box .info .journal-section-list ul li a span {
                        padding: 8px 8px 4px 8px;
                        font-size: 14px;
                    }

                    .xhjj_box .info .journal-section-list ul li a font {
                        padding: 0 8px 8px 8px;
                        font-size: 12px;
                    }
}

/* 学会期刊列表样式 */

/* ============================================
   学会期刊页面布局样式 - 左侧导航和右侧列表
   说明：此样式用于学会期刊2.html页面，实现左右分栏布局
   ============================================ */

/* 主要容器布局 - 左右分栏 */
/* 使用更具体的选择器，仅影响.wxzc_section .content下的.xhjj_box，且只对包含left-nav和rightlist的生效 */
.wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

/* ========== 左侧导航样式 ========== */
.wxzc_section .content .xhjj_box .left-nav,
.xhjj_box .left-nav {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    background: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    padding: 0;
}

    /* 左侧导航列表 */
    .xhjj_box .left-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        /* 左侧导航项 */
        .xhjj_box .left-nav ul li {
            width: 100%;
            border-bottom: 1px solid #E7E7E7;
            position: relative;
        }

            /* 最后一个导航项不显示底边框 */
            .xhjj_box .left-nav ul li:last-child {
                border-bottom: none;
            }

            /* 导航链接样式 */
            .xhjj_box .left-nav ul li a {
                display: block;
                padding: 16px 20px;
                font-size: 16px;
                color: #474747;
                line-height: 22px;
                text-decoration: none;
                transition: all 0.3s ease;
                position: relative;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                /* 导航链接悬停效果 */
                .xhjj_box .left-nav ul li a:hover {
                    color: #0665B0;
                    background-color: #F5F7FA;
                    padding-left: 28px;
                }

            /* 激活状态导航项 */
            .xhjj_box .left-nav ul li.active a {
                color: #0665B0;
                background-color: #F5F7FA;
                font-weight: 500;
            }

            /* 激活状态左侧指示条 */
            .xhjj_box .left-nav ul li.active::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 4px;
                background: #0665B0;
            }

            /* 激活状态链接左侧内边距 */
            .xhjj_box .left-nav ul li.active a {
                padding-left: 28px;
            }

/* ========== 右侧列表容器 ========== */
.wxzc_section .content .xhjj_box .rightlist,
.xhjj_box .rightlist {
    flex: 1;
    min-width: 0;
    width: 100%;
}

/* ========== 期刊列表样式 ========== */
.xhjj_box .journal-list {
    width: 100%;
}

    /* 期刊列表容器 */
    .xhjj_box .journal-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        width: 100%;
    }

        /* 期刊列表项 */
        .xhjj_box .journal-list ul li {
            width: 100%;
            background: #fff;
            border: 1px solid #E7E7E7;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

            /* 列表项悬停效果 */
            .xhjj_box .journal-list ul li:hover {
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                transform: translateY(-4px);
                border-color: #0665B0;
            }

            /* 期刊链接样式 */
            .xhjj_box .journal-list ul li a {
                display: block;
                width: 100%;
                text-decoration: none;
                color: #333;
                overflow: hidden;
            }

                /* 期刊封面图片容器 */
                .xhjj_box .journal-list ul li a i {
                    display: block;
                    width: 100%;
                    padding-bottom: 140%;
                    position: relative;
                    overflow: hidden;
                    background: #F5F5F5;
                }

                    /* 期刊封面图片 */
                    .xhjj_box .journal-list ul li a i img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        transition: transform 0.3s ease;
                    }

            /* 悬停时图片放大效果 */
            .xhjj_box .journal-list ul li:hover a i img {
                transform: scale(1.05);
            }

            /* 期刊期数文字 */
            .xhjj_box .journal-list ul li a span {
                display: block;
                padding: 12px 16px;
                font-size: 16px;
                color: #474747;
                text-align: center;
                line-height: 24px;
                background: #fff;
                transition: color 0.3s ease;
            }

            /* 悬停时期数文字颜色变化 */
            .xhjj_box .journal-list ul li:hover a span {
                color: #0665B0;
            }

/* ========== 响应式布局 - 中等屏幕 (1680px以下) ========== */
@media screen and (max-width: 1680px) {

    .wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist),
    .xhjj_box:has(.left-nav):has(.rightlist) {
        gap: 24px;
    }

    .wxzc_section .content .xhjj_box .left-nav,
    .xhjj_box .left-nav {
        flex: 0 0 260px;
        width: 260px;
        min-width: 260px;
    }

        .wxzc_section .content .xhjj_box .left-nav ul li a,
        .xhjj_box .left-nav ul li a {
            padding: 14px 18px;
            font-size: 15px;
            line-height: 20px;
        }

            .wxzc_section .content .xhjj_box .left-nav ul li.active a,
            .wxzc_section .content .xhjj_box .left-nav ul li a:hover,
            .xhjj_box .left-nav ul li.active a,
            .xhjj_box .left-nav ul li a:hover {
                padding-left: 26px;
            }

    .xhjj_box .journal-list ul {
        gap: 18px;
    }

        .xhjj_box .journal-list ul li a span {
            padding: 10px 14px;
            font-size: 15px;
            line-height: 22px;
        }
}

/* ========== 响应式布局 - 平板 (1024px以下) ========== */
@media screen and (max-width: 1024px) {

    /* 平板设备改为上下布局 */
    .wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist),
    .xhjj_box:has(.left-nav):has(.rightlist) {
        flex-direction: column;
        gap: 20px;
    }

    .wxzc_section .content .xhjj_box .left-nav,
    .xhjj_box .left-nav {
        flex: none;
        width: 100%;
        max-width: 100%;
        border-radius: 6px;
    }

        /* 平板设备导航改为横向滚动 */
        .wxzc_section .content .xhjj_box .left-nav ul,
        .xhjj_box .left-nav ul {
            display: flex;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding: 0;
        }

            /* 隐藏滚动条 */
            .wxzc_section .content .xhjj_box .left-nav ul::-webkit-scrollbar,
            .xhjj_box .left-nav ul::-webkit-scrollbar {
                display: none;
            }

            .wxzc_section .content .xhjj_box .left-nav ul li,
            .xhjj_box .left-nav ul li {
                flex: 0 0 auto;
                border-bottom: none;
                border-right: 1px solid #E7E7E7;
                white-space: nowrap;
                min-width: fit-content;
            }

                .wxzc_section .content .xhjj_box .left-nav ul li:last-child,
                .xhjj_box .left-nav ul li:last-child {
                    border-right: none;
                    padding-right: 12px;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li:first-child,
                .xhjj_box .left-nav ul li:first-child {
                    padding-left: 12px;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li a,
                .xhjj_box .left-nav ul li a {
                    padding: 12px 20px;
                    font-size: 15px;
                    line-height: 22px;
                    min-height: 44px;
                    display: flex;
                    align-items: center;
                    -webkit-tap-highlight-color: transparent;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li.active::before,
                .xhjj_box .left-nav ul li.active::before {
                    width: 100%;
                    height: 3px;
                    top: auto;
                    bottom: 0;
                    left: 0;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li.active a,
                .wxzc_section .content .xhjj_box .left-nav ul li a:hover,
                .xhjj_box .left-nav ul li.active a,
                .xhjj_box .left-nav ul li a:hover {
                    padding-left: 20px;
                }

    .wxzc_section .content .xhjj_box .rightlist,
    .xhjj_box .rightlist {
        width: 100%;
    }

    .wxzc_section .content .xhjj_box .journal-list ul,
    .xhjj_box .journal-list ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

        .wxzc_section .content .xhjj_box .journal-list ul li a span,
        .xhjj_box .journal-list ul li a span {
            padding: 10px 12px;
            font-size: 14px;
            line-height: 20px;
        }
}

/* ========== 响应式布局 - 手机 (767px以下) ========== */
@media screen and (max-width: 767px) {

    .wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist),
    .xhjj_box:has(.left-nav):has(.rightlist) {
        gap: 16px;
        margin-top: 14px;
    }

    .wxzc_section .content .xhjj_box .left-nav,
    .xhjj_box .left-nav {
        flex: none;
        width: 100%;
        max-width: 100%;
        border-radius: 6px;
        border: 1px solid #E7E7E7;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        background: #fff;
        overflow: hidden;
    }

        /* 移动端导航优化 - 横向滚动 */
        .wxzc_section .content .xhjj_box .left-nav ul,
        .xhjj_box .left-nav ul {
            display: flex;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding: 0;
            margin: 0;
            list-style: none;
            width: 100%;
            gap: 0;
        }

            /* 隐藏滚动条 */
            .wxzc_section .content .xhjj_box .left-nav ul::-webkit-scrollbar,
            .xhjj_box .left-nav ul::-webkit-scrollbar {
                display: none;
            }

            .wxzc_section .content .xhjj_box .left-nav ul li,
            .xhjj_box .left-nav ul li {
                flex: 0 0 auto;
                border-bottom: none;
                border-right: 1px solid #E7E7E7;
                white-space: nowrap;
                min-width: fit-content;
                width: auto;
                position: relative;
            }

                .wxzc_section .content .xhjj_box .left-nav ul li:first-child,
                .xhjj_box .left-nav ul li:first-child {
                    padding-left: 0;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li:last-child,
                .xhjj_box .left-nav ul li:last-child {
                    border-right: none;
                    padding-right: 12px;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li:first-child a,
                .xhjj_box .left-nav ul li:first-child a {
                    padding-left: 12px;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li a,
                .xhjj_box .left-nav ul li a {
                    padding: 12px 20px;
                    font-size: 14px;
                    line-height: 20px;
                    min-height: 44px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    touch-action: manipulation;
                    -webkit-tap-highlight-color: rgba(6, 101, 176, 0.1);
                    color: #474747;
                    text-decoration: none;
                    transition: all 0.2s ease;
                    white-space: nowrap;
                }

                /* 移动端激活状态优化 */
                .wxzc_section .content .xhjj_box .left-nav ul li.active a,
                .xhjj_box .left-nav ul li.active a {
                    background-color: #F0F7FF;
                    color: #0665B0;
                    font-weight: 500;
                }

                .wxzc_section .content .xhjj_box .left-nav ul li.active::before,
                .xhjj_box .left-nav ul li.active::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 3px;
                    background: #0665B0;
                }

                /* 移动端导航悬停效果 */
                .wxzc_section .content .xhjj_box .left-nav ul li a:hover,
                .xhjj_box .left-nav ul li a:hover {
                    background-color: #F5F7FA;
                    color: #0665B0;
                }

    /* 移动端列表优化 */
    .wxzc_section .content .xhjj_box .journal-list,
    .xhjj_box .journal-list {
        width: 100%;
        padding: 0;
    }

        .wxzc_section .content .xhjj_box .journal-list ul,
        .xhjj_box .journal-list ul {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            padding: 0;
        }

            .wxzc_section .content .xhjj_box .journal-list ul li,
            .xhjj_box .journal-list ul li {
                border-radius: 8px;
                border: 1px solid #E7E7E7;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
                transition: all 0.2s ease;
                -webkit-tap-highlight-color: transparent;
            }

                /* 移动端列表项点击效果 */
                .wxzc_section .content .xhjj_box .journal-list ul li:active,
                .xhjj_box .journal-list ul li:active {
                    transform: scale(0.98);
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                }

                .wxzc_section .content .xhjj_box .journal-list ul li a i,
                .xhjj_box .journal-list ul li a i {
                    padding-bottom: 142%;
                }

                .wxzc_section .content .xhjj_box .journal-list ul li a span,
                .xhjj_box .journal-list ul li a span {
                    padding: 10px 8px;
                    font-size: 13px;
                    line-height: 18px;
                    min-height: 38px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                /* 移动端禁用悬停效果，改用点击效果 */
                .wxzc_section .content .xhjj_box .journal-list ul li:hover,
                .xhjj_box .journal-list ul li:hover {
                    transform: none;
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
                }
}

/* ========== 响应式布局 - 小屏手机 (480px以下) ========== */
@media screen and (max-width: 480px) {

    .wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist),
    .xhjj_box:has(.left-nav):has(.rightlist) {
        gap: 12px;
        margin-top: 12px;
    }

    /* 小屏手机导航优化 */
    .wxzc_section .content .xhjj_box .left-nav ul li a,
    .xhjj_box .left-nav ul li a {
        padding: 10px 16px;
        font-size: 13px;
        line-height: 18px;
        min-height: 40px;
    }

    /* 小屏手机列表保持2列（一排两个） */
    .wxzc_section .content .xhjj_box .journal-list ul,
    .xhjj_box .journal-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .wxzc_section .content .xhjj_box .journal-list ul li,
        .xhjj_box .journal-list ul li {
            border-radius: 8px;
        }

            .wxzc_section .content .xhjj_box .journal-list ul li a i,
            .xhjj_box .journal-list ul li a i {
                padding-bottom: 142%;
            }

            .wxzc_section .content .xhjj_box .journal-list ul li a span,
            .xhjj_box .journal-list ul li a span {
                padding: 8px 6px;
                font-size: 12px;
                line-height: 18px;
            }
}

/* ========== 移动端额外优化 (768px以下) ========== */
@media screen and (max-width: 768px) {

    /* 移动端容器优化 */
    .wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist),
    .xhjj_box:has(.left-nav):has(.rightlist) {
        width: 100%;
        box-sizing: border-box;
    }

    /* 移动端导航滚动优化 */
    .wxzc_section .content .xhjj_box .left-nav,
    .xhjj_box .left-nav {
        position: relative;
        overflow: hidden;
    }

        /* 移动端导航滚动提示（渐变遮罩） */
        .wxzc_section .content .xhjj_box .left-nav::after,
        .xhjj_box .left-nav::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 20px;
            background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            pointer-events: none;
            z-index: 1;
        }

    /* 移动端列表触摸优化 */
    .wxzc_section .content .xhjj_box .journal-list ul li a,
    .xhjj_box .journal-list ul li a {
        display: block;
        -webkit-tap-highlight-color: rgba(6, 101, 176, 0.1);
        touch-action: manipulation;
        user-select: none;
        -webkit-user-select: none;
    }

        /* 移动端图片加载优化 */
        .wxzc_section .content .xhjj_box .journal-list ul li a i img,
        .xhjj_box .journal-list ul li a i img {
            will-change: transform;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: crisp-edges;
        }

    /* 移动端防止文字选择 */
    .wxzc_section .content .xhjj_box .left-nav,
    .wxzc_section .content .xhjj_box .journal-list,
    .xhjj_box .left-nav,
    .xhjj_box .journal-list {
        -webkit-user-select: none;
        user-select: none;
    }

        /* 移动端优化滚动性能 */
        .wxzc_section .content .xhjj_box .left-nav ul,
        .xhjj_box .left-nav ul {
            will-change: scroll-position;
            transform: translateZ(0);
            -webkit-transform: translateZ(0);
        }
}

/* ========== 超小屏手机优化 (375px以下) ========== */
@media screen and (max-width: 375px) {

    .wxzc_section .content .xhjj_box:has(.left-nav):has(.rightlist),
    .xhjj_box:has(.left-nav):has(.rightlist) {
        gap: 10px;
    }

    .wxzc_section .content .xhjj_box .left-nav ul li a,
    .xhjj_box .left-nav ul li a {
        padding: 10px 12px;
        font-size: 13px;
    }

    /* 超小屏手机列表保持2列（一排两个） */
    .wxzc_section .content .xhjj_box .journal-list ul,
    .xhjj_box .journal-list ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

        .wxzc_section .content .xhjj_box .journal-list ul li a span,
        .xhjj_box .journal-list ul li a span {
            padding: 8px 4px;
            font-size: 11px;
            line-height: 16px;
        }
}

/* ============================================
   样式说明：
   1. 左侧导航采用固定宽度（PC端280px，中等屏260px），垂直排列
   2. 导航文字不折行，超出部分显示省略号（PC端）
   3. 右侧列表采用Grid布局，默认3列显示
   4. 平板设备导航改为横向滚动，列表仍为3列
   5. 手机设备（767px以下）列表改为2列，一排两个
   6. 小屏手机（480px以下）列表保持2列，一排两个
   7. 超小屏手机（375px以下）列表保持2列，一排两个
   8. 所有交互效果均有平滑过渡动画
   9. 移动端优化：
      - 左侧导航改为横向滚动，优化触摸交互
      - 触摸区域至少40-44px，符合移动端交互规范
      - 横向滚动导航，支持平滑滚动，隐藏滚动条
      - 点击反馈效果，禁用悬停效果
      - 优化图片加载性能
      - 移动端列表始终保持2列布局（一排两个）
   ============================================ */

/* ============================================
   领导团队样式
   创建日期：2025-01-02
   更新日期：2025-01-02
   备注：用于展示创新人才教育研究会领导团队成员
   优化：PC端一排显示6个，优化移动端兼容性
   ============================================ */

/* 领导团队列表容器 - 使用更具体的选择器避免影响其他样式 */
.lingdaolist {
    width: 100%;
    padding: 0;
}

    /* 领导分组 */
    .lingdaolist .leader-group {
        width: 100%;
        margin-bottom: 50px;
    }

        .lingdaolist .leader-group:last-child {
            margin-bottom: 0;
        }

        /* 分组标题 */
        .lingdaolist .leader-group .group-title {
            font-size: 22px;
            font-weight: bold;
            color: #000;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px solid #0665b0;
            position: relative;
        }

            .lingdaolist .leader-group .group-title::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -2px;
                width: 80px;
                height: 2px;
                background: #0665b0;
            }

            .lingdaolist .leader-group .group-title .sort-note {
                font-size: 14px;
                font-weight: normal;
                color: #666;
                margin-left: 8px;
            }

        /* 领导列表 - PC端一排显示6个 */
        .lingdaolist .leader-group .leader-list {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

    /* 单人分组：用于“只有 1 人”的分组（例如：会长、监事长、党支部书记、秘书长等）
   - 避免靠 nth-child，删/增分组不影响样式
   - 移动端/PC 端均居中展示 */
    .lingdaolist .leader-group--single .leader-list {
        justify-content: center;
    }

        .lingdaolist .leader-group--single .leader-list li {
            flex: 0 0 auto;
            max-width: 220px;
        }

    /* 领导列表项 */
    .lingdaolist .leader-group .leader-list li {
        flex: 0 0 calc((100% - 120px) / 6);
        max-width: 180px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* 领导卡片 - PC端优化：确保一排6个 */
    .lingdaolist .leader-item {
        width: 100%;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .lingdaolist .leader-item:hover {
            transform: translateY(-5px);
        }

    /* 领导照片容器 */
    .lingdaolist .leader-photo {
        width: 100%;
        height: 240px;
        overflow: hidden;
        border-radius: 8px;
        background: #f5f5f5;
        margin-bottom: 15px;
        position: relative;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
    }

    .lingdaolist .leader-item:hover .leader-photo {
        box-shadow: 0 4px 12px rgba(6, 101, 176, 0.2);
    }

    /* 领导照片 */
    .lingdaolist .leader-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

    .lingdaolist .leader-item:hover .leader-photo img {
        transform: scale(1.05);
    }

    /* 领导姓名 */
    .lingdaolist .leader-name {
        font-size: 16px;
        color: #000;
        font-weight: 500;
        line-height: 24px;
        margin-top: 0;
        word-break: break-all;
    }

    .lingdaolist .leader-item:hover .leader-name {
        color: #0665b0;
    }

/* 响应式设计 - 1680px以下 */
@media screen and (max-width: 1680px) {
    .lingdaolist .leader-group {
        margin-bottom: 40px;
    }

        .lingdaolist .leader-group .group-title {
            font-size: 20px;
            margin-bottom: 25px;
        }

        .lingdaolist .leader-group .leader-list {
            gap: 22px;
        }

            .lingdaolist .leader-group .leader-list li {
                flex: 0 0 calc((100% - 110px) / 6);
                max-width: 160px;
            }

    .lingdaolist .leader-photo {
        height: 220px;
    }
}

/* 响应式设计 - 1440px以下 - 5列布局 */
@media screen and (max-width: 1440px) {
    .lingdaolist .leader-group .leader-list {
        gap: 20px;
    }

        .lingdaolist .leader-group .leader-list li {
            flex: 0 0 calc((100% - 80px) / 5);
            max-width: 160px;
        }
}

/* 响应式设计 - 1024px以下（平板） */
@media screen and (max-width: 1024px) {
    .lingdaolist .leader-group {
        margin-bottom: 35px;
    }

        .lingdaolist .leader-group .group-title {
            font-size: 18px;
            margin-bottom: 20px;
            padding-bottom: 12px;
        }

            .lingdaolist .leader-group .group-title::after {
                width: 60px;
            }

            .lingdaolist .leader-group .group-title .sort-note {
                font-size: 13px;
                display: block;
                margin-left: 0;
                margin-top: 5px;
            }

        .lingdaolist .leader-group .leader-list {
            gap: 18px;
        }

            .lingdaolist .leader-group .leader-list li {
                flex: 0 0 calc((100% - 54px) / 4);
                max-width: 150px;
            }

    .lingdaolist .leader-photo {
        height: 200px;
        margin-bottom: 12px;
    }

    .lingdaolist .leader-name {
        font-size: 15px;
    }
}

/* 响应式设计 - 767px以下（手机） */
@media screen and (max-width: 767px) {
    .lingdaolist {
        padding: 0;
    }

        .lingdaolist .leader-group {
            margin-bottom: 30px;
        }

            .lingdaolist .leader-group .group-title {
                font-size: 16px;
                margin-bottom: 18px;
                padding-bottom: 10px;
            }

                .lingdaolist .leader-group .group-title::after {
                    width: 50px;
                }

                .lingdaolist .leader-group .group-title .sort-note {
                    font-size: 12px;
                    margin-top: 4px;
                }

            .lingdaolist .leader-group .leader-list {
                gap: 12px;
                justify-content: flex-start;
            }

                .lingdaolist .leader-group .leader-list li {
                    flex: 0 0 calc((100% - 24px) / 3);
                    max-width: none;
                    min-width: 0;
                }

        .lingdaolist .leader-photo {
            height: 160px;
            margin-bottom: 10px;
            border-radius: 6px;
        }

        .lingdaolist .leader-name {
            font-size: 14px;
            line-height: 20px;
        }
}

/* 响应式设计 - 480px以下（小屏手机） */
@media screen and (max-width: 480px) {
    .lingdaolist .leader-group {
        margin-bottom: 25px;
    }

        .lingdaolist .leader-group .group-title {
            font-size: 15px;
            margin-bottom: 15px;
        }

        .lingdaolist .leader-group .leader-list {
            gap: 10px;
        }

            .lingdaolist .leader-group .leader-list li {
                flex: 0 0 calc((100% - 20px) / 3);
            }

    .lingdaolist .leader-photo {
        height: 140px;
        margin-bottom: 8px;
    }

    .lingdaolist .leader-name {
        font-size: 13px;
        line-height: 18px;
    }
}

/* 响应式设计 - 375px以下（超小屏手机） */
@media screen and (max-width: 375px) {
    .lingdaolist .leader-group .leader-list {
        gap: 8px;
    }

        .lingdaolist .leader-group .leader-list li {
            flex: 0 0 calc((100% - 16px) / 3);
        }

    .lingdaolist .leader-photo {
        height: 130px;
    }

    .lingdaolist .leader-name {
        font-size: 12px;
        line-height: 16px;
    }
}

/* ============================================
   lingdaolist2 领导团队样式（新版本）
   创建日期：2025-01-02
   备注：用于展示创新人才教育研究会领导团队成员（居中布局版本）
   特点：支持居中布局；PC 端多列；移动端自适应；单人分组可通过 leader-group--single 自动居中
   ============================================ */

/* 领导团队列表容器2 - 居中布局，支持并排显示 */
.lingdaolist2 {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

    /* 领导分组 - 默认100%宽度 */
    .lingdaolist2 .leader-group {
        flex: 0 0 100%;
        max-width: 1400px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .lingdaolist2 .leader-group:last-child {
            margin-bottom: 0;
        }


        /* 分组标题 - 居中 */
        .lingdaolist2 .leader-group .group-title {
            font-size: 22px;
            font-weight: bold;
            color: #000;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px solid #0665b0;
            position: relative;
            text-align: center;
            width: 100%;
        }

            .lingdaolist2 .leader-group .group-title::after {
                content: '';
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: -2px;
                width: 80px;
                height: 2px;
                background: #0665b0;
            }

            .lingdaolist2 .leader-group .group-title .sort-note {
                font-size: 14px;
                font-weight: normal;
                color: #666;
                margin-left: 8px;
            }

        /* 领导列表 - 居中布局，PC端一排显示6个 */
        .lingdaolist2 .leader-group .leader-list {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            margin: 0;
            padding: 0;
            list-style: none;
            justify-content: center;
        }

    /* 副会长：最后一行（不足一整行）也要靠左，同时保持左右边距一致（对称内边距） */
    .lingdaolist2 .leader-group--vice .leader-list {
        justify-content: flex-start;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    /* 领导列表项 */
    .lingdaolist2 .leader-group .leader-list li {
        flex: 0 0 calc((100% - 120px) / 6);
        max-width: 180px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* 领导卡片 */
    .lingdaolist2 .leader-item {
        width: 100%;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .lingdaolist2 .leader-item:hover {
            transform: translateY(-5px);
        }

    /* 领导照片容器 */
    .lingdaolist2 .leader-photo {
        width: 100%;
        height: 240px;
        overflow: hidden;
        border-radius: 8px;
        background: #f5f5f5;
        margin-bottom: 15px;
        position: relative;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
    }

    .lingdaolist2 .leader-item:hover .leader-photo {
        box-shadow: 0 4px 12px rgba(6, 101, 176, 0.2);
    }

    /* 领导照片 */
    .lingdaolist2 .leader-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

    .lingdaolist2 .leader-item:hover .leader-photo img {
        transform: scale(1.05);
    }

    /* 领导姓名 - PC端18px */
    .lingdaolist2 .leader-name {
        font-size: 18px;
        color: #000;
        font-weight: 500;
        line-height: 28px;
        margin-top: 0;
        word-break: break-all;
    }

    .lingdaolist2 .leader-item:hover .leader-name {
        color: #0665b0;
    }

    /* 单人分组：用于“只有 1 人”的分组（例如：创会会长、会长、监事长、党支部书记等）
   - 避免使用 nth-child（删/增分组不会导致样式错位）
   - 在各端统一保持居中，并让卡片宽度自适应 */
    .lingdaolist2 .leader-group--single .leader-list {
        justify-content: center;
    }

        .lingdaolist2 .leader-group--single .leader-list li {
            flex: 0 0 auto;
            max-width: 220px;
        }

/* 响应式设计 - 1680px以下 */
@media screen and (max-width: 1680px) {
    .lingdaolist2 .leader-group {
        margin-bottom: 40px;
        max-width: 1200px;
    }

        .lingdaolist2 .leader-group .group-title {
            font-size: 20px;
            margin-bottom: 25px;
        }

        .lingdaolist2 .leader-group .leader-list {
            gap: 22px;
        }

            .lingdaolist2 .leader-group .leader-list li {
                flex: 0 0 calc((100% - 110px) / 6);
                max-width: 160px;
            }

    .lingdaolist2 .leader-photo {
        height: 220px;
    }
}

/* 响应式设计 - 1440px以下 - 5列布局 */
@media screen and (max-width: 1440px) {
    .lingdaolist2 .leader-group {
        max-width: 1100px;
    }

        .lingdaolist2 .leader-group .leader-list {
            gap: 20px;
        }

            .lingdaolist2 .leader-group .leader-list li {
                flex: 0 0 calc((100% - 80px) / 5);
                max-width: 160px;
            }
}

/* 响应式设计 - 1024px以下（平板） */
@media screen and (max-width: 1024px) {
    .lingdaolist2 .leader-group {
        margin-bottom: 35px;
        max-width: 100%;
    }

        .lingdaolist2 .leader-group .group-title {
            font-size: 18px;
            margin-bottom: 20px;
            padding-bottom: 12px;
        }

            .lingdaolist2 .leader-group .group-title::after {
                width: 60px;
            }

            .lingdaolist2 .leader-group .group-title .sort-note {
                font-size: 13px;
                display: block;
                margin-left: 0;
                margin-top: 5px;
            }

        .lingdaolist2 .leader-group .leader-list {
            gap: 18px;
        }

            .lingdaolist2 .leader-group .leader-list li {
                flex: 0 0 calc((100% - 54px) / 4);
                max-width: 150px;
            }

    /* 单人分组在平板端自动居中 + 宽度自适应 */
    .lingdaolist2 .leader-group--single .leader-list {
        justify-content: center;
    }

        .lingdaolist2 .leader-group--single .leader-list li {
            flex: 0 0 auto;
            max-width: 220px;
        }

    .lingdaolist2 .leader-photo {
        height: 200px;
        margin-bottom: 12px;
    }

    .lingdaolist2 .leader-name {
        font-size: 16px;
        line-height: 24px;
    }
}

/* 响应式设计 - 767px以下（手机） */
@media screen and (max-width: 767px) {
    .lingdaolist2 {
        padding: 0;
    }

        .lingdaolist2 .leader-group {
            margin-bottom: 30px;
        }

            .lingdaolist2 .leader-group .group-title {
                font-size: 16px;
                margin-bottom: 18px;
                padding-bottom: 10px;
            }

                .lingdaolist2 .leader-group .group-title::after {
                    width: 50px;
                }

                .lingdaolist2 .leader-group .group-title .sort-note {
                    font-size: 12px;
                    margin-top: 4px;
                }

            .lingdaolist2 .leader-group .leader-list {
                gap: 12px;
                justify-content: flex-start;
            }

        /* 单人分组在移动端居中 */
        .lingdaolist2 .leader-group--single .leader-list {
            justify-content: center;
        }

        .lingdaolist2 .leader-group .leader-list li {
            flex: 0 0 calc((100% - 24px) / 3);
            max-width: none;
            min-width: 0;
        }

        /* 单人分组：列表项宽度自适应 */
        .lingdaolist2 .leader-group--single .leader-list li {
            flex: 0 0 auto;
            max-width: 220px;
        }

        .lingdaolist2 .leader-photo {
            height: 160px;
            margin-bottom: 10px;
            border-radius: 6px;
        }

        .lingdaolist2 .leader-name {
            font-size: 14px;
            line-height: 20px;
        }
}

/* 响应式设计 - 480px以下（小屏手机） */
@media screen and (max-width: 480px) {
    .lingdaolist2 .leader-group {
        margin-bottom: 25px;
    }

        .lingdaolist2 .leader-group .group-title {
            font-size: 15px;
            margin-bottom: 15px;
        }

        .lingdaolist2 .leader-group .leader-list {
            gap: 10px;
        }

    /* 单人分组在移动端居中 */
    .lingdaolist2 .leader-group--single .leader-list {
        justify-content: center;
    }

    .lingdaolist2 .leader-group .leader-list li {
        flex: 0 0 calc((100% - 20px) / 3);
    }

    /* 单人分组：列表项宽度自适应 */
    .lingdaolist2 .leader-group--single .leader-list li {
        flex: 0 0 auto;
        max-width: 220px;
    }

    .lingdaolist2 .leader-photo {
        height: 140px;
        margin-bottom: 8px;
    }

    .lingdaolist2 .leader-name {
        font-size: 13px;
        line-height: 18px;
    }
}

/* 响应式设计 - 375px以下（超小屏手机） */
@media screen and (max-width: 375px) {
    .lingdaolist2 .leader-group .leader-list {
        gap: 8px;
    }

    /* 单人分组在移动端居中 */
    .lingdaolist2 .leader-group--single .leader-list {
        justify-content: center;
    }

    .lingdaolist2 .leader-group .leader-list li {
        flex: 0 0 calc((100% - 16px) / 3);
    }

    /* 单人分组：列表项宽度自适应 */
    .lingdaolist2 .leader-group--single .leader-list li {
        flex: 0 0 auto;
        max-width: 220px;
    }

    .lingdaolist2 .leader-photo {
        height: 130px;
    }

    .lingdaolist2 .leader-name {
        font-size: 12px;
        line-height: 16px;
    }
}



/* Logo 根据浏览器宽度自动缩小 */
.header-left img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1400px) {
    .header-left img {
        max-height: 75px;
    }
}

@media screen and (max-width: 1200px) {
    .header-left img {
        max-height: 65px;
    }
}

@media screen and (max-width: 1024px) {

    /* Logo 继续缩小 */
    .header-left img {
        max-height: 55px;
    }

    /* 调整 header-inner 布局 */
    .site-header .header-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        position: relative;
        /* padding-bottom: 60px; */
        /* 为 header-kh 留出空间 */
    }

        /* 移动端布局：logo 在第一行左侧，menuph 在右上角，header-kh 在 logo 下方居中 */
        /* logo 在第一行 */
        .site-header .header-inner > .header-left {
            order: 1;
            width: 100%;
            margin-bottom: 35px;
            /* 为 header-kh 留出空间 */
            display: flex;
            justify-content: flex-start;
            align-items: center;
            position: relative;
            margin-top: 10px;
        }

    /* header-right 主要用于 menuph 定位 */
    .header-right {
        order: 2;
        width: 100%;
        position: static;
        /* 不创建定位上下文，让 menuph 相对于 header-inner 定位 */
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        height: 0;
        overflow: visible;
    }

    /* 调整 header-search 布局 */
    .header-search {
        position: static;
        /* 不创建定位上下文，让 menuph 相对于 header-inner 定位 */
        width: 100%;
    }

        /* 隐藏搜索区域 */
        .header-search .so {
            display: none !important;
        }

    /* menuph 显示在右上角（相对于 header-inner） */
    .menuph {
        display: block !important;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        margin: 0;
        margin-top: 10px;
    }

    /* header-kh 显示在 logo 下方居中 */
    /* 由于 header-kh 在 header-search 内部，需要相对于 header-inner 定位 */
    /* 使用相对于 header-left 的位置来定位 */
    .header-search .header-kh {
        display: block !important;
        position: absolute;
        /*        left: 50%;
        transform: translateX(-50%);*/
        /* 定位在 logo 下方：header-left 的高度（约55px）+ 间距（12px） */
        top: calc(55px + 12px);
        width: auto;
        text-align: center;
        z-index: 1;
    }

        .header-search .header-kh img {
            max-width: 80%;
            width: auto;
            height: auto;
            max-height: 60px;
            min-width: 200px;
        }

    /* 隐藏 PC 端导航 */
    .header-nav .menu {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .header-left img {
        max-height: 45px;
    }

    /* 调整 header-kh 位置以匹配 logo 高度 */
    .header-search .header-kh {
        top: calc(45px + 12px);
        /* logo 高度 45px + 间距 */
    }
}

@media screen and (max-width: 480px) {
    .header-left img {
        max-height: 35px;
    }

    /* 调整 header-kh 位置以匹配 logo 高度 */
    .header-search .header-kh {
        top: calc(35px + 12px);
        /* logo 高度 35px + 间距 */
    }
}

/* 调整 .xialaph .so .submit 图标位置到右边 */
.xialaph .so .submit {
    left: auto !important;
    right: 0 !important;
}

/* 调整搜索框的 padding，将左边空间移到右边 */
.xialaph .so .Search {
    padding: 6px 48px 6px 15px !important;
    padding-left: 15px !important;
    padding-right: 48px !important;
}

/* 调整分隔线位置（如果有的话） */
.xialaph .so::after {
    left: auto !important;
    right: 40px !important;
}

/* 创会会长、名誉会长（单独样式：加宽 + 高度与其它断点保持一致） */
.lingdaolist2 .leader-group--founder .leader-list {
    justify-content: center;
}

    .lingdaolist2 .leader-group--founder .leader-list li {
        flex: 0 0 auto;
        width: clamp(300px, 32vw, 360px);
        max-width: 360px;
    }

.lingdaolist2 .leader-group--founder .leader-photo {
    height: 240px;
}

@media screen and (max-width: 1680px) {
    .lingdaolist2 .leader-group--founder .leader-list li {
        width: clamp(280px, 34vw, 340px);
        max-width: 340px;
    }

    .lingdaolist2 .leader-group--founder .leader-photo {
        height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .lingdaolist2 .leader-group--founder .leader-list li {
        width: clamp(240px, 70vw, 320px);
        max-width: 320px;
    }

    .lingdaolist2 .leader-group--founder .leader-photo {
        height: 200px;
    }
}

@media screen and (max-width: 767px) {
    .lingdaolist2 .leader-group--founder .leader-list li {
        width: clamp(220px, 86vw, 300px);
        max-width: 300px;
    }

    .lingdaolist2 .leader-group--founder .leader-photo {
        height: 160px;
    }
}

@media screen and (max-width: 480px) {
    .lingdaolist2 .leader-group--founder .leader-list li {
        width: clamp(200px, 92vw, 280px);
        max-width: 280px;
    }

    .lingdaolist2 .leader-group--founder .leader-photo {
        height: 140px;
    }
}

@media screen and (max-width: 375px) {
    .lingdaolist2 .leader-group--founder .leader-list li {
        width: clamp(200px, 92vw, 260px);
        max-width: 260px;
    }

    .lingdaolist2 .leader-group--founder .leader-photo {
        height: 130px;
    }
}




/* =========================
   分支机构（表格网格样式）
   ========================= */
/* 分支机构页：三列表格（参考截图的浅边框网格样式） */
.branch-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 auto;
    background: #fff;
}

    .branch-table td {
        border: 1px solid #E5E6EB;
        padding: 18px 12px;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
        line-height: 1.6;
        color: #333;
        word-break: break-word;
    }

@media screen and (max-width: 1024px) {
    .branch-table td {
        padding: 14px 10px;
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .branch-table td {
        padding: 12px 8px;
        font-size: 14px;
    }
}