@font-face {
    font-family: 'MiSans-Bold';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Bold.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Demibold';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Demibold.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-ExtraLight';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-ExtraLight.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Heavy';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Heavy.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Light';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Light.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Medium';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Normal';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Normal.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Regular';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Semibold';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Semibold.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-Thin';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-Thin.ttf') format('truetype')
}

@font-face {
    font-family: 'HST';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/YSHaoShenTi.ttf') format('truetype')
}

@font-face {
    font-family: 'MiSans-VF';
    src: url('https://sublueweb.oss-cn-qingdao.aliyuncs.com/static2/vr/fonts/MiSans-VF.ttf') format('truetype')
}

.delay0 {
    animation-delay: 0s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay1 {
    animation-delay: .1s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay2 {
    animation-delay: .2s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay3 {
    animation-delay: .3s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay4 {
    animation-delay: .4s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay5 {
    animation-delay: .5s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay6 {
    animation-delay: .6s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay7 {
    animation-delay: .7s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay8 {
    animation-delay: .8s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay9 {
    animation-delay: .9s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

.delay10 {
    animation-delay: 1s !important;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0
}

body {
    font-size: 14px;
    color: #444;
    font-family: 'MiSans-VF';
    -webkit-text-size-adjust: 100%;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

em {
    font-style: normal
}

img {
    border: 0;
    vertical-align: middle
}

li {
    list-style: none;
}

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

p {
    word-wrap: break-word
}

input,
textarea,
select,
button {
    font-size: 14px;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

input::placeholder {
    color: rgba(239, 239, 239, 0.5);
}

* {
    word-break: break-all;
}

.donghua {
    opacity: 0;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, -30px, 0);
        -ms-transform: translate3d(-50%, -30px, 0);
        transform: translate3d(-50%, -30px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

.fadeInDown {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    animation: 0.3s fadeInDown;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
    animation: 0.3s fadeInRight;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

@keyframes fadeInLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeInLeft {
    animation: 0.3s fadeInLeft;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInTop {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    animation: 0.4s fadeInTop;
    animation-fill-mode: forwards !important;
    /* 防止动画结束后回到初始状态 */
}

:root {
    --main-color: #000;
    --time-color: #333;
    --swiper-theme-color: #0048b7 !important;
    --swiper-pagination-bullet-inactive-color: #fff !important;
    --swiper-pagination-bullet-inactive-opacity: 1 !important;
    --swiper-pagination-bullet-size: 12px !important;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #fff !important;
}

@media (min-width: 1560px) {
    .main {
        width: 960px;
        margin: 0 auto;
    }

    .box {
        width: 100%;
        padding: 60px 0;
        /* position: relative; */
    }

    .pubtitle {
        width: 100%;
        padding-bottom: 15px;
        border-bottom: 6px solid #2d2d2d;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 32px;
    }

    .pubtitle .p1 {
        font-size: 32px;
        color: var(--main-color);
        font-family: 'MiSans-Bold';
        line-height: 32px;
        letter-spacing: 1px;
    }

    .pubtitle .p2 {
        font-size: 16px;
        color: var(--main-color);
        font-family: 'MiSans-Medium';
    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .main {
        width: 100%;
        max-width: 1020px;
        padding: 0 30px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .box {
        width: 100%;
        padding: 40px 0;
        /* position: relative; */
    }

    .pubtitle {
        width: 100%;
        padding-bottom: 11px;
        border-bottom: 6px solid #2d2d2d;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 32px;
    }

    .pubtitle .p1 {
        font-size: 32px;
        color: var(--main-color);
        font-family: 'MiSans-Bold';
        line-height: 32px;
        letter-spacing: 2px;
    }

    .pubtitle .p2 {
        font-size: 16px;
        color: var(--main-color);
        font-family: 'MiSans-Medium';
    }
}

@media (max-width: 767px) {
    .main {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .box {
        width: 100%;
        padding: 40px 0;
        /* position: relative; */
    }

    .pubtitle {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 3px solid #2d2d2d;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .pubtitle .p1 {
        font-size: 20px;
        color: var(--main-color);
        font-family: 'MiSans-Bold';
        line-height: 20px;
    }

    .pubtitle .p2 {
        font-size: 12px;
        color: var(--main-color);
        font-family: 'MiSans-Medium';
    }
}

/*header*/
@media (min-width: 1560px) {
    .header {
        width: 100%;
        height: 90px;
        position: relative;
        z-index: 2;
    }

    .header .main {
        width: 100%;
        max-width: 1280px;
        /*padding: 0 30px;*/
        margin: 0 auto;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .main .logo {
        width: 226px;
        display: block;
    }

    .header .main .logo .pic {
        width: 100%;
    }

    .header .main .menu_list {
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-content: center;
        gap: 45px;
    }

    .header .main .menu_list>.item {
        display: block;
        height: 100%;
        transform: translate3d(0, -30px, 0);
        opacity: 0;
        animation: 0.2s fadeInDown;
        display: flex;
        justify-content: center;
        align-items: center;
        position: unset;
    }

    .header .main .menu_list>.item>a {
        font-family: 'MiSans-VF';
        font-size: 16px;
        color: var(--main-color);
        position: relative;
    }

    .header .main .menu_list>.item>a::after {
        content: '';
        height: 90px;
        width: 100%;
        padding: 0 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .header .main .menu_list>.item:hover>a {
        color: #0048B7;
    }

    .header .main .menu_list>.item .fdj {
        width: 18px;
    }

    .header .main .menu_list>.erji {
        width: 100vw;
        position: absolute;
        top: 90px;
        left: 50%;
        transform: translate3d(-50%, 30px, 0);
        background-color: rgba(255, 255, 255, .94);
        opacity: 0;
        display: block;
        pointer-events: none;
    }

    .header .main .menu_list>label.item:hover~.erji,
    .header .main .menu_list>.erji:hover,
    .header .main .menu_list>.erji:has(.con .search .input:focus) {
        transform: translate3d(-50%, 30px, 0);
        animation: 0.3s fadeInDown2;
        animation-fill-mode: forwards !important;
        /* 防止动画结束后回到初始状态 */
        pointer-events: auto;
    }

    .header .main .menu_list>.erji .con {
        width: 1280px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        box-sizing: border-box;
        padding: 34px 0 55px 0;
        margin: 0 auto;
        display: none;
    }

    .header .main .menu_list>.erji .con#sousuo {
        justify-content: center;
    }

    .header .main .menu_list>.erji .con::before {
        width: 226px;
        content: '';
    }

    .header .main .menu_list>.erji .con#sousuo::before {
        display: none;
    }

    .header .main .menu_list>.erji .con .search {
        width: 700px;
        height: 47px;
        border: 1px solid #000;
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin: 23px 0 22px 0;
        background-color: #fff;
    }

    .header .main .menu_list>.erji .con .search .input {
        width: 100%;
        height: 100%;
        border: 0;
        padding-left: 16px;
        font-size: 15px;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: "Misans-VF";
    }

    .header .main .menu_list>.erji .con .search .input::placeholder {
        color: #B3B3B3;
    }

    .header .main .menu_list>.erji .con .search .btn {
        flex-shrink: 0;
        height: 100%;
        padding: 0 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Misans-VF";
        font-size: 18px;
        color: #333;
        cursor: pointer;
    }

    .header .main .menu_list>.erji .con .search .btn:hover {
        color: #002fa7;
    }

    .header .main .menu_list>.erji .con .list {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .header .main .menu_list>.erji .con .list>.lie {
        width: 237px;
        height: 92px;
        background-image: url('../images/menu_xian.png');
        background-size: 2px 92px;
        background-repeat: no-repeat;
        background-position: center left;
        box-sizing: border-box;
        padding-left: 27px;
        padding-top: 2.5px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
    }

    .header .main .menu_list>.erji .con .list>.lie .item {
        font-size: 15px;
        color: #333;
        font-family: "Misans-Medium";
    }

    .header .main .menu_list>.erji .con .list>.lie .item:hover {
        color: #0048B7;
    }

}

@media (max-width: 1559px) and (min-width: 1090px) {
    .header {
        width: 100%;
        height: 90px;
        position: relative;
        z-index: 2;
    }

    .header .main {
        width: 100%;
        max-width: 1320px;
        padding: 0 20px!important;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .main .logo {
        width: 226px;
        display: block;
    }

    .header .main .logo .pic {
        width: 100%;
    }

    .header .main .menu_list {
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-content: center;
        gap: 45px;
    }

    .header .main .menu_list>.item {
        display: block;
        height: 100%;
        transform: translate3d(0, -30px, 0);
        opacity: 0;
        animation: 0.2s fadeInDown;
        display: flex;
        justify-content: center;
        align-items: center;
        position: unset;
    }

    .header .main .menu_list>.item>a {
        font-family: 'MiSans-VF';
        font-size: 16px;
        color: var(--main-color);
        position: relative;
    }

    .header .main .menu_list>.item>a::after {
        content: '';
        height: 90px;
        width: 100%;
        padding: 0 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .header .main .menu_list>.item:hover>a {
        color: #0048B7;
    }

    .header .main .menu_list>.item .fdj {
        width: 18px;
    }

    .header .main .menu_list>.erji {
        width: 100vw;
        position: absolute;
        top: 90px;
        left: 50%;
        transform: translate3d(-50%, 30px, 0);
        background-color: rgba(255, 255, 255, .94);
        opacity: 0;
        display: block;
        pointer-events: none;
    }

    .header .main .menu_list>label.item:hover~.erji,
    .header .main .menu_list>.erji:hover,
    .header .main .menu_list>.erji:has(.con .search .input:focus) {
        transform: translate3d(-50%, 30px, 0);
        animation: 0.3s fadeInDown2;
        animation-fill-mode: forwards !important;
        /* 防止动画结束后回到初始状态 */
        pointer-events: auto;
    }

    .header .main .menu_list>.erji .con {
        width: 1280px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        box-sizing: border-box;
        padding: 34px 0 55px 0;
        margin: 0 auto;
        display: none;
    }

    .header .main .menu_list>.erji .con#sousuo {
        justify-content: center;
    }

    .header .main .menu_list>.erji .con::before {
        width: 226px;
        content: '';
    }

    .header .main .menu_list>.erji .con#sousuo::before {
        display: none;
    }

    .header .main .menu_list>.erji .con .search {
        width: 700px;
        height: 47px;
        border: 1px solid #000;
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin: 23px 0 22px 0;
        background-color: #fff;
    }

    .header .main .menu_list>.erji .con .search .input {
        width: 100%;
        height: 100%;
        border: 0;
        padding-left: 16px;
        font-size: 15px;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: "Misans-VF";
    }

    .header .main .menu_list>.erji .con .search .input::placeholder {
        color: #B3B3B3;
    }

    .header .main .menu_list>.erji .con .search .btn {
        flex-shrink: 0;
        height: 100%;
        padding: 0 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Misans-VF";
        font-size: 18px;
        color: #333;
        cursor: pointer;
    }

    .header .main .menu_list>.erji .con .search .btn:hover {
        color: #002fa7;
    }

    .header .main .menu_list>.erji .con .list {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .header .main .menu_list>.erji .con .list>.lie {
        width: 237px;
        height: 92px;
        background-image: url('../images/menu_xian.png');
        background-size: 2px 92px;
        background-repeat: no-repeat;
        background-position: center left;
        box-sizing: border-box;
        padding-left: 27px;
        padding-top: 2.5px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
    }

    .header .main .menu_list>.erji .con .list>.lie .item {
        font-size: 15px;
        color: #333;
        font-family: "Misans-Medium";
    }

    .header .main .menu_list>.erji .con .list>.lie .item:hover {
        color: #0048B7;
    }
}

@media (max-width: 1089px) and (min-width: 768px) {
    .header {
        width: 100%;
        height: 75px;
        position: relative;
        z-index: 2;
    }

    .header .main {
        width: 100%;
        max-width: 769px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .main .logo {
        width: 180px;
        display: block;
    }

    .header .main .logo .pic {
        width: 100%;
    }

    .header .main .menu_list {
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-content: center;
        gap: 10px;
    }

    .header .main .menu_list>.item {
        display: block;
        height: 100%;
        transform: translate3d(0, -30px, 0);
        opacity: 0;
        animation: 0.2s fadeInDown2;
        display: flex;
        justify-content: center;
        align-items: center;
        position: unset;
    }

    .header .main .menu_list>.item>a {
        font-family: 'MiSans-VF';
        font-size: 14px;
        color: var(--main-color);
        word-break: break-all;
    }

    .header .main .menu_list>.item:hover>a {
        color: #0048B7;
    }

    .header .main .menu_list>.item .fdj {
        width: 18px;
    }

    .header .main .menu_list>.erji {
        width: 100vw;
        position: absolute;
        top: 75px;
        left: 50%;
        transform: translate3d(-50%, 30px, 0);
        background-color: rgba(255, 255, 255, .94);
        opacity: 0;
        display: block;
        pointer-events: none;
    }

    .header .main .menu_list>label.item:hover~.erji,
    .header .main .menu_list>.erji:hover,
    .header .main .menu_list>.erji:has(.con .search .input:focus) {
        transform: translate3d(-50%, 30px, 0);
        animation: 0.3s fadeInDown2;
        animation-fill-mode: forwards !important;
        /* 防止动画结束后回到初始状态 */
        pointer-events: auto;
    }

    .header .main .menu_list>.erji .con {
        width: 769px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        box-sizing: border-box;
        padding: 34px 0 55px 0;
        margin: 0 auto;
        display: none;
    }

    .header .main .menu_list>.erji .con#sousuo {
        justify-content: center;
    }

    .header .main .menu_list>.erji .con::before {
        width: 180px;
        content: '';
    }

    .header .main .menu_list>.erji .con#sousuo::before {
        display: none;
    }

    .header .main .menu_list>.erji .con .search {
        width: 700px;
        height: 47px;
        border: 1px solid #000;
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin: 23px 0 22px 0;
        background-color: #fff;
    }

    .header .main .menu_list>.erji .con .search .input {
        width: 100%;
        height: 100%;
        border: 0;
        padding-left: 16px;
        font-size: 15px;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: "Misans-VF";
    }

    .header .main .menu_list>.erji .con .search .input::placeholder {
        color: #B3B3B3;
    }

    .header .main .menu_list>.erji .con .search .btn {
        flex-shrink: 0;
        height: 100%;
        padding: 0 26px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Misans-VF";
        font-size: 18px;
        color: #333;
        cursor: pointer;
    }

    .header .main .menu_list>.erji .con .search .btn:hover {
        color: #002fa7;
    }

    .header .main .menu_list>.erji .con .list {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .header .main .menu_list>.erji .con .list>.lie {
        width: 237px;
        height: 92px;
        background-image: url('../images/menu_xian.png');
        background-size: 2px 92px;
        background-repeat: no-repeat;
        background-position: center left;
        box-sizing: border-box;
        padding-left: 27px;
        padding-top: 2.5px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
    }

    .header .main .menu_list>.erji .con .list>.lie .item {
        font-size: 15px;
        color: #333;
        font-family: "Misans-Medium";
    }

    .header .main .menu_list>.erji .con .list>.lie .item:hover {
        color: #0048B7;
    }
}

@media (max-width: 767px) {
    .header {
        width: 100%;
        height: 60px;
        background-color: #fff;
        z-index: 99999999999999999999999999;
        box-shadow: 0 0 10px #eee;
        position: sticky;
        top: 0;
    }

    .header .main {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .header .main .logo {
        width: 150px;
    }

    .header .main .logo .pic {
        width: 100%;
    }

    .header .main .menu_list {
        width: 100vw;
        position: absolute;
        top: 60px;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /*transition: all 1.1s;*/
        /*transition-delay: 0s;*/
        opacity: 0;
        pointer-events: none;
    }

    .header .main .menu_list.hover {
        opacity: 1;
        /*left: 0;*/
        pointer-events: auto;
        /*transition-delay: 1.1s;*/
    }

    .header .main .menu_list>.item {
        width: 100%;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eee;
        border-bottom: 1px solid #ddd;
        /*transform: translate3d(-100%,0,0);*/
        /*animation: 0.2s fadeInLeft;*/
    }

    .header .main .menu_list>.item>a {
        font-family: 'MiSans-VF';
        font-size: 14px;
        color: var(--main-color);
    }

    .header .main .menu_list>.item>a:hover {
        color: #0048B7;
    }

    .header .main .menu_list>.item .fdj {
        width: 25px;
    }

    .header .main .menu_list.hover>.item {
        transform: translate3d(-100%, 0, 0);
        /*animation: 0.2s fadeInRight;*/
    }

    .header .main .menu {
        width: 25px;
        height: 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .header .main .menu span {
        width: 100%;
        height: 2px;
        background-color: var(--main-color);
        display: block;
    }

    .header .main .menu_list>.erji {
        width: 100%;
        background-color: #f0f0f0;
        opacity: 0;
        pointer-events: none;
        display: block;
    }

    .header .main .menu_list>label.item:hover~.erji,
    .header .main .menu_list>.erji:hover,
    .header .main .menu_list>.erji:has(.con .search .input:focus) {
        transform: translate3d(-50%, 30px, 0);
        animation: 0.3s fadeInDown;
        animation-fill-mode: forwards !important;
        /* 防止动画结束后回到初始状态 */
        pointer-events: auto;
    }

    .header .main .menu_list>.erji .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        box-sizing: border-box;
        padding: 34px 0 55px 0;
        margin: 0 auto;
        display: none;
    }

    .header .main .menu_list>.erji .con#sousuo {
        justify-content: center;
    }

    .header .main .menu_list>.erji .con .search {
        max-width: 700px;
        width: calc(100% - 30px);
        height: 35px;
        border: 1px solid #000;
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin: 23px 0 22px 0;
        background-color: #fff;
    }

    .header .main .menu_list>.erji .con .search .input {
        width: 100%;
        height: 100%;
        border: 0;
        padding-left: 16px;
        font-size: 14px;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: "Misans-VF";
    }

    .header .main .menu_list>.erji .con .search .input::placeholder {
        color: #B3B3B3;
    }

    .header .main .menu_list>.erji .con .search .btn {
        flex-shrink: 0;
        height: 100%;
        padding: 0 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Misans-VF";
        font-size: 16px;
        color: #333;
        cursor: pointer;
    }

    .header .main .menu_list>.erji .con .search .btn:hover {
        color: #002fa7;
    }

    .header .main .menu_list>.erji .con .list {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .header .main .menu_list>.erji .con .list>.lie {
        /* width: 237px; */
        /* height: 92px;
        background-image: url('../images/menu_xian.png');
        background-size: 2px 92px;
        background-repeat: no-repeat;
        background-position: center left; */
        box-sizing: border-box;
        padding-left: 27px;
        padding-top: 2.5px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
    }

    .header .main .menu_list>.erji .con .list>.lie .item {
        font-size: 15px;
        color: #333;
        font-family: "Misans-Medium";
    }

    .header .main .menu_list>.erji .con .list>.lie .item:hover {
        color: #0048B7;
    }
}

/*banner*/
@media (min-width: 1560px) {
    .banner {
        width: 100%;
    }

    .banner .swiper {
        width: 100%;
    }

    .banner .swiper-pagination {
        box-sizing: border-box;
        padding-right: 100px;
        text-align: right;
        bottom: 25px !important;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        opacity: 1 !important;
        width: 12px;
        height: 12px;
        margin: 0 11px !important;
    }

    .banner .swiper-slide {
        width: 100% !important;
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .banner .swiper-slide .pic {
        display: block;
        width: 100%;
    }

    .banner .swiper-slide .main {
        width: 1200px;
        max-width: unset;
        height: 100%;
        padding-bottom: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
    }

    .banner .swiper-slide .main2 {
        width: 1310px;
        align-items: center;
    }

    .banner .swiper-slide .main3 {
        width: 1280px;
        align-items: center;
    }

    .banner .swiper-slide .main .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .banner .swiper-slide .main .info .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .banner .swiper-slide .main .info .p1-2 {
        gap: 10px;
    }

    .banner .swiper-slide .main .info .p1:hover {
        /* text-decoration: underline; */
        color: #fff;
    }

    .banner .swiper-slide .main .info .p1 .a1 {
        font-family: 'MiSans-Normal';
        font-size: 21px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a2 {
        font-family: 'MiSans-Semibold';
        font-size: 38px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a3 {
        font-family: 'MiSans-Semibold';
        font-size: 38px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a4 {
        font-family: 'MiSans-VF';
        font-size: 20px;
        color: #fff;
        text-align: left;
        font-weight: 500;
        opacity: 0;
        line-height: 30px;
    }
}

@media (max-width: 1559px) and (min-width: 1240px) {
    .banner {
        width: 100%;
    }

    .banner .swiper {
        width: 100%;
    }

    .banner .swiper-pagination {
        box-sizing: border-box;
        padding-right: 100px;
        text-align: right;
        bottom: 25px !important;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        opacity: 1 !important;
        width: 12px;
        height: 12px;
        margin: 0 11px !important;
    }

    .banner .swiper-slide {
        width: 100% !important;
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .banner .swiper-slide .pic {
        display: block;
        width: 100%;
    }

    .banner .swiper-slide .main {
        width: 1200px;
        max-width: unset;
        height: 100%;
        padding-bottom: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
    }

    .banner .swiper-slide .main2 {
        width: 1310px;
        align-items: center;
    }

    .banner .swiper-slide .main3 {
        width: 1280px;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .banner .swiper-slide .main .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .banner .swiper-slide .main .info .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .banner .swiper-slide .main .info .p1-2 {
        gap: 10px;
    }

    .banner .swiper-slide .main .info .p1:hover {
        /* text-decoration: underline; */
        color: #fff;
    }

    .banner .swiper-slide .main .info .p1 .a1 {
        font-family: 'MiSans-Normal';
        font-size: 21px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a2 {
        font-family: 'MiSans-Semibold';
        font-size: 38px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a3 {
        font-family: 'MiSans-Semibold';
        font-size: 38px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a4 {
        font-family: 'MiSans-Normal';
        font-size: 20px;
        color: #fff;
        text-align: left;
        opacity: 0;
        line-height: 30px;
    }
}

@media (max-width: 1239px) and (min-width: 768px) {
    .banner {
        width: 100%;
    }

    .banner .swiper {
        width: 100%;
    }

    .banner .swiper-pagination {
        box-sizing: border-box;
        padding-right: 100px;
        text-align: right;
        bottom: 25px !important;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        opacity: 1 !important;
        width: 12px;
        height: 12px;
        margin: 0 11px !important;
    }

    .banner .swiper-slide {
        width: 100% !important;
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .banner .swiper-slide .pic {
        display: block;
        width: 100%;
    }

    .banner .swiper-slide .main {
        height: 100%;
        padding-bottom: 60px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
    }

    .banner .swiper-slide .main2 {
        /* width: 1310px; */
        align-items: center;
    }

    .banner .swiper-slide .main3 {
        /* width: 1200px; */
        align-items: center;
    }

    .banner .swiper-slide .main .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .banner .swiper-slide .main .info .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .banner .swiper-slide .main .info .p1:hover {
        /* text-decoration: underline; */
        color: #fff;
    }

    .banner .swiper-slide .main .info .p1 .a1 {
        font-family: 'MiSans-Normal';
        font-size: 21px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a2 {
        font-family: 'MiSans-Semibold';
        font-size: 38px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a3 {
        font-family: 'MiSans-Semibold';
        font-size: 38px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a4 {
        font-family: 'MiSans-Normal';
        font-size: 20px;
        color: #fff;
        text-align: left;
        opacity: 0;
        line-height: 30px;
    }

}

@media (max-width: 767px) {
    .banner {
        width: 100%;
    }

    .banner .swiper {
        width: 100%;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        opacity: 1 !important;
        width: 8px;
        height: 8px;
        margin: 0 5px !important;
    }

    .banner .swiper-slide {
        width: 100% !important;
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .banner .swiper-slide .pic {
        display: block;
        width: 100%;
    }

    .banner .swiper-slide .main {
        height: 100%;
        padding-bottom: 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
    }

    .banner .swiper-slide .main2 {
        /* width: 1310px; */
        align-items: center;
    }

    .banner .swiper-slide .main .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .banner .swiper-slide .main .info .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
    }

    .banner .swiper-slide .main .info .p1 .a1 {
        font-family: 'MiSans-Normal';
        font-size: 14px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a2 {
        font-family: 'MiSans-Semibold';
        font-size: 16px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a3 {
        font-family: 'MiSans-Semibold';
        font-size: 16px;
        color: #fff;
        text-align: left;
        opacity: 0;
    }

    .banner .swiper-slide .main .info .p1 .a4 {
        font-family: 'MiSans-Normal';
        font-size: 14px;
        color: #fff;
        text-align: left;
        opacity: 0;
        /* line-height: 40px; */
    }

    :root {
        --swiper-pagination-bullet-size: 10px !important;
    }
}

/*box1*/
@media (min-width: 1560px) {
    .box1 {
        background-color: #fff;
        padding-top: 180px;
        padding-bottom: 90px;
    }

    .box1 .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row-reverse;
    }

    .box1 .main>.p1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        padding-left: 83px;
        padding-top: 10px;
        box-sizing: border-box;
    }

    .box1 .main>.p1 .pubtitle {
        padding-bottom: 13px;
        margin-bottom: 30px;
    }

    .box1 .main>.p1>.a1 {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        color: #333;
        font-family: 'MiSans-Medium';
        margin-bottom: 20px;
        font-weight: 500;
        /* letter-spacing: 1px; */
        text-align: justify;
    }

    .box1 .main>.p1>.a2 {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        /* font-weight: 500; */
        line-height: 20px;
        /*text-decoration: underline;*/
    }

    .box1 .main>.p1>.a2:hover {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box1 .main>.p2 {
        width: 50%;
        aspect-ratio: 480 / 358;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box1 .main>.p2 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box1 .main>.p2 .pic:hover {
        transform: scale(1.1);
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box1 {
        background-color: #fff;
        padding-top: 180px;
        padding-bottom: 90px;
    }

    .box1 .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row-reverse;
    }

    .box1 .main>.p1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        padding-left: 83px;
        padding-top: 10px;
        box-sizing: border-box;
    }

    .box1 .main>.p1 .pubtitle {
        padding-bottom: 13px;
        margin-bottom: 30px;
    }

    .box1 .main>.p1>.a1 {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        color: #333;
        font-family: 'MiSans-Medium';
        margin-bottom: 20px;
        font-weight: 500;
        /* letter-spacing: 1px; */
        text-align: justify;
    }

    .box1 .main>.p1>.a2 {
        font-size: 12px;
        color: #333;
        font-family: MiSans-VF;
        line-height: 20px;
        /*font-weight: 500;*/
        /*text-decoration: underline;*/
    }

    .box1 .main>.p1>.a2:hover {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box1 .main>.p2 {
        width: 480px;
        aspect-ratio: 480 / 358;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box1 .main>.p2 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box1 .main>.p2 .pic:hover {
        transform: scale(1.1);
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box1 {
        background-color: #fff;
    }

    .box1 .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row-reverse;
    }

    .box1 .main>.p1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        padding-left: 40px;
        padding-top: 10px;
        box-sizing: border-box;
    }

    .box1 .main>.p1 .pubtitle {
        padding-bottom: 13px;
        margin-bottom: 30px;
    }

    .box1 .main>.p1>.a1 {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        color: #333;
        font-family: 'MiSans-Medium';
        margin-bottom: 20px;
        font-weight: 500;
        /* letter-spacing: 1px; */
        text-align: justify;
    }

    .box1 .main>.p1>.a2 {
        font-size: 12px;
        color: #333;
        font-family: MiSans-VF;
        line-height: 20px;
        /*font-weight: 500;*/
        /*text-decoration: underline;*/
    }

    .box1 .main>.p1>.a2:hover {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box1 .main>.p2 {
        width: 50%;
        aspect-ratio: 480 / 358;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box1 .main>.p2 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box1 .main>.p2 .pic:hover {
        transform: scale(1.1);
    }
}

@media (max-width: 767px) {
    .box1 {
        background-color: #fff;
    }

    .box1 .main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .box1 .main>.p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .box1 .main>.p1>.a1 {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        color: #333;
        font-family: MiSans-VF;
        margin-bottom: 20px;
        /*font-weight: 500;*/
        /* letter-spacing: 2px; */
        text-align: justify;
    }

    .box1 .main>.p1>.a2 {
        font-size: 12px;
        color: #333;
        font-family: MiSans-VF;
        /*font-weight: 500;*/
        display: block;
        /* width: 100%; */
    }

    .box1 .main>.p1>.a2:hover {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box1 .main>.p2 {
        width: 100%;
        /*max-width: 300px;*/
        aspect-ratio: 480 / 358;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box1 .main>.p2 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box1 .main>.p2 .pic:hover {
        transform: scale(1.1);
    }
}

/*box2*/
@media (min-width: 1560px) {
    .box2 {
        background-color: #f0f0f0;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .box2 .pubtitle {
        margin-bottom: 36px;
    }

    .box2 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 45px;
    }

    .box2 .list .item {
        width: calc((100% - 45px) / 2);
        box-sizing: border-box;
        padding: 22px 27px;
        padding-bottom: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        background-color: #fff;
        border: 3px solid #000;
        transition: all .3s;
    }

    .box2 .list .item:hover {
        border: 2px solid #0048B7;
    }

    .box2 .list .item .p1 {
        width: 100%;
        aspect-ratio: 599 / 369;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box2 .list .item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box2 .list .item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box2 .list .item .p2 {
        width: 100%;
        font-size: 20px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        transition: all .3s;
        margin-top: 1px;
    }

    .box2 .list .item:hover .p2 {
        color: #002FA7;
    }

    .box2 .list .item .p3 {
        width: 100%;
        font-size: 17px;
        line-height: 29px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        /* font-weight: 500; */
        transition: all .3s;
        margin-bottom: 5px;
        /* letter-spacing: 1px; */
        text-align: justify;
    }

    .box2 .list .item:hover .p3 {
        color: #0048B7;
    }

    .box2 .list .item .p4 {
        width: 100%;
        font-size: 12px;
        color: var(--main-color);
        /*font-weight: 500;*/
        text-align: right;
        transition: all .3s;
        font-family: 'MiSans-VF';
        display: flex;
        justify-content: flex-end;
        line-height: 20px;
    }

    .box2 .list .item:hover .p4 {
        color: #002FA7;
        /* text-decoration: underline; */
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box2 {
        background-color: #f0f0f0;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .box2 .pubtitle {
        margin-bottom: 36px;
    }

    .box2 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 45px;
    }

    .box2 .list .item {
        width: calc((100% - 45px) / 2);
        box-sizing: border-box;
        padding: 22px 27px;
        padding-bottom: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        background-color: #fff;
        border: 3px solid #000;
        transition: all .3s;
    }

    .box2 .list .item:hover {
        border: 2px solid #0048B7;
    }

    .box2 .list .item .p1 {
        width: 100%;
        aspect-ratio: 599 / 369;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box2 .list .item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box2 .list .item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box2 .list .item .p2 {
        width: 100%;
        font-size: 20px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        transition: all .3s;
        margin-top: 1px;
    }

    .box2 .list .item:hover .p2 {
        color: #002FA7;
    }

    .box2 .list .item .p3 {
        width: 100%;
        font-size: 17px;
        line-height: 29px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        /* font-weight: 500; */
        transition: all .3s;
        margin-bottom: 5px;
        /* letter-spacing: 1px; */
        text-align: justify;
    }

    .box2 .list .item:hover .p3 {
        color: #0048B7;
    }

    .box2 .list .item .p4 {
        width: 100%;
        font-size: 12px;
        color: var(--main-color);
        /*font-weight: 500;*/
        text-align: right;
        transition: all .3s;
        font-family: 'MiSans-VF';
        display: flex;
        justify-content: flex-end;
        line-height: 20px;
    }

    .box2 .list .item:hover .p4 {
        color: #002FA7;
        /* text-decoration: underline; */
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box2 {
        background-color: #f0f0f0;
    }

    .box2 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 25px;
    }

    .box2 .list .item {
        width: calc((100% - 45px) / 2);
        box-sizing: border-box;
        padding: 20px 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        background-color: #fff;
        border: 2px solid #000;
        transition: all .3s;
    }

    .box2 .list .item:hover {
        border: 2px solid #0D64B6;
    }

    .box2 .list .item .p1 {
        width: 100%;
        aspect-ratio: 599 / 369;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box2 .list .item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box2 .list .item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box2 .list .item .p2 {
        width: 100%;
        font-size: 20px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        transition: all .3s;
    }

    .box2 .list .item:hover .p2 {
        color: #0048B7;
    }

    .box2 .list .item .p3 {
        width: 100%;
        font-size: 15px;
        line-height: 20px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        /*font-weight: 500;*/
        line-height: 24px;
        transition: all .3s;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }

    .box2 .list .item:hover .p3 {
        color: #0048B7;
    }

    .box2 .list .item .p4 {
        width: 100%;
        font-size: 12px;
        color: var(--main-color);
        /*font-weight: 500;*/
        text-align: right;
        transition: all .3s;
        font-family: 'MiSans-VF';
        display: flex;
        justify-content: flex-end;
        line-height: 20px;
    }

    .box2 .list .item:hover .p4 {
        color: #002FA7;
        /* text-decoration: underline; */
    }
}

@media (max-width: 767px) {
    .box2 {
        background-color: #f0f0f0;
    }

    .box2 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 15px;
    }

    .box2 .list .item {
        width: 100%;
        max-width: 450px;
        box-sizing: border-box;
        padding: 15px 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        background-color: #fff;
        border: 2px solid #000;
        transition: all .3s;
    }

    .box2 .list .item:hover {
        border: 1px solid #0048B7;
    }

    .box2 .list .item .p1 {
        width: 100%;
        aspect-ratio: 599 / 369;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box2 .list .item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box2 .list .item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box2 .list .item .p2 {
        width: 100%;
        font-size: 16px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        transition: all .3s;
    }

    .box2 .list .item:hover .p2 {
        color: #0048B7;
    }

    .box2 .list .item .p3 {
        width: 100%;
        font-size: 12px;
        /*line-height: 14px;*/
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        /*font-weight: 500;*/
        line-height: 18px;
        transition: all .3s;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }

    .box2 .list .item:hover .p3 {
        color: #0048B7;
    }

    .box2 .list .item .p4 {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        color: var(--main-color);
        /*font-weight: 500;*/
        text-align: right;
        transition: all .3s;
        font-family: 'MiSans-VF';
        display: flex;
        justify-content: flex-end;
    }

    .box2 .list .item:hover .p4 div {
        color: #002FA7;
        /* text-decoration: underline; */
    }
}

/*box3*/
@media (min-width: 1560px) {
    .box3 {
        padding-top: 90px;
        padding-bottom: 180px;
    }

    .box3 .con {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 45px;
    }

    .box3 .con .title {
        width: 100%;
        min-height: 38px;
        padding: 10px 8px;
        font-size: 16px;
        color: #fefefe;
        font-family: 'MiSans-VF';
        font-weight: 500;
        letter-spacing: 1px;
        box-sizing: border-box;
        background-color: #002a99;
        margin-bottom: 40px;
    }

    .box3 .con .p1 {
        width: 560px;
    }

    .box3 .con .p1 .map {
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .box3 .con .p1 .num_info {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 40px;
        padding-top: 10px;
    }

    .box3 .con .p1 .num_info>.item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box3 .con .p1 .num_info>.item>.a1 {
        font-size: 10px;
        font-family: 'MiSans-VF';
        color: #666;
        font-weight: 500;
    }

    .box3 .con .p1 .num_info>.item>.a2 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box3 .con .p1 .num_info>.item>.a2 .b1 {
        font-size: 70px;
        line-height: 48px;
        color: #002fa7;
        font-weight: 500;
        font-family: 'MiSans-VF';
    }

    .box3 .con .p1 .num_info>.item>.a2 .b2 {
        font-size: 14px;
        color: #002fa7;
        font-weight: 500;
        font-family: 'MiSans-VF';
    }

    .box3 .con .p2 {
        width: calc(100% - 45px - 560px);
        /*overflow-x: hidden;*/
    }

    .box3 .con .p2 .title {
        margin-bottom: 0px;
    }

    .box3 .con .p2 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 10px 0px;
    }

    .box3 .con .p2 .info>.item {
        width: calc((100% - 0px) / 2);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        font-size: 11px;
        font-family: 'MiSans-VF';
        /*font-weight: 500;*/
        color: var(--main-color);
    }

    .box3 .con .p2 .info>.item::before {
        content: '';
        width: 17px;
        height: 17px;
    }

    .box3 .con .p2 .info>.item.i1::before {
        background-color: #CF2377;
    }

    .box3 .con .p2 .info>.item.i2::before {
        background-color: #319243;
    }

    .box3 .con .p2 .info>.item.i3::before {
        background-color: #B12435;
    }

    .box3 .con .p2 .info>.item.i4::before {
        background-color: #ED9734;
    }

    .box3 .con .p2 .info>.item.i5::before {
        background-color: #1D3154;
    }

    .box3 .con .p2 .info>.item.i6::before {
        background-color: #c34b35;
    }

    .box3 .con .p2 .info>.item.i7::before {
        background-color: #0F4E79;
    }

    .box3 .con .p2 .info>.item.i8::before {
        background-color: #E3662E;
    }

    .box3 .con .p2 .info>.item.i9::before {
        background-color: #D72231;
    }

    .box3 .con .p2 .info>.item.i10::before {
        background-color: #7C1F34;
    }

    .box3 .con .p2 .info>.item.i11::before {
        background-color: #C78632;
    }

    .box3 .con .p2 .info>.item.i12::before {
        background-color: #02A5C9;
    }

    .box3 .con .p2 .info>.item.i13::before {
        background-color: #45703B;
    }

    .box3 .con .p2 .info>.item.i14::before {
        background-color: #40A646;
    }

    .box3 .con .p2 .info>.item.i15::before {
        background-color: #CA9B32;
    }

    #map_info {
        padding: 3px 5px;
        width: fit-content;
        background-color: #fff;
        box-shadow: 0px 5px 49px 0px rgba(51, 51, 51, 0.35);
        border-radius: 5px;
        position: absolute;
        pointer-events: none;
        display: none;
    }

    #map_info .name {
        font-size: 16px;
        color: #666;
        font-family: 'MiSans-Normal';
        display: flex;
        justify-content: flex-start;
        align-items: center;
        word-break: break-all;
        gap: 2px;
    }

    #map_info .name::before {
        content: '•';
        font-size: 19px;
        color: #0071BC;

    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .box3 {
        padding-top: 90px;
        padding-bottom: 180px;
    }

    .box3 .con {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 35px;
    }

    .box3 .con .title {
        width: 100%;
        min-height: 38px;
        padding: 10px 8px;
        font-size: 16px;
        color: #fefefe;
        font-family: 'MiSans-VF';
        font-weight: 500;
        letter-spacing: 1px;
        box-sizing: border-box;
        background-color: #002a99;
        margin-bottom: 40px;
    }

    .box3 .con .p1 {
        width: calc(100% - 35px - 355px);
    }

    .box3 .con .p1 .map {
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .box3 .con .p1 .num_info {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 40px;
        padding-top: 10px;
    }

    .box3 .con .p1 .num_info>.item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box3 .con .p1 .num_info>.item>.a1 {
        font-size: 10px;
        font-family: 'MiSans-VF';
        color: #666;
        font-weight: 500;
    }

    .box3 .con .p1 .num_info>.item>.a2 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box3 .con .p1 .num_info>.item>.a2 .b1 {
        font-size: 70px;
        line-height: 48px;
        color: #002fa7;
        font-weight: 500;
        font-family: 'MiSans-VF';
    }

    .box3 .con .p1 .num_info>.item>.a2 .b2 {
        font-size: 14px;
        color: #002fa7;
        font-weight: 500;
        font-family: 'MiSans-VF';
    }

    .box3 .con .p2 {
        width: 355px;
        /*overflow-x: hidden;*/
    }

    .box3 .con .p2 .title {
        margin-bottom: 0px;
    }

    .box3 .con .p2 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 10px 0px;
    }

    .box3 .con .p2 .info>.item {
        width: calc((100% - 0px) / 2);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 7px;
        font-size: 11px;
        font-family: 'MiSans-VF';
        /*font-weight: 500;*/
        color: var(--main-color);
    }

    .box3 .con .p2 .info>.item::before {
        content: '';
        width: 17px;
        height: 17px;
    }

    .box3 .con .p2 .info>.item.i1::before {
        background-color: #CF2377;
    }

    .box3 .con .p2 .info>.item.i2::before {
        background-color: #319243;
    }

    .box3 .con .p2 .info>.item.i3::before {
        background-color: #B12435;
    }

    .box3 .con .p2 .info>.item.i4::before {
        background-color: #ED9734;
    }

    .box3 .con .p2 .info>.item.i5::before {
        background-color: #1D3154;
    }

    .box3 .con .p2 .info>.item.i6::before {
        background-color: #41A646;
    }

    .box3 .con .p2 .info>.item.i7::before {
        background-color: #0F4E79;
    }

    .box3 .con .p2 .info>.item.i8::before {
        background-color: #E3662E;
    }

    .box3 .con .p2 .info>.item.i9::before {
        background-color: #D72231;
    }

    .box3 .con .p2 .info>.item.i10::before {
        background-color: #7C1F34;
    }

    .box3 .con .p2 .info>.item.i11::before {
        background-color: #C78632;
    }

    .box3 .con .p2 .info>.item.i12::before {
        background-color: #02A5C9;
    }

    .box3 .con .p2 .info>.item.i13::before {
        background-color: #45703B;
    }

    .box3 .con .p2 .info>.item.i14::before {
        background-color: #40A646;
    }

    .box3 .con .p2 .info>.item.i15::before {
        background-color: #CA9B32;
    }

    #map_info {
        padding: 3px 5px;
        width: fit-content;
        background-color: #fff;
        box-shadow: 0px 5px 49px 0px rgba(51, 51, 51, 0.35);
        border-radius: 5px;
        position: absolute;
        pointer-events: none;
        display: none;
    }

    #map_info .name {
        font-size: 16px;
        color: #666;
        font-family: 'MiSans-Normal';
        display: flex;
        justify-content: flex-start;
        align-items: center;
        word-break: break-all;
        gap: 2px;
    }

    #map_info .name::before {
        content: '•';
        font-size: 19px;
        color: #0071BC;

    }
}

@media (max-width: 767px) {
    .box3 .con {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .box3 .con .title {
        width: 100%;
        min-height: 38px;
        padding: 10px 8px;
        font-size: 14px;
        color: #fefefe;
        font-family: 'MiSans-VF';
        font-weight: 500;
        letter-spacing: 1px;
        box-sizing: border-box;
        background-color: #002a99;
        margin-bottom: 20px;
        text-align: center;
    }

    .box3 .con .p1 {
        width: 100%;
    }

    .box3 .con .p1 .map {
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .box3 .con .p1 .num_info {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 20px;
        padding-top: 10px;
    }

    .box3 .con .p1 .num_info>.item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box3 .con .p1 .num_info>.item>.a1 {
        font-size: 10px;
        font-family: 'MiSans-VF';
        color: #666;
        font-weight: 500;
    }

    .box3 .con .p1 .num_info>.item>.a2 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box3 .con .p1 .num_info>.item>.a2 .b1 {
        font-size: 40px;
        line-height: 31px;
        color: #002fa7;
        font-weight: 500;
        font-family: 'MiSans-VF';
    }

    .box3 .con .p1 .num_info>.item>.a2 .b2 {
        font-size: 14px;
        color: #002fa7;
        font-weight: 500;
        font-family: 'MiSans-VF';
    }

    .box3 .con .p2 {
        width: 100%;
        /*overflow-x: hidden;*/
    }

    .box3 .con .p2 .title {
        margin-bottom: 0px;
    }

    .box3 .con .p2 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 10px 0px;
    }

    .box3 .con .p2 .info>.item {
        width: calc((100% - 0px) / 2);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 7px;
        font-size: 11px;
        font-family: 'MiSans-VF';
        /*font-weight: 500;*/
        color: var(--main-color);
    }

    .box3 .con .p2 .info>.item::before {
        content: '';
        width: 17px;
        height: 17px;
    }

    .box3 .con .p2 .info>.item.i1::before {
        background-color: #CF2377;
    }

    .box3 .con .p2 .info>.item.i2::before {
        background-color: #319243;
    }

    .box3 .con .p2 .info>.item.i3::before {
        background-color: #B12435;
    }

    .box3 .con .p2 .info>.item.i4::before {
        background-color: #ED9734;
    }

    .box3 .con .p2 .info>.item.i5::before {
        background-color: #1D3154;
    }

    .box3 .con .p2 .info>.item.i6::before {
        background-color: #41A646;
    }

    .box3 .con .p2 .info>.item.i7::before {
        background-color: #0F4E79;
    }

    .box3 .con .p2 .info>.item.i8::before {
        background-color: #E3662E;
    }

    .box3 .con .p2 .info>.item.i9::before {
        background-color: #D72231;
    }

    .box3 .con .p2 .info>.item.i10::before {
        background-color: #7C1F34;
    }

    .box3 .con .p2 .info>.item.i11::before {
        background-color: #C78632;
    }

    .box3 .con .p2 .info>.item.i12::before {
        background-color: #02A5C9;
    }

    .box3 .con .p2 .info>.item.i13::before {
        background-color: #45703B;
    }

    .box3 .con .p2 .info>.item.i14::before {
        background-color: #40A646;
    }

    .box3 .con .p2 .info>.item.i15::before {
        background-color: #CA9B32;
    }

    #map_info {
        padding: 3px 5px;
        width: fit-content;
        background-color: #fff;
        box-shadow: 0px 5px 49px 0px rgba(51, 51, 51, 0.35);
        border-radius: 5px;
        position: absolute;
        pointer-events: none;
        display: none;
    }

    #map_info .name {
        font-size: 16px;
        color: #666;
        font-family: 'MiSans-Normal';
        display: flex;
        justify-content: flex-start;
        align-items: center;
        word-break: break-all;
        gap: 2px;
    }

    #map_info .name::before {
        content: '•';
        font-size: 19px;
        color: #0071BC;

    }
}

/*box6*/
@media (min-width: 1560px) {
    .box6 {
        width: 100%;
        background-color: rgba(0, 0, 0, 1);
        padding-top: 45px;
        padding-bottom: 40px;
    }

    .box6 .mySwiper2 {}

    .box6 .swiper-wrapper {
        z-index: -1;
    }

    .box6 .mySwiper2 .swiper-slide {
        transition: 300ms;
        transform: scale(0.9);
        z-index: -1;
        position: relative;
        padding-bottom: 40px;
    }

    .box6 .mySwiper2 .swiper-slide::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box6 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1);
        z-index: 9999;
    }

    .box6 .mySwiper2 .swiper-slide-active::after,
    .swiper-slide-duplicate-active::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box6 .mySwiper2 .swiper-pagination {
        box-sizing: border-box;
        padding-right: 170px;
        text-align: right;
    }

    .box6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        width: 10px !important;
        height: 10px !important;
        background: #fff !important;
    }

    .box6 .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }

    .box6 .info .p1 {
        width: 100%;
        aspect-ratio: 320 / 359;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative;
        padding: 30px 20px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .box6 .info .p1 .pic {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .box6 .info .p1 .a1 {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .box6 .info .p1 .a1 .b1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 5px;
        margin-bottom: 5px;
    }

    .box6 .info .p1 .a1 .b1 .c1 {
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
    }

    .box6 .info .p1 .a1 .b1 .c2 {
        font-size: 10px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box6 .info .p1 .a1 .b2 {
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box6 .info .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 26px;
        /*font-weight: 500;*/
        color: #fff;
        /*font-weight: bold;*/
        font-family: 'MiSans-VF';
        opacity: 0;
        letter-spacing: 0.5px;
        text-align: justify;
    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .box6 {
        width: 100%;
        background-color: rgba(0, 0, 0, 1);
        padding-top: 45px;
        padding-bottom: 40px;
    }

    .box6 .mySwiper2 {}

    .box6 .swiper-wrapper {
        z-index: -1;
    }

    .box6 .mySwiper2 .swiper-slide {
        transition: 300ms;
        transform: scale(0.9);
        z-index: -1;
        position: relative;
        padding-bottom: 40px;
    }

    .box6 .mySwiper2 .swiper-slide::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box6 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1);
        z-index: 9999;
    }

    .box6 .mySwiper2 .swiper-slide-active::after,
    .swiper-slide-duplicate-active::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box6 .mySwiper2 .swiper-pagination {
        box-sizing: border-box;
        padding-right: 120px;
        text-align: right;
        bottom: 0px !important;
    }

    .box6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        width: 10px !important;
        height: 10px !important;
    }

    .box6 .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }

    .box6 .info .p1 {
        width: 100%;
        aspect-ratio: 320 / 359;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative;
        padding: 30px 20px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .box6 .info .p1 .pic {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .box6 .info .p1 .a1 {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .box6 .info .p1 .a1 .b1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 5px;
        margin-bottom: 5px;
    }

    .box6 .info .p1 .a1 .b1 .c1 {
        font-size: 17px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
    }

    .box6 .info .p1 .a1 .b1 .c2 {
        font-size: 10px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box6 .info .p1 .a1 .b2 {
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box6 .info .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 26px;
        font-weight: 500;
        color: #fff;
        /*font-weight: bold;*/
        font-family: 'MiSans-Normal';
        opacity: 0;
        letter-spacing: 0.5px;
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .box6 {
        width: 100%;
        background-color: rgba(0, 0, 0, 1);
        padding-bottom: 30px;
    }

    .box6 .mySwiper2 {}

    .box6 .swiper-wrapper {
        z-index: -1;

    }

    .box6 .mySwiper2 .swiper-slide {
        transition: 300ms;
        transform: scale(0.9);
        z-index: -1;
        position: relative;
        padding-bottom: 60px !important;
    }

    .box6 .mySwiper2 .swiper-slide::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box6 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1);
        z-index: 9999;
    }

    .box6 .mySwiper2 .swiper-slide-active::after,
    .swiper-slide-duplicate-active::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box6 .mySwiper2 .swiper-pagination {
        box-sizing: border-box;
        padding-right: 20px;
        text-align: right;
    }

    .box6 .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }

    .box6 .info .p1 {
        width: 100%;
        aspect-ratio: 320 / 359;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative;
        padding: 15px 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .box6 .info .p1 .pic {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .box6 .info .p1 .a1 {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .box6 .info .p1 .a1 .b1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 5px;
    }

    .box6 .info .p1 .a1 .b1 .c1 {
        font-size: 17px;
        color: #fff;
        font-family: 'MiSans-VF';
        /*font-weight: bold;*/
    }

    .box6 .info .p1 .a1 .b1 .c2 {
        font-size: 10px;
        color: #fff;
        font-family: 'MiSans-VF';
        /*font-weight: bold;*/
    }

    .box6 .info .p1 .a1 .b2 {
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        font-family: 'MiSans-VF';
        /*font-weight: bold;*/
    }

    .box6 .info .p2 {
        width: 100%;
        font-size: 12px;
        line-height: 19px;
        font-weight: 500;
        color: #fff;
        /*font-weight: bold;*/
        font-family: 'MiSans-VF';
        opacity: 0;
        letter-spacing: 0.5px;
        text-align: justify;
    }
}

/*box7*/
@media (min-width: 1560px) {
    .box7 {
        padding-top: 160px;
        padding-bottom: 120px;
    }

    .box7 .pubtitle {
        margin-bottom: 41px;
    }

    .box7 .mySwiper3 {
        width: 100%;
    }

    .box7 .mySwiper3 .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box7 .mySwiper3 .info .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box7 .mySwiper3 .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box7 .mySwiper3 .info:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box7 .mySwiper3 .info .p2 {
        max-width: 100%;
        font-size: 16px;
        color: var(--main-color);
        font-weight: 500;
        font-family: 'MiSans-VF';
        transition: all .3s;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box7 .mySwiper3 .info:hover .p2 {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box7 .mySwiper3 .info .p3 {
        width: 100%;
        color: #4D4D4D;
        font-size: 12px;
        font-family: 'MiSans-VF';
    }

    .box7 .mySwiper3 .swiper-wrapper {
        margin-bottom: 46px;
    }

    .box7 .mySwiper3 .swiper-pagination {
        position: unset;
        text-align: right;
    }

    .box7 .mySwiper3 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        margin: 0 7px !important;
    }

    .box7 .mySwiper3 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #e2e2e2 !important;
    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .box7 {
        padding-top: 160px;
        padding-bottom: 120px;
    }

    .box7 .pubtitle {
        margin-bottom: 41px;
    }

    .box7 .mySwiper3 {
        width: 100%;
    }

    .box7 .mySwiper3 .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box7 .mySwiper3 .info .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box7 .mySwiper3 .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box7 .mySwiper3 .info:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box7 .mySwiper3 .info .p2 {
        max-width: 100%;
        font-size: 16px;
        color: var(--main-color);
        font-weight: 500;
        font-family: 'MiSans-VF';
        transition: all .3s;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box7 .mySwiper3 .info:hover .p2 {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box7 .mySwiper3 .info .p3 {
        width: 100%;
        color: #4D4D4D;
        font-size: 12px;
        font-family: 'MiSans-VF';
    }

    .box7 .mySwiper3 .swiper-wrapper {
        margin-bottom: 46px;
    }

    .box7 .mySwiper3 .swiper-pagination {
        position: unset;
        text-align: right;
    }

    .box7 .mySwiper3 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        margin: 0 7px !important;
    }

    .box7 .mySwiper3 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #e2e2e2 !important;
    }
}

@media (max-width: 767px) {
    .box7 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .box7 .mySwiper3 {
        width: 100%;
    }

    .box7 .mySwiper3 .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box7 .mySwiper3 .info .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box7 .mySwiper3 .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box7 .mySwiper3 .info:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box7 .mySwiper3 .info .p2 {
        max-width: 100%;
        font-size: 16px;
        color: var(--main-color);
        font-weight: 500;
        font-family: 'MiSans-VF';
        transition: all .3s;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box7 .mySwiper3 .info:hover .p2 {
        color: #002FA7;
        /* text-decoration: underline; */
    }

    .box7 .mySwiper3 .info .p3 {
        width: 100%;
        color: #4D4D4D;
        font-size: 12px;
        font-family: 'MiSans-VF';
    }

    .box7 .mySwiper3 .swiper-wrapper {
        margin-bottom: 23px;
    }

    .box7 .mySwiper3 .swiper-pagination {
        position: unset;
        text-align: right;
    }

    .box7 .mySwiper3 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        margin: 0 7px !important;
    }

    .box7 .mySwiper3 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #e2e2e2 !important;
    }
}

/*box9*/
@media (min-width: 1560px) {
    .box9 {
        padding-bottom: 160px;
    }

    .box9 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 30px 24px;
    }

    .box9 .list .item {
        width: calc((100% - 72px) / 4);
        /*border: 1px solid #ddd;*/
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box9 .list .item .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box9 .list .item:hover .pic {
        transform: scale(1.1);
    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .box9 {
        padding-bottom: 160px;
    }

    .box9 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 20px 20px;
    }

    .box9 .list .item {
        width: calc((100% - 60px) / 4);
        /*border: 1px solid #ddd;*/
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box9 .list .item .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box9 .list .item:hover .pic {
        transform: scale(1.1);
    }
}

@media (max-width: 767px) {
    .box9 {
        padding-bottom: 60px;
    }

    .box9 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 15px;
    }

    .box9 .list .item {
        width: calc((100% - 15px) / 2);
        /*border: 1px solid #ddd;*/
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box9 .list .item .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box9 .list .item:hover .pic {
        transform: scale(1.1);
    }
}

@media (min-width: 1560px) {
    .footer {
        padding: 50px 0;
        background-color: #0040aa;
    }

    .footer .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .footer .p1 {
        width: 100%;
        font-family: "MiSans-VF";
        font-weight: 500;
        font-size: 32px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 14px;
    }

    .footer .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 31px;
    }

    .footer .p2 .a1 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 88px;
    }

    .footer .p2 .a1>.item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 36px;
        box-sizing: border-box;
        padding-left: 9px;
        border-left: 1px solid rgba(255, 255, 255, .25);
    }

    .footer .p2 .a1>.item .title {
        font-size: 17px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
        display: block;
    }

    .footer .p2 .a1>.item .title:has(+.list) {
        margin-bottom: 17px;
    }

    .footer .p2 .a1>.item .list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    .footer .p2 .a1>.item .list .link {
        font-size: 14px;
        color: #fff;
        font-family: 'MiSans-normal';
        line-height: 14px;
    }

    .footer .p2 .a2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: row-reverse;
        padding-bottom: 19px;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
    }

    .footer .p2 .a2 .c2 {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer .p2 .a2 .c2>.item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 22px;
        font-size: 14px;
        color: #fff;
        font-family: 'MiSans-VF';
        line-height: 14px;
        position: relative;
    }

    .footer .p2 .a2 .c2>.item .ewm {
        width: 80px;
        position: absolute;
        bottom: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .footer .p2 .a2 .c2>.item:hover .ewm {
        display: block;
    }

    .footer .p2 .a2 .c2>.item .pic {
        width: 21px;
    }

    .footer .p2 .a2 .c2>.xian {
        width: 160px;
        height: 1px;
        background-color: rgba(255, 255, 255, .2);
    }

    .footer .p2 .a2 .c1 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 88px;
        padding-right: 10px;
    }

    .footer .p2 .a2 .c1>.item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 17px;
    }

    .footer .p2 .a2 .c1>.item .b1 {
        width: fit-content
    }

    .footer .p2 .a2 .c1>.item .b1 .pic {
        height: 21px;
    }

    .footer .p2 .a2 .c1>.item .b2 {
        font-family: "MiSans-medium";
        font-size: 14px;
        color: #fff;
    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .footer {
        padding: 40px 0;
        background-color: #0040aa;
    }

    .footer .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .footer .p1 {
        width: 100%;
        font-family: "MiSans-VF";
        font-weight: 500;
        font-size: 32px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 14px;
    }

    .footer .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 31px;
    }

    .footer .p2 .a1 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 88px;
    }

    .footer .p2 .a1>.item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 36px;
        box-sizing: border-box;
        padding-left: 9px;
        border-left: 1px solid rgba(255, 255, 255, .25);
    }

    .footer .p2 .a1>.item .title {
        font-size: 17px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
        display: block;
    }

    .footer .p2 .a1>.item .title:has(+.list) {
        margin-bottom: 17px;
    }

    .footer .p2 .a1>.item .list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    .footer .p2 .a1>.item .list .link {
        font-size: 14px;
        color: #fff;
        font-family: 'MiSans-normal';
        line-height: 14px;
    }

    .footer .p2 .a2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: row-reverse;
        padding-bottom: 19px;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
    }

    .footer .p2 .a2 .c2 {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer .p2 .a2 .c2>.item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 22px;
        font-size: 14px;
        color: #fff;
        font-family: 'MiSans-VF';
        line-height: 14px;
        position: relative;
    }

    .footer .p2 .a2 .c2>.item .ewm {
        width: 80px;
        position: absolute;
        bottom: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .footer .p2 .a2 .c2>.item:hover .ewm {
        display: block;
    }

    .footer .p2 .a2 .c2>.item .pic {
        width: 21px;
    }

    .footer .p2 .a2 .c2>.xian {
        width: 160px;
        height: 1px;
        background-color: rgba(255, 255, 255, .2);
    }

    .footer .p2 .a2 .c1 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 88px;
        padding-right: 10px;
    }

    .footer .p2 .a2 .c1>.item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 17px;
    }

    .footer .p2 .a2 .c1>.item .b1 {
        width: fit-content
    }

    .footer .p2 .a2 .c1>.item .b1 .pic {
        height: 21px;
    }

    .footer .p2 .a2 .c1>.item .b2 {
        font-family: "MiSans-medium";
        font-size: 14px;
        color: #fff;
    }
}

@media (max-width: 767px) {
    .footer {
        padding: 30px 0;
        background-color: #0040aa;
    }

    .footer .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .footer .p1 {
        width: 100%;
        font-family: "MiSans-VF";
        font-weight: 500;
        font-size: 25px;
        color: #fff;
        line-height: 25px;
        margin-bottom: 14px;
    }

    .footer .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .footer .p2 .a1 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer .p2 .a1>.item {
        width: calc((100% - 30px) / 2);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 18px;
        box-sizing: border-box;
        padding-left: 9px;
        border-left: 1px solid rgba(255, 255, 255, .25);
    }

    .footer .p2 .a1>.item .title {
        font-size: 17px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
        display: block;
    }

    .footer .p2 .a1>.item .title:has(+.list) {
        margin-bottom: 17px;
    }

    .footer .p2 .a1>.item .list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    .footer .p2 .a1>.item .list .link {
        font-size: 14px;
        color: #fff;
        font-family: 'MiSans-normal';
        line-height: 14px;
    }

    .footer .p2 .a2 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 19px;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
    }

    .footer .p2 .a2 .c2 {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer .p2 .a2 .c2>.item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 17px;
        font-size: 14px;
        color: #fff;
        font-family: 'MiSans-VF';
        line-height: 14px;
        position: relative;
    }

    .footer .p2 .a2 .c2>.item .ewm {
        width: 80px;
        position: absolute;
        bottom: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .footer .p2 .a2 .c2>.item:hover .ewm {
        display: block;
    }

    .footer .p2 .a2 .c2>.item .pic {
        width: 20px;
    }

    .footer .p2 .a2 .c2>.xian {
        width: 160px;
        height: 1px;
        background-color: rgba(255, 255, 255, .2);
        display: none;
    }

    .footer .p2 .a2 .c1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .footer .p2 .a2 .c1>.item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 17px;
    }

    .footer .p2 .a2 .c1>.item .b1 {
        width: 20px
    }

    .footer .p2 .a2 .c1>.item .b1 .pic {
        width: 100%;
    }

    .footer .p2 .a2 .c1>.item .b2 {
        font-family: "MiSans-medium";
        font-size: 14px;
        color: #fff;
    }
}


@media (min-width: 1560px) {
    .mb {
        display: none !important;
    }
}

@media (max-width: 1559px) and (min-width: 768px) {
    .mb {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .pc {
        display: none !important;
    }
}

/* bread */
@media (min-width: 1560px) {
    .bread {
        padding-top: 78px;
        line-height: 14px;
    }

    .bread.bread2 {
        padding-top: 75px;
    }

    .bread .main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .bread .main .p1 .a1 {
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .bread .main .p1 .a1:hover {
        color: #002FA7;
    }

    .bread .main .p1 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-Medium';
        border-bottom: 1px solid #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1240px) {
    .bread {
        padding-top: 78px;
        line-height: 14px;
    }

    .bread.bread2 {
        padding-top: 75px;
    }

    .bread .main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .bread .main .p1 .a1 {
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .bread .main .p1 .a1:hover {
        color: #002FA7;
    }

    .bread .main .p1 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-Medium';
        border-bottom: 1px solid #002FA7;
    }
}

@media (max-width: 1239px) and (min-width: 768px) {
    .bread {
        padding-top: 78px;
        line-height: 14px;
    }

    .bread.bread2 {
        padding-top: 75px;
    }

    .bread .main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .bread .main .p1 .a1 {
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .bread .main .p1 .a1:hover {
        color: #002FA7;
    }

    .bread .main .p1 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-Medium';
        border-bottom: 1px solid #002FA7;
    }
}

@media (max-width: 767px) {
    .bread {
        padding-top: 50px;
        line-height: 14px;
    }

    .bread .main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .bread .main .p1 .a1 {
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .bread .main .p1 .a1:hover {
        color: #002FA7;
    }

    .bread .main .p1 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-Medium';
        border-bottom: 1px solid #002FA7;
    }
}

/*box10*/
@media (min-width: 1560px) {
    .box10 {
        background-color: #fff;
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .box10 .pubtitle {
        margin-bottom: 10px;
    }

    .box10 .futitle {
        width: 100%;
        font-size: 15px;
        line-height: 15px;
        color: #1a1a1a;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        margin-bottom: 50px;
    }

    .box10 .hz_form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 70px;
        box-sizing: border-box;
        border: 3px solid #191919;
        padding: 35px 80px;
        margin-bottom: 220px;
    }

    .box10 .hz_form .item_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        box-sizing: border-box;
    }

    .box10 .hz_form .item_list>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 20px;
        border-bottom: 2px solid #f0f0f0;
    }

    .box10 .hz_form .item_list>.item:last-child {
        padding-bottom: 0px;
        border-bottom: 0;
    }

    .box10 .hz_form .item_list>.item .p1 {
        width: 100%;
        font-size: 20px;
        color: #000;
        line-height: 20px;
        margin-bottom: 5px;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box10 .hz_form .item_list>.item .p1 span {
        color: #C1292C;
    }

    .box10 .hz_form .item_list>.item .p2 {
        width: 100%;
    }

    .box10 .hz_form .item_list>.item .p2:has(+ .p3) {
        margin-bottom: 5px;
    }

    .box10 .hz_form .item_list>.item .p2 .input {
        width: 400px;
        height: 45px;
        background-color: #e2e2e2;
        font-size: 15px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        color: #333;
    }

    .box10 .hz_form .item_list>.item .p2 .input::placeholder,
    .box10 .hz_form .item_list>.item .p2 .textarea::placeholder {
        color: #999;
    }

    .box10 .hz_form .item_list>.item .p2 .textarea {
        width: 100%;
        height: 133px;
        background-color: #e2e2e2;
        font-size: 15px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        padding-top: 10px;
        /* letter-spacing: 1px; */
        color: #333;
    }

    .box10 .hz_form .item_list>.item .p3 {
        font-size: 15px;
        color: #999;
        line-height: 15px;
    }

    .box10 .hz_form .sub {
        width: 224px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -60px;
    }

    .box10 .hz_form .sub .btn {
        width: 160px;
        height: 50px;
        border: 0;
        background-color: #191919;
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-Semibold';
    }

    .box10 .hz_form .sub .btn:hover,
    .box10 .hz_form .sub .btn:focus {
        background-color: #002a99;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box10 {
        background-color: #fff;
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .box10 .pubtitle {
        margin-bottom: 10px;
    }

    .box10 .futitle {
        width: 100%;
        font-size: 15px;
        line-height: 15px;
        color: #1a1a1a;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        margin-bottom: 50px;
    }

    .box10 .hz_form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 70px;
        box-sizing: border-box;
        border: 3px solid #191919;
        padding: 35px 80px;
        margin-bottom: 220px;
    }

    .box10 .hz_form .item_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        box-sizing: border-box;
    }

    .box10 .hz_form .item_list>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 20px;
        border-bottom: 2px solid #f0f0f0;
    }

    .box10 .hz_form .item_list>.item:last-child {
        padding-bottom: 0px;
        border-bottom: 0;
    }

    .box10 .hz_form .item_list>.item .p1 {
        width: 100%;
        font-size: 20px;
        color: #000;
        line-height: 20px;
        margin-bottom: 5px;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box10 .hz_form .item_list>.item .p1 span {
        color: #C1292C;
    }

    .box10 .hz_form .item_list>.item .p2 {
        width: 100%;
    }

    .box10 .hz_form .item_list>.item .p2 .input {
        width: 400px;
        height: 45px;
        background-color: #e2e2e2;
        font-size: 15px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .box10 .hz_form .item_list>.item .p2 .input::placeholder,
    .box10 .hz_form .item_list>.item .p2 .textarea::placeholder {
        color: #999;
    }

    .box10 .hz_form .item_list>.item .p2 .textarea {
        width: 100%;
        height: 133px;
        background-color: #e2e2e2;
        font-size: 15px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        padding-top: 10px;
        /* letter-spacing: 1px; */
    }

    .box10 .hz_form .item_list>.item .p3 {
        font-size: 15px;
        color: #999;
        line-height: 15px;
    }

    .box10 .hz_form .sub {
        width: 224px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -60px;
    }

    .box10 .hz_form .sub .btn {
        width: 160px;
        height: 50px;
        border: 0;
        background-color: #191919;
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-Semibold';
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box10 {
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .box10 .pubtitle {
        margin-bottom: 10px;
    }

    .box10 .futitle {
        width: 100%;
        font-size: 15px;
        line-height: 15px;
        color: #1a1a1a;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        margin-bottom: 50px;
    }

    .box10 .hz_form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 70px;
        box-sizing: border-box;
        border: 3px solid #191919;
        padding: 25px 40px;
        margin-bottom: 110px;
    }

    .box10 .hz_form .item_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        box-sizing: border-box;
    }

    .box10 .hz_form .item_list>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 15px;
        border-bottom: 2px solid #f0f0f0;
    }

    .box10 .hz_form .item_list>.item:last-child {
        padding-bottom: 0px;
        border-bottom: 0;
    }

    .box10 .hz_form .item_list>.item .p1 {
        width: 100%;
        font-size: 18px;
        color: #000;
        line-height: 20px;
        margin-bottom: 5px;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box10 .hz_form .item_list>.item .p1 span {
        color: #C1292C;
    }

    .box10 .hz_form .item_list>.item .p2 {
        width: 100%;
    }

    .box10 .hz_form .item_list>.item .p2 .input {
        width: 100%;
        height: 35px;
        background-color: #e2e2e2;
        font-size: 14px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .box10 .hz_form .item_list>.item .p2 .input::placeholder,
    .box10 .hz_form .item_list>.item .p2 .textarea::placeholder {
        color: #999;
    }

    .box10 .hz_form .item_list>.item .p2 .textarea {
        width: 100%;
        height: 133px;
        background-color: #e2e2e2;
        font-size: 14px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        padding-top: 10px;
        /* letter-spacing: 1px; */
    }

    .box10 .hz_form .item_list>.item .p3 {
        font-size: 14px;
        color: #999;
        line-height: 14px;
    }

    .box10 .hz_form .sub {
        width: 224px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -60px;
    }

    .box10 .hz_form .sub .btn {
        width: 160px;
        height: 50px;
        border: 0;
        background-color: #191919;
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-Semibold';
    }
}

@media (max-width: 767px) {
    .box10 {
        background-color: #fff;
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .box10 .pubtitle {
        margin-bottom: 5px;
    }

    .box10 .futitle {
        width: 100%;
        font-size: 15px;
        line-height: 15px;
        color: #1a1a1a;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        margin-bottom: 25px;
    }

    .box10 .hz_form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 70px;
        box-sizing: border-box;
        border: 3px solid #191919;
        padding: 15px 20px;
        margin-bottom: 100px;
    }

    .box10 .hz_form .item_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
    }

    .box10 .hz_form .item_list>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 10px;
        border-bottom: 2px solid #f0f0f0;
    }

    .box10 .hz_form .item_list>.item:last-child {
        padding-bottom: 0px;
        border-bottom: 0;
    }

    .box10 .hz_form .item_list>.item .p1 {
        width: 100%;
        font-size: 16px;
        color: #000;
        line-height: 16px;
        margin-bottom: 5px;
        font-family: 'MiSans-VF';
        font-weight: 500;
    }

    .box10 .hz_form .item_list>.item .p1 span {
        color: #C1292C;
    }

    .box10 .hz_form .item_list>.item .p2 {
        width: 100%;
    }

    .box10 .hz_form .item_list>.item .p2 .input {
        width: 100%;
        height: 35px;
        background-color: #e2e2e2;
        font-size: 14px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .box10 .hz_form .item_list>.item .p2 .input::placeholder,
    .box10 .hz_form .item_list>.item .p2 .textarea::placeholder {
        color: #999;
    }

    .box10 .hz_form .item_list>.item .p2 .textarea {
        width: 100%;
        height: 133px;
        background-color: #e2e2e2;
        font-size: 14px;
        font-family: 'Misans-medium';
        font-weight: 500;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        padding-top: 10px;
        /* letter-spacing: 1px; */
    }

    .box10 .hz_form .item_list>.item .p3 {
        font-size: 14px;
        color: #999;
        line-height: 14px;
    }

    .box10 .hz_form .sub {
        width: 150px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -35px;
    }

    .box10 .hz_form .sub .btn {
        width: 120px;
        height: 35px;
        border: 0;
        background-color: #191919;
        font-size: 16px;
        color: #fff;
        font-family: 'MiSans-Semibold';
    }
}

/* 订阅 */
@media (min-width: 1560px) {
    .dingyue {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 90px;
    }

    .dingyue .main {

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title::before,
    .dingyue .main .title::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #747474;
    }

    .dingyue .main .title span {
        flex-shrink: 0;
    }

    .dingyue .main .content {
        width: 480px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 12px;
    }

    /*  .dingyue .main .content .pic {
        width: 62px;
    } */

    .dingyue .main .content .p1 {
        width: 100%;
        height: 42px;
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .dingyue .main .content .p1 .input {
        width: 100%;
        height: 100%;
        background-color: inherit;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        border: 0;
        /* letter-spacing: 1px; */
        color: #999;
    }

    .dingyue .main .content .p1 .input::placeholder {
        color: #999;
    }

    .dingyue .main .content .btn {
        /* width: 64px; */
        height: 26px;
        font-size: 14px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        color: #333;
        box-sizing: border-box;
        border: 0;
        cursor: pointer;
    }

    .dingyue .main .content .btn:hover {
        color: #002fa7;
    }

    .dingyue .main .resault {
        width: 100%;
        font-size: 14px;
        color: #4D4D4D;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .dingyue {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 90px;
    }

    .dingyue .main {

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title::before,
    .dingyue .main .title::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #747474;
    }

    .dingyue .main .title span {
        flex-shrink: 0;
    }

    .dingyue .main .content {
        width: 480px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 12px;
    }

    /*  .dingyue .main .content .pic {
        width: 62px;
    } */

    .dingyue .main .content .p1 {
        width: 100%;
        height: 42px;
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .dingyue .main .content .p1 .input {
        width: 100%;
        height: 100%;
        background-color: inherit;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        border: 0;
        /* letter-spacing: 1px; */
        color: #999;
    }

    .dingyue .main .content .p1 .input::placeholder {
        color: #999;
    }

    .dingyue .main .content .btn {
        /* width: 64px; */
        height: 26px;
        font-size: 14px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        color: #333;
        box-sizing: border-box;
        border: 0;
        cursor: pointer;
    }

    .dingyue .main .content .btn:hover {
        color: #002fa7;
    }

    .dingyue .main .resault {
        width: 100%;
        font-size: 14px;
        color: #4D4D4D;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .dingyue {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 45px;
    }

    .dingyue .main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title::before,
    .dingyue .main .title::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #747474;
    }

    .dingyue .main .title span {
        flex-shrink: 0;
    }

    .dingyue .main .content {
        width: 480px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 12px;
    }

    /*  .dingyue .main .content .pic {
        width: 62px;
    } */

    .dingyue .main .content .p1 {
        width: 100%;
        height: 42px;
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .dingyue .main .content .p1 .input {
        width: 100%;
        height: 100%;
        background-color: inherit;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        border: 0;
        /* letter-spacing: 1px; */
        color: #999;
    }

    .dingyue .main .content .p1 .input::placeholder {
        color: #999;
    }

    .dingyue .main .content .btn {
        /* width: 64px; */
        height: 26px;
        font-size: 14px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        color: #333;
        box-sizing: border-box;
        border: 0;
        cursor: pointer;
    }

    .dingyue .main .content .btn:hover {
        color: #002fa7;
    }

    .dingyue .main .resault {
        width: 100%;
        font-size: 14px;
        color: #4D4D4D;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .dingyue {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 25px;
    }

    .dingyue .main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .dingyue .main .title::before,
    .dingyue .main .title::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #747474;
    }

    .dingyue .main .title span {
        flex-shrink: 0;
    }

    .dingyue .main .content {
        width: 100%;
        max-width: 480px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 8px;
    }

    /* .dingyue .main .content .pic {
        width: 45px;
    } */

    .dingyue .main .content .p1 {
        width: 436px;
        height: 42px;
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding: 0 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .dingyue .main .content .p1 .input {
        width: 100%;
        height: 100%;
        background-color: inherit;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        border: 0;
        /* letter-spacing: 1px; */
        color: #999;
    }

    .dingyue .main .content .p1 .input::placeholder {
        color: #999;
    }

    .dingyue .main .content .btn {
        width: 40px;
        height: 20px;
        font-size: 14px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        color: #333;
        box-sizing: border-box;
        border: 0;
        cursor: pointer;
    }

    .dingyue .main .content .btn:hover {
        color: #002fa7;
    }

    .dingyue .main .resault {
        width: 100%;
        font-size: 14px;
        color: #4D4D4D;
        font-family: 'MiSans-Medium';
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

/* box11 */
@media (min-width: 1560px) {
    .box11 {
        background-color: #fff;
        padding-top: 88px;
        padding-bottom: 47px;
    }

    .box11-2 {
        padding-bottom: 144px;
    }

    .box11-3 {
        padding-bottom: 160px;
    }

    .box11 .pubtitle {
        margin-bottom: 35px;
    }

    .box11 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 40px 40px;
        flex-wrap: wrap;
    }

    .box11 .list.list2 {
        gap: 50px 40px;
    }

    .box11 .list>.item {
        width: calc((100% - 80px) / 3);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box11 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 7px;
    }

    .box11 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box11 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box11 .list>.item .p2 {
        width: fit-content;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        margin-bottom: 12px;
    }

    .box11 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box11 .list>.item .p3 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 15px;
        text-align: justify;
    }

    .box11 .list>.item .p4 {
        width: 100%;
        font-size: 12px;
        color: #4d4d4d;
        font-family: 'MiSans-Medium';
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box11 {
        background-color: #fff;
        padding-top: 88px;
        padding-bottom: 47px;
    }

    .box11-2 {
        padding-bottom: 144px;
    }

    .box11-3 {
        padding-bottom: 160px;
    }

    .box11 .pubtitle {
        margin-bottom: 35px;
    }

    .box11 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 40px 40px;
        flex-wrap: wrap;
    }

    .box11 .list.list2 {
        gap: 50px 40px;
    }

    .box11 .list>.item {
        width: calc((100% - 80px) / 3);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box11 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 7px;
    }

    .box11 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box11 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box11 .list>.item .p2 {
        width: fit-content;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        margin-bottom: 12px;
    }

    .box11 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box11 .list>.item .p3 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 15px;
        text-align: justify;
    }

    .box11 .list>.item .p4 {
        width: 100%;
        font-size: 12px;
        color: #4d4d4d;
        font-family: 'MiSans-Medium';
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box11 {
        background-color: #fff;
        padding-top: 88px;
        padding-bottom: 47px;
    }

    .box11-2 {
        padding-bottom: 144px;
    }

    .box11-3 {
        padding-bottom: 160px;
    }

    .box11 .pubtitle {
        margin-bottom: 35px;
    }

    .box11 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 40px 40px;
        flex-wrap: wrap;
    }

    .box11 .list.list2 {
        gap: 50px 40px;
    }

    .box11 .list>.item {
        width: calc((100% - 80px) / 3);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box11 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 7px;
    }

    .box11 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box11 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box11 .list>.item .p2 {
        width: fit-content;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        margin-bottom: 12px;
    }

    .box11 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box11 .list>.item .p3 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 15px;
        text-align: justify;
    }

    .box11 .list>.item .p4 {
        width: 100%;
        font-size: 12px;
        color: #4d4d4d;
        font-family: 'MiSans-Medium';
    }
}

@media (max-width: 767px) {
    .box11 {
        background-color: #fff;
        padding-top: 44px;
        padding-bottom: 25px;
    }

    .box11-2 {
        padding-bottom: 72px;
    }

    .box11-3 {
        padding-bottom: 80px;
    }

    .box11 .pubtitle {
        margin-bottom: 25px;
    }

    .box11 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px 20px;
        flex-wrap: wrap;
    }

    .box11 .list.list2 {
        gap: 25px 20px;
    }

    .box11 .list>.item {
        width: calc((100% - 20px) / 2);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box11 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .box11 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box11 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box11 .list>.item .p2 {
        width: fit-content;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 14px; */
        margin-bottom: 15px;
    }

    .box11 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box11 .list>.item .p3 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 15px;
        text-align: justify;
    }

    .box11 .list>.item .p4 {
        width: 100%;
        font-size: 12px;
        color: #4d4d4d;
        font-family: 'MiSans-Medium';
    }
}


/* AD */
@media (min-width: 1560px) {
    .ad {
        width: 100%;
        aspect-ratio: 1946 / 387;
        margin-top: -19px;
    }

    .ad .video {
        width: 100%;
        aspect-ratio: 1946 / 387;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .ad {
        width: 100%;
        aspect-ratio: 1946 / 387;
        margin-top: -19px;
    }

    .ad .video {
        width: 100%;
        aspect-ratio: 1946 / 387;
        margin-top: -10px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .ad {
        width: 100%;
        aspect-ratio: 1946 / 387;
        margin-top: -11px;
    }

    .ad .video {
        width: 100%;
        aspect-ratio: 1946 / 387;
    }
}

@media (max-width: 767px) {
    .ad {
        width: 100%;
        aspect-ratio: 1946 / 387;
        margin-top: -11px;
    }

    .ad .video {
        width: 100%;
        aspect-ratio: 1946 / 387;
    }
}

/* 折叠 */
@media (min-width: 1560px) {
    .zhedie {
        width: 100%;
        padding-top: 38px;
        padding-bottom: 47px;
        background-color: #fff;
    }

    .zhedie .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 17px;
    }

    .zhedie .list .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .zhedie .list .item .p1 {
        width: 100%;
        height: 37px;
        box-sizing: border-box;
        padding: 0 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #002a99;
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        cursor: pointer;
        word-spacing: 1px;
    }

    .zhedie .list .item .p2 {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 70px;
        background-color: #f0f0f0;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        word-spacing: 1px;
        display: none;
        text-align: justify;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .zhedie {
        width: 100%;
        padding-top: 38px;
        padding-bottom: 47px;
        background-color: #fff;
    }

    .zhedie .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 17px;
    }

    .zhedie .list .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .zhedie .list .item .p1 {
        width: 100%;
        height: 37px;
        box-sizing: border-box;
        padding: 0 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #002a99;
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        cursor: pointer;
        word-spacing: 1px;
    }

    .zhedie .list .item .p2 {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 70px;
        background-color: #f0f0f0;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        word-spacing: 1px;
        display: none;
        text-align: justify;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .zhedie {
        width: 100%;
        padding-top: 38px;
        padding-bottom: 47px;
        background-color: #fff;
    }

    .zhedie .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 17px;
    }

    .zhedie .list .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .zhedie .list .item .p1 {
        width: 100%;
        height: 37px;
        box-sizing: border-box;
        padding: 0 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #002a99;
        font-size: 20px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        cursor: pointer;
        word-spacing: 1px;
    }

    .zhedie .list .item .p2 {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 70px;
        background-color: #f0f0f0;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        word-spacing: 1px;
        display: none;
        text-align: justify;
    }

}

@media (max-width: 767px) {
    .zhedie {
        width: 100%;
        padding-top: 19px;
        padding-bottom: 28px;
        background-color: #fff;
    }

    .zhedie .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .zhedie .list .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .zhedie .list .item .p1 {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        padding: 0 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #002a99;
        font-size: 16px;
        color: #fff;
        font-family: 'MiSans-VF';
        font-weight: 500;
        cursor: pointer;
        word-spacing: 1px;
    }

    .zhedie .list .item .p2 {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 35px;
        background-color: #f0f0f0;
        font-size: 14px;
        color: #333;
        line-height: 25px;
        font-family: 'MiSans-normal';
        font-weight: 400;
        word-spacing: 1px;
        display: none;
        text-align: justify;
    }
}

/* box12 */
@media (min-width: 1560px) {
    .box12 {
        background-color: #fff;
        padding-top: 174px;
        padding-bottom: 105px;
    }

    .box12 .p1 {
        width: 100%;
        font-size: 32px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 18px;
    }

    .box12 .p2 {
        width: 100%;
        font-size: 18px;
        color: #000;
        line-height: 32px;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
    }

    .box12 .p2 span {
        font-size: 24px;
        font-family: 'HST';
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box12 {
        background-color: #fff;
        padding-top: 174px;
        padding-bottom: 105px;
    }

    .box12 .p1 {
        width: 100%;
        font-size: 32px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 600;
        margin-bottom: 20px;
        line-height: 32px;
        margin-bottom: 18px;
    }

    .box12 .p2 {
        width: 100%;
        font-size: 18px;
        color: #000;
        line-height: 32px;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
    }

    .box12 .p2 span {
        font-size: 24px;
        font-family: 'HST';
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box12 {
        background-color: #fff;
        padding-top: 174px;
        padding-bottom: 105px;
    }

    .box12 .p1 {
        width: 100%;
        font-size: 32px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 600;
        margin-bottom: 20px;
        line-height: 32px;
        margin-bottom: 18px;
    }

    .box12 .p2 {
        width: 100%;
        font-size: 18px;
        color: #000;
        line-height: 32px;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
    }

    .box12 .p2 span {
        font-size: 24px;
        font-family: 'HST';
    }
}

@media (max-width: 767px) {
    .box12 {
        background-color: #fff;
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .box12 .p1 {
        width: 100%;
        font-size: 26px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .box12 .p2 {
        width: 100%;
        font-size: 14px;
        color: #000;
        line-height: 25px;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
    }

    .box12 .p2 span {
        font-size: 20px;
        font-family: 'HST';
    }
}

/* box13 */
@media (min-width: 1560px) {
    .box13 {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 120px;
    }

    .box13 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box13 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box13 .list>.item .p1 {
        width: 480px;
        aspect-ratio: 480 / 270;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box13 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box13 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box13 .list>.item .p2 {
        width: calc(100% - 480px - 40px);
        box-sizing: border-box;
        /* padding: 20px 0; */
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box13 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 9px;
        border-bottom: 4px solid #000;
        margin-bottom: 15px;
    }

    .box13 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        /* font-weight: 500; */
        line-height: 27px;
        word-spacing: 1px;
        margin-bottom: 20px;
        text-align: justify;
    }

    .box13 .list>.item .p2 .a3 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .box13 .list>.item .p2 .a3 .more {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        /* font-weight: 500; */
        line-height: 20px;
        cursor: pointer;
    }

    .box13 .list>.item .p2 .a3 .more:hover {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box13 {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 120px;
    }

    .box13 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box13 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box13 .list>.item .p1 {
        width: 480px;
        aspect-ratio: 480 / 270;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box13 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box13 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box13 .list>.item .p2 {
        width: calc(100% - 480px - 40px);
        box-sizing: border-box;
        /* padding: 20px 0; */
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box13 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 9px;
        border-bottom: 4px solid #000;
        margin-bottom: 15px;
    }

    .box13 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        /* font-weight: 500; */
        line-height: 27px;
        word-spacing: 1px;
        margin-bottom: 20px;
        text-align: justify;
    }

    .box13 .list>.item .p2 .a3 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .box13 .list>.item .p2 .a3 .more {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        /* font-weight: 500; */
        line-height: 20px;
        cursor: pointer;
    }

    .box13 .list>.item .p2 .a3 .more:hover {
        color: #002FA7;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box13 {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 120px;
    }

    .box13 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box13 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box13 .list>.item .p1 {
        width: 360px;
        aspect-ratio: 480 / 270;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box13 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box13 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box13 .list>.item .p2 {
        width: calc(100% - 360px - 30px);
        box-sizing: border-box;
        /* padding: 20px 0; */
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box13 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 9px;
        border-bottom: 4px solid #000;
        margin-bottom: 15px;
    }

    .box13 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        /* font-weight: 500; */
        line-height: 27px;
        word-spacing: 1px;
        margin-bottom: 15px;
        text-align: justify;
    }

    .box13 .list>.item .p2 .a3 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .box13 .list>.item .p2 .a3 .more {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        /* font-weight: 500; */
        line-height: 20px;
        cursor: pointer;
    }

    .box13 .list>.item .p2 .a3 .more:hover {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box13 {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 60px;
    }

    .box13 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .box13 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .box13 .list>.item .p1 {
        width: 100%;
        max-width: 400px;
        aspect-ratio: 480 / 270;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box13 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box13 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box13 .list>.item .p2 {
        width: 100%;
        box-sizing: border-box;
        /* padding: 20px 0; */
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box13 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 9px;
        border-bottom: 3px solid #000;
        margin-bottom: 15px;
    }

    .box13 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        /* font-weight: 500; */
        line-height: 25px;
        word-spacing: 1px;
        margin-bottom: 15px;
        text-align: justify;
    }

    .box13 .list>.item .p2 .a3 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .box13 .list>.item .p2 .a3 .more {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        /* font-weight: 500; */
        line-height: 20px;
        cursor: pointer;
    }

    .box13 .list>.item .p2 .a3 .more:hover {
        color: #002FA7;
    }
}

/* box14 */
@media (min-width: 1560px) {
    .box14 {
        padding: 0;
        padding-bottom: 170px;
        width: 100%;
        margin-top: 15px;
    }

    .box14 .main {
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding: 35px 30px;
        /* width: 100%; */
    }

    .box14 .title {
        width: 100%;
        font-size: 21px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 12px;
        border-bottom: 4px solid #000;
        margin-bottom: 15px;
    }

    .box14 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box14 .list>.item {
        width: 100%;
        padding-bottom: 10px;
        border: 2px solid #f0f0f0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 2px solid #e3e3e3;
    }

    .box14 .list>.item .a1 {
        width: 170px;
    }

    .box14 .list>.item .a1 span {
        max-width: 100%;
        min-width: 75px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box14 .list>.item:hover .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box14 .list>.item .a2 {
        width: calc(100% - 170px - 140px);
        color: #1A1A1A;
        font-size: 16px;
        font-family: 'MiSans-Medium';
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box14 .list>.item:hover .a2 {
        color: #002FA7;
    }

    .box14 .list>.item .a3 {
        width: 140px;
        text-align: right;
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .box14 .swiper-slide {
        width: 100% !important;
    }

    .box14 .mySwiper3 {
        padding-bottom: 40px;
        max-width: 100%;
    }

    .box14 .swiper-container-horizontal>.swiper-pagination-bullets,
    .box14 .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0;
        text-align: right;
    }

    .box14 .swiper-pagination-bullet-active {
        background-color: #757575;
    }

    .box14 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #c5c5c5 !important;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box14 {
        padding: 0;
        padding-bottom: 170px;
        width: 100%;
        margin-top: 15px;
    }

    .box14 .main {
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding: 35px 30px;
        /* width: 100%; */
    }

    .box14 .title {
        width: 100%;
        font-size: 21px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 12px;
        border-bottom: 4px solid #000;
        margin-bottom: 15px;
    }

    .box14 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box14 .list>.item {
        width: 100%;
        padding-bottom: 10px;
        border: 2px solid #f0f0f0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 2px solid #e3e3e3;
    }

    .box14 .list>.item .a1 {
        width: 170px;
    }

    .box14 .list>.item .a1 span {
        max-width: 100%;
        min-width: 75px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box14 .list>.item:hover .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box14 .list>.item .a2 {
        width: calc(100% - 170px - 140px);
        color: #1A1A1A;
        font-size: 16px;
        font-family: 'MiSans-Medium';
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box14 .list>.item:hover .a2 {
        color: #002FA7;
    }

    .box14 .list>.item .a3 {
        width: 140px;
        text-align: right;
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .box14 .swiper-slide {
        width: 100% !important;
    }

    .box14 .mySwiper3 {
        padding-bottom: 40px;
        max-width: 100%;
    }

    .box14 .swiper-container-horizontal>.swiper-pagination-bullets,
    .box14 .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0;
        text-align: right;
    }

    .box14 .swiper-pagination-bullet-active {
        background-color: #757575;
    }

    .box14 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #c5c5c5 !important;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box14 {
        padding: 0;
        padding-bottom: 170px;
        width: 100%;
        margin-top: 15px;
    }

    .box14 .main {
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding: 35px 30px;
        /* width: 100%; */
    }

    .box14 .title {
        width: 100%;
        font-size: 21px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 12px;
        border-bottom: 4px solid #000;
        margin-bottom: 15px;
    }

    .box14 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box14 .list>.item {
        width: 100%;
        padding-bottom: 10px;
        border: 2px solid #f0f0f0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 2px solid #e3e3e3;
    }

    .box14 .list>.item .a1 {
        width: 170px;
    }

    .box14 .list>.item .a1 span {
        max-width: 100%;
        min-width: 75px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box14 .list>.item:hover .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box14 .list>.item .a2 {
        width: calc(100% - 170px - 140px);
        color: #1A1A1A;
        font-size: 16px;
        font-family: 'MiSans-Medium';
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box14 .list>.item:hover .a2 {
        color: #002FA7;
    }

    .box14 .list>.item .a3 {
        width: 140px;
        text-align: right;
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .box14 .swiper-slide {
        width: 100% !important;
    }

    .box14 .mySwiper3 {
        padding-bottom: 40px;
        max-width: 100%;
    }

    .box14 .swiper-container-horizontal>.swiper-pagination-bullets,
    .box14 .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0;
        text-align: right;
    }

    .box14 .swiper-pagination-bullet-active {
        background-color: #757575;
    }

    .box14 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #c5c5c5 !important;
    }
}

@media (max-width: 767px) {
    .box14 {
        padding: 0;
        padding-bottom: 80px;
        width: 100%;
    }

    .box14 .main {
        background-color: #f0f0f0;
        box-sizing: border-box;
        padding: 35px 30px;
        /* width: 100%; */
    }

    .box14 .title {
        width: 100%;
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        padding-bottom: 12px;
        border-bottom: 2px solid #000;
        margin-bottom: 15px;
    }

    .box14 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box14 .list>.item {
        width: 100%;
        padding-bottom: 10px;
        border: 2px solid #f0f0f0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 2px solid #e3e3e3;
    }

    .box14 .list>.item .a1 {
        width: 120px;
    }

    .box14 .list>.item .a1 span {
        max-width: 100%;
        min-width: 75px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box14 .list>.item:hover .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box14 .list>.item .a2 {
        width: calc(100% - 120px - 140px);
        color: #1A1A1A;
        font-size: 14px;
        font-family: 'MiSans-Medium';
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .box14 .list>.item:hover .a2 {
        color: #002FA7;
    }

    .box14 .list>.item .a3 {
        width: 140px;
        text-align: right;
        font-size: 12px;
        color: #666;
        font-family: 'MiSans-Medium';
    }

    .box14 .mySwiper3 {
        padding-bottom: 40px;

    }

    .box14 .swiper-container-horizontal>.swiper-pagination-bullets,
    .box14 .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0;
        text-align: right;
    }

    .box14 .swiper-pagination-bullet-active {
        background-color: #757575;
    }

    .box14 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #c5c5c5 !important;
    }
}


/* news_view */
@media (min-width: 1560px) {
    .news_view {
        width: 100%;
        padding-top: 85px;
        padding-bottom: 160px;
    }

    .news_view .main {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 160px;
    }

    .news_view .l {
        width: calc(100% - 160px - 160px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news_view .l .p1 {
        width: 100%;
        font-size: 38px;
        line-height: 52px;
        color: #000;
        font-family: 'MiSans-bold';
        font-weight: 700;
        margin-bottom: 10px;
    }

    .news_view .l .p2 {
        width: 100%;
        font-size: 16px;
        color: #666;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
        margin-bottom: 87px;
    }

    .news_view .l .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 70px;
    }

    .news_view .l .p3>.item {
        height: 30px;
        min-width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 16px;
        color: #666;
        border: 1px solid #666;
        font-family: 'MiSans-normal';
        font-weight: 400;
        border-radius: 5px;
    }

    .news_view .l .p3>.item:hover {
        color: #002FA7;
        border: 1px solid #002FA7;
    }

    .news_view .l .p4 {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        color: #333;
        word-break: break-all;
        font-family: 'MiSans-normal';
    }

    .news_view .l .p4 img,
    .news_view .l .p4 video {
        max-width: 100%;
    }

    .news_view .r {
        width: 160px;
        position: relative;
    }

    .news_view .r .pic {
        width: 100%;
        position: sticky;
        top: 0;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .news_view {
        width: 100%;
        padding-top: 85px;
        padding-bottom: 160px;
    }

    .news_view .main {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 160px;
    }

    .news_view .l {
        width: calc(100% - 160px - 160px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news_view .l .p1 {
        width: 100%;
        font-size: 38px;
        line-height: 52px;
        color: #000;
        font-family: 'MiSans-bold';
        font-weight: 700;
        margin-bottom: 10px;
    }

    .news_view .l .p2 {
        width: 100%;
        font-size: 16px;
        color: #666;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
        margin-bottom: 87px;
    }

    .news_view .l .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 70px;
    }

    .news_view .l .p3>.item {
        height: 30px;
        min-width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 16px;
        color: #666;
        border: 1px solid #666;
        font-family: 'MiSans-normal';
        font-weight: 400;
        border-radius: 5px;
    }

    .news_view .l .p3>.item:hover {
        color: #002FA7;
        border: 1px solid #002FA7;
    }

    .news_view .l .p4 {
        width: 100%;
        font-size: 16px;
        line-height: 34px;
        color: #333;
        word-break: break-all;
        font-family: 'MiSans-normal';
    }

    .news_view .l .p4 img,
    .news_view .l .p4 video {
        max-width: 100%;
    }

    .news_view .r {
        width: 160px;
        position: relative;
    }

    .news_view .r .pic {
        width: 100%;
        position: sticky;
        top: 0;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .news_view {
        width: 100%;
        padding-top: 85px;
        padding-bottom: 160px;
    }

    .news_view .main {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 120px;
    }

    .news_view .l {
        width: calc(100% - 120px - 120px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news_view .l .p1 {
        width: 100%;
        font-size: 38px;
        line-height: 52px;
        color: #000;
        font-family: 'MiSans-bold';
        font-weight: 700;
        margin-bottom: 10px;
    }

    .news_view .l .p2 {
        width: 100%;
        font-size: 16px;
        color: #666;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
        margin-bottom: 87px;
    }

    .news_view .l .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 70px;
    }

    .news_view .l .p3>.item {
        height: 30px;
        min-width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 16px;
        color: #666;
        border: 1px solid #666;
        font-family: 'MiSans-normal';
        font-weight: 400;
        border-radius: 5px;
    }

    .news_view .l .p3>.item:hover {
        color: #002FA7;
        border: 1px solid #002FA7;
    }

    .news_view .l .p4 {
        width: 100%;
        font-size: 16px;
        line-height: 34px;
        color: #333;
        word-break: break-all;
        font-family: 'MiSans-normal';
    }

    .news_view .l .p4 img,
    .news_view .l .p4 video {
        max-width: 100%;
    }

    .news_view .r {
        width: 120px;
        position: relative;
    }

    .news_view .r .pic {
        width: 100%;
        position: sticky;
        top: 0;
    }
}

@media (max-width: 767px) {
    .news_view {
        width: 100%;
        padding-top: 85px;
        padding-bottom: 80px;
    }

    .news_view .main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 60px;
    }

    .news_view .l {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .news_view .l .p1 {
        width: 100%;
        font-size: 26px;
        line-height: 30px;
        color: #000;
        font-family: 'MiSans-bold';
        font-weight: 700;
        margin-bottom: 10px;
    }

    .news_view .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #666;
        font-family: 'MiSans-normal';
        word-spacing: 1px;
        margin-bottom: 40px;
    }

    .news_view .l .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 35px;
    }

    .news_view .l .p3>.item {
        height: 25px;
        min-width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 14px;
        color: #666;
        border: 1px solid #666;
        font-family: 'MiSans-normal';
        font-weight: 400;
        border-radius: 5px;
    }

    .news_view .l .p3>.item:hover {
        color: #002FA7;
        border: 1px solid #002FA7;
    }

    .news_view .l .p4 {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        color: #333;
        word-break: break-all;
        font-family: 'MiSans-normal';
    }

    .news_view .l .p4 img,
    .news_view .l .p4 video {
        max-width: 100%;
    }

    .news_view .r {
        width: 100%;
        max-width: 420px;
        position: relative;
    }

    .news_view .r .pic {
        width: 100%;
    }
}

.link_hover {
    position: relative;
    width: fit-content;
}

.link_hover::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
    transform-origin: left center;
    z-index: 2;
}

.link_hover.link_hover1::after {
    background-color: #fff;
}

.link_hover.link_hover2::after {
    height: 2px;
    background-color: #fff;
}

.link_hover.link_hover3::after {
    height: 2px;
    background-color: #002FA7;
}

.link_hover.link_hover4::after {
    height: 1px;
    background-color: #002FA7;
    bottom: -1px;
}

.link_hover.link_hover5::after {
    height: 2px;
    background-color: #002FA7;
    bottom: -2px;
}

.link_hover.link_hover6::after {
    height: 2px;
    background-color: #002FA7;
    bottom: -4px;
}

.link_hover:hover::after {
    transform: scaleX(1);
}

.banner .swiper-slide .main .info .p1:hover .link_hover::after {
    transform: scaleX(1);
}

.box2 .list .item:hover .p4 .link_hover::after {
    transform: scaleX(1);
}

.box7 .list1>.item:hover .p2.link_hover::after {
    transform: scaleX(1);
}

.box11 .list>.item:hover .p2.link_hover::after {
    transform: scaleX(1);
}


.pagechange {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-family: 'MiSans-VF';
}

.pagechange:has(*) {
    padding-top: 45px;
}

.pagechange.pagechange2:has(*) {
    padding-top: 48px;
}

.pagechange .current {
    color: #333;
}

.pagechange .total {
    color: #ccc;
}

.pagechange .link {
    color: #666;
}

.pagechange .link:hover {
    color: #002FA7;
}



/* box15 */
@media (min-width: 1560px) {
    .box15 {
        background-color: inherit;
        padding-top: 89px;
        padding-bottom: 178px;
    }

    .box15 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 61px 40px;
    }

    .box15 .list>.item {
        width: calc((100% - 120px) / 4);
    }

    .box15 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 11px;
    }

    .box15 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box15 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box15 .list>.item .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .box15 .list>.item .info .a1 {
        width: 100%;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-Demibold';
        line-height: 16px;
    }

    .box15 .list>.item .info .a2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 24px;
        text-align: justify;
        /* font-weight: 600; */
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box15 {
        background-color: inherit;
        padding-top: 89px;
        padding-bottom: 178px;
    }

    .box15 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 61px 40px;
    }

    .box15 .list>.item {
        width: calc((100% - 120px) / 4);
    }

    .box15 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 11px;
    }

    .box15 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box15 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box15 .list>.item .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .box15 .list>.item .info .a1 {
        width: 100%;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-Demibold';
        line-height: 16px;
    }

    .box15 .list>.item .info .a2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 24px;
        text-align: justify;
        /* font-weight: 600; */
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box15 {
        background-color: inherit;
        padding-top: 89px;
        padding-bottom: 178px;
    }

    .box15 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 61px 30px;
    }

    .box15 .list>.item {
        width: calc((100% - 90px) / 4);
    }

    .box15 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 11px;
    }

    .box15 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box15 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box15 .list>.item .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .box15 .list>.item .info .a1 {
        width: 100%;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-Demibold';
        line-height: 16px;
    }

    .box15 .list>.item .info .a2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 24px;
        text-align: justify;
        /* font-weight: 600; */
    }
}

@media (max-width: 767px) {
    .box15 {
        background-color: inherit;
        padding-top: 45px;
        padding-bottom: 90px;
    }

    .box15 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 30px 15px;
    }

    .box15 .list>.item {
        width: calc((100% - 35px) / 2);
    }

    .box15 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 11px;
    }

    .box15 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box15 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box15 .list>.item .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .box15 .list>.item .info .a1 {
        width: 100%;
        font-size: 16px;
        color: #1A1A1A;
        font-family: 'MiSans-Demibold';
        line-height: 16px;
    }

    .box15 .list>.item .info .a2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 24px;
        text-align: justify;
        /* font-weight: 600; */
    }
}


/* box16 */
@media (min-width: 1560px) {
    .box16 {
        background-color: inherit;
        padding-top: 89px;
        padding-bottom: 197px;
    }

    .box16 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        gap: 51px;
    }

    .box16 .list>.item {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box16 .list>.item .p1 {
        width: 480px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box16 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box16 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box16 .list>.item .p2 {
        width: calc(100% - 480px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    .box16 .list>.item:first-child .p2 {
        padding-top: 22px;
    }

    .box16 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 5px;
    }

    .box16 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 16px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 28px;
        text-align: justify;
    }

    .box16 .list>.item:first-child .p2 .a1 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 1px;
    }

    .box16 .list>.item:first-child .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 30px;
        text-align: justify;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box16 {
        background-color: inherit;
        padding-top: 89px;
        padding-bottom: 197px;
    }

    .box16 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        gap: 51px;
    }

    .box16 .list>.item {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box16 .list>.item .p1 {
        width: 480px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box16 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box16 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box16 .list>.item .p2 {
        width: calc(100% - 480px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    .box16 .list>.item:first-child .p2 {
        padding-top: 22px;
    }

    .box16 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 5px;
    }

    .box16 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 16px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 28px;
        text-align: justify;
    }

    .box16 .list>.item:first-child .p2 .a1 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 1px;
    }

    .box16 .list>.item:first-child .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 30px;
        text-align: justify;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box16 {
        background-color: inherit;
        padding-top: 89px;
        padding-bottom: 197px;
    }

    .box16 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        gap: 51px;
    }

    .box16 .list>.item {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 30px;
    }

    .box16 .list>.item .p1 {
        width: 380px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box16 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box16 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box16 .list>.item .p2 {
        width: calc(100% - 380px - 30px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    /* .box16 .list > .item:first-child .p2{
        padding-top: 22px;
    } */
    .box16 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 5px;
    }

    .box16 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 16px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 28px;
        text-align: justify;
    }

    .box16 .list>.item:first-child .p2 .a1 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 1px;
    }

    .box16 .list>.item:first-child .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 30px;
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .box16 {
        background-color: inherit;
        padding-top: 45px;
        padding-bottom: 90px;
    }

    .box16 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        gap: 40px;
    }

    .box16 .list>.item {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 12px;
    }

    .box16 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box16 .list>.item .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box16 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box16 .list>.item .p2 {
        /* width: calc(100% - 220px - 20px); */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 11px;
    }

    /* .box16 .list > .item:first-child .p2{
        padding-top: 22px;
    } */
    .box16 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 5px;
    }

    .box16 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 16px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 28px;
        text-align: justify;
    }

    .box16 .list>.item:first-child .p2 .a1 {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 1px;
    }

    .box16 .list>.item:first-child .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 30px;
        text-align: justify;
    }
}

.box .mlj {
    position: absolute;
    top: -30px;
}


/* box17 */
@media (min-width: 1560px) {
    .box17 {
        padding-top: 90px;
    }

    .box17.box17-2 {
        padding-top: 100px;
    }

    .box17.box17-3 {
        padding-top: 105px;
    }

    .box17 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 37px;
    }

    .box17 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 59px 40px;
    }

    .box17 .list>.item {
        width: calc((100% - 80px) / 3);
    }

    .box17 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 7px;
    }

    .box17 .list>.item .p1 .pic {
        min-width: 100%;
        min-height: 100%;
        transition: all .3s;
    }

    .box17 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box17 .list>.item .p2 {
        /* width: 100%; */
        max-width: 100%;
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .box17 .list>.item.item2 .p2 {
        margin-bottom: 16px;
        font-family: 'MiSans-Demibold';
    }

    .box17 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box17 .list>.item:hover .p2.link_hover::after {
        transform: scaleX(1);
    }

    .box17 .list>.item .p3 {
        width: 100%;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        line-height: 12px;
        color: #4d4d4d;
    }

    .box17 .list>.item .p4 {
        width: 100%;
        font-size: 14px;
        font-family: 'MiSans-VF';
        line-height: 24px;
        color: #333;
        margin-bottom: 18px;
        text-align: justify;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box17 {
        padding-top: 90px;
    }

    .box17.box17-2 {
        padding-top: 100px;
    }

    .box17.box17-3 {
        padding-top: 105px;
    }

    .box17 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 37px;
    }

    .box17 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 59px 40px;
    }

    .box17 .list>.item {
        width: calc((100% - 80px) / 3);
    }

    .box17 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 7px;
    }

    .box17 .list>.item .p1 .pic {
        min-width: 100%;
        min-height: 100%;
        transition: all .3s;
    }

    .box17 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box17 .list>.item .p2 {
        /* width: 100%; */
        max-width: 100%;
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .box17 .list>.item.item2 .p2 {
        margin-bottom: 16px;
        font-family: 'MiSans-Demibold';
    }

    .box17 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box17 .list>.item:hover .p2.link_hover::after {
        transform: scaleX(1);
    }

    .box17 .list>.item .p3 {
        width: 100%;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        line-height: 12px;
        color: #4d4d4d;
    }

    .box17 .list>.item .p4 {
        width: 100%;
        font-size: 14px;
        font-family: 'MiSans-VF';
        line-height: 24px;
        color: #333;
        margin-bottom: 18px;
        text-align: justify;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box17 {
        padding-top: 90px;
    }

    .box17.box17-2 {
        padding-top: 100px;
    }

    .box17.box17-3 {
        padding-top: 105px;
    }

    .box17 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 37px;
    }

    .box17 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 59px 30px;
    }

    .box17 .list>.item {
        width: calc((100% - 60px) / 3);
    }

    .box17 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 7px;
    }

    .box17 .list>.item .p1 .pic {
        min-width: 100%;
        min-height: 100%;
        transition: all .3s;
    }

    .box17 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box17 .list>.item .p2 {
        /* width: 100%; */
        max-width: 100%;
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .box17 .list>.item.item2 .p2 {
        margin-bottom: 16px;
        font-family: 'MiSans-Demibold';
    }

    .box17 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box17 .list>.item:hover .p2.link_hover::after {
        transform: scaleX(1);
    }

    .box17 .list>.item .p3 {
        width: 100%;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        line-height: 12px;
        color: #4d4d4d;
    }

    .box17 .list>.item .p4 {
        width: 100%;
        font-size: 14px;
        font-family: 'MiSans-VF';
        line-height: 24px;
        color: #333;
        margin-bottom: 18px;
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .box17 {
        padding-top: 45px;
    }

    .box17.box17-2 {
        padding-top: 50px;
    }

    .box17.box17-3 {
        padding-top: 50px;
    }

    .box17 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 20px;
        line-height: 20px;
        color: #1a1a1a;
        padding-bottom: 10px;
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 20px;
    }

    .box17 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 30px 20px;
    }

    .box17 .list>.item {
        width: calc((100% - 20px) / 2);
    }

    .box17 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 293 / 225;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-bottom: 7px;
    }

    .box17 .list>.item .p1 .pic {
        min-width: 100%;
        min-height: 100%;
        transition: all .3s;
    }

    .box17 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box17 .list>.item .p2 {
        /* width: 100%; */
        max-width: 100%;
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        font-weight: 500;
        /* line-height: 16px; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .box17 .list>.item.item2 .p2 {
        margin-bottom: 16px;
        font-family: 'MiSans-Demibold';
    }

    .box17 .list>.item:hover .p2 {
        color: #002FA7;
    }

    .box17 .list>.item:hover .p2.link_hover::after {
        transform: scaleX(1);
    }

    .box17 .list>.item .p3 {
        width: 100%;
        font-size: 12px;
        font-family: 'MiSans-Medium';
        line-height: 12px;
        color: #4d4d4d;
    }

    .box17 .list>.item .p4 {
        width: 100%;
        font-size: 14px;
        font-family: 'MiSans-VF';
        line-height: 24px;
        color: #333;
        margin-bottom: 18px;
        text-align: justify;
    }
}


/* box18 */
@media (min-width: 1560px) {
    .box18 {
        padding-top: 105px;
        /* margin-bottom: 65px; */
    }

    .box18 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 33px;
    }

    .box18 .list {
        width: 100%;
        height: 585px;
        background-color: #191919;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 32px;
        box-sizing: border-box;
    }

    .box18 .mySwiper2 {
        width: calc((100% - 80px) / 3 * 2 + 40px);
        margin-left: 0;
        padding-top: 40px;
    }

    .box18 .swiper-wrapper {
        z-index: -1;
    }

    .box18 .mySwiper2 .swiper-slide {
        transition: 300ms;
        /* transform: scale(0.9); */
        z-index: -1;
        position: relative;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        /* transform: scale(1); */
        transform: translateY(-40px);
        z-index: 9999;
    }

    .box18 .mySwiper2 .swiper-slide-active .info .p1::after,
    .swiper-slide-duplicate-active .info .p1::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box18 .swiper-pagination {
        width: 100%;
        box-sizing: border-box;
        padding-right: 170px;
        text-align: right;
        position: absolute;
        bottom: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
    }

    .box18 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        width: 10px !important;
        height: 10px !important;
        background: #fff !important;
    }

    .box18 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }

    .box18 .swiper-pagination-clickable .swiper-pagination-bullet {
        background: #fff !important;
    }

    .box18 .mySwiper2 .swiper-slide .info {
        width: 100%;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin-bottom: 7px;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide .info .p2 {
        max-width: 100%;
        font-size: 16px;
        /* line-height: 16px; */
        color: #fff;
        font-family: 'MiSans-VF';
        opacity: 0;
        /* letter-spacing: 0.5px; */
        text-align: justify;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box18 {
        padding-top: 105px;
        /* margin-bottom: 65px; */
    }

    .box18 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 33px;
    }

    .box18 .list {
        width: 100%;
        height: 585px;
        background-color: #191919;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 32px;
        box-sizing: border-box;
    }

    .box18 .mySwiper2 {
        width: calc((100% - 80px) / 3 * 2 + 40px);
        margin-left: 0;
        padding-top: 40px;
    }

    .box18 .swiper-wrapper {
        z-index: -1;
    }

    .box18 .mySwiper2 .swiper-slide {
        transition: 300ms;
        /* transform: scale(0.9); */
        z-index: -1;
        position: relative;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        /* transform: scale(1); */
        transform: translateY(-40px);
        z-index: 9999;
    }

    .box18 .mySwiper2 .swiper-slide-active .info .p1::after,
    .swiper-slide-duplicate-active .info .p1::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box18 .swiper-pagination {
        width: 100%;
        box-sizing: border-box;
        padding-right: 120px;
        text-align: right;
        position: absolute;
        bottom: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
    }

    .box18 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        width: 10px !important;
        height: 10px !important;
        background: #fff !important;
    }

    .box18 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }

    .box18 .swiper-pagination-clickable .swiper-pagination-bullet {
        background: #fff !important;
    }

    .box18 .mySwiper2 .swiper-slide .info {
        width: 100%;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin-bottom: 7px;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide .info .p2 {
        max-width: 100%;
        font-size: 16px;
        /* line-height: 16px; */
        color: #fff;
        font-family: 'MiSans-VF';
        opacity: 0;
        /* letter-spacing: 0.5px; */
        text-align: justify;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box18 {
        padding-top: 105px;
        /* margin-bottom: 65px; */
    }

    .box18 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 33px;
    }

    .box18 .list {
        width: 100%;
        height: 585px;
        background-color: #191919;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 32px;
        box-sizing: border-box;
    }

    .box18 .mySwiper2 {
        width: calc((100% - 80px) / 3 * 2 + 40px);
        margin-left: 0;
        padding-top: 40px;
    }

    .box18 .swiper-wrapper {
        z-index: -1;
    }

    .box18 .mySwiper2 .swiper-slide {
        transition: 300ms;
        /* transform: scale(0.9); */
        z-index: -1;
        position: relative;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        /* transform: scale(1); */
        transform: translateY(-40px);
        z-index: 9999;
    }

    .box18 .mySwiper2 .swiper-slide-active .info .p1::after,
    .swiper-slide-duplicate-active .info .p1::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box18 .swiper-pagination {
        width: 100%;
        box-sizing: border-box;
        padding-right: 170px;
        text-align: right;
        position: absolute;
        bottom: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;
    }

    .box18 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        width: 10px !important;
        height: 10px !important;
        background: #fff !important;
    }

    .box18 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }

    .box18 .swiper-pagination-clickable .swiper-pagination-bullet {
        background: #fff !important;
    }

    .box18 .mySwiper2 .swiper-slide .info {
        width: 100%;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin-bottom: 7px;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide .info .p2 {
        max-width: 100%;
        font-size: 16px;
        /* line-height: 16px; */
        color: #fff;
        font-family: 'MiSans-VF';
        opacity: 0;
        /* letter-spacing: 0.5px; */
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .box18 {
        padding-top: 50px;
        /* margin-bottom: 45px; */
    }

    .box18 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 20px;
        line-height: 20px;
        color: #1a1a1a;
        padding-bottom: 10px;
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 20px;
    }

    .box18 .list {
        width: 100%;
        /* height: 585px; */
        padding: 20px 0;
        background-color: #191919;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .box18 .mySwiper2 {
        width: 100%;
        margin-left: 0;
        padding-top: 20px;
    }

    .box18 .swiper-wrapper {
        z-index: -1;
    }

    .box18 .mySwiper2 .swiper-slide {
        transition: 300ms;
        /* transform: scale(0.9); */
        z-index: -1;
        position: relative;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        z-index: 9;
        pointer-events: none;
        top: 0;
        left: 0;
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide-active,
    .swiper-slide-duplicate-active {
        /* transform: scale(1); */
        transform: translateY(-20px);
        z-index: 9999;
    }

    .box18 .mySwiper2 .swiper-slide-active .info .p1::after,
    .swiper-slide-duplicate-active .info .p1::after {
        background-color: rgba(0, 0, 0, 0);
    }

    .box18 .swiper-pagination {
        width: 100%;
        box-sizing: border-box;
        /* padding-right: 120px; */
        /* text-align: right; */
        position: absolute;
        bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .box18 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        width: 10px !important;
        height: 10px !important;
        background: #fff !important;
    }

    .box18 .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }

    .box18 .swiper-pagination-clickable .swiper-pagination-bullet {
        background: #fff !important;
    }

    .box18 .mySwiper2 .swiper-slide .info {
        width: 100%;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin-bottom: 7px;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1 .pic {
        width: 100%;
        transition: all .3s;
    }

    .box18 .mySwiper2 .swiper-slide .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box18 .mySwiper2 .swiper-slide .info .p2 {
        max-width: 100%;
        font-size: 14px;
        /* line-height: 16px; */
        color: #fff;
        font-family: 'MiSans-VF';
        opacity: 0;
        /* letter-spacing: 0.5px; */
        text-align: justify;
    }
}


/* box19 */
@media (min-width: 1560px) {
    .box19 {
        padding-top: 95px;
        /* margin-bottom: 65px; */
    }

    .box19 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 38px;
    }

    .box19 .info {
        width: 100%;
        height: 551px;
        background-color: #191919;
        padding-top: 65px;
        box-sizing: border-box;
    }

    .box19 .info .main {
        /* position: relative; */
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
    }

    .box19 .info .p1 {
        width: 260px;
        padding-top: 43px;
        flex-shrink: 0;
    }

    .box19 .info .p1 .a1 {
        font-size: 24px;
        line-height: 24px;
        font-family: 'MiSans-Demibold';
        color: #fff;
        margin-bottom: 15px;
    }

    .box19 .info .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box19 .info .p2 {
        width: 804px;
        aspect-ratio: 804 / 418;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shipin.png);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box19 .info .p2 .play {
        width: 120px;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box19 {
        padding-top: 95px;
        /* margin-bottom: 65px; */
    }

    .box19 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 38px;
    }

    .box19 .info {
        width: 100%;
        height: 551px;
        background-color: #191919;
        padding-top: 65px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .box19 .info .main {
        /* position: relative; */
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
    }

    .box19 .info .p1 {
        width: 260px;
        padding-top: 43px;
        flex-shrink: 0;
    }

    .box19 .info .p1 .a1 {
        font-size: 24px;
        line-height: 24px;
        font-family: 'MiSans-Demibold';
        color: #fff;
        margin-bottom: 15px;
    }

    .box19 .info .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box19 .info .p2 {
        width: 804px;
        aspect-ratio: 804 / 418;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shipin.png);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box19 .info .p2 .play {
        width: 120px;
    }

}

@media (max-width: 999px) and (min-width: 768px) {
    .box19 {
        padding-top: 95px;
        /* margin-bottom: 65px; */
    }

    .box19 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 38px;
    }

    .box19 .info {
        width: 100%;
        height: 551px;
        background-color: #191919;
        padding-top: 65px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .box19 .info .main {
        /* position: relative; */
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
    }

    .box19 .info .p1 {
        width: 260px;
        padding-top: 43px;
        flex-shrink: 0;
    }

    .box19 .info .p1 .a1 {
        font-size: 24px;
        line-height: 24px;
        font-family: 'MiSans-Demibold';
        color: #fff;
        margin-bottom: 15px;
    }

    .box19 .info .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box19 .info .p2 {
        width: 804px;
        aspect-ratio: 804 / 418;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shipin.png);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box19 .info .p2 .play {
        width: 120px;
    }

}

@media (max-width: 767px) {
    .box19 {
        padding-top: 45px;
        /* margin-bottom: 45px; */
    }

    .box19 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 20px;
        line-height: 20px;
        color: #1a1a1a;
        padding-bottom: 10px;
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 20px;
    }

    .box19 .info {
        width: 100%;
        /* height: 554px; */
        background-color: #191919;
        padding-top: 30px;
        padding-bottom: 30px;
        box-sizing: border-box;
        /* overflow: hidden; */
    }

    .box19 .info .main {
        /* position: relative; */
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    .box19 .info .p1 {
        width: 260px;
        /* padding-top: 43px; */
        /* flex-shrink: 0; */
    }

    .box19 .info .p1 .a1 {
        font-size: 18px;
        line-height: 18px;
        font-family: 'MiSans-Demibold';
        color: #fff;
        margin-bottom: 10px;
        text-align: center;
    }

    .box19 .info .p1 .a2 {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box19 .info .p2 {
        width: 100%;
        aspect-ratio: 804 / 418;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shipin.png);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box19 .info .p2 .play {
        width: 60px;
    }
}


/* box20 */
@media (min-width: 1560px) {
    .box20 {
        padding-top: 105px;
        padding-bottom: 173px;
    }

    .box20 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 6px solid #2d2d2d;
        margin-bottom: 42px;
    }

    .box20 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box20 .list>.item {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box20 .list>.item:last-child {
        border-bottom: 0;
    }

    .box20 .list>.item .p1 {
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 16px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box20 .list>.item:hover .p1 {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box20 {
        padding-top: 105px;
        padding-bottom: 173px;
    }

    .box20 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 6px solid #2d2d2d;
        margin-bottom: 42px;
    }

    .box20 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box20 .list>.item {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box20 .list>.item:last-child {
        border-bottom: 0;
    }

    .box20 .list>.item .p1 {
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 16px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box20 .list>.item:hover .p1 {
        color: #002FA7;
    }

}

@media (max-width: 999px) and (min-width: 768px) {
    .box20 {
        padding-top: 105px;
        padding-bottom: 173px;
    }

    .box20 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 32px;
        line-height: 32px;
        color: #1a1a1a;
        padding-bottom: 15px;
        border-bottom: 6px solid #2d2d2d;
        margin-bottom: 42px;
    }

    .box20 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box20 .list>.item {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box20 .list>.item:last-child {
        border-bottom: 0;
    }

    .box20 .list>.item .p1 {
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 16px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box20 .list>.item:hover .p1 {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box20 {
        padding-top: 50px;
        padding-bottom: 88px;
    }

    .box20 .title {
        width: 100%;
        font-family: 'MiSans-bold';
        font-size: 20px;
        line-height: 20px;
        color: #1a1a1a;
        padding-bottom: 10px;
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 20px;
    }

    .box20 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .box20 .list>.item {
        width: 100%;
        height: 35px;
        padding: 0 5px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box20 .list>.item:last-child {
        border-bottom: 0;
    }

    .box20 .list>.item .p1 {
        font-size: 14px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 14px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box20 .list>.item:hover .p1 {
        color: #002FA7;
    }
}


/* box21 */
@media (min-width: 1560px) {
    .box21 {
        padding-top: 89px;
    }

    .box21 .pubtitle {
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 38px;
    }

    .box21 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box21 .info .p1 {
        width: 480px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box21 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box21 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box21 .info .p2 {
        width: calc(100% - 480px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box21 .info .p2 .a1 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box21 .info .p2 .a2 {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-VF';
    }

    .box21 .info .p2 .a2:hover {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box21 {
        padding-top: 89px;
    }

    .box21 .pubtitle {
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 38px;
    }

    .box21 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box21 .info .p1 {
        width: 480px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box21 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box21 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box21 .info .p2 {
        width: calc(100% - 480px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box21 .info .p2 .a1 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box21 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }

    .box21 .info .p2 .a2:hover {
        color: #002FA7;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box21 {
        padding-top: 89px;
    }

    .box21 .pubtitle {
        border-bottom: 7px solid #2d2d2d;
        margin-bottom: 38px;
    }

    .box21 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .box21 .info .p1 {
        width: 100%;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box21 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box21 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box21 .info .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box21 .info .p2 .a1 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box21 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }

    .box21 .info .p2 .a2:hover {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box21 {
        padding-top: 45px;
    }

    .box21 .pubtitle {
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 20px;
    }

    .box21 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .box21 .info .p1 {
        width: 100%;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box21 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box21 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box21 .info .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box21 .info .p2 .a1 {
        width: 100%;
        line-height: 25px;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box21 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }

    .box21 .info .p2 .a2:hover {
        color: #002FA7;
    }
}

/* box22 */
@media (min-width: 1560px) {
    .box22 {
        padding-top: 105px;
    }

    .box22 .pubtitle {
        margin-bottom: 40px;
    }

    .box22 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box22 .info .p1 {
        width: 480px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box22 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box22 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box22 .info .p2 {
        width: calc(100% - 480px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box22 .info .p2 .a1 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box22 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box22 {
        padding-top: 105px;
    }

    .box22 .pubtitle {
        margin-bottom: 40px;
    }

    .box22 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box22 .info .p1 {
        width: 480px;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box22 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box22 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box22 .info .p2 {
        width: calc(100% - 480px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box22 .info .p2 .a1 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box22 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box22 {
        padding-top: 105px;
    }

    .box22 .pubtitle {
        margin-bottom: 40px;
    }

    .box22 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .box22 .info .p1 {
        width: 100%;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box22 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box22 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box22 .info .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box22 .info .p2 .a1 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box22 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }
}

@media (max-width: 767px) {
    .box22 {
        padding-top: 50px;
    }

    .box22 .pubtitle {
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 20px;
    }

    .box22 .info {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .box22 .info .p1 {
        width: 100%;
        aspect-ratio: 480 / 271;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box22 .info .p1 .pic {
        width: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box22 .info .p1:hover .pic {
        transform: scale(1.1);
    }

    .box22 .info .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
    }

    .box22 .info .p2 .a1 {
        width: 100%;
        line-height: 25px;
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box22 .info .p2 .a2 {
        font-size: 12px;
        color: #002FA7;
        font-family: 'MiSans-VF';
    }
}

/* box23 */
@media (min-width: 1560px) {
    .box23 {
        padding-top: 112px;
    }

    .box23 .pubtitle {
        margin-bottom: 40px;
    }

    .box23 .list {
        width: 100%;
        height: 309px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .box23 .list>.item {
        width: calc(100% / 4);
        height: 100%;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .3s;
        box-sizing: border-box;
        padding: 20px 20px 12px 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        position: relative;
    }

    .box23 .list>.item::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .box23 .list>.item:last-child {
        width: 50%;
    }

    .box23 .list>.item:hover {
        width: 50%;
    }

    .box23 .list>.item:hover+.item {
        width: calc(100% / 4);
    }

    .box23 .list>.item .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 26px;
        position: relative;
        z-index: 2;
    }

    .box23 .list>.item .p1 .a1 {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        font-family: 'MiSans-Demibold';
    }

    .box23 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
        display: none;
    }

    .box23 .list>.item:last-child .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover~.item .p1 .a2 {
        display: none;
    }

    .box23 .list>.item .p2 {
        padding-left: 5px;
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box23 {
        padding-top: 112px;
    }

    .box23 .pubtitle {
        margin-bottom: 40px;
    }

    .box23 .list {
        width: 100%;
        height: 309px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .box23 .list>.item {
        width: calc(100% / 4);
        height: 100%;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .3s;
        box-sizing: border-box;
        padding: 20px 20px 12px 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        position: relative;
    }

    .box23 .list>.item::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .box23 .list>.item:last-child {
        width: 50%;
    }

    .box23 .list>.item:hover {
        width: 50%;
    }

    .box23 .list>.item:hover+.item {
        width: calc(100% / 4);
    }

    .box23 .list>.item .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 26px;
        position: relative;
        z-index: 2;
    }

    .box23 .list>.item .p1 .a1 {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        font-family: 'MiSans-Demibold';
    }

    .box23 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
        display: none;
    }

    .box23 .list>.item:last-child .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover~.item .p1 .a2 {
        display: none;
    }

    .box23 .list>.item .p2 {
        padding-left: 5px;
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box23 {
        padding-top: 112px;
    }

    .box23 .pubtitle {
        margin-bottom: 40px;
    }

    .box23 .list {
        width: 100%;
        height: 309px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .box23 .list>.item {
        width: calc(100% / 4);
        height: 100%;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .3s;
        box-sizing: border-box;
        padding: 20px 20px 12px 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        position: relative;
    }

    .box23 .list>.item::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .box23 .list>.item:last-child {
        width: 50%;
    }

    .box23 .list>.item:hover {
        width: 50%;
    }

    .box23 .list>.item:hover+.item {
        width: calc(100% / 4);
    }

    .box23 .list>.item .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 26px;
        position: relative;
        z-index: 2;
    }

    .box23 .list>.item .p1 .a1 {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        font-family: 'MiSans-Demibold';
    }

    .box23 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 17px;
        line-height: 30px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
        display: none;
    }

    .box23 .list>.item:last-child .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover~.item .p1 .a2 {
        display: none;
    }

    .box23 .list>.item .p2 {
        padding-left: 5px;
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .box23 {
        padding-top: 50px;
    }

    .box23 .pubtitle {
        margin-bottom: 20px;
    }

    .box23 .list {
        width: 100%;
        height: 309px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .box23 .list>.item {
        width: calc(100% / 5);
        min-width: calc(100% / 5);
        height: 100%;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all .3s;
        box-sizing: border-box;
        padding: 15px 15px 10px 15px;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        position: relative;
    }

    .box23 .list>.item::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .box23 .list>.item:last-child {
        width: calc(100% / 5 * 3);
        padding-right: 15px;
    }

    .box23 .list>.item:hover {
        width: calc(100% / 5 * 3);
        padding-right: 15px;
    }

    .box23 .list>.item:hover+.item {
        width: calc(100% / 5);
        padding-right: 0;
    }

    .box23 .list>.item .p1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
        position: relative;
        z-index: 2;
    }

    .box23 .list>.item .p1 .a1 {
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        font-family: 'MiSans-Demibold';
    }

    .box23 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 25px;
        color: #fff;
        font-family: 'MiSans-VF';
        text-align: justify;
        display: none;
    }

    .box23 .list>.item:last-child .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover .p1 .a2 {
        display: block;
    }

    .box23 .list>.item:hover~.item .p1 .a2 {
        display: none;
    }

    .box23 .list>.item .p2 {
        padding-left: 5px;
    }

    .box23 .list>.item .p2 .pic {
        width: 25px;
        position: relative;
        z-index: 2;
    }
}

/* box24 */
@media (min-width: 1560px) {
    .box24 {
        padding-top: 113px;
    }

    .box24 .pubtitle {
        margin-bottom: 50px;
    }

    .box24 .scorll {
        width: 100%;
        overflow-x: auto;
    }

    .box24 .scorll .zzjg {
        width: 960px;
        position: relative;
    }

    .box24 .scorll .zzjg .pic {
        width: 100%;
    }

    .box24 .scorll .zzjg .item {
        border-radius: 5px;
        height: 37px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box24 .scorll .zzjg .item.i1 {
        background-color: #313131;
        color: #fff;
        font-size: 16px;
        font-family: 'MiSans-VF';
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i1:hover {
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i2 {
        height: 36px;
        border: 2px solid #313131;
        background-color: #fff;
        color: #313131;
        font-size: 16px;
        font-family: 'MiSans-VF';
        border: 2px solid #002996;
        color: #002996;
    }

    .box24 .scorll .zzjg .item.i2:hover {
        border: 2px solid #002996;
        color: #002996;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box24 {
        padding-top: 113px;
    }

    .box24 .pubtitle {
        margin-bottom: 50px;
    }

    .box24 .scorll {
        width: 100%;
        overflow-x: auto;
    }

    .box24 .scorll .zzjg {
        width: 960px;
        position: relative;
    }

    .box24 .scorll .zzjg .pic {
        width: 100%;
    }

    .box24 .scorll .zzjg .item {
        border-radius: 5px;
        height: 37px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box24 .scorll .zzjg .item.i1 {
        background-color: #313131;
        color: #fff;
        font-size: 16px;
        font-family: 'MiSans-VF';
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i1:hover {
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i2 {
        height: 36px;
        border: 2px solid #313131;
        background-color: #fff;
        color: #313131;
        font-size: 16px;
        font-family: 'MiSans-VF';
        border: 2px solid #002996;
        color: #002996;
    }

    .box24 .scorll .zzjg .item.i2:hover {
        border: 2px solid #002996;
        color: #002996;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box24 {
        padding-top: 113px;
    }

    .box24 .pubtitle {
        margin-bottom: 50px;
    }

    .box24 .scorll {
        width: 100%;
        overflow-x: auto;
    }

    .box24 .scorll .zzjg {
        width: 960px;
        position: relative;
    }

    .box24 .scorll .zzjg .pic {
        width: 100%;
    }

    .box24 .scorll .zzjg .item {
        border-radius: 5px;
        height: 37px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box24 .scorll .zzjg .item.i1 {
        background-color: #313131;
        color: #fff;
        font-size: 16px;
        font-family: 'MiSans-VF';
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i1:hover {
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i2 {
        height: 36px;
        border: 2px solid #313131;
        background-color: #fff;
        color: #313131;
        font-size: 16px;
        font-family: 'MiSans-VF';
        border: 2px solid #002996;
        color: #002996;
    }

    .box24 .scorll .zzjg .item.i2:hover {
        border: 2px solid #002996;
        color: #002996;
    }
}

@media (max-width: 767px) {
    .box24 {
        padding-top: 50px;
    }

    .box24 .pubtitle {
        border-bottom: 4px solid #2d2d2d;
        margin-bottom: 25px;
    }

    .box24 .scorll {
        width: 100%;
        overflow-x: auto;
    }

    .box24 .scorll .zzjg {
        width: 960px;
        position: relative;
    }

    .box24 .scorll .zzjg .pic {
        width: 100%;
    }

    .box24 .scorll .zzjg .item {
        border-radius: 5px;
        height: 37px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box24 .scorll .zzjg .item.i1 {
        background-color: #313131;
        color: #fff;
        font-size: 16px;
        font-family: 'MiSans-VF';
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i1:hover {
        background-color: #002996;
    }

    .box24 .scorll .zzjg .item.i2 {
        height: 36px;
        border: 2px solid #313131;
        background-color: #fff;
        color: #313131;
        font-size: 16px;
        font-family: 'MiSans-VF';
        border: 2px solid #002996;
        color: #002996;
    }

    .box24 .scorll .zzjg .item.i2:hover {
        border: 2px solid #002996;
        color: #002996;
    }
}

/* box25 */
@media (min-width: 1560px) {
    .box25 {
        padding-top: 112px;
    }

    .box25 .pubtitle {
        margin-bottom: 40px;
    }

    .box25 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box25 .list>.item {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box25 .list>.item:last-child {
        border-bottom: 0;
    }

    .box25 .list>.item .p1 {
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 16px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box25 .list>.item:hover .p1 {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box25 {
        padding-top: 112px;
    }

    .box25 .pubtitle {
        margin-bottom: 40px;
    }

    .box25 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box25 .list>.item {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box25 .list>.item:last-child {
        border-bottom: 0;
    }

    .box25 .list>.item .p1 {
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 16px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box25 .list>.item:hover .p1 {
        color: #002FA7;
    }

}

@media (max-width: 999px) and (min-width: 768px) {
    .box25 {
        padding-top: 112px;
    }

    .box25 .pubtitle {
        margin-bottom: 40px;
    }

    .box25 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .box25 .list>.item {
        width: 100%;
        height: 45px;
        padding: 0 20px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box25 .list>.item:last-child {
        border-bottom: 0;
    }

    .box25 .list>.item .p1 {
        font-size: 16px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 16px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box25 .list>.item:hover .p1 {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box25 {
        padding-top: 50px;
    }

    .box25 .pubtitle {
        margin-bottom: 20px;
    }

    .box25 .list {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .box25 .list>.item {
        width: 100%;
        height: 35px;
        padding: 0 5px;
        box-sizing: border-box;
        border-bottom: 0.5px solid #ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .box25 .list>.item:last-child {
        border-bottom: 0;
    }

    .box25 .list>.item .p1 {
        font-size: 14px;
        color: #000;
        font-family: 'MiSans-VF';
        line-height: 14px;
        font-weight: 500;
        /* letter-spacing: 1px; */
    }

    .box25 .list>.item:hover .p1 {
        color: #002FA7;
    }
}

/* box21-1 */
@media (min-width: 1560px) {
    .box21-1 {
        padding-top: 112px;
    }

    .box21-1 .pubtitle {
        margin-bottom: 40px;
    }

    .box21-1 .info .p2 {
        padding-top: 4px;
        gap: 34px;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box21-1 {
        padding-top: 112px;
    }

    .box21-1 .pubtitle {
        margin-bottom: 40px;
    }

    .box21-1 .info .p2 {
        padding-top: 4px;
        gap: 34px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box21-1 {
        padding-top: 112px;
    }

    .box21-1 .pubtitle {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .box21-1 {
        padding-top: 50px;
    }

    .box21-1 .pubtitle {
        margin-bottom: 20px;
    }
}

/* box26 */
@media (min-width: 1560px) {
    .box26 {
        padding-top: 110px;
        padding-bottom: 173px;
    }

    .box26 .pubtitle {
        margin-bottom: 44px;
    }

    .box26 .list {
        width: 100%;
        padding: 30px;
        background-color: #f0f0f0;
        box-sizing: border-box;
    }

    .box26 .list>.item {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        border-bottom: 2px solid #e3e3e3;
    }

    .box26 .list>.item:first-child {
        padding-top: 0;
    }

    .box26 .list>.item .p1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .box26 .list>.item .p1 .a1 {
        width: 234px;
        flex-shrink: 0;
    }

    .box26 .list>.item .p1 .a1 span {
        max-width: 100%;
        min-width: 95px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box26 .list>.item:hover .p1 .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box26 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        font-family: 'MiSans-Medium';
        color: #1a1a1a;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box26 .list>.item:hover .p1 .a2 {
        color: #002FA7;
    }

    .box26 .list>.item .p2 {
        width: fit-content;
        font-size: 12px;
        font-family: 'MiSans-VF';
        color: #666;
        line-height: 12px;
        flex-shrink: 0;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box26 {
        padding-top: 110px;
        padding-bottom: 173px;
    }

    .box26 .pubtitle {
        margin-bottom: 44px;
    }

    .box26 .list {
        width: 100%;
        padding: 30px;
        background-color: #f0f0f0;
        box-sizing: border-box;
    }

    .box26 .list>.item {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        border-bottom: 2px solid #e3e3e3;
    }

    .box26 .list>.item:first-child {
        padding-top: 0;
    }

    .box26 .list>.item .p1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .box26 .list>.item .p1 .a1 {
        width: 234px;
        flex-shrink: 0;
    }

    .box26 .list>.item .p1 .a1 span {
        max-width: 100%;
        min-width: 95px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box26 .list>.item:hover .p1 .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box26 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        font-family: 'MiSans-Medium';
        color: #1a1a1a;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box26 .list>.item:hover .p1 .a2 {
        color: #002FA7;
    }

    .box26 .list>.item .p2 {
        width: fit-content;
        font-size: 12px;
        font-family: 'MiSans-VF';
        color: #666;
        line-height: 12px;
        flex-shrink: 0;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box26 {
        padding-top: 110px;
        padding-bottom: 173px;
    }

    .box26 .pubtitle {
        margin-bottom: 44px;
    }

    .box26 .list {
        width: 100%;
        padding: 30px;
        background-color: #f0f0f0;
        box-sizing: border-box;
    }

    .box26 .list>.item {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        border-bottom: 2px solid #e3e3e3;
    }

    .box26 .list>.item:first-child {
        padding-top: 0;
    }

    .box26 .list>.item .p1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .box26 .list>.item .p1 .a1 {
        width: 200px;
        flex-shrink: 0;
    }

    .box26 .list>.item .p1 .a1 span {
        max-width: 100%;
        min-width: 95px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box26 .list>.item:hover .p1 .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box26 .list>.item .p1 .a2 {
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        font-family: 'MiSans-Medium';
        color: #1a1a1a;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box26 .list>.item:hover .p1 .a2 {
        color: #002FA7;
    }

    .box26 .list>.item .p2 {
        width: fit-content;
        font-size: 12px;
        font-family: 'MiSans-VF';
        color: #666;
        line-height: 12px;
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {

    .box26 {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .box26 .pubtitle {
        margin-bottom: 22px;
    }

    .box26 .list {
        width: 100%;
        padding: 15px;
        background-color: #f0f0f0;
        box-sizing: border-box;
    }

    .box26 .list>.item {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        border-bottom: 2px solid #e3e3e3;
    }

    .box26 .list>.item:first-child {
        padding-top: 0;
    }

    .box26 .list>.item .p1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .box26 .list>.item .p1 .a1 {
        width: 90px;
        flex-shrink: 0;
    }

    .box26 .list>.item .p1 .a1 span {
        max-width: 100%;
        min-width: 75px;
        width: fit-content;
        height: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: 'MiSans-Demibold';
        font-weight: 500;
        color: #1A1A1A;
        box-sizing: border-box;
        border: 1px solid #1A1A1A;
    }

    .box26 .list>.item:hover .p1 .a1 span {
        color: #002FA7;
        border: 2px solid #b2b2b2;
    }

    .box26 .list>.item .p1 .a2 {
        width: 100%;
        max-width: 130px;
        font-size: 14px;
        line-height: 14px;
        font-family: 'MiSans-Medium';
        color: #1a1a1a;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box26 .list>.item:hover .p1 .a2 {
        color: #002FA7;
    }

    .box26 .list>.item .p2 {
        width: fit-content;
        font-size: 12px;
        font-family: 'MiSans-VF';
        color: #666;
        line-height: 12px;
        flex-shrink: 0;
    }
}

/* box27 */
@media (min-width: 1560px) {
    .box27 {
        padding-top: 90px;
        padding-bottom: 170px;
    }

    .box27 .lszzc {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }

    .box27 .lszzc .p1 {
        width: 240px;
        aspect-ratio: 240 / 269;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box27 .lszzc .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box27 .lszzc .p1:hover .pic {
        transform: scale(1.1);
    }

    .box27 .lszzc .p2 {
        width: 560px;
        font-family: 'MiSans-VF';
        font-size: 17px;
        line-height: 34px;
        color: #333;
        text-align: justify;
        margin-top: -8px;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box27 {
        padding-top: 90px;
        padding-bottom: 170px;
    }

    .box27 .lszzc {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }

    .box27 .lszzc .p1 {
        width: 240px;
        aspect-ratio: 240 / 269;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box27 .lszzc .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box27 .lszzc .p1:hover .pic {
        transform: scale(1.1);
    }

    .box27 .lszzc .p2 {
        width: 560px;
        font-family: 'MiSans-VF';
        font-size: 17px;
        line-height: 34px;
        color: #333;
        text-align: justify;
        margin-top: -8px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box27 {
        padding-top: 90px;
        padding-bottom: 170px;
    }

    .box27 .lszzc {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .box27 .lszzc .p1 {
        width: 240px;
        aspect-ratio: 240 / 269;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box27 .lszzc .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box27 .lszzc .p1:hover .pic {
        transform: scale(1.1);
    }

    .box27 .lszzc .p2 {
        width: 100%;
        font-family: 'MiSans-VF';
        font-size: 17px;
        line-height: 34px;
        color: #333;
        text-align: justify;
        /* margin-top: -8px; */
    }
}

@media (max-width: 767px) {
    .box27 {
        padding-top: 45px;
        padding-bottom: 85px;
    }

    .box27 .lszzc {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .box27 .lszzc .p1 {
        width: 240px;
        aspect-ratio: 240 / 269;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box27 .lszzc .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box27 .lszzc .p1:hover .pic {
        transform: scale(1.1);
    }

    .box27 .lszzc .p2 {
        width: 100%;
        font-family: 'MiSans-VF';
        font-size: 14px;
        line-height: 25px;
        color: #333;
        text-align: justify;
        /* margin-top: -8px; */
    }
}

/* box28 */
@media (min-width: 1560px) {
    .box28 {
        padding-top: 90px;
        padding-bottom: 180px;
    }

    .box28 .timeline {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .box28 .timeline .line {
        height: 100%;
        width: 6px;
        background-color: #E2E2E2;
        /* padding-bottom: 147px; */
        position: absolute;
        top: 0;
        left: 251px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .box28 .timeline .line::after {
        content: '';
        width: 35px;
        height: 35px;
        background-color: #E2E2E2;
        border-radius: 50%;
        flex-shrink: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 18px;
        /* background-image: url('/pc/images/jiantou.png'); */
    }

    .box28 .timeline .list {
        padding-top: 115px;
        padding-bottom: 147px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box28 .timeline .list .item.i1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 42px;
    }

    .box28 .timeline .list .item.i1 .info {
        width: 237px;
        box-sizing: border-box;
        padding-right: 51px;
        position: relative;
        text-align: right;
        font-size: 26px;
        font-family: 'MiSans-Bold';
        color: #1a1a1a;
    }

    .box28 .timeline .list .item.i1 .info .ball {
        width: 35px;
        height: 35px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        right: -35px;
        z-index: 3;
    }

    .box28 .timeline .list .item.i2 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 70px;
    }

    .box28 .timeline .list .item.i2.last {
        margin-bottom: 20px;
    }

    .box28 .timeline .list .item.i2 .info {
        width: 688px;
        box-sizing: border-box;
        padding-left: 144px;
        position: relative;
    }

    .box28 .timeline .list .item.i2 .info .a1 {
        font-size: 22px;
        font-family: 'MiSans-Bold';
        color: #000;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .box28 .timeline .list .item.i2 .info .a2 {
        font-size: 17px;
        font-family: 'MiSans-VF';
        color: #000;
        line-height: 34px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p {
        margin-bottom: 13px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p:last-child {
        margin-bottom: 0;
    }

    .box28 .timeline .list .item.i2 .info .a2:has(+ .a3) {
        margin-bottom: 26px;
    }

    .box28 .timeline .list .item.i2 .info .a3 {
        width: 480px;
        aspect-ratio: 480 / 229;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box28 .timeline .list .item.i2 .info .a3 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box28 .timeline .list .item.i2 .info .a3:hover .pic {
        transform: scale(1.1);
    }

    .box28 .timeline .list .item.i2 .info .ball {
        width: 20px;
        height: 20px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        left: -28px;
        z-index: 3;
    }

    .box28 .timeline .list .item.active .info .ball,
    .box28 .timeline .list .item .info:hover .ball {
        background-color: #102EA1;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box28 {
        padding-top: 90px;
        padding-bottom: 180px;
    }

    .box28 .timeline {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .box28 .timeline .line {
        height: 100%;
        width: 6px;
        background-color: #E2E2E2;
        /* padding-bottom: 147px; */
        position: absolute;
        top: 0;
        left: 251px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .box28 .timeline .line::after {
        content: '';
        width: 35px;
        height: 35px;
        background-color: #E2E2E2;
        border-radius: 50%;
        flex-shrink: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 18px;
        /* background-image: url('/pc/images/jiantou.png'); */
    }

    .box28 .timeline .list {
        padding-top: 115px;
        padding-bottom: 147px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box28 .timeline .list .item.i1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 42px;
    }

    .box28 .timeline .list .item.i1 .info {
        width: 237px;
        box-sizing: border-box;
        padding-right: 51px;
        position: relative;
        text-align: right;
        font-size: 26px;
        font-family: 'MiSans-Bold';
        color: #1a1a1a;
    }

    .box28 .timeline .list .item.i1 .info .ball {
        width: 35px;
        height: 35px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        right: -35px;
        z-index: 3;
    }

    .box28 .timeline .list .item.i2 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 70px;
    }

    .box28 .timeline .list .item.i2.last {
        margin-bottom: 20px;
    }

    .box28 .timeline .list .item.i2 .info {
        width: 688px;
        box-sizing: border-box;
        padding-left: 144px;
        position: relative;
    }

    .box28 .timeline .list .item.i2 .info .a1 {
        font-size: 22px;
        font-family: 'MiSans-Bold';
        color: #000;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .box28 .timeline .list .item.i2 .info .a2 {
        font-size: 17px;
        font-family: 'MiSans-VF';
        color: #000;
        line-height: 34px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p {
        margin-bottom: 13px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p:last-child {
        margin-bottom: 0;
    }

    .box28 .timeline .list .item.i2 .info .a2:has(+ .a3) {
        margin-bottom: 26px;
    }

    .box28 .timeline .list .item.i2 .info .a3 {
        width: 480px;
        aspect-ratio: 480 / 229;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box28 .timeline .list .item.i2 .info .a3 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box28 .timeline .list .item.i2 .info .a3:hover .pic {
        transform: scale(1.1);
    }

    .box28 .timeline .list .item.i2 .info .ball {
        width: 20px;
        height: 20px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        left: -28px;
        z-index: 3;
    }

    .box28 .timeline .list .item.active .info .ball,
    .box28 .timeline .list .item .info:hover .ball {
        background-color: #102EA1;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box28 {
        padding-top: 90px;
        padding-bottom: 180px;
    }

    .box28 .timeline {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .box28 .timeline .line {
        height: 100%;
        width: 6px;
        background-color: #E2E2E2;
        /* padding-bottom: 147px; */
        position: absolute;
        top: 0;
        left: 251px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .box28 .timeline .line::after {
        content: '';
        width: 35px;
        height: 35px;
        background-color: #E2E2E2;
        border-radius: 50%;
        flex-shrink: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 18px;
        /* background-image: url('/pc/images/jiantou.png'); */
    }

    .box28 .timeline .list {
        padding-top: 115px;
        padding-bottom: 147px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box28 .timeline .list .item.i1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 42px;
    }

    .box28 .timeline .list .item.i1 .info {
        width: 237px;
        box-sizing: border-box;
        padding-right: 51px;
        position: relative;
        text-align: right;
        font-size: 26px;
        font-family: 'MiSans-Bold';
        color: #1a1a1a;
    }

    .box28 .timeline .list .item.i1 .info .ball {
        width: 35px;
        height: 35px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        right: -35px;
        z-index: 3;
    }

    .box28 .timeline .list .item.i2 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 70px;
    }

    .box28 .timeline .list .item.i2.last {
        margin-bottom: 20px;
    }

    .box28 .timeline .list .item.i2 .info {
        width: calc(100% - 272px);
        box-sizing: border-box;
        padding-left: 144px;
        position: relative;
    }

    .box28 .timeline .list .item.i2 .info .a1 {
        font-size: 22px;
        font-family: 'MiSans-Bold';
        color: #000;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .box28 .timeline .list .item.i2 .info .a2 {
        font-size: 17px;
        font-family: 'MiSans-VF';
        color: #000;
        line-height: 34px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p {
        margin-bottom: 13px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p:last-child {
        margin-bottom: 0;
    }

    .box28 .timeline .list .item.i2 .info .a2:has(+ .a3) {
        margin-bottom: 26px;
    }

    .box28 .timeline .list .item.i2 .info .a3 {
        max-width: 480px;
        width: 100%;
        aspect-ratio: 480 / 229;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box28 .timeline .list .item.i2 .info .a3 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box28 .timeline .list .item.i2 .info .a3:hover .pic {
        transform: scale(1.1);
    }

    .box28 .timeline .list .item.i2 .info .ball {
        width: 20px;
        height: 20px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        left: -28px;
        z-index: 3;
    }

    .box28 .timeline .list .item.active .info .ball,
    .box28 .timeline .list .item .info:hover .ball {
        background-color: #102EA1;
    }
}

@media (max-width: 767px) {
    .box28 {
        padding-top: 45px;
        padding-bottom: 90px;
    }

    .box28 .timeline {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .box28 .timeline .line {
        height: 100%;
        width: 4px;
        background-color: #E2E2E2;
        /* padding-bottom: 147px; */
        position: absolute;
        top: 0;
        left: 160px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .box28 .timeline .line::after {
        content: '';
        width: 25px;
        height: 25px;
        background-color: #E2E2E2;
        border-radius: 50%;
        flex-shrink: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 10px;
        /* background-image: url('/pc/images/jiantou.png'); */
    }

    .box28 .timeline .list {
        padding-top: 60px;
        padding-bottom: 75px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box28 .timeline .list .item.i1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 21px;
    }

    .box28 .timeline .list .item.i1 .info {
        width: 150px;
        box-sizing: border-box;
        padding-right: 25px;
        position: relative;
        text-align: right;
        font-size: 16px;
        font-family: 'MiSans-Bold';
        color: #1a1a1a;
    }

    .box28 .timeline .list .item.i1 .info .ball {
        width: 25px;
        height: 25px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        right: -24px;
        z-index: 3;
    }

    .box28 .timeline .list .item.i2 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 35px;
    }

    .box28 .timeline .list .item.i2.last {
        margin-bottom: 10px;
    }

    .box28 .timeline .list .item.i2 .info {
        width: calc(100% - 175px);
        box-sizing: border-box;
        padding-left: 35px;
        position: relative;
    }

    .box28 .timeline .list .item.i2 .info .a1 {
        font-size: 18px;
        font-family: 'MiSans-Bold';
        color: #000;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .box28 .timeline .list .item.i2 .info .a2 {
        font-size: 14px;
        font-family: 'MiSans-VF';
        color: #000;
        line-height: 25px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p {
        margin-bottom: 13px;
    }

    .box28 .timeline .list .item.i2 .info .a2>p:last-child {
        margin-bottom: 0;
    }

    .box28 .timeline .list .item.i2 .info .a2:has(+ .a3) {
        margin-bottom: 13px;
    }

    .box28 .timeline .list .item.i2 .info .a3 {
        max-width: 480px;
        width: 100%;
        aspect-ratio: 480 / 229;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .box28 .timeline .list .item.i2 .info .a3 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box28 .timeline .list .item.i2 .info .a3:hover .pic {
        transform: scale(1.1);
    }

    .box28 .timeline .list .item.i2 .info .ball {
        width: 20px;
        height: 20px;
        background-color: #E2E2E2;
        position: absolute;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        left: -23px;
        z-index: 3;
    }

    .box28 .timeline .list .item.active .info .ball,
    .box28 .timeline .list .item .info:hover .ball {
        background-color: #102EA1;
    }
}


/* box29 */
@media (min-width: 1560px) {
    .box29 {
        padding-top: 90px;
        padding-bottom: 160px;
    }

    .box29 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* gap: 160px; */
    }

    .box29 .list>.item {
        width: 100%;
    }

    .box29 .list>.item:nth-child(1) {
        margin-bottom: 159px;
    }

    .box29 .list>.item:nth-child(2) {
        margin-bottom: 158px;
    }

    .box29 .list>.item:nth-child(3) {
        margin-bottom: 158px;
    }

    .box29 .list>.item .pubtitle {
        margin-bottom: 34px;
    }

    .box29 .list>.item .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box29 .list>.item .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box29 .list>.item .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box29 .list>.item .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box29 .list>.item .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        padding-top: 5px;
    }

    .box29 .list>.item .content .p1+.p2 {
        width: calc(100% - 320px - 81px);
        padding-top: 0;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box29 {
        padding-top: 90px;
        padding-bottom: 160px;
    }

    .box29 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 158px;
    }

    .box29 .list>.item {
        width: 100%;
    }

    .box29 .list>.item .pubtitle {
        margin-bottom: 34px;
    }

    .box29 .list>.item .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box29 .list>.item .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box29 .list>.item .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box29 .list>.item .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box29 .list>.item .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box29 .list>.item .content .p1+.p2 {
        width: calc(100% - 320px - 81px);
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box29 {
        padding-top: 90px;
        padding-bottom: 160px;
    }

    .box29 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 158px;
    }

    .box29 .list>.item {
        width: 100%;
    }

    .box29 .list>.item .pubtitle {
        margin-bottom: 34px;
    }

    .box29 .list>.item .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box29 .list>.item .content .p1 {
        width: 250px;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box29 .list>.item .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box29 .list>.item .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box29 .list>.item .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box29 .list>.item .content .p1+.p2 {
        width: calc(100% - 250px - 40px);
    }
}

@media (max-width: 767px) {
    .box29 {
        padding-top: 45px;
        padding-bottom: 80px;
    }

    .box29 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 80px;
    }

    .box29 .list>.item {
        width: 100%;
    }

    .box29 .list>.item .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 40px;
    }

    .box29 .list>.item .content .p1 {
        max-width: 250px;
        width: 100%;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box29 .list>.item .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box29 .list>.item .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box29 .list>.item .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }
}

/* box30 */
@media (min-width: 1560px) {
    .box30 {
        padding-top: 85px;
        padding-bottom: 178px;
    }

    .box30 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 122px;
    }

    .box30 .content .p1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box30 .content .p2 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 60px 102px;
    }

    .box30 .content .p2>.item {
        width: calc((100% - 204px) / 3);
        height: 43px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 3px solid #1a1a1a;
        box-sizing: border-box;
        padding: 0 2px 5px 6px;
    }

    .box30 .content .p2>.item .a1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 8px;
    }

    .box30 .content .p2>.item .a1 .b1 {
        width: 45px;
        height: 37px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a1 .b2 {
        font-size: 16px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 16px;
    }

    .box30 .content .p2>.item .a2 {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a2 .b1 {
        font-size: 36px;
        color: #012Da4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 28px;
    }

    .box30 .content .p2>.item .a2 .b2 {
        font-size: 12px;
        color: #012DA4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 12px;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box30 {
        padding-top: 85px;
        padding-bottom: 178px;
    }

    .box30 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 122px;
    }

    .box30 .content .p1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box30 .content .p2 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 60px 102px;
    }

    .box30 .content .p2>.item {
        width: calc((100% - 204px) / 3);
        height: 43px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 3px solid #1a1a1a;
        box-sizing: border-box;
        padding: 0 2px 5px 6px;
    }

    .box30 .content .p2>.item .a1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 8px;
    }

    .box30 .content .p2>.item .a1 .b1 {
        width: 45px;
        height: 37px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a1 .b2 {
        font-size: 16px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 16px;
    }

    .box30 .content .p2>.item .a2 {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a2 .b1 {
        font-size: 36px;
        color: #012Da4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 28px;
    }

    .box30 .content .p2>.item .a2 .b2 {
        font-size: 12px;
        color: #012DA4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 12px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box30 {
        padding-top: 85px;
        padding-bottom: 178px;
    }

    .box30 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 122px;
    }

    .box30 .content .p1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box30 .content .p2 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 60px 102px;
    }

    .box30 .content .p2>.item {
        width: calc((100% - 102px) / 2);
        min-width: 240px;
        height: 43px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 3px solid #1a1a1a;
        box-sizing: border-box;
        padding: 0 2px 5px 6px;
    }

    .box30 .content .p2>.item .a1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 8px;
    }

    .box30 .content .p2>.item .a1 .b1 {
        width: 45px;
        height: 37px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a1 .b2 {
        font-size: 16px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 16px;
    }

    .box30 .content .p2>.item .a2 {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a2 .b1 {
        font-size: 36px;
        color: #012Da4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 28px;
    }

    .box30 .content .p2>.item .a2 .b2 {
        font-size: 12px;
        color: #012DA4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 12px;
    }
}

@media (max-width: 767px) {
    .box30 {
        padding-top: 40px;
        padding-bottom: 85px;
    }

    .box30 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
    }

    .box30 .content .p1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box30 .content .p2 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 30px;
    }

    .box30 .content .p2>.item {
        width: 100%;
        min-width: 240px;
        height: 43px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 3px solid #1a1a1a;
        box-sizing: border-box;
        padding: 0 2px 5px 6px;
    }

    .box30 .content .p2>.item .a1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 8px;
    }

    .box30 .content .p2>.item .a1 .b1 {
        width: 40px;
        /* height: 37px; */
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a1 .b1 .pic {
        width: 35px;
    }

    .box30 .content .p2>.item .a1 .b2 {
        font-size: 16px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 16px;
    }

    .box30 .content .p2>.item .a2 {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .box30 .content .p2>.item .a2 .b1 {
        font-size: 36px;
        color: #012Da4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 28px;
    }

    .box30 .content .p2>.item .a2 .b2 {
        font-size: 12px;
        color: #012DA4;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 12px;
    }
}

/* box31 */
@media (min-width: 1560px) {
    .box31 {
        padding-top: 90px;
        padding-bottom: 0;
    }

    .box31 .pubtitle {
        margin-bottom: 38px;
        padding-bottom: 13px;
    }

    .box31 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box31 .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box31 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box31 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box31 .content .p2 {
        width: calc(100% - 320px - 81px);
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        margin-top: -8.5px;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box31 {
        padding-top: 90px;
        padding-bottom: 0;
    }

    .box31 .pubtitle {
        margin-bottom: 38px;
        padding-bottom: 13px;
    }

    .box31 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box31 .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box31 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box31 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box31 .content .p2 {
        width: calc(100% - 320px - 81px);
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        margin-top: -8.5px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box31 {
        padding-top: 90px;
        padding-bottom: 0;
    }

    .box31 .pubtitle {
        margin-bottom: 38px;
        padding-bottom: 13px;
    }

    .box31 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box31 .content .p1 {
        width: 200px;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box31 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box31 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box31 .content .p2 {
        width: calc(100% - 200px - 40px);
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        margin-top: -8.5px;
    }
}

@media (max-width: 767px) {
    .box31 {
        padding-top: 45px;
        padding-bottom: 0;
    }

    .box31 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 40px;
    }

    .box31 .content .p1 {
        max-width: 300px;
        width: 100%;
        aspect-ratio: 32 / 27;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box31 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box31 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box31 .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }
}

/* box32 */
@media (min-width: 1560px) {
    .box32 {
        padding-top: 162.5px;
        padding-bottom: 0;
    }

    .box32.box32_2 {
        padding-top: 173px;
    }

    .box32 .pubtitle {
        margin-bottom: 38px;
        padding-bottom: 13px;
    }

    .box32 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 60px;
    }

    .box32 .content>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 70px;
    }

    .box32 .content>.item .p1 {
        width: 321px;
        aspect-ratio: 321 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box32 .content>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box32 .content>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box32 .content>.item .p2 {
        width: calc(100% - 321px - 70px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        padding-top: 11px;
    }

    .box32 .content>.item .p2 .a1 {
        margin-bottom: 58px;
    }

    .box32 .content>.item .p2 .a2 {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box32 .content>.item .p2 .a2 .b1 {
        font-size: 22px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .box32 .content>.item .p2 .a2 .b2 {
        width: 100%;
        font-size: 17px;
        color: #1a1a1a;
        line-height: 28px;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box32 {
        padding-top: 162.5px;
        padding-bottom: 0;
    }

    .box32.box32_2 {
        padding-top: 173px;
    }

    .box32 .pubtitle {
        margin-bottom: 38px;
        padding-bottom: 13px;
    }

    .box32 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 60px;
    }

    .box32 .content>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 70px;
    }

    .box32 .content>.item .p1 {
        width: 321px;
        aspect-ratio: 321 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box32 .content>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box32 .content>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box32 .content>.item .p2 {
        width: calc(100% - 321px - 70px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        padding-top: 12px;
    }

    .box32 .content>.item .p2 .a1 {
        margin-bottom: 58px;
    }

    .box32 .content>.item .p2 .a2 {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box32 .content>.item .p2 .a2 .b1 {
        font-size: 22px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .box32 .content>.item .p2 .a2 .b2 {
        width: 100%;
        font-size: 17px;
        color: #1a1a1a;
        line-height: 28px;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box32 {
        padding-top: 162.5px;
        padding-bottom: 0;
    }

    .box32.box32_2 {
        padding-top: 173px;
    }

    .box32 .pubtitle {
        margin-bottom: 38px;
        padding-bottom: 13px;
    }

    .box32 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 60px;
    }

    .box32 .content>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 70px;
    }

    .box32 .content>.item .p1 {
        width: 321px;
        aspect-ratio: 321 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box32 .content>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box32 .content>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box32 .content>.item .p2 {
        width: calc(100% - 321px - 70px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        padding-top: 12px;
    }

    .box32 .content>.item .p2 .a1 {
        margin-bottom: 58px;
    }

    .box32 .content>.item .p2 .a2 {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box32 .content>.item .p2 .a2 .b1 {
        font-size: 22px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .box32 .content>.item .p2 .a2 .b2 {
        width: 100%;
        font-size: 17px;
        color: #1a1a1a;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .box32 {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .box32 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .box32 .content>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 35px;
    }

    .box32 .content>.item .p1 {
        width: 150px;
        aspect-ratio: 321 / 225;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box32 .content>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box32 .content>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box32 .content>.item .p2 {
        width: calc(100% - 150px - 35px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        padding-top: 12px;
    }

    .box32 .content>.item .p2 .a1 {
        margin-bottom: 15px;
    }

    .box32 .content>.item .p2 .a1 .pic {
        width: 38px;
    }

    .box32 .content>.item .p2 .a2 {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .box32 .content>.item .p2 .a2 .b1 {
        font-size: 18px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        line-height: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .box32 .content>.item .p2 .a2 .b2 {
        width: 100%;
        font-size: 14px;
        color: #1a1a1a;
        line-height: 25px;
    }
}

/* box33 */
@media (min-width: 1560px) {
    .box33 {
        padding-top: 174px;
        padding-bottom: 170px;
    }

    .box33 .pubtitle {
        margin-bottom: 46px;
    }

    .box33 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 62px 160px;
    }

    .box33 .content>.item {
        width: 320px;
    }

    .box33 .content>.item .title {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
        padding-bottom: 20px;
        margin-bottom: 32px;
        border-bottom: 2px solid #1a1a1a;
    }

    .box33 .content>.item .title:has(+ .title) {
        margin-bottom: 50px;
    }

    .box33 .content>.item .title .p1 {
        width: 34px;
        position: relative;
        top: -1px;
    }

    .box33 .content>.item .title .p2 {
        font-size: 22px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 22px;
    }

    .box33 .content>.item .title .p2:hover {
        color: #002FA7;
    }

    .box33 .content>.item .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 31px;
    }

    .box33 .content>.item .list>.item {
        font-size: 17px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
    }

    .box33 .content>.item .list>.item:hover {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box33 {
        padding-top: 174px;
        padding-bottom: 170px;
    }

    .box33 .pubtitle {
        margin-bottom: 46px;
    }

    .box33 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 62px 160px;
    }

    .box33 .content>.item {
        width: 320px;
    }

    .box33 .content>.item .title {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
        padding-bottom: 20px;
        margin-bottom: 32px;
        border-bottom: 2px solid #1a1a1a;
    }

    .box33 .content>.item .title:has(+ .title) {
        margin-bottom: 50px;
    }

    .box33 .content>.item .title .p1 {
        width: 34px;
        position: relative;
        top: -1px;
    }

    .box33 .content>.item .title .p2 {
        font-size: 22px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 22px;
    }

    .box33 .content>.item .title .p2:hover {
        color: #002FA7;
    }

    .box33 .content>.item .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 31px;
    }

    .box33 .content>.item .list>.item {
        font-size: 17px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
    }

    .box33 .content>.item .list>.item:hover {
        color: #002FA7;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box33 {
        padding-top: 174px;
        padding-bottom: 170px;
    }

    .box33 .pubtitle {
        margin-bottom: 46px;
    }

    .box33 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 62px 160px;
    }

    .box33 .content>.item {
        width: 320px;
    }

    .box33 .content>.item .title {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 22px;
        padding-bottom: 20px;
        margin-bottom: 32px;
        border-bottom: 2px solid #1a1a1a;
    }

    .box33 .content>.item .title:has(+ .title) {
        margin-bottom: 50px;
    }

    .box33 .content>.item .title .p1 {
        width: 34px;
        position: relative;
        top: -1px;
    }

    .box33 .content>.item .title .p2 {
        font-size: 22px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 22px;
    }

    .box33 .content>.item .title .p2:hover {
        color: #002FA7;
    }

    .box33 .content>.item .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 31px;
    }

    .box33 .content>.item .list>.item {
        font-size: 17px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
    }

    .box33 .content>.item .list>.item:hover {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box33 {
        padding-top: 90px;
        padding-bottom: 80px;
    }

    .box33 .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .box33 .content>.item {
        width: 100%;
    }

    .box33 .content>.item .title {
        max-width: 320px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 10px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 2px solid #1a1a1a;
    }

    .box33 .content>.item .title:has(+ .title) {
        margin-bottom: 25px;
    }

    .box33 .content>.item .title .p1 {
        width: 17px;
        position: relative;
        top: -1px;
    }

    .box33 .content>.item .title .p2 {
        font-size: 16px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 16px;
    }

    .box33 .content>.item .title .p2:hover {
        color: #002FA7;
    }

    .box33 .content>.item .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .box33 .content>.item .list>.item {
        font-size: 14px;
        color: #1a1a1a;
        font-family: 'MiSans-VF';
        font-weight: 500;
        line-height: 17px;
    }

    .box33 .content>.item .list>.item:hover {
        color: #002FA7;
    }
}

/* box34 */
@media (min-width: 1560px) {
    .box34 {
        padding-top: 86px;
        padding-bottom: 194px;
    }

    .box34 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 60px;
    }

    .box34 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box34 .list>.item .p1 {
        width: 481px;
        aspect-ratio: 481 / 271;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box34 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box34 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box34 .list>.item .p2 {
        width: calc(100% - 481px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .box34 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 16px;
    }

    .box34 .list>.item .p2 .a2 {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        font-family: 'MiSans-Medium';
        text-align: justify;
        margin-bottom: 27px;
    }

    .box34 .list>.item .p2 .a3 {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 20px;
    }

    .box34 .list>.item .p2 .a3:hover {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box34 {
        padding-top: 86px;
        padding-bottom: 194px;
    }

    .box34 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 60px;
    }

    .box34 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box34 .list>.item .p1 {
        width: 481px;
        aspect-ratio: 481 / 271;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box34 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box34 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box34 .list>.item .p2 {
        width: calc(100% - 481px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .box34 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 16px;
    }

    .box34 .list>.item .p2 .a2 {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        font-family: 'MiSans-Medium';
        text-align: justify;
        margin-bottom: 27px;
    }

    .box34 .list>.item .p2 .a3 {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 20px;
    }

    .box34 .list>.item .p2 .a3:hover {
        color: #002FA7;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box34 {
        padding-top: 86px;
        padding-bottom: 194px;
    }

    .box34 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 60px;
    }

    .box34 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
    }

    .box34 .list>.item .p1 {
        width: 380px;
        aspect-ratio: 481 / 271;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box34 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box34 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box34 .list>.item .p2 {
        width: calc(100% - 380px - 40px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .box34 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 16px;
    }

    .box34 .list>.item .p2 .a2 {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        font-family: 'MiSans-Medium';
        text-align: justify;
        margin-bottom: 27px;
    }

    .box34 .list>.item .p2 .a3 {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 20px;
    }

    .box34 .list>.item .p2 .a3:hover {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box34 {
        padding-top: 43px;
        padding-bottom: 97px;
    }

    .box34 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .box34 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .box34 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 481 / 271;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box34 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box34 .list>.item .p1:hover .pic {
        transform: scale(1.1);
    }

    .box34 .list>.item .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        box-sizing: border-box;
    }

    .box34 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 21px;
        line-height: 21px;
        color: #000;
        font-family: 'MiSans-Semibold';
        padding-bottom: 11px;
        border-bottom: 4px solid #333;
        margin-bottom: 16px;
    }

    .box34 .list>.item .p2 .a2 {
        font-size: 16px;
        color: #333;
        line-height: 28px;
        font-family: 'MiSans-Medium';
        text-align: justify;
        margin-bottom: 27px;
    }

    .box34 .list>.item .p2 .a3 {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-Medium';
        line-height: 20px;
    }

    .box34 .list>.item .p2 .a3:hover {
        color: #002FA7;
    }
}

/* box35 */
@media (min-width: 1560px) {
    .box35 {
        padding-top: 90px;
        padding-bottom: 0;
        margin-bottom: 165px;
    }

    .box35 .pubtitle {
        margin-bottom: 37px;
        padding-bottom: 13px;
    }

    .box35.box35_1 {
        margin-bottom: 155px;
    }

    .box35.box35_3 {
        margin-bottom: 161px;
    }

    .box35.box35_4 {
        margin-bottom: 161px;
    }

    .box35.box35_6 {
        margin-bottom: 159px;
    }

    .box35.box35_6 .pubtitle {
        margin-bottom: 41px;
    }

    .box35.box35_7 {
        margin-bottom: 164px;
    }

    .box35.box35_7 .pubtitle {
        margin-bottom: 41px;
    }

    .box35.box35_8 {
        margin-bottom: 157px;
    }

    .box35.box35_8 {
        margin-bottom: 173px;
    }

    .box35.box35_10 {
        margin-bottom: 169px;
    }

    .box35.box35_11 {
        margin-bottom: 145px;
    }

    .box35.box35_12 {
        margin-bottom: 168px;
    }

    .box35 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box35 .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 18;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box35 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box35 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box35 .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        margin-top: -8.5px;
    }

    .box35 .content .p1+.p2 {
        width: calc(100% - 320px - 81px);
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box35 {
        padding-top: 90px;
        padding-bottom: 0;
        margin-bottom: 165px;
    }

    .box35 .pubtitle {
        margin-bottom: 37px;
        padding-bottom: 13px;
    }

    .box35.box35_1 {
        margin-bottom: 155px;
    }

    .box35.box35_3 {
        margin-bottom: 161px;
    }

    .box35.box35_4 {
        margin-bottom: 161px;
    }

    .box35.box35_6 {
        margin-bottom: 159px;
    }

    .box35.box35_6 .pubtitle {
        margin-bottom: 41px;
    }

    .box35.box35_7 {
        margin-bottom: 164px;
    }

    .box35.box35_7 .pubtitle {
        margin-bottom: 41px;
    }

    .box35.box35_8 {
        margin-bottom: 157px;
    }

    .box35.box35_8 {
        margin-bottom: 173px;
    }

    .box35.box35_10 {
        margin-bottom: 169px;
    }

    .box35.box35_11 {
        margin-bottom: 145px;
    }

    .box35.box35_12 {
        margin-bottom: 168px;
    }

    .box35 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box35 .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 18;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box35 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box35 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box35 .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        margin-top: -8.5px;
    }

    .box35 .content .p1+.p2 {
        width: calc(100% - 320px - 81px);
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box35 {
        padding-top: 90px;
        padding-bottom: 0;
        margin-bottom: 165px;
    }

    .box35 .pubtitle {
        margin-bottom: 37px;
        padding-bottom: 13px;
    }

    .box35.box35_1 {
        margin-bottom: 155px;
    }

    .box35.box35_3 {
        margin-bottom: 161px;
    }

    .box35.box35_4 {
        margin-bottom: 161px;
    }

    .box35.box35_6 {
        margin-bottom: 159px;
    }

    .box35.box35_6 .pubtitle {
        margin-bottom: 41px;
    }

    .box35.box35_7 {
        margin-bottom: 164px;
    }

    .box35.box35_7 .pubtitle {
        margin-bottom: 41px;
    }

    .box35.box35_8 {
        margin-bottom: 157px;
    }

    .box35.box35_8 {
        margin-bottom: 173px;
    }

    .box35.box35_10 {
        margin-bottom: 169px;
    }

    .box35.box35_11 {
        margin-bottom: 145px;
    }

    .box35.box35_12 {
        margin-bottom: 168px;
    }

    .box35 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 81px;
    }

    .box35 .content .p1 {
        width: 320px;
        aspect-ratio: 32 / 18;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box35 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box35 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box35 .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
        margin-top: -8.5px;
    }

    .box35 .content .p1+.p2 {
        width: calc(100% - 320px - 81px);
    }
}

@media (max-width: 767px) {
    .box35 {
        padding-top: 45px;
        padding-bottom: 0;
        margin-bottom: 80px;
    }

    .box35 .content {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 40px;
    }

    .box35 .content .p1 {
        max-width: 300px;
        width: 100%;
        aspect-ratio: 32 / 18;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box35 .content .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box35 .content .p1:hover .pic {
        transform: scale(1.1);
    }

    .box35 .content .p2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }
}

/* box36 */
@media (min-width: 1560px) {
    .box36 {
        padding-top: 11px;
        padding-bottom: 0;
        margin-bottom: 169px;
    }

    .box36.box36_2 {
        margin-bottom: 195px;
    }

    .box36.box36_4 {
        margin-bottom: 171px;
    }

    .box36.box36_6 {
        margin-bottom: 180px;
    }

    .box36.box36_12 {
        margin-bottom: 145px;
    }

    .box36 .pubtitle {
        margin-bottom: 44px;
        padding-bottom: 13px;
    }

    .box36 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 56px 40px;
    }

    .box36 .list>.item {
        width: calc((100% - 120px) / 4);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 19px;
    }

    .box36 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box36 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box36 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box36 .list>.item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 22px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box36 .list>.item:hover .p2 {
        color: #002FA7;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box36 {
        padding-top: 11px;
        padding-bottom: 0;
        margin-bottom: 169px;
    }

    .box36.box36_2 {
        margin-bottom: 195px;
    }

    .box36.box36_4 {
        margin-bottom: 171px;
    }

    .box36.box36_6 {
        margin-bottom: 180px;
    }

    .box36.box36_12 {
        margin-bottom: 145px;
    }

    .box36 .pubtitle {
        margin-bottom: 44px;
        padding-bottom: 13px;
    }

    .box36 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 56px 40px;
    }

    .box36 .list>.item {
        width: calc((100% - 120px) / 4);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 19px;
    }

    .box36 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box36 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box36 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box36 .list>.item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 22px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box36 .list>.item:hover .p2 {
        color: #002FA7;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box36 {
        padding-top: 11px;
        padding-bottom: 0;
        margin-bottom: 169px;
    }

    .box36.box36_2 {
        margin-bottom: 195px;
    }

    .box36.box36_4 {
        margin-bottom: 171px;
    }

    .box36.box36_6 {
        margin-bottom: 180px;
    }

    .box36.box36_12 {
        margin-bottom: 145px;
    }

    .box36 .pubtitle {
        margin-bottom: 44px;
        padding-bottom: 13px;
    }

    .box36 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 56px 40px;
    }

    .box36 .list>.item {
        width: calc((100% - 120px) / 4);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 19px;
    }

    .box36 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box36 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box36 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box36 .list>.item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 22px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box36 .list>.item:hover .p2 {
        color: #002FA7;
    }
}

@media (max-width: 767px) {
    .box36 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 80px;
    }

    .box36 .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 20px;
    }

    .box36 .list>.item {
        width: calc((100% - 60px) / 2);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 17px;
    }

    .box36 .list>.item .p1 {
        width: 100%;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box36 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box36 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box36 .list>.item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 22px;
        font-family: 'MiSans-VF';
        text-align: justify;
    }

    .box36 .list>.item:hover .p2 {
        color: #002FA7;
    }
}

.shu_list {
    width: 100%;
    margin-top: 117px;
}

.shu_list .info {
    width: 100%;
    aspect-ratio: 210 / 239;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shu_list .info .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.shu_list .info:hover .pic {
    transform: scale(1.1);
}

.shu_list .swiper-pagination {
    position: unset;
    padding-top: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17px;
}

.shu_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    width: 10px;
    height: 10px;
}

.shu_list .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: #c5c5c5 !important;
}

.shu_list .swiper-pagination-bullet-active {
    background-color: #757575 !important;
}

/* box37 */
@media (min-width: 1560px) {
    .box37 {
        padding-top: 103px;
        padding-bottom: 173px;
    }

    .box37 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 44px;
    }

    .box37 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 111px;
    }

    .box37 .list>.item .p1 {
        width: 210px;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box37 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box37 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box37 .list>.item .p2 {
        width: calc(100% - 210px - 112px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 45px;
        padding-top: 6px;
    }

    .box37 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 17px;
        font-family: "MiSans-VF";
        font-weight: 500;
    }

    .box37 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: "MiSans-normal";
        text-align: justify;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box37 {
        padding-top: 103px;
        padding-bottom: 173px;
    }

    .box37 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 44px;
    }

    .box37 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 111px;
    }

    .box37 .list>.item .p1 {
        width: 210px;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box37 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box37 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box37 .list>.item .p2 {
        width: calc(100% - 210px - 112px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 45px;
        padding-top: 6px;
    }

    .box37 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 17px;
        font-family: "MiSans-VF";
        font-weight: 500;
    }

    .box37 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: "MiSans-normal";
        text-align: justify;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box37 {
        padding-top: 103px;
        padding-bottom: 173px;
    }

    .box37 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 44px;
    }

    .box37 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 111px;
    }

    .box37 .list>.item .p1 {
        width: 210px;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box37 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box37 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box37 .list>.item .p2 {
        width: calc(100% - 210px - 112px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 45px;
        padding-top: 6px;
    }

    .box37 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 17px;
        font-family: "MiSans-VF";
        font-weight: 500;
    }

    .box37 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: "MiSans-normal";
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .box37 {
        padding-top: 103px;
        padding-bottom: 173px;
    }

    .box37 .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 44px;
    }

    .box37 .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }

    .box37 .list>.item .p1 {
        width: 180px;
        aspect-ratio: 210 / 239;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .box37 .list>.item .p1 .pic {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .3s;
    }

    .box37 .list>.item:hover .p1 .pic {
        transform: scale(1.1);
    }

    .box37 .list>.item .p2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .box37 .list>.item .p2 .a1 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 17px;
        font-family: "MiSans-VF";
        font-weight: 500;
        text-align: center;
    }

    .box37 .list>.item .p2 .a2 {
        width: 100%;
        font-size: 17px;
        color: #333;
        line-height: 34px;
        font-family: "MiSans-normal";
        text-align: justify;
    }
}

/* box38 */
@media (min-width: 1560px) {
    .box38 {
        background-color: #f1f1f1;
        padding: 90px 0;
    }

    .box38 .con {
        width: 100%;
        background-color: #fff;
        padding: 32px 28px;
        padding-bottom: 45px;
        box-sizing: border-box;
    }

    .box38 .resul_title {
        margin-bottom: 57px;
        font-size: 32px;
        color: #1a1a1a;
        line-height: 32px;
        font-family: 'MiSans-bold';
    }

    .box38 .con .px {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .px>span {
        font-size: 15px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 15px;
        margin-right: 35px;
    }

    .box38 .con .px>.sel {
        width: fit-content;
        min-width: 92px;
        height: 17px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        position: relative;
        padding: 0 5px;
        box-sizing: border-box;
        background-color: #f0f0f0;
    }

    .box38 .con .px>.sel>span {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 12px;
    }

    .box38 .con .px>.sel>.pic {
        width: 7px;
    }

    .box38 .con .px>.sel .list {
        width: 92px;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        padding: 5px 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 2;
        display: flex;
        flex-direction: column;
        /* gap: 5px; */
        display: none;
    }

    .box38 .con .px>.sel .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 12px;
        line-height: 12px;
        padding: 2px 13px;
        box-sizing: border-box;
        color: #333;
        font-family: 'MiSans-VF';
        cursor: pointer;
    }

    .box38 .con .px>.sel .list>.item:hover,
    .box38 .con .px>.sel .list>.item.hover {
        background-color: #f0f0f0;
    }

    .box38 .con .reslist {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 38px;
    }

    .box38 .con .reslist>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 37px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .reslist>.item .p1 {
        width: 100%;
        font-size: 17px;
        line-height: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 14px;
    }

    .box38 .con .reslist>.item .p1 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 27px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 20px;
    }

    .box38 .con .reslist>.item .p2 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p3 {
        font-size: 13px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 13px;
    }

    .box38 .con .page {
        width: 100%;
    }

    .box38 .con .page>div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .page>div .item {
        width: 81px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .page>div .item.hover {
        color: #333;
    }

    .box38 .con .page>div .item:last-child {
        border-right: 0;
    }

    .box38 .con .pagination {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .pagination>li,.box38 .con .pagination>li a {
        width: 81px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
        flex-shrink: 0;
    }

    .box38 .con .pagination>li a {
        width: 100%;
        height: 100%;
        border-right: 0;
    }

     .box38 .con .pagination>li.active,.box38 .con .pagination>li.active a {
        color: #333;
    }

    .box38 .con .pagination>li:last-child {
        border-right: 0;
    }
    .box38 .con .pagination>li.disabled{
        cursor: not-allowed;
    }
}

@media (max-width: 1559px) and (min-width: 1000px) {
    .box38 {
        background-color: #f1f1f1;
        padding: 90px 0;
    }

    .box38 .con {
        width: 100%;
        background-color: #fff;
        padding: 32px 28px;
        padding-bottom: 45px;
        box-sizing: border-box;
    }

    .box38 .resul_title {
        margin-bottom: 57px;
        font-size: 32px;
        color: #1a1a1a;
        line-height: 32px;
        font-family: 'MiSans-bold';
    }

    .box38 .con .px {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .px>span {
        font-size: 15px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 15px;
        margin-right: 35px;
    }

    .box38 .con .px>.sel {
        width: fit-content;
        min-width: 92px;
        height: 17px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        position: relative;
        padding: 0 5px;
        box-sizing: border-box;
        background-color: #f0f0f0;
    }

    .box38 .con .px>.sel>span {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 12px;
    }

    .box38 .con .px>.sel>.pic {
        width: 7px;
    }

    .box38 .con .px>.sel .list {
        width: 92px;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        padding: 5px 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 2;
        display: flex;
        flex-direction: column;
        /* gap: 5px; */
        display: none;
    }

    .box38 .con .px>.sel .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 12px;
        line-height: 12px;
        padding: 2px 13px;
        box-sizing: border-box;
        color: #333;
        font-family: 'MiSans-VF';
        cursor: pointer;
    }

    .box38 .con .px>.sel .list>.item:hover,
    .box38 .con .px>.sel .list>.item.hover {
        background-color: #f0f0f0;
    }

    .box38 .con .reslist {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 38px;
    }

    .box38 .con .reslist>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 37px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .reslist>.item .p1 {
        width: 100%;
        font-size: 17px;
        line-height: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 14px;
    }

    .box38 .con .reslist>.item .p1 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 27px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 20px;
    }

    .box38 .con .reslist>.item .p2 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p3 {
        font-size: 13px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 13px;
    }

    .box38 .con .page {
        width: 100%;
    }

    .box38 .con .page>div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .page>div .item {
        width: 81px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .page>div .item.hover {
        color: #333;
    }

    .box38 .con .page>div .item:last-child {
        border-right: 0;
    }

    .box38 .con .pagination {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .pagination>li,.box38 .con .pagination>li a {
        width: 81px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
        flex-shrink: 0;
    }

    .box38 .con .pagination>li a {
        width: 100%;
        height: 100%;
        border-right: 0;
    }

     .box38 .con .pagination>li.active,.box38 .con .pagination>li.active a {
        color: #333;
    }

    .box38 .con .pagination>li:last-child {
        border-right: 0;
    }
    .box38 .con .pagination>li.disabled{
        cursor: not-allowed;
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .box38 {
        background-color: #f1f1f1;
        padding: 90px 0;
    }

    .box38 .con {
        width: 100%;
        background-color: #fff;
        padding: 32px 28px;
        padding-bottom: 45px;
        box-sizing: border-box;
    }

    .box38 .resul_title {
        margin-bottom: 57px;
        font-size: 32px;
        color: #1a1a1a;
        line-height: 32px;
        font-family: 'MiSans-bold';
    }

    .box38 .con .px {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .px>span {
        font-size: 15px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 15px;
        margin-right: 35px;
    }

    .box38 .con .px>.sel {
        width: fit-content;
        min-width: 92px;
        height: 17px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        position: relative;
        padding: 0 5px;
        box-sizing: border-box;
        background-color: #f0f0f0;
    }

    .box38 .con .px>.sel>span {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 12px;
    }

    .box38 .con .px>.sel>.pic {
        width: 7px;
    }

    .box38 .con .px>.sel .list {
        width: 92px;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        padding: 5px 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 2;
        display: flex;
        flex-direction: column;
        /* gap: 5px; */
        display: none;
    }

    .box38 .con .px>.sel .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 12px;
        line-height: 12px;
        padding: 2px 13px;
        box-sizing: border-box;
        color: #333;
        font-family: 'MiSans-VF';
        cursor: pointer;
    }

    .box38 .con .px>.sel .list>.item:hover,
    .box38 .con .px>.sel .list>.item.hover {
        background-color: #f0f0f0;
    }

    .box38 .con .reslist {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 38px;
    }

    .box38 .con .reslist>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 37px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .reslist>.item .p1 {
        width: 100%;
        font-size: 17px;
        line-height: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 14px;
    }

    .box38 .con .reslist>.item .p1 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 27px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 20px;
    }

    .box38 .con .reslist>.item .p2 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p3 {
        font-size: 13px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 13px;
    }

    .box38 .con .page {
        width: 100%;
    }

    .box38 .con .page>div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .page>div .item {
        width: 60px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .page>div .item.hover {
        color: #333;
    }

    .box38 .con .page>div .item:last-child {
        border-right: 0;
    }

    .box38 .con .pagination {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .pagination>li,.box38 .con .pagination>li a {
        width: 81px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
        flex-shrink: 0;
    }

    .box38 .con .pagination>li a {
        width: 100%;
        height: 100%;
        border-right: 0;
    }

     .box38 .con .pagination>li.active,.box38 .con .pagination>li.active a {
        color: #333;
    }

    .box38 .con .pagination>li:last-child {
        border-right: 0;
    }
    .box38 .con .pagination>li.disabled{
        cursor: not-allowed;
    }
}

@media (max-width: 767px) {
    .box38 {
        background-color: #f1f1f1;
        padding: 45px 0;
    }

    .box38 .con {
        width: 100%;
        background-color: #fff;
        padding: 16px 14px;
        padding-bottom: 25px;
        box-sizing: border-box;
    }

    .box38 .resul_title {
        margin-bottom: 57px;
        font-size: 16px;
        color: #1a1a1a;
        line-height: 16px;
        font-family: 'MiSans-bold';
    }

    .box38 .con .px {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .px>span {
        font-size: 14px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 14px;
        margin-right: 35px;
    }

    .box38 .con .px>.sel {
        width: fit-content;
        min-width: 92px;
        height: 17px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        position: relative;
        padding: 0 5px;
        box-sizing: border-box;
        background-color: #f0f0f0;
    }

    .box38 .con .px>.sel>span {
        font-size: 12px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 12px;
    }

    .box38 .con .px>.sel>.pic {
        width: 7px;
    }

    .box38 .con .px>.sel .list {
        width: 92px;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        padding: 5px 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 2;
        display: flex;
        flex-direction: column;
        /* gap: 5px; */
        display: none;
    }

    .box38 .con .px>.sel .list>.item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 12px;
        line-height: 12px;
        padding: 2px 13px;
        box-sizing: border-box;
        color: #333;
        font-family: 'MiSans-VF';
        cursor: pointer;
    }

    .box38 .con .px>.sel .list>.item:hover,
    .box38 .con .px>.sel .list>.item.hover {
        background-color: #f0f0f0;
    }

    .box38 .con .reslist {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 38px;
    }

    .box38 .con .reslist>.item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 38px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .reslist>.item .p1 {
        width: 100%;
        font-size: 17px;
        line-height: 17px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 14px;
    }

    .box38 .con .reslist>.item .p1 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p2 {
        width: 100%;
        font-size: 15px;
        line-height: 27px;
        color: #333;
        font-family: 'MiSans-VF';
        margin-bottom: 20px;
    }

    .box38 .con .reslist>.item .p2 span {
        color: #1A1A1A;
        font-family: 'MiSans-medium';
    }

    .box38 .con .reslist>.item .p3 {
        font-size: 13px;
        color: #333;
        font-family: 'MiSans-VF';
        line-height: 13px;
    }

    .box38 .con .page {
        width: 100%;
    }

    .box38 .con .page>div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .page>div .item {
        width: 50px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
    }

    .box38 .con .page>div .item.hover {
        color: #333;
    }

    .box38 .con .page>div .item:last-child {
        border-right: 0;
    }

    .box38 .con .pagination {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box38 .con .pagination>li,.box38 .con .pagination>li a {
        width: 50px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #808080;
        font-family: 'MiSans-VF';
        line-height: 12px;
        cursor: pointer;
        background-color: #f0f0f0;
        box-sizing: border-box;
        border-right: 1px solid rgba(102, 102, 102, .25);
    }
    .box38 .con .pagination>li a {
        width: 100%;
        height: 100%;
        border-right: 0;
    }

     .box38 .con .pagination>li.active,.box38 .con .pagination>li.active a {
        color: #333;
    }

    .box38 .con .pagination>li:last-child {
        border-right: 0;
    }
    .box38 .con .pagination>li.disabled{
        cursor: not-allowed;
    }
}