h2 {
    font-size: var(--f48);
    font-weight: 700;
}

h3 {
    font-size: var(--f40);
    font-weight: 700;
}

.about .profile {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: clamp(30px, 4.6875vw, 90px);
    padding: 6.63% 0 calc(6.63% + 65px);
    border-bottom: 1px solid #e0e4e9;
}

.about .profile .left {
    width: 43%;
}

.about .profile .left span {
    font-size: var(--f16);
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    line-height: 100%;
}

.about .profile .left h3 {
    color: #ff7e24;
    line-height: 125%;
    margin-top: 20px;
    margin-bottom: clamp(40px, 4.375vw, 84px);
}

.about .profile .left p {
    font-size: var(--f18);
    line-height: 167%;
    color: #666;
}

.about .profile .left p:not(:last-child) {
    margin-bottom: clamp(20px, 2.08333333333vw, 40px);
}

.about .profile .right {
    flex: 1;
    display: flex;
    justify-content: end;
    position: relative;
}

.about .profile .right img {
    margin-left: auto;
    width: 81.7%;
    height: 100%;
    object-fit: cover;
}

.about .profile .right .info {
    max-width: 100%;
    max-height: 100%;
    min-width: 58%;
    padding: clamp(30px, 4.16666666667vw, 80px) clamp(20px, 2.6041666666667vw, 50px);
    position: absolute;
    left: 0;
    bottom: -65px;
    background-color: rgba(255, 126, 36, 0.85);
}

.profileMove {
    -webkit-animation-name: profileMove;
    animation-name: profileMove
}

@keyframes profileMove {
    0% {
        left: 160px;
        bottom: 0;
        opacity: 0.5;
    }

    100% {
        left: 0;
        bottom: -65px;
        opacity: 1;
    }
}

.about .profile .right .info ul {
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 5.20833333333333vw, 100px);
}

.about .profile .right .info ul li {
    width: 100%;
    display: flex;
    gap: 28px;
    justify-content: space-between;
}

.about .profile .right .info ul li .pulic {
    font-size: var(--f60);
    text-transform: uppercase;
    line-height: 100%;
}

.about .profile .right .info ul li span {
    font-size: var(--f30);
    color: #fff;
    font-weight: 500;
    line-height: 100%;
    display: inline-block;
}

.about .profile .right .info ul li p {
    color: #fff;
    font-size: var(--f18);
    margin-top: var(--f16);
    line-height: 100%;
}

.about .profile .right .info ul li .couIco i {
    font-size: var(--f36);
    opacity: 0.4;
    color: #fff;
}

.profileImg {
    padding: clamp(50px, 5.6%, 90px) 0;
}

.pagination {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.pagination.hexagon span {
    width: 10px !important;
    height: 12px !important;
    border: 0;
    position: relative;
    border-radius: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    display: inline-block !important;
}

.pagination.hexagon span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(153, 153, 153, 0.85);
    transition: background-color .3s ease;
    -webkit-clip-path: polygon(5px 0px, 10px 3px, 10px 9px, 5px 12px, 0px 9px, 0px 3px, 5px 0px,
            5px 1.15px, 1.15px 3.4px, 1.15px 8.6px, 5px 10.85px, 8.85px 8.6px, 8.85px 3.4px, 5px 1.15px);
    clip-path: polygon(5px 0px, 10px 3px, 10px 9px, 5px 12px, 0px 9px, 0px 3px, 5px 0px,
            5px 1.15px, 1.15px 3.4px, 1.15px 8.6px, 5px 10.85px, 8.85px 8.6px, 8.85px 3.4px, 5px 1.15px);
}

.pagination.hexagon span.swiper-pagination-bullet-active::before {
    background-color: rgba(255, 126, 36, 0.85) !important;
    -webkit-clip-path: polygon(5px 0px, 10px 3px, 10px 9px, 5px 12px, 0px 9px, 0px 3px);
    clip-path: polygon(5px 0px, 10px 3px, 10px 9px, 5px 12px, 0px 9px, 0px 3px);
}



/* .pagination span {
    width: 9.75px !important;
    height: 11.28px !important;
    border: 0;
    position: relative;
    border-radius: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    display: inline-block !important;
}

.pagination span::before,
.pagination span::after {
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #999;
    left: -1px;
    top: -1px;
    z-index: -1;
    transition: background-color .3s ease;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.pagination span::before {
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.pagination span::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 1;
}

.pagination span.swiper-pagination-bullet-active::before,
.pagination span.swiper-pagination-bullet-active::after {
    background-color: #ff7e24;
} */

.ab2 {
    position: relative;
}

.ab2>.center {
    position: absolute;
    left: 50%;
    bottom: -81px;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 1;
}

.ab2Move {
    -webkit-animation-name: ab2Move;
    animation-name: ab2Move
}

@keyframes ab2Move {
    0% {
        left: calc(50% - 10%);
        bottom: 0;
        opacity: 0.5;
    }

    100% {
        left: 50%;
        bottom: -81px;
        opacity: 1;
    }
}

.ab2Ib {
    width: 50%;
    padding: clamp(30px, 3.64583333333333vw, 70px) clamp(25px, 3.38541666666667vw, 65px) clamp(20px, 2.6041666666667vw, 50px);
    background-color: rgba(255, 126, 36, 0.85);
}

.ab2Ib>.ab2Info {
    margin: 0 !important;
}

.ab2Ib>.ab2Info .swiper-slide {
    color: #fff;
}

.ab2Ib>.ab2Info .swiper-slide span {
    font-size: var(--f16);
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
}

.ab2Ib>.ab2Info .swiper-slide p {
    font-size: var(--f36);
    line-height: 116%;
    font-weight: 700;
    margin: clamp(25px, 2.0833333333vw, 40px) 0 calc(clamp(25px, 2.0833333333vw, 40px) * 2);
}

.ab2Ib>.pagination {
    margin-top: 0;
    text-align: left !important;
}

.ab2Ib>.pagination span::before {
    background-color: #fff;
}

.ab2Ib>.pagination span.swiper-pagination-bullet-active::before {
    background-color: #fff !important;
}

.ab2Ib>.pagination {
    justify-content: start;
}

.ani.ani-leave {
    animation-name: fadeOutUp !important;
    -webkit-animation-name: fadeOutUp !important;
    animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-delay: 0s !important;
    -webkit-animation-delay: 0s !important;
    animation-fill-mode: forwards !important;
}

.ab3 {
    background: url("/src/img/ab3.jpg");
    padding: clamp(100px, 12.8125vw, 246px) 0 clamp(50px, 7.65625vw, 147px);
}

.ab3>.center>h3 {
    text-align: center;
    color: #000;
    margin-bottom: clamp(30px, 3.125vw, 60px);
}

.ab3>.center .honors .imgBox {
    aspect-ratio: 1 / 1;
    padding: 50px 30px;
    background-color: #ffffff;
    margin-bottom: 35px;
    transition: background-color .6s ease;
}

.ab3>.center .honors .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-filter: drop-shadow(0px 19px 35px rgba(6, 16, 42, 0.22));
    filter: drop-shadow(0px 19px 35px rgba(6, 16, 42, 0.22));
}

.ab3>.center .honors .swiper-slide {
    cursor: pointer;
}

.ab3>.center .honors .swiper-slide p {
    padding: 0 clamp(30px, 3.125vw, 60px);
    text-align: center;
    font-size: var(--f18);
    color: #000;
    line-height: 133%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ab3>.center .honors .swiper-slide:hover .imgBox {
    background-color: #ff7e24;
}

/* product */
.proBox {
    padding: clamp(50px, 5.61%, 107px) 0;
    background-color: #f3f5f7;
}


.proBox>.center>p {
    font-size: var(--f24);
    line-height: 150%;
    color: #000;
}

.proList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(25px, 1.979166666667vw, 38px);
    row-gap: clamp(46px, 4.7916666666667vw, 92px);
    margin-top: clamp(50px, 5.61%, 107px);
}

.proList .proItem {
    /* flex: 1; */
    display: block;
}

.proList .proItem>.imgBox {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    padding: clamp(38px, 4.0104166666667vw, 77px) clamp(28px, 2.96875vw, 57px);
    margin-bottom: clamp(20px, 2.0833333333vw, 40px);
}

.proList .proItem>p {
    font-size: var(--f18);
    color: #000;
    text-align: center;
    padding: 0 clamp(28px, 2.96875vw, 57px);
    transition: color .3s ease;
}

.proList .proItem>.imgBox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform .6s ease;
}

.proList .proItem:hover>.imgBox img {
    transform: scale(1.1);
}

.proList .proItem:hover>p {
    color: #ff7e24;
}

.proBox .pagin li {
    font-size: var(--f18);
    font-weight: 500;
}

/* detail */
.pro_word {
    margin-top: 9rem;
    margin-bottom: clamp(45px, 3.6458333333333vw, 70px);
}

.pro_word .bread_crumbs {
    padding-top: 34px;
}

.pro_word .bread_crumbs * {
    color: #666;
    font-size: var(--f18);
}

.tai_box {
    padding-top: 6%;
}

.tai_box .tai_tit {
    font-size: var(--f40);
    font-weight: 700;
    color: #000;
    line-height: 125%;
    margin-bottom: var(--f24);
}

.tai_items+.tai_items {
    margin-top: 10%;
    position: relative;
}

.tai_box .tai_info {
    font-size: var(--f24);
    color: #000000;
    line-height: 150%;
}

.tai_box .tai_p {
    font-size: var(--f18);
    color: #666666;
    line-height: 167%;
    margin-top: 2%;
}

p.tai_p2 {
    font-size: var(--f18);
    color: #000000;
    margin-bottom: 2%;
}

ul.tai_ul2 {
    color: #666666;
    font-size: var(--f18);
    line-height: 150%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
ul.tai_ul2 li{
     padding-left: var(--f18);
     position: relative;
}
ul.tai_ul2 li:before{
    content:'';
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: var(--li);
    border-radius: 50%;
    left: 0;
    top: .5rem;
}
ul.tai_ul2 b {
    font-weight: 500;
    color: #000000;
}

.tai_imbox .tc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 5%;
}

.tai_imbox .tc .tai_tit {
    color: #fff;
}

.tai_p3 {
font-size: var(--f24);
    line-height: 167%;
    max-width: calc(var(--f24) * 36);
    margin-bottom: var(--f48);
    color: #fff;
}

.tai_imbox .tc a {
    font-size: var(--f18);
}

.pro_detail .center {
    align-items: stretch;
    gap: clamp(56px, 8.59375vw, 165px);
    margin-bottom: clamp(50px, 7.29166666666667vw, 140px);
}

.pro_detail .center>.left {
    flex: 1;
    width: calc(100% - 286px - clamp(56px, 8.59375vw, 165px));
}

.pro_detail>.center>.right {
    max-width: 286px;
    padding-left: clamp(30px, 3.125vw, 60px);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.tai_box .right ul {
    position: sticky;
    left: 0;
    top: 150px;
}

.pro_detail>.center>.right li {
    font-size: var(--f18);
    line-height: 133%;
    position: relative;
}

.pro_detail>.center>.right li a {
    display: block;
}

.pro_detail>.center>.right li {
    /* margin-bottom: 35px; */
    padding: calc(35px / 2) 0;
}

.pro_detail>.center>.right li::before {
    content: "";
    width: 3px;
    height: 0;
    background-color: #ff7e24;
    position: absolute;
    top: 0;
    left: calc((clamp(30px, 3.125vw, 60px) + 2px) * -1);
    transition: height .6s ease;
}

.pro_detail>.center>.right li.act::before,
.pro_detail>.center>.right li:hover:before {
    height: 100%;
}

.pro_detail>.center>.right li.act {
    color: #ff7e24;
}

.pro_detail .pro_top {
    gap: clamp(30px, 3.125vw, 60px);
}

.pro_detail .pro_top>.left {
    width: 45%;
}

.pro_detail .pro_top>.right {
    flex: 1;
}

.pro_detail .pro_top>.left .swiper.large {
    aspect-ratio: 1 / 1;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    overflow: hidden;
}

.pro_detail .pro_top>.left .swiper.large .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pro_detail .pro_top>.left .swiper.large .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.pro_detail .left .swiper.thumb {
    width: 100%;
    margin: 0 !important;
    margin-top: 28px !important;
    margin-bottom: clamp(35px, 3.75vw, 72px) !important;
}

.pro_detail .left .swiper.thumb .swiper-slide {
    aspect-ratio: 1 / 1;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .3s ease;
}

.pro_detail .swiper.thumb .swiper-slide.swiper-slide-thumb-active {
    border-color: #000 !important;
}

.pro_detail .pro_top .right {
    display: flex;
    flex-direction: column;
}

.pro_detail .pro_top .right h2 {
    color: #000;
    line-height: 125%;
    margin-bottom: clamp(20px, 2.0833333333vw, 45px);
}

.pro_detail .pro_top .right p {
    font-size: var(--f18);
    color: #666;
    margin-bottom: 20px;
}

.pro_detail .btn {
    width: fit-content;
    display: inline-block;
    padding: 20px clamp(30px, 2.6041666666667vw, 50px);
    border: 2px solid #ff7e24;
    border-radius: 50px;
    line-height: 100%;
    font-size: var(--f18);
    color: #000;
    margin-top: auto;
    transition: color .3s ease, background-color .3s ease;
    margin-bottom: calc(clamp(35px, 3.75vw, 72px) + (85% / 5) + 28px);
}

.pro_detail .btn:hover {
    color: #fff;
    background-color: #ff7e24;
}

.pro_detail .left hr {
    outline: none;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: clamp(30px, 3.333333333333vw, 64px);
}

.pro_detail .left .pro_con {
    margin-bottom: clamp(50px, 6.04166666667vw, 116px);
}

.pro_detail .left .pro_con p,
.pro_detail .left>p {
    font-size: var(--f18);
    line-height: 167%;
    color: #666;
}

.pro_detail .left .pro_con p strong,
.pro_detail .left>p strong {
    color: #000;
}

.pro_detail .left>p {
    margin-bottom: 50px;
}

.pro_detail .left .flat {
    width: 100%;
}


.mobil {
    display: none;
}

.pro_detail .left .pro_con p {
    position: relative;
}

.pro_detail .left .pro_con p:before {
    content: '';
    width: .3rem;
    height: .3rem;
    background: var(--li);
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem;
    vertical-align: middle;
}

.faq_tit {
    font-size: var(--f36);
    color: #000000;
    font-weight: bold;
    margin: 3% 0 0;
}

.faq_tit:after {
    content: '';
    display: block;
    width: 35px;
    height: 5px;
    background: var(--li);
    margin: 1% 0 var(--f30);
}


.faq_li {
    padding: 1.5% 2%;
    background: #f1f3f5;
    margin-bottom: 2%;
    border-radius: 5px;
}

.faq_li:last-child {
    margin-bottom: 0;
}

.faq_li .faq_txc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.faq_li .faq_txc .left {
    font-size: var(--f18);
    color: #000000;
    line-height: 133%;
    font-weight: 400;
    width: calc(100% - var(--f40) - 20px);
    margin-right: auto;
}

.faq_li.cur .faq_txc .left {
    color: var(--li);
}

.faq_li .btns {
    width: var(--f40);
    height: var(--f40);
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #000;
    transition: all .5s ease;
}

.faq_li.cur .btns {
    transform: rotate(90deg);
    fill: var(--li);
}

.faq_li.cur .btns .colse {
    display: block;
}

.faq_li .faq_word {
    margin-top: 1%;
    display: none;
    text-align: left;
    font-size: var(--f18);
    line-height: 150%;
    color: #000000;
}

.faq_li .faq_word table {
    margin: 1% 0;
    border-collapse: collapse;
}

.faq_li .faq_word th {
    color: #000;
    border-bottom: 1px solid #ccc;
    padding: 1rem;
}

.faq_li.cur .faq_word {
    display: block;
}

.faq_li .faq_word strong {
    color: #000;
    font-weight: 700;
}

.faq_li .faq_word ol li {
    list-style: auto;
    margin-bottom: 1%;
}

.faq_li .faq_word ul li {
    list-style: disc;
}

.faq_li .faq_word ul,
.faq_li .faq_word ol {
    padding-left: 1.5rem;
    margin: 1% 0px;
}

.faq_li .faq_word li::marker {
    color: #000;
    font-weight: bold;
}

.faq_li .faq_word table td {
    border-bottom: 1px solid #eee;
    padding: 1rem;
}

.faq_box {
    margin-bottom: clamp(50px, 6.04166666667vw, 116px);
}

.tai_items .faq_box {
    margin-bottom: 0;
}

/* .pro_detail .left:not(.pagination) .flat{
    margin-bottom: clamp(50px, 7.29166666666667vw, 140px);
}

.pro_detail .left .pagination {
    margin-bottom: clamp(50px, 7.29166666666667vw, 140px);
} */

/* .pro_detail .left .pro_con p:has(strong) {
    margin-bottom: clamp(15px, 1.5625vw, 30px);
} */

@media only screen and (max-width: 1424px) {
    .pro_detail .btn {
        margin: 0;
        margin-bottom: clamp(35px, 3.75vw, 72px);
    }

    .pro_detail .center {
        gap: 50px;
    }
}


@media only screen and (max-width: 1200px) {
    .about .profile .right .info {
        width: 100%;
        animation: none;
        bottom: 0;
    }

    .about .profile .right img {
        width: 100%;
    }

    .pro_word {
        margin-top: 8rem;
    }

    .mobil {
        display: block;
    }

    .pro_detail>.center>.right {
        position: fixed;
        left: calc(100vw - 48px);
        top: 30%;
        z-index: 99999 !important;
        border: 0;
        padding-left: 0;
        width: auto;
        height: auto;
        user-select: none;
    }

    .pro_detail>.center>.right.draggable-animating {
        transition: left 0.3s cubic-bezier(0.25, 1, 0.5, 1), top 0.2s ease-out !important;
    }

    .pro_detail>.center>.right.draggable-left ul,
    .pro_detail>.center>.right.draggable-left .mobi {
        border-radius: 0 24px 24px 0;
    }

    .pro_detail>.center>.right.draggable-right ul,
    .pro_detail>.center>.right.draggable-right .mobi {
        border-radius: 24px 0 0 24px;
    }

    .pro_detail>.center>.right.draggable-move .mobi {
        border-radius: 50px;
    }

    .pro_detail>.center>.right ul {
        pointer-events: auto;
        position: absolute;
        right: 0;
        top: 40px;
        background: #ffffff;
        width: 280px;
        border-radius: 24px 0 0 24px;
        box-shadow: -8px 12px 28px rgba(0, 0, 0, 0.12);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease, visibility 0.25s, transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        border: 1px solid #ffe2e2;
        border-right: none;
        backdrop-filter: blur(0px);
        overflow-y: auto;
        max-height: 60vh;
        padding-left: clamp(30px, 3.125vw, 60px);
    }

    .pro_detail>.center>.right ul.open {
        opacity: 1;
        visibility: visible;
    }

    .pro_detail>.center>.right ul .close {
        text-align: right;
        position: sticky;
        top: 0;
        padding: 10px 10px 0 0;
        background-color: #fff;
        z-index: 1;
    }

    .pro_detail>.center>.right ul .close svg:hover path {
        transition: fill .3s ease;
    }

    .pro_detail>.center>.right ul .close svg:hover path {
        fill: #ff7e24;
    }

    .pro_detail>.center>.right li::before {
        left: calc(clamp(30px, 3.125vw, 60px) * -1);
    }

    .pro_detail>.center>.right .mobi {
        width: fit-content;
        border-radius: 30px 0 0 30px;
        box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.25s ease;
        border: 1px solid rgba(229, 62, 62, 0.2);
        border-right: none;
        background: linear-gradient(135deg, #fff, #fef9f9);
        backdrop-filter: blur(2px);
        padding: 10px 15px;
    }

    .pro_detail>.center>.right.draggable-right ul {
        right: 0;
        left: auto;
        border-right: none;
    }

    .pro_detail>.center>.right.draggable-left ul {
        left: 0;
        right: auto;
        border-left: none;
    }

    .pro_detail>.center>.right.draggable-left ul {
        direction: rtl;
        padding-left: 30px;
        padding-right: 10px;
        overflow-x: hidden;
    }

    .pro_detail>.center>.right.draggable-left li {
        direction: ltr;
    }

    .pro_detail>.center>.right.draggable-left li::before {
        left: initial;
        right: -10px;
    }
}

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

    .about .profile {
        padding: 50px 0;
        flex-direction: column;
    }

    .about .profile .left {
        width: 100%;
    }

    .about .profile .right {
        flex: auto;
        height: auto;
    }

    .about .profile .right .info {
        width: 58%;
        /* bottom: -25px; */
    }

    .about .profile .right {
        height: 70lvh;
    }

    .ab2Ban .swiper-slide img {
        display: block;
        min-height: 60lvh;
        object-fit: cover;
    }

    .ab2Ib {
        width: 80%;
    }

    .ab2>.center {
        bottom: -40px;
    }

    @keyframes ab2Move {
        0% {
            left: calc(50% - 10%);
            bottom: 0;
            opacity: 0.5;
        }

        100% {
            left: 50%;
            bottom: -40px;
            opacity: 1;
        }
    }

    .proList {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
        margin-top: 30px;
    }

    ul.pagination li {
        width: 35px !important;
        height: 35px !important;
    }

    .pro_detail .pro_top {
        gap: 0;
    }

    .pro_detail .btn {
        padding: 14px 30px;
    }

    .pro_word {
        margin-top: 110px;
        margin-bottom: 30px;
    }

    .proBox>.center>p {
        font-size: 18px;
    }

    .faq_li {
        padding: 20px;
    }

    .faq_tit {
        margin: 50px 0 25px;
    }

    .tai_box .tai_info {
        font-size: 18px;
    }

    .tai_box .tai_p {
        margin-top: 16px;
    }

    .tai_imbox .tc {
        position: static;
        padding: 20px 0;
    }

    .tai_imbox .tc .tai_tit {
        color: #000;
    }

    .tai_p3 {
        font-size: 18px;
        line-height: 167%;
        color: #333;
    }

    .tai_imbox .tc a {
        font-size: var(--f18);
        color: #000;
        border-color: var(--li);
    }

    .tai_imbox .public_more:before {
        color: #333;
    }
}

@media only screen and (max-width:600px) {
    h3 {
        font-size: 24px;
    }

    .about .profile .right .info {
        width: 100%;
    }

    .about .profile .right .info ul {
        gap: 20px;
    }

    .about .profile .right .info ul li .pulic {
        font-size: 42px;
    }

    .about .profile .right .info ul li .couIco i {
        font-size: 36px;
        opacity: 0.6;
    }

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

    .pro_detail .pro_top>.left {
        width: 50%;
    }

    .pagination {
        margin-top: 20px;
    }

    .pro_detail>.center>.right li {
        padding: 5px 0;
    }

    .about .profile .left h3 {
        margin: 10px 0 20px;
    }

    .about .profile .left p:not(:last-child) {
        margin-bottom: 16px;
    }

    .ab3 {
        padding: 50px 0;
    }
}

@media only screen and (max-width:480px) {
    .about .profile .right .info ul li .pulic {
        font-size: 42px;
    }

    .about .profile .right .info ul li span {
        font-size: 18px;
    }

    .about .profile .right .info ul li p {
        margin-top: 8px;
    }

    .ab2Ban .swiper-slide img {
        min-height: 80lvh;
    }

    .ab2>.center {
        bottom: 0;
    }

    .ab2Ib {
        width: 100%;
    }

    .ab2Ib>.ab2Info .swiper-slide p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        line-height: 133%;
    }

    @keyframes ab2Move {
        0% {
            left: calc(50% - 10%);
            bottom: 0;
            opacity: 0.5;
        }

        100% {
            left: 50%;
            bottom: 0;
            opacity: 1;
        }
    }

    .pro_detail .pro_top>.left {
        width: 100%;
        /* margin: 0 auto; */
    }
}

@media only screen and (max-width: 350px) {
    .proList {
        grid-template-columns: 1fr;
    }
}