/*
 * Desktop and tablet values use vw units calculated from a 1920-wide design.
 * Mobile media-query blocks intentionally retain their original units.
 */
html {
    font-size: 5.2083333333vw !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Keep an explicit viewport-based root size on wide desktop screens. */
@media screen and (min-width: 1920px) {
    html {
        font-size: 5.208333vw !important;
    }
}

/* About page: mobile layout for the current portal/about.html structure. */
@media screen and (max-width: 768px) {
    .ab-main {
        overflow: hidden;
    }

    .ab-main .banner {
        height: auto;
        padding: 50px 0;
    }
    .ab-main .banner .bg{
        object-fit: cover;
    }
    .ab-main .banner .banner-video-fixed {
        width: 100%;
        height: 100svh;
    }
    .ab-main .banner .banner-content {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .ab-main .banner .banner-content .icon {
        width: 44px;
    }
    .ab-main .banner .banner-content .t1 {
        margin-top: 18px;
    }
    .ab-main .banner .banner-content .t1 img {
        width: min(210px, 66vw);
    }
    .ab-main .banner .banner-content .t2 {
        margin-top: 18px;
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1.35;
    }

    .ab-main .company_des {
        display: block;
        padding: 64px 20px 56px;
    }
    .ab-main .company_des .left,
    .ab-main .company_des .right {
        width: 100%;
    }
    .ab-main .company_des .left {
        width: calc(100% - 12px);
        margin: 0 0 42px 4px;
    }
    .ab-main .company_des .left img {
        top: 10px;
        left: 10px;
        border-radius: 12px;
    }
    .ab-main .company_des .left::before {
        top: -5px;
        left: -5px;
        border-radius: 12px;
    }
    .ab-main .company_des .left::after {
        top: -14px;
        left: -14px;
        border-radius: 12px;
    }
    .ab-main .company_des .right {
        padding: 0;
    }
    .ab-main .company_des .right .t1 {
        font-size: clamp(27px, 7.5vw, 34px);
        line-height: 1.28;
    }
    .ab-main .company_des .right .t2 {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.8;
    }
    .ab-main .company_des .right .data {
        gap: 10px;
        margin-top: 28px;
    }
    .ab-main .company_des .right .data .item {
        flex: 1 1 0;
        min-width: 0;
        text-align: center;
    }
    .ab-main .company_des .right .data .item .num {
        font-size: clamp(27px, 8vw, 36px);
        line-height: 1.2;
        white-space: nowrap;
    }
    .ab-main .company_des .right .data .item .lab {
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.4;
    }

    .ab-main .culture .item {
        height: 100svh;
        min-height: 560px;
        padding: 0 20px;
        box-sizing: border-box;
        background-attachment: scroll;
    }
    .ab-main .culture .item .t1 {
        font-size: 16px;
    }
    .ab-main .culture .item .t1::after {
        margin-top: 16px;
    }
    .ab-main .culture .item .t2 {
        margin-top: 22px;
    }
    .ab-main .culture .item .t2 p {
        padding: 0;
        font-size: clamp(24px, 7vw, 30px);
        line-height: 1.55;
    }

    .ab-main .history {
        height: auto;
        margin-top: 0;
        padding: 40px 0 50px;
    }
    .ab-main .history .content {
        width: 100%;
        flex-direction: column;
        height: auto;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .ab-main .history .content .left {
        width: 100%;
        height: auto;
        margin-bottom: 24px;
    }
    .ab-main .history .content .left h2 {
        font-size: 22px;
    }
    .ab-main .history .content .left p {
        font-size: 13px;
        margin-top: 10px;
    }
    .ab-main .history .content .center {
        width: calc(100% - 52px);
        height: 360px;
        padding: 16px 0;
    }
    .ab-main .history .content .center .history-swiper .item {
        padding-right: 16px;
    }
    .ab-main .history .content .center .history-swiper .item .year {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .ab-main .history .content .center .history-swiper .item .even {
        margin-bottom: 14px;
    }
    .ab-main .history .content .center .history-swiper .item .even p {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 8px;
    }
    .ab-main .history .content .right {
        width: 52px;
        height: 360px;
    }
    .ab-main .history .content .right .year-swiper .swiper-slide {
        justify-content: flex-end;
        padding-right: 8px;
    }
    .ab-main .history .content .right .year-swiper .txt {
        font-size: 12px;
    }
    .ab-main .history .content .right .year-swiper .swiper-slide-active::after {
        width: 3px;
        height: 18px;
    }
    .ab-main .history-sticky {
        position: relative;
        top: auto;
        height: 100vh;
        min-height: 0;
        overflow: visible;
        overflow-y: auto;
    }
    .ab-main .history-layout {
        width: calc(100% - 32px);
        height: auto;
        padding-top: 30px;
        box-sizing: border-box;
    }
    .ab-main .history-years {
        height: auto;
        margin-bottom: 36px;
    }
    .ab-main .history-kicker {
        margin-bottom: 10px;
        font-size: 11px;
        letter-spacing: .18em;
    }
    .ab-main .history-year-display {
        display: none;
    }
    .ab-main .history-progress {
        width: 44px;
        margin-top: 18px;
        background: rgba(255,255,255,.28);
    }
    .ab-main .history-progress span {
        transform: none;
    }
    .ab-main .history-events {
        height: auto;
        padding: 0 0 0 16px;
        border-top: 0;
        border-left: 1px solid rgba(255,255,255,.26);
    }
    .ab-main .history-events-head {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin: 0 0 24px 12px;
    }
    .ab-main .history-events-head span {
        font-size: 22px;
    }
    .ab-main .history-events-head em {
        display: none;
    }
    .ab-main .history-event-stage {
        height: auto;
    }
    .ab-main .history-event {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: none;
        margin-bottom: 20px;
        padding: 22px 14px 14px;
        box-sizing: border-box;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto;
        will-change: auto;
    }
    .ab-main .history-event::before {
        content: "";
        position: absolute;
        top: 30px;
        left: -22px;
        width: 9px;
        height: 9px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #1268ff;
        box-shadow: 0 0 0 5px rgba(255,255,255,.12);
    }
    .ab-main .history-event-index {
        top: 22px;
        right: 16px;
    }
    .ab-main .history-event-year {
        padding: 0 8px 16px;
        font-size: 30px;
    }
    .ab-main .history-event-list {
        max-height: none;
        padding: 0 8px;
        overflow: visible;
        overscroll-behavior: auto;
    }
    .ab-main .history-event-item {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
        padding: 18px 0;
    }
    .ab-main .history-event-item time {
        padding-top: 3px;
        font-size: 12px;
        letter-spacing: .04em;
    }
    .ab-main .history-event-item h3 {
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 1.4;
    }
    .ab-main .history-event-item p {
        font-size: 13px;
        line-height: 1.65;
    }
    .ab-main .history-glow {
        right: -55vw;
        width: 125vw;
        height: 125vw;
        pointer-events: none;
    }

    .ab-main .honor {
        padding: 0;
    }
    .ab-main .honor .content {
        padding: 64px 20px 72px;
    }
    .ab-main .honor .content .top_tit .t1 {
        font-size: 28px;
        line-height: 1.25;
    }
    .ab-main .honor .content .top_tit .t2 {
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.65;
    }
    .ab-main .honor .content .list {
        width: 100%;
        height: auto;
        margin-top: 34px;
        overflow: hidden;
    }
    .ab-main .honor .content .list .item {
        height: auto;
        min-height: 390px;
        padding: 24px 16px;
    }
    .ab-main .honor .content .list .item .pic {
        height: 245px;
    }
    .ab-main .honor .content .list .item .info {
        min-height: 76px;
        margin-top: 18px;
        padding: 0;
    }
    .ab-main .honor .content .list .item .info .l,
    .ab-main .honor .content .list .item .info .r {
        width: 24px;
    }
    .ab-main .honor .content .list .item .info .c {
        width: calc(100% - 56px);
    }
    .ab-main .honor .content .list .item .info .c .t1 {
        font-size: 18px;
        line-height: 1.35;
    }
    .ab-main .honor .content .list .item .info .c .t2 {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
    }
    .ab-main .honor .banner-button-prev,
    .ab-main .honor .banner-button-next {
        width: 34px;
        height: 34px;
    }
    .ab-main .honor .banner-button-prev::after,
    .ab-main .honor .banner-button-next::after {
        font-size: 14px;
    }
}

@media screen and (max-width: 380px) {
    .ab-main .company_des .right .data .item .num {
        font-size: 25px;
    }
    .ab-main .history-layout {
        width: calc(100% - 24px);
    }
    .ab-main .history-events-head em {
        display: none;
    }
}

@media screen and (min-width: 769px) and (max-width: 1439px) {
    .Ih-banner .item .txt {
        padding-right: 10.416667vw;
        padding-left: 10.416667vw;
        box-sizing: border-box;
    }
    .Ih-content1 .content,.Ih-content5 .content,.Ih-content8{
        padding: 5vw 6.041667vw;
    }
    .Ih-content1 .content .recommend .list .item{
        height: 28.645833vw;
    }
    .Ih-content8 .list .item{
        height: 18.229167vw;
    }
    .Ih-content3 .content,.Ih-content4 .content{
        padding: 0 6.041667vw;
    }
    .Ih-content4 .content .list .item{
        height: auto;
    }
    .Ih-content5 .content .news .left .item{
        width: 49%;
    }
    .Ih-content5 .content .news .right{
        width: 16.666667vw;
    }
    .Ih-content5 .content .news .right .list .item{
        padding: 0.729167vw 0;
    }
    .Ih-content5 .content .news .right .list .item .title{
        font-size: 0.9375vw;
    }
    .Ih-content6 .content,.Ih-content7{
        padding: 5vw 6.041667vw;
    }
    .Ih-content4 .content .list .item .pic{
        height: 20.833333vw;
    }
    .Ih-content4 .content .list .first_item .right{
        width: 21.875vw;
    }
    .Ih-content1 .content .tft .list .item{
        height: 18.645833vw;
    }
    .Ih-content6 .content .list .item{
        height: 11.770833vw;
    }
    .Ih-content6 .content .list .item .pic img{
        width: 2.291667vw;
    }
    .Ih-content6 .content .list .item .title{
        margin-top: 1.041667vw;
    }
    .Ih-content6 .content .list .item .btn{
        margin-top: 1.041667vw;
    }
    .Ih-content3 .content .list .item{
        height: 16.5625vw;
    }

    .jsys-main .content,.jswkt-main .content{
        padding: 5vw 6.041667vw;
    }
    .jswkt-main .banner .txt{
        padding: 0 6.041667vw;
    }
    .at-detail-main{
        padding: 1.25vw 6.041667vw 0 6.041667vw;
    }
    .products-main .content{
        padding: 0 6.041667vw;
    }
    .pd-detail-main .content{
        padding: 0 3.125vw;
    }
    .sl-main .content{
        padding: 2.083333vw 3.125vw;
    }
    .sl-main .content .part3 .list .item{
        padding: 1.041667vw 1.5625vw;
    }
    .news-main .content,.down-main .content{
        padding: 0 6.041667vw;
    }
    .ct-main .content{
        padding: 2.083333vw 6.041667vw;
    }
    .ab-main .company_des{
        padding: 2.083333vw 6.041667vw;
    }
    .ab-main .company_des .right .t1{
        font-size: 1.875vw;
    }
    .ab-main .honor .content{
        padding: 2.083333vw 6.041667vw;
    }
    .sl-main .content .part1 .list .item .pic{
        height: 20.833333vw;
    }
    .sl-main .content .part1 .list .item{
        border-radius: 0.416667vw;
    }

}

@media screen and (max-width: 768px) {
    .main{
        padding-top: 60px;
    }
    .Ih-banner{
        height: 300px;
    }
    .Ih-banner .item .txt{
        width: 100%;
        padding: 0 58px;
        box-sizing: border-box;
    }
    .Ih-banner .item .txt .t1{
        font-size: 20px;
        padding: 0 20% 0 0;
    }
    .Ih-banner .item .txt .btn{
        width: 95px;
        height: 30px;
        font-size: 12px;
        margin-top: 28px;
        border-radius: 48px;
        line-height: 1;
        padding: 0 8px;
    }
    .Ih-banner .swiper .swiper-pagination-bullet{
        width: 20px;
        height: 3px;
    }
    .Ih-banner .item .txt .banner-more__arrow{
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }
    .Ih-banner .item .txt .banner-more__arrow::after{
        width: 4px;
        height: 4px;
    }
    .Ih-banner .item .txt .banner-more__arrow::before{
        width: 8px;
    }
    .Ih-banner .item .txt .btn img{
        width: 20px;
    }
    .Ih-banner .swiper .swiper-button-prev, .Ih-banner .swiper .swiper-button-next{
        width: 30px;
        height: 30px;
    }
    .Ih-banner .swiper .swiper-button-prev:after, .Ih-banner .swiper .swiper-button-next:after{
        font-size: 14px;
    }
    .Ih-banner{
        display: none;
    }
    .Ih-banner.mobile{
        display: block;
    }
    .Ih-content1 .content{
        width: 100%;
        padding: 48px 14px;
        box-sizing: border-box;
    }
    .Ih-content1 .content .recommend .t1{
        font-size: 20px;
    }
    .Ih-content1 .content .recommend .t1::before{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .Ih-content1 .content .recommend .list{
        margin-top: 50px;
        flex-wrap: wrap;
    }
    .Ih-content1 .content .recommend .list .item{
        width: 100%;
        height: 262px;
        margin-bottom: 12px;
        border-radius: 16px;
        padding: 36px 16px;
    }
    .Ih-content1 .content .recommend .list .item .default .t1{
        font-size: 16px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .Ih-content1 .content .recommend .list .item .default .t3{
        font-size: 14px;
    }
    .Ih-content1 .content .recommend .list .item .default .bottom{
        padding: 0 16px 32px;
    }
    .Ih-content1 .content .recommend .list .item .default .bottom .l p:first-of-type{
        font-size: 14px;
    }
    .Ih-content1 .content .recommend .list .item .default .bottom .l p:last-of-type{
        font-size: 22px;
        margin-top: 10px;
    }
    .Ih-content1 .content .recommend .list .item .default .bottom .r .more{
        font-size: 12px;
    }
    .Ih-content1 .content .recommend .list .item .default .bottom .r .more i{
        font-size: 12px;
    }
    .Ih-content1 .content .recommend .list .item.active{
        width: 100%;
        height: 230px;
    }
    .Ih-content1 .content .recommend .list .item .hover .info{
        padding: 16px;
    }
    .Ih-content1 .content .recommend .list .item .hover .time p:first-of-type{
        font-size: 14px;
    }
    .Ih-content1 .content .recommend .list .item .hover .time p:last-of-type{
        font-size: 22px;
        margin-top: 10px;
    }
    .Ih-content1 .content .recommend .list .item .hover .tit{
        font-size: 18px;
    }

    .Ih-content2{
        height: 128px;
        background-attachment: inherit;
    }
    .Ih-content2 .t1{
        font-size: 14px;
    }
    .Ih-content2 .t2{
        font-size: 18px;
        margin-top: 12px;
    }
    .Ih-content2 .btn{
        width: 88px;
        height: 30px;
        font-size: 12px;
        margin-top: 12px;
        line-height: 1;
        border-radius: 48px;
    }
    .Ih-content8{
        width: 100%;
        padding: 48px 14px;
        box-sizing: border-box;
    }
    .Ih-content8 .t1{
        font-size: 20px;
    }
    .Ih-content8 .t1::before{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .Ih-content8 .list{
        gap: 12px;
        margin-top: 50px;
        grid-template-columns: repeat(2, 1fr);
    }
    .Ih-content8 .list .item{
        height: 230px;
        padding: 20px;
        border-radius: 16px;
    }
    .Ih-content8 .list .item .pic img{
        width: 30px;
    }
    .Ih-content8 .list .item .t4{
        font-size: 20px;
    }
    .Ih-content8 .list .item .t2{
        font-size: 12px;
    }
    .Ih-content8 .list .item .btn{
        font-size: 14px;
        left: 20px;
        bottom: 20px;
    }







    .Ih-content3 .content{
        width: 100%;
        padding: 0 14px;
        box-sizing: border-box;
    }
    .Ih-content3 .content .big_title{
        font-size: 20px;
    }
    .Ih-content3 .content .big_title::before{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .Ih-content3 .content .list{
        margin-top: 50px;
    }
    .Ih-content3 .content .list .item{
        height: 146px;
        padding: 20px 0;
        border-radius: 16px;
    }
    .Ih-content3 .content .list .item .pic img{
        width: 36px;
    }
    .Ih-content3 .content .list .item .tit{
        font-size: 18px;
    }
    .Ih-content3 .content .list .item .more{
        font-size: 14px;
    }
    
    .Ih-content4{
        padding: 50px 0px;
    }
    .Ih-content4 .content{
        width: 100%;
        padding: 0 14px;
        box-sizing: border-box;
    }
    .Ih-content4 .content .big_title{
        font-size: 20px;
    }
    .Ih-content4 .content .big_title::before{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .Ih-content4 .content .list{
        margin-top: 50px;
    }
    .Ih-content4 .content .list .first_item{
        height: auto;
        padding: 20px;
        margin-bottom: 16px;
        flex-wrap: wrap;
        border-radius: 14px;
    }
    .Ih-content4 .content .list .first_item .left{
        width: 100%;
        height: auto;
    }
    .Ih-content4 .content .list .first_item .left .title{
        font-size: 20px;
    }
    .Ih-content4 .content .list .first_item .left .tags{
        margin-top: 12px;
    }
    .Ih-content4 .content .list .first_item .left .tags .tag{
        font-size: 12px;
        margin-right: 8px;
    }
    .Ih-content4 .content .list .first_item .left .desc{
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
    }
    .Ih-content4 .content .list .first_item .left .btn{
        width: 88px;
        height: 30px;
        font-size: 12px;
        margin-top: 12px;
        line-height: 1;
    }
    .Ih-content4 .content .list .first_item .right{
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .Ih-content4 .content .list .item{
        width: 100%;
        height: auto;
        margin-bottom: 16px;
        border-radius: 14px;
    }
    .Ih-content4 .content .list .item .pic{
        height: auto;
    }
    .Ih-content4 .content .list .item .txt{
        margin-top: 12px;
    }
    .Ih-content4 .content .list .item .txt .title{
        font-size: 18px;
    }
    .Ih-content4 .content .list .item .txt .desc{
        margin-top: 10px;
        font-size: 12px;
    }
    .Ih-content4 .content .list .item .txt .btn{
        width: 88px;
        height: 30px;
        font-size: 12px;
        margin-top: 12px;
        line-height: 1;
    }
    .Ih-content4 .content .list .item .txt .btn img{
        width: 14px;
        margin-left: 4px;
    }
    .Ih-content5 .content{
        width: 100%;
        padding: 40px 14px;
        box-sizing: border-box;
    }
    .Ih-content5 .content .big_title{
        font-size: 20px;
    }
    .Ih-content5 .content .big_title::after{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .Ih-content5 .content .news{
        height: auto;
        margin-top: 40px;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .Ih-content5 .content .news .item{
        height: auto;
        border-radius: 14px;
        padding: 20px 14px;
    }
    .Ih-content5 .content .news .item .time{
        font-size: 12px;
    }
    .Ih-content5 .content .news .item .title{
        font-size: 18px;
        margin-top: 16px;
    }
    .Ih-content5 .content .news .item .more{
        font-size: 14px;
        margin-top: 18px;
    }

    .Ih-content6 .content{
        width: 100%;
        padding: 40px 14px;
        box-sizing: border-box;
    }
    .Ih-content6 .content .big_title{
        font-size: 20px;
    }
    .Ih-content6 .content .big_title::after{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .Ih-content6 .content .list{
        margin-top: 30px;
    }
    .Ih-content6 .content .list .item{
        height: 180px;
        border-radius: 14px;
    }
    .Ih-content6 .content .list .item .pic img{
        width: 50px;
    }
    .Ih-content6 .content .list .item .title{
        font-size: 16px;
        margin-top: 12px;
    }
    .Ih-content6 .content .list .item .btn{
        width: 88px;
        height: 30px;
        font-size: 12px;
        margin-top: 12px;
        line-height: 1;
    }
    .Ih-content6 .content .list .item .btn span{
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .Ih-content6 .content .list .item .btn span i{
        font-size: 10px;
    }
    .Ih-content7{
        flex-wrap: wrap;
        padding: 40px 14px;
        box-sizing: border-box;
    }
    .Ih-content7 .left{
        font-size: 28px;
        width: 100%;
    }
    .Ih-content7 .right{
        width: 100%;
        margin-top: 30px;
    }
    .Ih-content7 .right .txt{
        font-size: 14px;
    }
    .Ih-content7 .right .more{
        font-size: 14px;
    }


    .jsys-main .banner{
        height: auto;
        min-height: 240px;
    }
    .jsys-main .banner .txt{
        width: 100%;
        padding: 0 50px;
        box-sizing: border-box;
    }
    .jsys-main .banner .txt .name{
        font-size: 24px;
    }
    .jsys-main .banner .txt .name::after{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .jsys-main .banner .txt .desc{
        font-size: 12px;
        margin-top: 30px;
    }
    .jsys-main .content{
        width: 100%;
        padding: 40px 14px;
        box-sizing: border-box;
    }
    .jsys-main .content .top .left{
        width: 100%;
    }
    .jsys-main .content .top .left .t1{
        font-size: 20px;
    }
    .jsys-main .content .top .left .t1 span{
        margin-right: 10px;
    }
    .jsys-main .content .top .left .t2{
        font-size: 14px;
        margin-top: 10px;
    }
    .jsys-main .content .top .right{
        position: relative;
        width: 100%;
        margin-top: 20px;
    }
    .jsys-main .content .top .right .tabs .tab{
        font-size: 14px;
        margin-left: 10px;
    }
    .jsys-main .content .top .right::before{
        bottom: -20px;
        height: 2px;
    }
    .jsys-main .content .top .right .tabs .tab::before{
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #0078FF;
        bottom: -20px;
    }
    .jsys-main .content .top .right .tabs{
        white-space: nowrap;
    }
    .jsys-main .content .tab-content{
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .jsys-main .content .tab-content .left{
        width: 100%;
    }
    .jsys-main .content .tab-content .right{
        flex: 1;
        margin-top: 14px;
    }
    .jsys-main .content .tab-content .right .t1{
        font-size: 14px;
    }
    .jsys-main .content .tab-content .right .t2{
        font-size: 12px;
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .jswkt-main .banner{
        height: 240px;
    }
    .jswkt-main .banner .txt{
        width: 100%;
        padding: 0 50px;
        height: 100%;
        box-sizing: border-box;
    }
    .jswkt-main .banner .txt .t1{
        font-size: 24px;
    }
    .jswkt-main .banner .txt .t2{
        font-size: 12px;
        margin-top: 30px;
    }
    .jswkt-main .banner .txt .search{
        width: 200px;
        height: 40px;
        margin-top: 20px;
    }
    .jswkt-main .banner .txt .search .input{
        padding: 6px 12px;
    }
    .jswkt-main .banner .txt .search .btn{
        width: 40px;
    }
    .jswkt-main .banner .txt .search .btn img{
        width: 20px;
    }
    .jswkt-main .content{
        width: 100%;
        padding: 30px 14px;
        box-sizing: border-box;
    }
    .jswkt-main .content .list .item{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .jswkt-main .content .list .item .pic{
        height: 150px;
    }
    .jswkt-main .content .list .item .t1{
        font-size: 16px;
        margin-top: 12px;
    }
    .jswkt-main .content .list .item .t2{
        font-size: 12px;
        margin-top: 10px;
    }
    .jswkt-main .content .list .item .t3{
        font-size: 13px;
        margin-top: 10px;
    }
    .at-detail-main{
        padding: 20px 0 0 0;
    }
    .at-detail-main .content{
        width: 95%;
        padding: 20px 14px;
        box-sizing: border-box;
    }
    .at-detail-main .content .title{
        font-size: 24px;
    }
    .at-detail-main .content .options{
        margin-top: 14px;
    }
    .at-detail-main .content .options .ot{
        font-size: 12px;
        margin: 0 8px;
    }
    .at-detail-main .content .cont{
        font-size: 14px;
        margin-top: 20px;
        padding-top: 20px;
    }
    .at-detail-main .content .cont p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .at-detail-main .other{
        padding: 0.4rem 0;
        margin-top: 24px;
    }
    .at-detail-main .other .title{
        font-size: 20px;
    }
    .at-detail-main .other .title::after{
        width: 30px;
        height: 4px;
        bottom: -14px;
    }
    .at-detail-main .other .list{
        margin-top: 30px;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 14px;
        box-sizing: border-box;
    }
    .at-detail-main .other .list .item{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .at-detail-main .other .list .item .pic{
        height: 150px;
    }
    .at-detail-main .other .list .item .t1{
        font-size: 16px;
        margin-top: 12px;
    }
    .at-detail-main .other .list .item .t2{
        font-size: 12px;
        margin-top: 10px;
    }
    .at-detail-main .other .list .item .t3{
        font-size: 12px;
        margin-top: 10px;
    }
    .products-main{
        padding: 24px 14px 40px;
        box-sizing: border-box;
    }
    .products-main .content{
        width: 100%;
        padding: 0;
    }
    .products-main .content .menu{
        padding: 12px;
        border-radius: 8px;
    }
    .products-main .content .menu .item{
        font-size: 14px;
        padding: 6px 12px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
    }
    .products-main .content .list{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .products-main .content .list .item{
        height: 200px;
        padding: 12px;
        margin-bottom: 12px;
        border-radius: 8px;
    }
    .products-main .content .list .item .left{
        width: 150px;
    }
    .products-main .content .list .item .right{
        flex: 1;
        margin-left: 14px;
    }
    .products-main .content .list .item .right .t1{
        font-size: 16px;
    }
    .products-main .content .list .item .right .t2{
        font-size: 14px;
    }
    .products-main .content .list .item .right .btn{
        width: 88px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        font-size: 12px;
        margin-top: 10px;
    }
    .products-main .content .list .item .right .btn img{
        width: 12px;
        margin-left: 4px;
    }
    .pd-detail-main{
        width: 100%;
        padding: 14px;
    }
    .pd-detail-main .content{
        width: 100%;
        padding: 0;
    }
    .pd-detail-main .content .part1{
        padding: 14px;
        flex-wrap: wrap;
    }
    .pd-detail-main .content .part1 .left{
        flex: 1;
        margin-right: 14px;
        width: 100%;
    }
    .pd-detail-main .content .part1 .left .t1{
        font-size: 18px;
    }
    .pd-detail-main .content .part1 .left .t2{
        font-size: 14px;
        margin-top: 14px;
    }
    .pd-detail-main .content .part1 .left .btns{
        margin-top: 20px;
    }
    .pd-detail-main .content .part1 .left .btns .down{
        width: 88px;
        height: 30px;
        border-radius: 48px;
        font-size: 12px;
    }
    .pd-detail-main .content .part1 .left .btns .down img{
        width: 12px;
        margin-left: 4px;
    }
    .pd-detail-main .content .part1 .left .btns .msg{
        width: 88px;
        height: 30px;
        border-radius: 48px;
        font-size: 12px;
    }
    .pd-detail-main .content .part1 .left .btns .msg img{
        width: 12px;
        margin-left: 4px;
    }
    .pd-detail-main .content .part1 .right{
        width: 100%;
        margin-top: 20px;
    }
    .pd-detail-main .content .part2{
        margin-top: 40px;
    }
    .pd-detail-main .content .part2 .top_txt .t1{
        font-size: 18px;
    }
    .pd-detail-main .content .part2 .top_txt .t2{
        font-size: 14px;
        margin-top: 14px;
        line-height: 1.5;
    }
    .pd-detail-main .content .part2 .list{
        margin-top: 20px;
        height: auto;
    }
    .pd-detail-main .content .part2 .list .item{
        border-radius: 14px;
    }
    .pd-detail-main .content .part2 .list .item .pic{
        height: 224px;
    }
    .pd-detail-main .content .part2 .list .item .txt{
        padding: 12px;
    }
    .pd-detail-main .content .part2 .list .item .txt .t1{
        font-size: 16px;
    }
    .pd-detail-main .content .part2 .list .item .txt .t2{
        font-size: 12px;
        margin-top: 12px;
    }
    .pd-detail-main .content .part2 .fb .btn{
        width: 30px;
        height: 30px;
        margin: 0 10px;
    }
    .pd-detail-main .content .part2 .fb .btn i{
        font-size: 12px;
    }
    .pd-detail-main .content .part3{
        margin-top: 40px;
    }
    .pd-detail-main .content .part3 .top_txt .t1{
        font-size: 18px;
    }
    .pd-detail-main .content .part3 .top_txt .t2{
        font-size: 14px;
        margin-top: 14px;
    }
    .pd-detail-main .content .part3 .list{
        padding: 14px;
        margin-top: 20px;
    }
    .pd-detail-main .content .part3 .list .table tbody tr td{
        font-size: 12px;
        padding: 10px 0;
    }
    .pd-detail-main .content .part4{
        margin-top: 40px;
    }
    .pd-detail-main .content .part4 .top_txt .t1{
        font-size: 18px;
    }
    .pd-detail-main .content .part4 .top_txt .t2{
        font-size: 14px;
        margin-top: 14px;
    }
    .pd-detail-main .content .part4 .list{
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
    }
    .pd-detail-main .content .part4 .list .item{
        height: auto;
    }
    .pd-detail-main .content .part4 .list .item .pic{
        height: 170px;
    }
    .pd-detail-main .content .part4 .list .item .txt .t4{
        font-size: 18px;
        margin-top: 16px;
    }
    .pd-detail-main .content .part4 .list .item .txt{
        padding: 12px;
    }
    .pd-detail-main .content .part4 .list .item .txt .btn{
        font-size: 14px;
        margin-top: 10px;
    }



    .pd-detail-main .content .part5{
        width: 100%;
        margin-top: 40px;
        height: 130px;
        border-radius: 16px;
        overflow: hidden;
    }
    .pd-detail-main .content .part5 .bg img{
        object-fit: cover;
    }
    .pd-detail-main .content .part5 .txt .t1{
        font-size: 18px;
    }
    .pd-detail-main .content .part5 .txt .t2{
        font-size: 12px;
        margin-top: 12px;
    }
    .pd-detail-main .content .part5 .txt .btn{
        width: 70px;
        height: 24px;
        border-radius: 48px;
        font-size: 12px;
        margin-top: 10px;

    }
    .sl-main .banner{
        height: 300px;
    }

    .sl-main .banner .menu{
        padding: 12px;
        border-radius: 8px;
        width: 95%;

    }
    .sl-main .banner .menu .item{
        font-size: 14px;
        padding: 6px 12px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
        float: left;
    }
    .sl-main .content{
        width: 100%;
        padding: 20px 14px;
        box-sizing: border-box;
    }
    .sl-main .content .part1{
        padding: 14px 20px;
    }
    .sl-main .content .part1 .top .left{
        width: 60%;
    }
    .sl-main .content .part1 .top .left .t1{
        font-size: 20px;
    }
    .sl-main .content .part1 .top .left .t2{
        font-size: 12px;
        margin-top: 24px;
    }
    .sl-main .content .part1 .top .right .btn{
        width: 30px;
        height: 30px;
    }
    .sl-main .content .part1 .top .right .btn i{
        font-size: 12px;
    }
    .sl-main .content .part1 .top .left .t1::after{
        width: 24px;
        height: 4px;
        bottom: -14px;
    }
    .sl-main .content .part1 .list .item .pic{
        height: 180px;
    }
    .sl-main .content .part1 .list .item .t1{
        font-size: 18px;
    }
    .sl-main .content .part1 .list .item .t2{
        font-size: 12px;
        margin-top: 12px;
    }
    .sl-main .content .part2{
        padding: 14px 20px;
        font-size: 14px;
    }
    .sl-main .content .part2 h2{
        font-size: 20px;
        margin-bottom: 24px;
    }
    .sl-main .content .part2 p{
        font-size: 14px;
    }
    .sl-main .content .part3{
        padding: 14px 20px;
    }
    .sl-main .content .part3 .top_txt .t1{
        font-size: 18px;
    }
    .sl-main .content .part3 .top_txt .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .sl-main .content .part3 .list{
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
    }
    .sl-main .content .part3 .list .item .pic{
        height: 180px;
    }
    .sl-main .content .part3 .list .item .t1{
        font-size: 18px;
        margin-top: 12px;
    }
    .sl-main .content .part3 .list .item .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .sl-main .content .part3 .list .item .btn{
        width: 88px;
        height: 30px;
        border-radius: 4px;
        font-size: 12px;
        margin-top: 12px;
    }
    .sl-main .content .part3 .list .item .btn img{
        width: 12px;
        margin-left: 4px;
    }
    .news-main{
        padding-bottom: 40px;
    }
    .news-main .content{
        width: 100%;
        padding: 20px 14px;
        box-sizing: border-box;
    }
    .news-main .content .top_info .t1{
        font-size: 24px;

    }
    .news-main .content .top_info .t2{
        font-size: 14px;
        margin-top: 12px;
        line-height: 1.5;
    }
    .news-main .content .top_info .filter{
        margin-top: 24px;
        flex-wrap: wrap;
        padding-bottom: 12px;
    }
    .news-main .content .top_info .filter .menu a{
        font-size: 14px;
        padding: 6px 12px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
    }
    .news-main .content .top_info .filter .search .time{
        width: 80px;
        height: 30px;
        border-radius: 4px;
    }
    .news-main .content .top_info .filter .search .form{
        width: 200px;
        height: 30px;
        border-radius: 4px;
        margin-left: 10px;
        padding: 4px 10px;
    }
    .news-main .content .top_info .filter .search .form input{
        font-size: 12px;
    }
    .news-main .content .top_info .filter .search .form button{
        width: 16px;
        height: 16px;
    }
    .news-main .content .first_news{
        height: auto;
        flex-wrap: wrap;
    }
    .news-main .content .first_news .left{
        width: 100%;
        height: 180px;
    }
    .news-main .content .first_news .left .tag{
        width: 100px;
        left: -21px;
        top: -19px;
    }
    .news-main .content .first_news .right{
        padding: 20px;
    }
    .news-main .content .first_news .right .t1{
        font-size: 18px;
    }
    .news-main .content .first_news .right .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .news-main .content .first_news .right .time{
        font-size: 12px;
        margin-top: 12px;
    }
    .news-main .content .first_news .right .btn{
        width: 88px;
        height: 30px;
        border-radius: 4px;
        font-size: 12px;
        margin-top: 12px;
    }
    .news-main .content .first_news .right .btn i{
        font-size: 12px;
    }
    .news-main .content .list{
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .news-main .content .list .item{
        height: auto;

    }
    .news-main .content .list .item .pic{
        height: 180px;
    }
    .news-main .content .list .item .info{
        height: auto;
        padding: 20px;
    }
    .news-main .content .list .item .info .t1{
        margin-top: 12px;
        font-size: 18px;
    }
    .news-main .content .list .item .info .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .down-main{
        padding-bottom: 40px;
    }
    .down-main .content{
        width: 100%;
        padding: 20px 14px;
        box-sizing: border-box;
    }
    .down-main .content .top_info{
        padding-top: 40px;
    }
    .down-main .content .top_info .t1{
        font-size: 24px;
    }
    .down-main .content .top_info .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .down-main .content .top_info .filter{
        margin-top: 24px;
        flex-wrap: wrap;
        padding-bottom: 12px;
    }
    .down-main .content .top_info .filter .menu a{
        font-size: 14px;
        padding: 6px 12px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
    }
    .down-main .content .top_info .filter .search .form{
        width: 200px;
        height: 30px;
        border-radius: 4px;
        margin-left: 0;
        padding: 4px 10px;
        margin-top: 16px;
    }
    .down-main .content .top_info .filter .search .form input{
        font-size: 12px;
    }
    .down-main .content .top_info .filter .search .form button{
        width: 16px;
        height: 16px;
    }
    .down-main .content .list{
        margin-top: 30px;
    }
    .down-main .content .list .item{
        width: 100%;
        height: 100px;
        padding: 14px;
        border-radius: 6px;
        margin-bottom: 20px;
    }
    .down-main .content .list .item .pic{
        width: 50px;
    }
    .down-main .content .list .item .info{
        margin-left: 14px;
    }
    .down-main .content .list .item .info .t1{
        font-size: 16px;
    }
    .down-main .content .list .item .info .t2{
        width: 88px;
        font-size: 12px;
        margin-top: 12px;
        height: 28px;
    }
    .down-main .content .list .item .info .t2 img{
        width: 12px;
        margin-left: 8px;
    }
    .down-form{
        padding: 20px;
    }
    .down-form .t1{
        font-size: 24px;
    }
    .down-form .t1 span{
        font-size: 14px;
    }
    .down-form .input_box{
        margin-top: 20px;
    }
    .down-form .input_box .item{
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%;
    }
    .down-form .input_box .item .pt{
        font-size: 14px;
    }
    .down-form .input_box .item input{
        width: 120px;
        margin-left: 10px;
    }
    .down-form .input_box .e-item{
        padding-bottom: 10px;
    }
    .down-form .input_box .e-item .pt{
        font-size: 14px;
    }
    .down-form .radio_box{
        margin-top: 20px;
    }
    .down-form .radio_box .t_txt{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .down-form .radio_box .item .layui-form-radio>*{
        font-size: 12px;
    }
    .down-form .img_code_box{
        margin-top: 20px;
    }
    .down-form .img_code_box .l{
        margin-right: 10px;
        padding-bottom: 10px;
    }
    .down-form .img_code_box .l .pt{
        font-size: 14px;
    }
    .down-form .img_code_box .l input{
        padding: 0 10px;
        width: 90px;
    }
    .down-form .img_code_box .r img{
        width: 100px;
    }
    .down-form .img_code_box .r .btn{
        width: 110px;
        height: 30px;
        border-radius: 4px;
        font-size: 12px;
    }
    .down-form .submit{
        margin-top: 20px;
        height: 36px;
        font-size: 14px;
        border-radius: 6px;
    }
    .ab-main .banner{
        height: 200px;
    }
    .ab-main .banner .info{
        width: 100%;
        padding: 0 20px;
    }
    .ab-main .banner .info .txt{
        width: 200px;
    }
    .ab-main .banner .info h2{
        font-size: 24px;
    }
    .ab-main .banner .info p{
        font-size: 14px;
        margin-top: 12px;
    }
    .ab-main .banner .info .btn{
        width: 120px;
        margin-top: 20px;
        height: 36px;
        font-size: 14px;
        border-radius: 6px;
    }
    .ab-main .banner .info .btn img{
        width: 12px;
        margin-left: 8px;
    }
    .ab-main .content{
        width: 100%;
        padding: 20px 14px;
        box-sizing: border-box;
    }
    .ab-main .content .part1{
        padding: 30px 0px;
        flex-wrap: wrap;
    }
    .ab-main .content .part1 .left{
        width: 100%;
    }
    .ab-main .content .part1 .right{
        margin-left: 0;
        margin-top: 20px;
    }
    .ab-main .content .part1 .right .big_title{
        padding-bottom: 18px;
    }
    .ab-main .content .part1 .right .big_title strong{
        font-size: 24px;
    }
    .ab-main .content .part1 .right .big_title span{
        font-size: 14px;
    }
    .ab-main .content .part1 .right .big_title::before{
        width: 48px;
        height: 4px;
    }
    .ab-main .content .part1 .right .description p{
        font-size: 14px;
        margin-top: 12px;
    }
    .ab-main .content .part1 .right .options{
        margin-top: 30px;
    }
    .ab-main .content .part1 .right .options .item .t{
        font-size: 28px;
    }
    .ab-main .content .part1 .right .options .item .d{
        font-size: 14px;
        margin-top: 12px;
    }
    .ab-main .content .part2{
        margin-top: 20px;
    }
    .ab-main .content .part2 .top_txt h2{
        font-size: 24px;
    }
    .ab-main .content .part2 .top_txt p{
        font-size: 14px;
        margin-top: 12px;
    }
    .ab-main .content .part2 .list{
        height: auto;
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .ab-main .content .part2 .list .item{
        width: 100%;
        height: 200px;
        margin-bottom: 1px;
    }
    .ab-main .content .part2 .list .item .t1{
        font-size: 18px;
        margin-bottom: 12px;
    }
    .ab-main .content .part2 .list .item .t2 p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ab-main .content .part2 .list .item .icon{
        width: 40px;
        left: 10px;
        bottom: 10px;
    }
    .ab-main .history{
        margin-top: 20px;
        height: auto;
    }
    .ab-main .history .content{
        padding: 14px;
        width: 100%;
        flex-wrap: wrap;
    }
    .ab-main .history .content .left{
        width: 100%;
        justify-content: center;
    }
    .ab-main .history .content .left h2{
        font-size: 20px;
        text-align: center;
    }
    .ab-main .history .content .left p{
        font-size: 14px;
        margin-top: 12px;
        text-align: center;
    }
    .ab-main .history .content .center,.ab-main .history .content .right{
        display: none;
    }
    .ab-main .history .content .m-list{
        display: block;
        width: 100%;
        height: 600px;
        overflow-y: auto;
    }
    .ab-main .history .content .m-list .item{
        width: 100%;
        padding: 20px 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #E5E5E5;
    }
    .ab-main .history .content .m-list .item p:first-child{
        font-size: 18px;
        font-weight: bold;
    }
    .ab-main .history .content .m-list .item p{
        font-size: 14px;
        line-height: 1.3;
    }
    .ab-main .honor{
        padding: 40px 0px;
    }
    .ab-main .honor .top_txt .t1{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .ab-main .honor .top_txt .t2{
        font-size: 14px;
    }
    .ab-main .honor .list{
        height: 300px;
    }
    .ab-main .honor .list .item{
        padding: 20px;
    }
    .ab-main .honor .list .item .pic{
        height: 200px;
    }
    .ab-main .honor .list .item .txt{
        padding: 0 20px;
        height: 60px;
        margin-top: 14px;
    }
    .ab-main .honor .list .item .txt .t1{
        font-size: 20px;
    }
    .ab-main .honor .list .item .txt .t2{
        font-size: 12px;
    }
    .ab-main .honor .list .item .txt .l_icon{
        width: 20px;
    }
    .ab-main .honor .list .item .txt .r_icon{
        width: 20px;
    }
    .ab-main .honor .list .left .honor-prev, .ab-main .honor .list .right .honor-next{
        width: 32px;
        height: 32px;
    }
    .ab-main .honor .list .left .honor-prev i,.ab-main .honor .list .right .honor-next i{
        font-size: 12px;
    }
    .ab-main .honor .list .swiper{
        width: 73%;
    }
    .join-main .banner{
        height: 300px;
    }
    .join-main .banner .banner-txt{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .join-main .banner .banner-txt .txt{
        width: 50%;
    }
    .join-main .banner .banner-txt .txt .t1{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .join-main .banner .banner-txt .txt .t2{
        font-size: 14px;
    }
    .join-main .content{
        width: 100%;
        padding: 20px;
    }
    .join-main .content .list{
        margin-bottom: 24px;
    }
    .join-main .content .list .item{
        padding: 10px;
        border-radius: 6px;
        margin-bottom: 14px;
    }
    .join-main .content .list .item .top .left{
        font-size: 14px;
    }
    .join-main .content .list .item .top .left img{
        width: 20px;
        margin-right: 8px;
    }
    .join-main .content .list .item .top .center{
        font-size: 14px;
    }
    .join-main .content .list .item .top .right img{
        width: 16px;
    }
    .join-main .content .list .item .text_area{
        border-radius: 6px;
    }
    .join-main .content .list .item .text_area.active{
        padding: 20px;
        margin-top: 14px;
    }
    .join-main .content .list .item .text_area .txt{
        font-size: 14px;
    }
    .join-main .content .list .item .text_area .email{
        padding: 8px 12px;
        font-size: 12px;
        border-radius: 6px;
    }
    .ct-main .banner{
        width: 100%;
        height: 300px;
    }
    .ct-main .banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ct-main .content{
        width: 100%;
        padding: 20px 0;
        flex-wrap: wrap;
    }
    .ct-main .content .left{
        width: 100%;
        height: 255px;
    }
    .ct-main .content .left .bg img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ct-main .content .left .txt{
        padding: 30px;
    }
    .ct-main .content .left .txt .t1{
        font-size: 24px;
    }
    .ct-main .content .left .txt .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .ct-main .content .left .txt .line{
        width: 32px;
        height: 4px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .ct-main .content .left .txt .info p{
        font-size: 14px;
        margin-top: 8px;
    }
    .ct-main .content .right{
        width: 100%;
        padding: 14px;
        margin-top: 20px;
    }
    .ct-main .content .right .t1{
        font-size: 24px;
    }
    .ct-main .content .right .input_box{
        margin-top: 20px;
    }
    .ct-main .content .right .input_box .item{
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 16px;
    }
    .ct-main .content .right .input_box .item .pt{
        font-size: 14px;
    }
    .ct-main .content .right .input_box .item input{
        width: 120px;
        padding: 0 10px;
    }
    .ct-main .content .right .input_box .e-item .pt{
        font-size: 14px;
    }
    .ct-main .content .right .input_box .e-item input{
        width: 120px;
        padding: 0 10px;
    }
    .ct-main .content .right .radio_box{
        margin-top: 20px;
    }
    .ct-main .content .right .radio_box .t_txt{
        font-size: 14px;
        margin-bottom: 12px;
    }
    .ct-main .content .right .radio_box .item{
        font-size: 12px;
        margin-top: 4px;
    }
    .ct-main .content .right .radio_box .item .layui-form-radio>*{
        font-size: 12px;
    }
    .ct-main .content .right .img_code_box{
        margin-top: 14px;
    }
    .ct-main .content .right .img_code_box .l{
        margin-right: 10px;
        padding-bottom: 10px;
    }
    .ct-main .content .right .img_code_box .l .pt{
        font-size: 14px;
    }
    .ct-main .content .right .img_code_box .l input{
        width: 124px;
        padding: 0 8px;
    }
    .ct-main .content .right .img_code_box .r img{
        width: 90px;
    }
    .ct-main .content .right .img_code_box .r .btn{
        width: 110px;
        border-radius: 48px;
        height: 26px;
        font-size: 12px;
    }
    .ct-main .content .right .submit{
        height: 30px;
        font-size: 14px;
    }
    .news-main .content .first_news .right .time span{
        margin-right: 12px;
    }
    .news-main .content .first_news .right .time span img{
        width: 12px;
        margin-right: 4px;
    }
    .news-main .content .list .item2{
        height: auto;
    }
    .news-main .content .list .item2 .pic{
        height: 180px;
    }
    .news-main .content .list .item2 .info{
        padding: 20px 14px;
        height: auto;
    }
    .news-main .content .list .item2 .info .t1{
        font-size: 16px;
    }
    .news-main .content .list .item2 .info .t2{
        font-size: 12px;
        margin-top: 14px;
    }
    .news-main .content .list .item2 .info .time{
        margin-top: 14px;
    }
    .news-main .content .list .item2 .info .time span{
        margin-right: 12px;
        font-size: 12px;
    }
    .news-main .content .list .item2 .info .time span img{
        width: 12px;
        margin-right: 4px;
    }
    .sl-main .content .part5{
        height: 126px;
        margin-top: 20px;
    }
    .sl-main .content .part5 .bg img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sl-main .content .part5 .txt .t1{
        font-size: 24px;
    }
    .sl-main .content .part5 .txt .t2{
        font-size: 14px;
        margin-top: 12px;
    }
    .sl-main .content .part5 .txt .btn{
        width: 90px;
        height: 26px;
        font-size: 12px;
        margin-top: 16px;
        border-radius: 4px;
    }
}

/* About page history: keep the real Swiper timeline usable on phones.
 * Legacy mobile rules hide .center/.right and expect an .m-list that is not
 * present in portal/about.html, so these rules intentionally sit last. */
@media screen and (max-width: 768px) {
    .ab-main .banner {
        height: auto;
    }
    .ab-main .history {
        height: auto;
        margin-top: 0;
        padding: 40px 0 48px;
    }
    .ab-main .history .content {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .ab-main .history .content .left {
        width: 100%;
        height: auto;
        margin-bottom: 28px;
        justify-content: center;
    }
    .ab-main .history .content .left h2 {
        font-size: 24px;
        line-height: 1.25;
        text-align: center;
    }
    .ab-main .history .content .left p {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.6;
        text-align: center;
    }
    .ab-main .history .content .center {
        display: block;
        width: 100%;
        height: 400px;
        padding: 0;
        overflow: hidden;
    }
    .ab-main .history .content .center .history-swiper {
        width: 100%;
        height: 100%;
        padding-right: 6px;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #b8c4d3 transparent;
    }
    .ab-main .history .content .center .history-swiper::-webkit-scrollbar {
        width: 4px;
    }
    .ab-main .history .content .center .history-swiper::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #b8c4d3;
    }
    .ab-main .history .content .center .history-swiper .swiper-wrapper {
        display: block;
        height: auto;
        transform: none !important;
    }
    .ab-main .history .content .center .history-swiper .swiper-slide {
        position: relative;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 0 30px 22px;
        border-left: 1px solid #d8e0ea;
        box-sizing: border-box;
    }
    .ab-main .history .content .center .history-swiper .swiper-slide:last-child {
        padding-bottom: 0;
    }
    .ab-main .history .content .center .history-swiper .swiper-slide::before {
        content: "";
        position: absolute;
        top: 6px;
        left: -6px;
        width: 9px;
        height: 9px;
        border: 1px solid #0078ff;
        border-radius: 50%;
        background: #f8f8f8;
        box-shadow: 0 0 0 4px #f8f8f8;
    }
    .ab-main .history .content .center .history-swiper .item {
        width: 100%;
        height: auto;
        padding: 0;
        overflow: visible;
        box-sizing: border-box;
    }
    .ab-main .history .content .center .history-swiper .item .year {
        margin-bottom: 18px;
        font-size: 28px;
        line-height: 1.1;
    }
    .ab-main .history .content .center .history-swiper .item .even {
        margin-bottom: 18px;
    }
    .ab-main .history .content .center .history-swiper .item .even p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.65;
        overflow-wrap: anywhere;
    }
    .ab-main .history .content .right {
        display: none;
    }
    .ab-main .history .content .m-list {
        display: none;
    }
    .ab-main .honor {
        padding: 40px 0;
    }
    .ab-main .honor .content .list,
    .ab-main .honor .content .list.swiper {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 380px) {
    .ab-main .history .content {
        padding: 0 12px;
    }
    .ab-main .history .content .center .history-swiper .swiper-slide {
        padding-left: 18px;
    }
}