@media screen and (max-width: 786px) {
    .content {
        padding:0 1.2rem
    }

    .swiper_content {
        padding: 10px 1.2rem
    }

    .obly_mobile {
        display: block
    }

    .head .subtitle {
        font-size: 14px
    }

    .head h1 {
        font-size: 25px;
        line-height: 1.5
    }

    .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .head p {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .video_pop {
        padding: 0
    }

    .video_pop .pop_content {
        max-width: 100%;
        width: calc(100% - 2.4rem)
    }

    .video_pop .pop_content iframe {
        width: 100%;
        min-height: unset
    }

    .button_more,.learn_more {
        font-size: 14px!important;
        padding: 10px 3rem 12px 1rem!important
    }

    .button_more::after,.learn_more::after {
        width: 2rem!important;
        height: 2rem!important;
        top: 4px!important;
        right: 4px!important
    }

    .button_more:hover,.learn_more:hover {
        padding: 10px 2rem 12px!important
    }

    .view_more {
        font-size: 14px;
        gap: 8px
    }

    .view_more::after {
        width: 2.5rem;
        height: 2.5rem
    }

    header.sticky {
        transform: translate(0)
    }

    header.sticky .header_main {
        padding: 20px 0
    }

    header .header_top {
        display: none
    }

    header .header_main {
        padding: 20px 0
    }

    header .header_main .logo img {
        width: 120px
    }

    header .header_main nav {
        position: fixed;
        top: 0;
        left: -100%;
        width: 75vw;
        height: 100vh;
        background-color: #fff;
        z-index: 19999;
        transition: all 0.3s;
        display: block;
        overflow: auto
    }

    header .header_main nav.active {
        left: 0
    }

    header .header_main nav .close {
        padding: 2rem 1.2rem 1.2rem;
        border-bottom: 1px solid #eee;
        text-align: right
    }

    header .header_main nav .close span {
        display: inline-block;
        width: 15px;
        filter: brightness(0);
        height: 15px;
        background: url(/Public/Index/img/close.svg) no-repeat center / contain
    }

    header .header_main nav div>ul {
        display: block
    }

    header .header_main nav div>ul>li {
        margin-right: 0
    }

    header .header_main nav div>ul>li::before {
        display: none
    }

    header .header_main nav div>ul>li.menu-item-has-children {
        padding: 0
    }

    header .header_main nav div>ul>li:hover.current-menu-item,header .header_main nav div>ul>li:hover.current-menu-parent {
        color: var(--theme_color)
    }

    header .header_main nav div>ul>li:hover>a {
        color: var(--title_color)
    }

    header .header_main nav div>ul>li>a {
        color: var(--title_color);
        line-height: 4rem;
        position: relative;
        padding: 0 0 0 4rem
    }

    header .header_main nav div>ul>li>a::before {
        content: "";
        width: 23px;
        height: 23px;
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
        background: url(/Public/Index/img/menu-default.svg) no-repeat center / contain
    }

    header .header_main nav div>ul>li.menu-item-home>a::before {
        background-image: url(/Public/Index/img/menu-home.svg)
    }

    header .header_main nav div>ul>li.product-icon>a::before {
        background-image: url(/Public/Index/img/menu-product.svg)
    }

    header .header_main nav div>ul>li.about-icon>a::before {
        background-image: url(/Public/Index/img/menu-about.svg)
    }

    header .header_main nav div>ul>li.case-icon>a::before {
        background-image: url(/Public/Index/img/menu-case.svg)
    }

    header .header_main nav div>ul>li.blog-icon>a::before {
        background-image: url(/Public/Index/img/menu-blog.svg)
    }

    header .header_main nav div>ul>li.service-icon>a::before {
        background-image: url(/Public/Index/img/menu-service.svg)
    }

    header .header_main nav div>ul>li.contact-icon>a::before {
        background-image: url(/Public/Index/img/menu-contact.svg)
    }

    header .header_main nav div>ul>li.menu-item-has-children>a {
        margin-right: 52px
    }

    header .header_main nav div>ul>li.menu-item-has-children::after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        background: url(/Public/Index/img/select.svg) no-repeat center / contain;
        position: absolute;
        left: calc(100% - 2rem);
        top: 26px;
        transition: all 0.3s
    }

    header .header_main nav div>ul>li.active::after {
        transform: rotate(180deg)
    }

    header .header_main nav div>ul>li ul {
        position: static;
        visibility: visible;
        padding: 1rem 1rem .8rem;
        background-color: #f8f8f8;
        margin: 0 2rem;
        box-shadow: none;
        border-radius: 5px;
        display: none;
        transform: translate(0);
        opacity: 1;
        pointer-events: all;
        transition: none
    }

    header .header_main nav div>ul>li ul li a {
        color: var(--title_color);
        padding: .5rem 0;
        white-space: wrap;
        font-size: 14px
    }

    header .header_main .btns a {
        display: none
    }

    header .header_main .btns .icon_menu {
        display: block;
        width: 24px;
        height: 24px;
        background: url(/Public/Index/img/nav-btn.png) no-repeat center / contain;
        filter: contrast(0) brightness(20)
    }

    header .header_main .btns .overlay_m {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,.3);
        display: none;
        z-index: 9999
    }

    header .header_main .btns .overlay_m.active {
        display: block
    }

    footer .footer_contact {
        background-color: var(--theme_color)
    }

    footer .footer_contact .flex {
        display: block;
        padding: 2rem 0;
        min-height: unset
    }

    footer .footer_contact .flex::after {
        display: none
    }

    footer .footer_contact h2 {
        padding: 0;
        font-size: 22px;
        line-height: 1.5
    }

    footer .footer_contact a {
        margin-top: 2rem;
        font-size: 14px;
        padding: 10px 3rem 12px 1rem;
        display: block;
        width: max-content
    }

    footer .footer_contact a::after {
        width: 2rem;
        height: 2rem;
        top: 4px;
        right: 4px
    }

    footer .footer_contact a:hover {
        padding: 10px 2rem 12px
    }

    footer .footer_main {
        margin-top: 0;
        padding: 3rem 0
    }

    footer .footer_main .content>.flex {
        display: block
    }

    footer .footer_main .slide_obj {
        padding: 0
    }

    footer .footer_main .slide_obj strong {
        font-size: 15px;
        line-height: 42px;
        border: 1px solid rgba(255,255,255,.3);
        padding: 0 1.2rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        position: relative
    }

    footer .footer_main .slide_obj strong::after {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        background: url(/Public/Index/img/select.svg) no-repeat center / contain;
        position: absolute;
        right: 1.2rem;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s;
        filter: contrast(0) brightness(20)
    }

    footer .footer_main .slide_obj.active strong::after {
        transform: translateY(-50%) rotate(180deg)
    }

    footer .footer_main .slide_obj>div {
        display: none;
        padding: 0 1.2rem 1.2rem
    }

    footer .footer_main .slide_obj>div li {
        margin-bottom: .7rem
    }

    footer .footer_main .slide_obj>div a {
        font-size: 14px;
        line-height: 1.5;
        display: block
    }

    footer .footer_main .slide_obj>div p {
        font-size: .9rem;
        line-height: 1.5rem
    }

    footer .footer_main .slide_contact {
        width: 100%
    }

    footer .footer_main .slide_contact form {
        padding-top: 1.2rem;
        gap: 8px
    }

    footer .footer_main .slide_contact form textarea {
        height: 4rem
    }

    footer .footer_bottom {
        margin-top: -1px;
        margin-bottom: -1px
    }

    footer .footer_bottom .flex {
        gap: 2rem;
        flex-direction: column;
        align-items: center
    }

    footer .footer_bottom .imgs {
        gap: 12px;
        height: 40px
    }

    footer .footer_bottom .imgs li img {
        zoom:.8}

    footer .copyright .flex {
        flex-direction: column-reverse;
        gap: 1.25rem
    }

    footer .copyright p {
        text-align: center;
        font-size: 13px;
        line-height: 1.5
    }

    .home_banner {
        padding: 4rem 0 0
    }

    .home_banner .content>.flex {
        display: block;
        padding: 3rem 0 4rem
    }

    .home_banner .head {
        padding: 0
    }

    .home_banner .head strong {
        font-size: 1rem;
        line-height: 1.5
    }

    .home_banner .head h1 {
        margin-top: .5rem;
        font-size: 25px;
        line-height: 1.5
    }

    .home_banner .head p {
        margin-top: .5rem;
        font-size: .9rem;
        line-height: 1.5rem
    }

    .home_banner .head form {
        margin-top: 2rem
    }

    .home_banner .head form input[type="text"] {
        font-size: 14px;
        padding: 5px 12px 9px
    }

    .home_banner .head form input[type="submit"] {
        width: 2rem;
        height: 2rem
    }

    .home_banner .head .video {
        margin-top: 2rem
    }

    .home_banner .head .video .btn_play {
        width: 4rem;
        height: 4rem
    }

    .home_banner .news {
        right: 0;
        margin-top: 2rem
    }

    .home_banner .news ul {
        display: flex;
        overflow: auto;
        gap: 1rem
    }

    .home_banner .news ul li {
        min-width: 60%;
        margin-bottom: 0
    }

    .home_banner .news ul li a {
        flex-direction: column-reverse;
        padding: 10px 10px 1rem;
        gap: 8px;
        min-height: 293px
    }

    .home_banner .news ul li a .img {
        width: 100%
    }

    .home_banner .news ul li a .info .cate {
        font-size: 13px;
        line-height: 1.5
    }

    .home_banner .news ul li a .info p {
        font-size: 1rem;
        line-height: 1.5;
        margin: 0 0 .5rem
    }

    .home_banner .news ul li a .info .date {
        font-size: 13px;
        line-height: 1.5
    }

    .home_service {
        margin-top: -2rem
    }

    .service_swiper .swiper-slide a,.service_swiper .swiper-slide.active a {
        height: 487px!important;
        padding: 2rem 1.2rem 1.6rem
    }

    .service_swiper .swiper-slide a i,.service_swiper .swiper-slide.active a i {
        opacity: 1;
        margin-top: 0;
        width: 3rem;
        height: 3rem
    }

    .service_swiper .swiper-slide a strong,.service_swiper .swiper-slide.active a strong {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 1rem;
        height: auto;
        min-height: 54px
    }

    .service_swiper .swiper-slide a p,.service_swiper .swiper-slide.active a p {
        height: auto;
        font-size: .85rem;
        line-height: 1.3rem;
        margin-top: .5rem
    }

    .service_swiper .swiper-slide a>span,.service_swiper .swiper-slide.active a>span {
        margin: 20px auto 0
    }

    .service_swiper .swiper-slide a>span::after,.service_swiper .swiper-slide.active a>span::after {
        width: 2rem;
        height: 2rem
    }

    .service_swiper .swiper-slide a span span,.service_swiper .swiper-slide.active a span span {
        width: max-content;
        font-size: 14px;
        opacity: 1;
        padding-right: 15px
    }

    .home_canwedo {
        padding: 4rem 0
    }

    .home_canwedo .main {
        margin-top: 2rem
    }

    .home_canwedo .main .flex {
        flex-direction: column-reverse
    }

    .home_canwedo .main .imgs {
        width: 100%
    }

    .home_canwedo .main .left {
        width: 100%
    }

    .home_canwedo .main .left::before {
        left: 20px
    }

    .home_canwedo .main .left li {
        margin-bottom: 1rem;
        gap: .5rem
    }

    .home_canwedo .main .left li i {
        width: 2.5rem;
        height: 2.5rem;
        transform: translate(0)
    }

    .home_canwedo .main .left li .con::before {
        width: 2px;
        left: -28px
    }

    .home_canwedo .main .left li .con div {
        padding: 0 0 .5rem;
        max-height: 340px
    }

    .service_swiper .swiper-slide p {
        -webkit-line-clamp: 55!important
    }

    html[lang="zh"] .home_canwedo .main .left li .con div {
        max-height: 200px
    }

    .home_service .service_swiper {
        /*z-index: 999!important*/
    }

    .home_canwedo .main .left li h3 {
        font-size: 18px;
        line-height: 1.5;
        min-height: 2.5rem
    }

    .home_canwedo .main .left li p {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .home_canwedo .main .left li a {
        margin-top: 1.25rem;
        font-size: 14px;
        padding: 10px 3rem 12px 1rem
    }

    .home_canwedo .main .left li a::after {
        width: 2rem;
        height: 2rem;
        top: 4px;
        right: 4px
    }

    .home_canwedo .main .left li a:hover {
        padding: 10px 2rem 12px
    }

    .home_about {
        padding: 4rem 0
    }

    .home_about .intro {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .home_about .nums {
        margin-top: 2rem;
        flex-wrap: wrap
    }

    .home_about .nums li {
        width: 50%;
        min-width: 50%;
        margin-bottom: 2rem
    }

    .home_about .nums li:nth-child(even)::after {
        display: none
    }

    .home_about .nums li i {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: .5rem
    }

    .home_about .nums li span {
        font-size: 1.6rem
    }

    .home_about .nums li p {
        font-size: 13px;
        line-height: 1.5
    }

    .home_about .nums li p:last-child {
        margin-top: .5rem
    }

    .home_about .button_more {
        margin-top: 1.25rem
    }

    .home_category {
        padding: 4rem 0;
        border-radius: 12px;
        min-height: unset
    }

    .home_category .main {
        margin-top: 2rem
    }

    .home_category .main ul {
        overflow: auto
    }

    .home_category .main ul li {
        flex: unset;
        min-width: 60%
    }

    .home_category .main ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        min-height: unset;
        padding: 2rem 1.2rem 1.6rem
    }

    .home_category .main ul li a i {
        width: 3rem;
        height: 3rem
    }

    .home_category .main ul li a h3 {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 1rem
    }

    .home_category .main ul li a p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem;
        min-height: unset;
        opacity: 1;
        flex: 1
    }

    .home_category .main ul li a>span {
        opacity: 1;
        margin: 20px auto 0
    }

    .home_category .main ul li a>span::after {
        width: 2rem;
        height: 2rem
    }

    .home_category .main ul li a span span {
        width: max-content;
        font-size: 14px;
        opacity: 1;
        padding-right: 15px
    }

    .home_application {
        padding: 4rem 0
    }

    .home_application .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .home_application .main {
        margin-top: 2rem
    }

    .home_application .main .flex {
        flex-direction: column
    }

    .home_application .main .imgs {
        width: 100%;
        height: 200px;
        border-radius: 12px
    }

    .home_application .main .texts {
        position: static;
        width: 100%;
        border-radius: 0 0 12px 12px;
        margin-top: -12px
    }

    .home_application .main .texts .home_application_swiper .swiper-slide a {
        padding: 2rem 1.2rem 1.6rem
    }

    .home_application .main .texts .home_application_swiper .swiper-slide a h3 {
        font-size: 18px;
        line-height: 1.5
    }

    .home_application .main .texts .home_application_swiper .swiper-slide a p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .home_application .main .texts .home_application_swiper .swiper-slide a span {
        font-size: 14px;
        gap: 8px
    }

    .home_application .main .texts .home_application_swiper .swiper-slide a span::after {
        width: 2rem;
        height: 2rem
    }

    .home_application .main .nav {
        width: 100%;
        order: 3;
        margin-top: 1rem
    }

    .home_application .main .nav ul {
        display: flex;
        overflow: auto;
        gap: 12px
    }

    .home_application .main .nav li {
        margin: 0;
        min-width: 30%;
        padding: 12px;
        min-height: unset;
        gap: 12px;
        flex-direction: column
    }

    .home_application .main .nav li.active {
        gap: 12px;
        padding: 12px
    }

    .home_application .main .nav li.active::after {
        width: 100%;
        transform: translate(0);
        border-radius: 12px
    }

    .home_application .main .nav li::after {
        width: 100%;
        transform: translate(0);
        border-radius: 12px
    }

    .home_application .main .nav li i {
        width: 2rem;
        height: 2rem;
        min-width: 2rem
    }

    .home_application .main .nav li p {
        font-size: 13px;
        line-height: 1.5;
        text-align: center
    }

    .home_application .main .nav li span {
        display: none
    }

    .linecard_box {
        padding: 4rem 0
    }

    .linecard_box .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .linecard_box .nav {
        margin-top: 1.25rem
    }

    .linecard_box .nav ul {
        gap: 9px;
        flex-wrap: nowrap;
        overflow: auto
    }

    .linecard_box .nav ul li {
        font-size: 14px;
        line-height: 2.5rem;
        min-width: 2.5rem
    }

    .linecard_box .main {
        margin-top: 2rem
    }

    .linecard_box .main ul {
        gap: 12px;
        grid-template-columns: repeat(2,1fr)
    }

    .linecard_box .main ul li a {
        font-size: 14px;
        padding: 14px;
        min-height: 40px
    }

    .partnum_box {
        padding: 4rem 0
    }

    .partnum_box .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .partnum_box .main {
        margin-top: 2rem
    }

    .partnum_box .main ul {
        gap: 12px;
        grid-template-columns: repeat(2,1fr)
    }

    .partnum_box .main ul li a {
        font-size: 14px;
        padding: 14px;
        min-height: 40px
    }

    .page_banner {
        padding-top: 4rem
    }

    .page_banner .flex {
        min-height: 200px;
        padding: 2rem 0
    }

    .page_banner .head h1 {
        font-size: 25px;
        line-height: 1.5
    }

    .page_banner .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: 1rem
    }

    .about_intro {
        padding: 4rem 0
    }

    .about_intro .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .about_intro .nums {
        margin-top: 2rem;
        flex-wrap: wrap
    }

    .about_intro .nums li {
        width: 50%;
        min-width: 50%;
        margin-bottom: 2rem
    }

    .about_intro .nums li:nth-child(even)::after {
        display: none
    }

    .about_intro .nums li i {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: .5rem
    }

    .about_intro .nums li span {
        font-size: 1.6rem
    }

    .about_intro .nums li p {
        font-size: 13px;
        line-height: 1.5
    }

    .about_intro .nums li p:last-child {
        margin-top: .5rem
    }

    .about_overview {
        padding: 4rem 0
    }

    .about_overview .flex {
        display: block
    }

    .about_overview .head h2 {
        margin-bottom: 0
    }

    .about_overview .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        padding-top: .5rem
    }

    .about_overview .img {
        width: 100%;
        border-radius: 12px
    }

    .about_history {
        padding: 4rem 0
    }

    .about_history .main {
        margin-top: 2rem
    }

    .about_history .main::after {
        height: 100px;
        top: 35%
    }

    .about_history .main ul {
        overflow: auto;
        display: flex;
        gap: 1rem
    }

    .about_history .main ul li {
        padding-left: 1rem;
        top: 0!important;
        min-width: 60%
    }

    .about_history .main ul li strong {
        font-size: 18px;
        line-height: 1.5
    }

    .about_history .main ul li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .about_history .main .grid-3 {
        margin-top: 4rem
    }

    .service_box {
        padding: 4rem 0
    }

    .service_box .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .service_box .service_swiper {
        margin-top: 2rem
    }

    .application_main {
        padding: 4rem 0
    }

    .application_main .head p {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .application_main .main {
        margin-top: 2rem
    }

    .applications {
        display: block!important
    }

    .applications .application {
        margin-bottom: 1.2rem
    }

    .applications .application:last-child {
        margin-bottom: 0
    }

    .applications .application .con {
        display: block;
        padding: 1rem 1rem 1.2rem
    }

    .applications .application .con .img {
        width: 100%;
        height: 160px
    }

    .applications .application .con .info strong {
        font-size: 18px;
        line-height: 1.5
    }

    .applications .application .con .info p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .application_service {
        padding: 4rem 0
    }

    .application_service .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .application_service .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .application_service .application_service_swiper {
        margin-top: 2rem
    }

    .application_service .application_service_swiper .swiper-slide a {
        padding: 2rem 1.2rem 1.6rem
    }

    .application_service .application_service_swiper .swiper-slide i {
        width: 3rem;
        height: 3rem
    }

    .application_service .application_service_swiper .swiper-slide h3 {
        font-size: 18px;
        line-height: 1.5rem;
        margin-top: 1rem
    }

    .application_service .application_service_swiper .swiper-slide p {
        font-size: .85rem;
        line-height: 1.3rem;
        margin-top: .5rem
    }

    .application_service .application_service_swiper .swiper-slide span {
        font-size: 14px;
        gap: 8px;
        margin-top: 1.25rem
    }

    .application_service .application_service_swiper .swiper-slide span::after {
        width: 2rem;
        height: 2rem
    }

    .blog_banner .imgs {
        position: static;
        transform: translate(0);
        width: 100%;
        height: 200px
    }

    .blog_banner .imgs ul {
        width: 100%
    }

    .blog_banner .blog_banner_swiper .swiper-slide .flex {
        height: auto
    }

    .blog_banner .blog_banner_swiper .swiper-slide .info {
        width: 100%;
        padding: 2rem 0
    }

    .blog_banner .blog_banner_swiper .swiper-slide .info strong {
        font-size: 14px
    }

    .blog_banner .blog_banner_swiper .swiper-slide .info span {
        font-size: 14px
    }

    .blog_banner .blog_banner_swiper .swiper-slide .info .title {
        font-size: 18px;
        line-height: 1.5;
        margin-top: .5rem
    }

    .blog_banner .blog_banner_swiper .swiper-slide .info p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .blog_banner .blog_banner_swiper .swiper-slide .info .button_more {
        margin-top: 1.25rem
    }

    .blog_banner .box {
        position: static;
        width: 100%;
        padding-bottom: 2rem
    }

    .blog_banner .box .btn_prev,.blog_banner .box .btn_next {
        width: 2.5rem;
        height: 2.5rem
    }

    .blog_banner .box .swiper-pagination span {
        font-size: 14px
    }

    .blog_main {
        padding: 4rem 0
    }

    .blog_main .head .subtitle {
        font-size: 1rem;
        line-height: 1.5
    }

    .blog_main .head h1 {
        font-size: 20px;
        line-height: 1.5;
        margin-top: 1rem
    }

    .blog_main .main {
        margin-top: 2rem
    }

    .blog_main .main ul {
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 3rem;
        gap: 1rem 12px
    }

    .blog_main .main .nav-links {
        gap: 6px;
        flex-wrap: wrap
    }

    .blog_main .main .nav-links .page-numbers {
        font-size: 13px;
        line-height: 2rem;
        min-width: 2rem
    }

    .blog_main .main .nav-links .page-numbers.prev,.blog_main .main .nav-links .page-numbers.next {
        width: 2rem;
        height: 2rem;
        min-width: 2rem;
        margin: 0 8px 0 0
    }

    .blog_main .main .nav-links .page-numbers .next {
        margin: 0 0 0 8px
    }

    .blog_main .main .nav-links form {
        width: 100px
    }

    .blog_main .main .nav-links form input[type="number"] {
        font-size: 14px;
        padding: 6px 8px 8px
    }

    .blog_main .main .nav-links form input[type="submit"] {
        width: 2rem;
        height: 2rem
    }

    .posts .post a .info {
        padding: 12px 12px 1rem
    }

    .posts .post a .info span {
        font-size: 13px;
        line-height: 1.5
    }

    .posts .post a .info h2 {
        font-size: 15px;
        line-height: 1.5;
        margin-top: .2rem;
        -webkit-line-clamp: 2
    }

    .posts .post a .info p {
        font-size: 13px;
        line-height: 1.5;
        margin-top: .2rem;
        -webkit-line-clamp: 2
    }

    .posts .post a .info strong {
        display: none
    }

    .blog_inquiry {
        padding: 4rem 0
    }

    .blog_inquiry .head h2 {
        line-height: 1.5
    }

    .blog_inquiry form {
        margin-top: 1.25rem;
        gap: 1rem 0
    }

    .blog_inquiry form input,.blog_inquiry form textarea {
        font-size: 14px;
        padding: .7rem 1rem
    }

    .blog_inquiry form textarea {
        height: 100px
    }

    .blog_inquiry form .flex {
        flex-direction: column;
        gap: 1rem
    }

    .blog_inquiry form input[type="checkbox"] {
        width: 1rem;
        height: 1rem
    }

    .blog_inquiry form input[type="checkbox"]~p {
        font-size: 13px;
        line-height: 1.5;
        padding-left: 6px
    }

    .blog_inquiry form input[type="checkbox"]~p a {
        font-size: 13px;
        line-height: 1.5
    }

    .blog_inquiry form .auto {
        width: 100%
    }

    .blog_inquiry form input[type="submit"] {
        width: 100%;
        font-size: 14px;
        padding: 12px 1rem 14px 1rem;
        background-size: 2rem
    }

    .category_banner .banner {
        padding: 6rem 0 2rem
    }

    .category_banner .flex {
        min-height: unset
    }

    .category_banner .head h1 {
        font-size: 25px;
        line-height: 1.5
    }

    .category_banner .head form {
        margin-top: 2rem
    }

    .category_banner .head form input[type="text"] {
        font-size: 14px;
        padding: 5px 12px 9px
    }

    .category_banner .head form input[type="submit"] {
        width: 2rem;
        height: 2rem
    }

    .category_banner_nav ul {
        overflow: auto
    }

    .category_banner_nav ul li {
        min-width: max-content
    }

    .category_banner_nav ul li a {
        font-size: 14px;
        padding: 14px;
        min-height: 40px
    }

    .brand_intro {
        padding: 4rem 0
    }

    .brand_intro .main {
        margin-top: 2rem
    }

    .brand_intro .main ul li {
        padding: 1rem 1rem 1.6rem;
        display: block
    }

    .brand_intro .main ul li .img {
        width: 100%;
        height: 160px
    }

    .brand_intro .main ul li .info strong {
        font-size: 18px;
        line-height: 1.5
    }

    .brand_intro .main ul li .info p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .career_main {
        padding: 4rem 0
    }

    .career_main .filter {
        margin-top: 2rem
    }

    .career_main .filter span {
        font-size: 14px
    }

    .career_main .filter select {
        min-width: 120px;
        font-size: 14px;
        line-height: 1.5;
        background: url(/Public/Index/img/select-full.svg) no-repeat right 1rem center / 10px;
        background-color: #f6f6f6;
        padding: 9px 2rem 11px 1rem
    }

    .career_main .main {
        margin-top: 2rem
    }

    .career_main .main .container {
        margin-bottom: 3rem
    }

    .career_main .main .container>li {
        margin-bottom: 1.2rem
    }

    .career_main .main .container>li .title {
        padding: 1rem;
        min-height: unset
    }

    .career_main .main .container>li .title h3 {
        font-size: 15px;
        line-height: 1.5;
        padding-right: 8px
    }

    .career_main .main .container>li .title .pos {
        font-size: 12px;
        line-height: 1.5;
        gap: 6px
    }

    .career_main .main .container>li .title .pos::before {
        width: 1rem;
        height: 1rem
    }

    .career_main .main .container>li .intro {
        padding: 1rem 1rem 2rem
    }

    .career_main .main .container>li .intro strong {
        font-size: 14px;
        line-height: 1.5;
        padding: 8px 1rem 10px;
        margin-top: 1.25rem;
        min-width: 120px
    }

    .career_main .main .container>li .intro ul li {
        font-size: .9rem;
        line-height: 1.5rem;
        padding-left: 1rem
    }

    .career_main .main .container>li .intro ul li::before {
        top: 10px;
        left: 2px
    }

    .career_main .main .container>li .intro .button_more {
        margin-top: 2rem
    }

    .apply_pop {
        padding: 0
    }

    .apply_pop .pop_content {
        border-radius: 12px;
        padding: 2rem 1.2rem 1.6rem;
        width: calc(100% - 2.4rem)
    }

    .apply_pop .pop_content strong {
        font-size: 20px;
        line-height: 1.5
    }

    .apply_pop .pop_content form {
        gap: 1rem 0;
        margin-top: 2rem
    }

    .apply_pop .pop_content form input,.apply_pop .pop_content form i {
        font-size: 14px;
        padding: 8px 1rem 12px
    }

    .apply_pop .pop_content form i::after {
        width: 2.5rem;
        height: 2.5rem
    }

    .apply_pop .pop_content form input[type="submit"] {
        margin-top: 8px;
        font-size: 14px;
        padding: 7px 1rem 11px
    }

    .career_advantage {
        padding: 1.2rem 0 4rem
    }

    .career_advantage .flex {
        flex-direction: column-reverse
    }

    .career_advantage .img {
        min-height: unset!important;
        height: 200px!important;
        min-height: unset!important
    }

    html[lang="zh"] .career_advantage .img {
        min-height: unset!important
    }

    .career_advantage .intro {
        padding: 0;
        margin-top: 2rem
    }

    .career_advantage .intro ul li {
        margin-bottom: 1.2rem
    }

    .career_advantage .intro ul li strong {
        font-size: 18px;
        line-height: 1.5
    }

    .career_advantage .intro ul li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .career_advantage .intro .learn_more {
        margin-top: 2rem
    }

    .career_join {
        padding: 4rem 0
    }

    .career_join .flex {
        flex-direction: column-reverse
    }

    .career_join .main {
        margin-top: 2rem
    }

    .career_join .img {
        width: 100%;
        border-radius: 12px
    }

    .career_join .info h3 {
        font-size: 18px;
        line-height: 1.5
    }

    .career_join .info p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .career_join .info .learn_more {
        margin-top: 1.25rem
    }

    .category_intro {
        padding: 4rem 0
    }

    .category_intro p.center {
        font-size: 1rem;
        line-height: 1.5
    }

    .category_intro .main {
        margin-top: 2rem;
        background: none;
        padding: 0
    }

    .category_intro .main ul {
        display: block
    }

    .category_intro .main ul li {
        margin-bottom: 1rem;
        width: 100%;
        flex-direction: row;
        text-align: left;
        align-items: flex-start;
        gap: 8px
    }

    .category_intro .main ul li:nth-child(odd) {
        flex-direction: row;
        text-align: left
    }

    .category_intro .main ul li i {
        width: 3rem;
        height: 3rem
    }

    .category_intro .main ul li strong {
        font-size: 18px;
        line-height: 1.5
    }

    .category_intro .main ul li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .category_intro .bottom {
        width: 100%;
        margin: 1rem 0 0
    }

    .category_intro .bottom p {
        font-size: 1rem;
        line-height: 1.5
    }

    .category_intro .bottom .learn_more {
        margin-top: 1.25rem
    }

    .category_main {
        padding: 4rem 0
    }

    .category_main .head p {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .category_main .head .learn_more {
        margin-top: 1.25rem
    }

    .category_main .main {
        margin-top: 2rem
    }

    .category_main .main ul {
        gap: 1.2rem;
        grid-template-columns: 1fr
    }

    .category_main .main ul li {
        gap: 8px;
        padding: 1rem
    }

    .category_main .main ul li i {
        width: 2.5rem
    }

    .category_main .main ul li strong {
        font-size: 18px;
        line-height: 1.5
    }

    .category_main .main ul li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .category_service {
        padding: 4rem 0
    }

    .category_service .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .category_service .main {
        margin-top: 2rem
    }

    .category_service .main ul {
        display: flex;
        overflow: auto;
        gap: 1rem
    }

    .category_service .main ul li {
        min-width: 65%
    }

    .category_service .main ul li::before {
        display: none!important
    }

    .category_service .main ul li::after {
        display: none!important
    }

    .category_service .main ul li:last-child a::after {
        display: none
    }

    .category_service .main ul li a {
        padding: 0 1rem 0 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative
    }

    .category_service .main ul li a::after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: rgba(0,0,0,.1);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s
    }

    .category_service .main ul li div {
        flex: 1;
        display: flex;
        flex-direction: column
    }

    .category_service .main ul li i {
        width: 2.5rem;
        padding-bottom: 2.5rem
    }

    .category_service .main ul li h3 {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 1rem
    }

    .category_service .main ul li p {
        font-size: .85rem;
        line-height: 1.3rem;
        margin-top: .5rem;
        flex: 1
    }

    .category_service .main ul li span {
        font-size: 14px;
        gap: 8px
    }

    .category_service .main ul li span::after {
        width: 2rem;
        height: 2rem
    }

    .contact_main .banner {
        padding-top: 4rem
    }

    .contact_main .banner .flex {
        min-height: 300px
    }

    .contact_main .banner .head {
        padding: 0
    }

    .contact_main .banner .head h1 {
        font-size: 25px;
        line-height: 1.5
    }

    .contact_main .banner .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .contact_main .main {
        margin-top: 0;
        padding-bottom: 4rem
    }

    .contact_main .main .flex {
        display: block
    }

    .contact_main .main .infos {
        padding: 0
    }

    .contact_main .main .infos p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .contact_main .main .infos ul {
        margin-top: 1.25rem
    }

    .contact_main .main .infos ul li {
        gap: 8px;
        margin-bottom: 1rem
    }

    .contact_main .main .infos ul li i {
        width: 2.5rem;
        height: 2.5rem
    }

    .contact_main .main .infos ul li a,.contact_main .main .infos ul li strong {
        font-size: 1rem;
        line-height: 1.5
    }

    .contact_main .main .infos ul li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .contact_main .main .inquiry_form {
        margin-top: 3rem;
        width: 100%;
        padding: 1.5rem 1.2rem
    }

    .contact_main .main .inquiry_form form {
        gap: 1rem 0
    }

    .contact_main .main .inquiry_form form input,.contact_main .main .inquiry_form form textarea,.contact_main .main .inquiry_form form select {
        font-size: 14px;
        padding: 10px 1rem 12px
    }

    .contact_main .main .inquiry_form form select {
        background: url(/Public/Index/img/select.svg) no-repeat right 1rem center / 13px
    }

    .contact_main .main .inquiry_form form textarea {
        height: 120px
    }

    .contact_main .main .inquiry_form form input[type="checkbox"] {
        width: 1rem;
        height: 1rem;
        margin-top: 0
    }

    .contact_main .main .inquiry_form form input[type="checkbox"]~p {
        font-size: 13px;
        line-height: 1.5;
        padding-left: 6px;
        display: inline
    }

    .contact_main .main .inquiry_form form input[type="checkbox"]~p a {
        font-size: 13px;
        line-height: 1.5
    }

    .contact_main .main .inquiry_form form input[type="submit"] {
        margin-top: .5rem;
        width: 100%;
        font-size: 14px;
        padding: 12px 1rem 14px 1rem;
        background-size: 2rem
    }

    .contact_location {
        padding: 4rem 0
    }

    .contact_location .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .contact_location .intro {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .contact_location .main {
        margin-top: 2rem
    }

    .contact_location .main .locations {
        display: block;
        margin-bottom: 3rem
    }

    .contact_location .main .locations .location {
        margin-bottom: 1.2rem
    }

    .locations .location {
        border-radius: 12px
    }

    .locations .location .img {
        border-radius: 12px
    }

    .locations .location .info {
        padding: 1rem 1rem 1.6rem
    }

    .locations .location .info strong {
        font-size: 1rem;
        line-height: 1.5;
        padding-left: 1.2rem
    }

    .locations .location .info strong::before {
        width: 1rem;
        height: 1rem
    }

    .locations .location .info p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .locations .location .info ul {
        margin-top: 1.25rem
    }

    .locations .location .info ul li {
        margin-bottom: 12px;
        gap: 8px
    }

    .locations .location .info ul li::before {
        width: 1rem;
        height: 1rem
    }

    .locations .location .info ul li a {
        font-size: 14px;
        line-height: 1.5
    }

    .culture_mission {
        padding: 4rem 0;
        min-height: 60vh
    }

    .culture_mission li {
        margin-bottom: 1.25rem;
        gap: 12px
    }

    .culture_mission li i {
        width: 2.5rem;
        height: 2.5rem
    }

    .culture_mission li strong {
        font-size: 18px;
        line-height: 1.5
    }

    .culture_mission li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .culture_value {
        padding: 4rem 0
    }

    .culture_value .main {
        margin-top: 2rem;
        display: block
    }

    .culture_value .main .img {
        width: 100%
    }

    .culture_value .main .intro {
        width: 100%;
        margin-top: 2rem
    }

    .culture_value .main .intro::before {
        left: 1.5rem
    }

    .culture_value .main .intro li {
        gap: 8px;
        margin-bottom: 1rem
    }

    .culture_value .main .intro li::before {
        left: 1.5rem
    }

    .culture_value .main .intro li i {
        width: 3rem;
        height: 3rem
    }

    .culture_value .main .intro li .con h3 {
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 3rem
    }

    .culture_value .main .intro li .con p {
        font-size: .9rem;
        line-height: 1.5rem;
        padding: 0 0 .5rem
    }

    .culture_gallery {
        padding: 4rem 0
    }

    .culture_gallery .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .culture_gallery .head .learn_more {
        margin-top: 1.25rem
    }

    .culture_gallery .main {
        margin-top: 2rem
    }

    .culture_gallery .main ul {
        gap: 6px
    }

    .culture_gallery .main ul li {
        border-radius: 6px
    }

    .hotbrand_main .breadcrumbs_content {
        padding: 1.25rem 0
    }

    .hotbrand_main .breadcrumbs_content .breadcrumbs span {
        font-size: 14px
    }

    .hotbrand_main .breadcrumbs_content .breadcrumbs span a {
        font-size: 14px
    }

    .hotbrand_main .main {
        padding-bottom: 4rem
    }

    .hotbrand_main .main ul li {
        margin-top: 1.2rem
    }

    .hotbrand_main .main ul li a {
        padding: 1.2rem;
        display: block
    }

    .hotbrand_main .main ul li a .img {
        width: 100%;
        height: 160px;
        aspect-ratio: unset
    }

    .hotbrand_main .main ul li a .img img {
        object-fit: contain
    }

    .hotbrand_main .main ul li a .info strong.title {
        font-size: 18px;
        margin-bottom: .5rem;
        line-height: 1.5
    }

    .hotbrand_main .main ul li a .info p strong {
        font-size: 14px;
        line-height: 1.5
    }

    .hotbrand_main .main ul li a .info p span {
        font-size: 13px;
        line-height: 1.5
    }

    .location_advantage {
        padding: 3rem 1.2rem
    }

    .location_advantage ul {
        display: grid;
        gap: 2rem 1rem;
        grid-template-columns: repeat(2,1fr)
    }

    .location_advantage ul li i {
        width: 2.5rem;
        height: 2.5rem
    }

    .location_advantage ul li p {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: .5rem
    }

    .location_global {
        padding: 4rem 0
    }

    .location_global img {
        margin-top: 2rem
    }

    .location_main {
        padding: 4rem 0
    }

    .location_main .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .location_main .main {
        margin-top: 2rem
    }

    .location_main .main .locations {
        display: block
    }

    .location_main .main .locations .location {
        margin-bottom: 1.2rem
    }

    .post_banner {
        padding: 4rem 0 0;
        min-height: 300px;
        display: flex;
        align-items: center
    }

    .post_banner span {
        font-size: 14px;
        line-height: 1.5
    }

    .post_banner h1 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: .5rem
    }

    .post_main .breadcrumbs {
        padding: 1.25rem 0
    }

    .post_main .breadcrumbs span {
        font-size: 14px
    }

    .post_main .breadcrumbs span a {
        font-size: 14px
    }

    .post_main .main {
        padding-top: 0;
        display: block
    }

    .post_main .main .post_detail .content {
        padding: 0
    }

    .post_main .main .post_detail h2 {
        padding-top: 2rem;
        font-size: 18px;
        line-height: 1.5
    }

    .post_main .main .post_detail h3 {
        font-size: 17px;
        line-height: 1.5;
        padding-top: 1.5rem
    }

    .post_main .main .post_detail p {
        font-size: .9rem;
        line-height: 1.5rem;
        padding-top: 1.5rem
    }

    .post_main .main .post_detail p a {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .post_main .main .post_detail ul {
        padding: 1rem 0 0
    }

    .post_main .main .post_detail ul li {
        font-size: .9rem;
        line-height: 1.5;
        padding-left: 1rem
    }

    .post_main .main .post_detail ul li::before {
        width: 6px;
        height: 6px;
        top: 8px
    }

    .post_main .main .post_detail ul li a {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .post_main .main .post_detail img {
        margin-top: 2rem
    }

    .post_main .main .sidebar {
        margin-top: 4rem;
        width: 100%
    }

    .post_main .main .sidebar .infos {
        margin-bottom: 2rem
    }

    .post_main .main .sidebar .infos ul li {
        margin-top: .5rem;
        font-size: 14px
    }

    .post_main .main .sidebar .infos ul li::before {
        width: 1rem;
        height: 1rem
    }

    .post_main .main .sidebar .infos a {
        margin-top: 1.25rem;
        font-size: 14px;
        padding: 10px 3rem 12px 1rem
    }

    .post_main .main .sidebar .infos a::after {
        width: 2rem;
        height: 2rem;
        top: 4px;
        right: 4px
    }

    .post_main .main .sidebar .infos a:hover {
        padding: 10px 2rem 12px
    }

    .post_main .main .sidebar strong {
        font-size: 18px;
        line-height: 1.5
    }

    .post_main .main .sidebar .title {
        font-size: 18px;
        line-height: 1.5;
        padding-bottom: 12px
    }

    .post_main .main .sidebar .cate {
        margin-bottom: 2rem
    }

    .post_main .main .sidebar .cate ul li a {
        font-size: 14px;
        gap: 8px
    }

    .post_main .main .sidebar .cate ul li a::before {
        width: 12px;
        height: 12px;
        top: 4px
    }

    .post_main .main .sidebar .tags {
        margin-bottom: 2rem
    }

    .post_main .main .sidebar .tags ul {
        gap: 8px
    }

    .post_main .main .sidebar .tags ul li {
        font-size: 14px;
        padding: 8px 1rem 10px
    }

    .post_main .main .sidebar .download {
        margin-bottom: 2rem
    }

    .post_main .main .sidebar .download a {
        margin-top: 1.25rem
    }

    .post_main .main .sidebar .share .social li a {
        width: 2.5rem;
        height: 2.5rem
    }

    .post_main .main .expand {
        padding: 0 0 2rem
    }

    .post_main .main .expand form input[type="email"],.post_main .main .expand form input[type="text"] {
        font-size: 14px;
        padding: 10px 1rem 12px;
        border: 1px solid #eee;
        border-radius: 20rem
    }

    .post_main .main .expand form input[type="submit"] {
        font-size: 12px;
        background: none;
        background-color: var(--subtheme_color);
        padding: 12px 1rem 14px
    }

    .post_main .main .expand form input[type="submit"]:hover {
        background-color: var(--theme_color)
    }

    .post_main .subscribe {
        padding: 3rem 0;
        margin-top: 4rem
    }

    .post_main .subscribe strong {
        font-size: 18px;
        line-height: 1.5
    }

    .post_main .subscribe p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .post_main .subscribe form input[type="email"] {
        font-size: 14px;
        padding: 10px 1rem 12px
    }

    .post_main .subscribe form input[type="submit"] {
        font-size: 12px;
        background: none;
        background-color: var(--subtheme_color);
        padding: 12px 1rem 14px
    }

    .post_main .subscribe form input[type="submit"]:hover {
        background-color: var(--theme_color)
    }

    .post_main .btns {
        padding: 3rem 0
    }

    .post_main .btns strong {
        font-size: 1rem
    }

    .post_main .btns a {
        font-size: 14px
    }

    .post_main .btns div {
        margin-bottom: 1rem
    }

    .post_main .btns .next {
        margin-bottom: 0
    }

    .post_related {
        padding: 4rem 0 2rem
    }

    .post_related .bg {
        height: 100%;
        bottom: 0
    }

    .post_related .content>.flex {
        display: block
    }

    .post_related .title {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 1.25rem;
        display: block;
        color: #fff
    }

    .post_related .post_related_swiper {
        margin-top: 22px
    }

    .post_related .post_related_swiper .swiper-slide a {
        padding: 1.6rem 1rem
    }

    .post_related .post_related_swiper .swiper-slide a .date {
        font-size: 14px;
        height: 1.5
    }

    .post_related .post_related_swiper .swiper-slide a strong {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: .2rem
    }

    .post_related .post_related_swiper .swiper-slide a p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .2rem
    }

    .post_related .post_related_swiper .swiper-slide a span {
        margin-top: 1.25rem;
        font-size: 14px;
        gap: 8px
    }

    .post_related .post_related_swiper .swiper-slide a span::before {
        width: 2rem;
        height: 2rem
    }

    .post_related .swiper_btns.full {
        margin-top: 2rem;
        gap: 1rem
    }

    .post_related .swiper_btns.full div {
        width: 2.5rem;
        height: 2.5rem
    }

    .breadcrumbs_box {
        margin-top: 0;
        padding: 1.25rem 0
    }

    .breadcrumbs_box .breadcrumbs span {
        font-size: 14px
    }

    .breadcrumbs_box .breadcrumbs span a {
        font-size: 14px
    }

    .procure_global {
        padding: 0 0 4rem
    }

    .procure_global .head {
        display: block
    }

    .procure_global .head h2 {
        margin-top: 0
    }

    .procure_global .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem;
        padding-bottom: 0
    }

    .procure_global .head .button_more {
        margin-top: 1.25rem
    }

    .procure_global img {
        margin-top: 2rem
    }

    .procure_channel {
        background-color: var(--theme_color);
        padding: 1.2rem 0 4rem
    }

    .procure_channel::after {
        display: none
    }

    .procure_channel .flex {
        display: block
    }

    .procure_channel .img {
        transform: translate(0)!important;
        margin-right: 0
    }

    .procure_channel .head {
        padding: 2rem 0 0
    }

    .procure_channel .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .procure_channel .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .procure_channel .head ul {
        margin-top: 2rem
    }

    .procure_channel .head ul li {
        margin-bottom: .7rem;
        font-size: .9rem;
        line-height: 1.5rem
    }

    .procure_channel .head ul li::before {
        top: 4px
    }

    .procure_system {
        padding: 4rem 0 3rem
    }

    .procure_system .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .procure_system .main {
        margin-top: 2rem
    }

    .procure_system .main .line {
        display: none
    }

    .procure_system .main ul {
        display: block
    }

    .procure_system .main ul li {
        margin-bottom: 1.2rem;
        text-align: left;
        display: flex;
        align-items: flex-start;
        gap: 1rem
    }

    .procure_system .main ul li .img {
        width: 4rem;
        order: 2
    }

    .procure_system .main ul li span {
        font-size: 14px;
        min-width: 2rem;
        height: 2rem;
        line-height: 2rem;
        margin: .5rem 0 0
    }

    .procure_system .main ul li span::after {
        width: 3rem;
        height: 3rem
    }

    .procure_system .main ul li p {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 1rem;
        flex: 1;
        order: 3;
        margin-top: .5rem
    }

    .procure_management {
        padding: 3rem 0;
        background: none
    }

    .procure_management .content {
        padding: 0 1.2rem;
        height: auto
    }

    .procure_management .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .procure_management .middle {
        position: static;
        transform: translate(0);
        width: 200px;
        font-size: 18px;
        line-height: 1.5;
        margin: 2rem auto 0
    }

    .procure_management ul {
        margin-top: 1rem
    }

    .procure_management ul li {
        margin-bottom: .7rem;
        position: static;
        text-align: left!important;
        font-size: 1rem;
        line-height: 1.5;
        transform: translate(0)!important
    }

    .procure_management ul li br {
        display: none
    }

    .procure_management .bottom {
        position: static;
        transform: translate(0);
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.5
    }

    .procure_intro {
        padding: 2rem 0 4rem
    }

    .procure_intro .flex {
        flex-direction: column-reverse
    }

    .procure_intro .img {
        width: 100%;
        border-radius: 12px
    }

    .procure_intro .head {
        padding: 0
    }

    .procure_intro .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .procure_intro .head .button_more {
        margin-top: 1.25rem
    }

    .product_preview .margin {
        height: 4rem
    }

    .product_preview .breadcrumbs {
        padding: 1.25rem 0
    }

    .product_preview .breadcrumbs span {
        font-size: 14px
    }

    .product_preview .breadcrumbs span a {
        font-size: 14px
    }

    .product_preview .flex {
        display: block
    }

    .product_preview .img {
        width: 100%
    }

    .product_preview .img .pic {
        margin-bottom: 1rem
    }

    .product_preview .img i {
        line-height: 1.5
    }

    .product_preview .infos {
        width: 100%;
        padding: 2rem 0
    }

    .product_preview .infos h1 {
        font-size: 22px;
        line-height: 1.5
    }

    .product_preview .infos table {
        margin-top: 2rem
    }

    .product_preview .infos table tr td {
        font-size: 13px;
        line-height: 1.5
    }

    .product_preview .infos table tr td a {
        line-height: 1.5;
        font-size: 13px
    }

    .product_preview .infos table tr td a i {
        width: 1rem;
        height: 1rem;
        margin-right: 4px
    }

    .product_preview .infos table tr td:first-child {
        font-size: 13px;
        line-height: 1.5
    }

    .product_preview .quote {
        width: 100%;
        margin-top: 2rem;
        padding: 1.6rem 1.2rem
    }

    .product_preview .quote strong {
        font-size: 18px;
        line-height: 1.5
    }

    .product_preview .quote form {
        gap: 1rem 0
    }

    .product_preview .quote form input,.product_preview .quote form textarea {
        font-size: 14px;
        padding: .7rem 1rem
    }

    .product_preview .quote form textarea {
        height: 100px
    }

    .product_preview .quote form input[type="submit"] {
        margin-top: .5rem;
        width: 100%;
        font-size: 14px;
        padding: 12px 1rem 14px 1rem;
        background-size: 2rem
    }

    .quality_system {
        padding: 4rem 0
    }

    .quality_system .head h2 {
        font-size: 22px!important;
        line-height: 1.5
    }

    .quality_system .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .quality_system .main {
        margin-top: 2rem
    }

    .quality_system .main .flex {
        display: block
    }

    .quality_system .main .imgs {
        width: 100%;
        border-radius: 12px
    }

    .quality_system .main .intro {
        margin-top: 1rem
    }

    .quality_system .main .intro ul li .title {
        border-radius: 12px;
        padding: 1rem;
        gap: 8px;
        min-height: 5rem
    }

    .quality_system .main .intro ul li .title i {
        width: 2rem;
        height: 2rem
    }

    .quality_system .main .intro ul li .title span {
        width: 14px;
        height: 14px
    }

    .quality_system .main .intro ul li .title h3 {
        font-size: 1rem;
        line-height: 1.5
    }

    .quality_system .main .intro ul li .con {
        padding: 1rem 1rem 1.6rem
    }

    .quality_system .main .intro ul li .con p {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .quality_system .main .intro ul li .con .button_more {
        margin-top: 1.25rem;
        padding-left: 0!important
    }

    .quality_system .main .intro ul li .con .button_more:hover {
        padding: 10px 1.5rem 12px!important
    }

    .product_application {
        padding: 4rem 0
    }

    .product_application .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .product_application .main {
        margin-top: 2rem
    }

    .product_application .main ul {
        display: flex;
        overflow: auto;
        gap: 1rem;
        padding-bottom: 10px;
        margin-bottom: 3rem
    }

    .product_application .main ul li {
        min-width: 65%
    }

    .product_application .main ul li a {
        gap: 12px;
        min-height: 200px
    }

    .product_application .main ul li a h3 {
        font-size: 14px;
        line-height: 1.5
    }

    .product_application .main ul li a span {
        width: 2.5rem;
        height: 2.5rem
    }

    .product_component {
        padding: 4rem 0;
        transform: translate(0);
        margin: 0
    }

    .product_component .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .product_component table {
        margin-top: 2rem;
        display: block;
        overflow: auto
    }

    .product_component table tbody tr:first-child td {
        font-size: 14px;
        line-height: 1.5
    }

    .product_component table tbody tr td {
        padding: 0.7rem!important;
        font-size: 13px;
        line-height: 1.5
    }

    .product_component .button_more {
        margin-top: 2rem
    }

    .qacenter_process {
        padding: 4rem 0
    }

    .qacenter_process .head {
        width: 100%
    }

    .qacenter_process .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .qacenter_process .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .qacenter_process img {
        margin-top: 2rem
    }

    .qacenter_equipment {
        padding: 4rem 0;
        margin: 0;
        transform: translate(0)
    }

    .qacenter_equipment .main {
        margin-top: 2rem
    }

    .qacenter_equipment .main ul {
        grid-template-columns: repeat(2,1fr);
        gap: 1rem 12px
    }

    .qacenter_equipment .main ul li .con h3 {
        font-size: 14px;
        line-height: 1.5;
        padding: 12px;
        min-height: unset
    }

    .qualification_main {
        padding: 4rem 0;
        overflow: hidden
    }

    .qualification_main .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .qualification_main .main {
        margin-top: 2rem
    }

    .qualification_main .main ul {
        display: block
    }

    .qualification_main .main ul li {
        margin-bottom: 1.2rem
    }

    .certificates .certificate .con {
        padding: 2rem 1.2rem 1.6rem
    }

    .certificates .certificate .con strong {
        font-size: 18px;
        line-height: 1.5
    }

    .certificates .certificate .con p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .quality_banner .content {
        padding: 0
    }

    .quality_banner .main .flex {
        flex-direction: column-reverse
    }

    .quality_banner .main .img {
        min-height: unset;
        height: 200px
    }

    .quality_banner .main .head {
        padding: 3rem 1.2rem
    }

    .quality_banner .main .head h1 {
        font-size: 25px;
        line-height: 1.5
    }

    .quality_banner .main .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .quality_banner .nav {
        position: static;
        transform: translate(0)
    }

    .quality_banner .nav ul {
        overflow: auto;
        flex-wrap: nowrap
    }

    .quality_banner .nav ul li {
        min-width: max-content
    }

    .quality_banner .nav ul li a {
        font-size: 14px;
        padding: 14px;
        min-height: 40px
    }

    .quality_banner.noimg {
        background-color: #ebf0f2
    }

    .quality_banner.noimg .head {
        min-height: 300px;
        padding: 6rem 1.2rem 3rem
    }

    .ssdtp_process {
        padding: 3rem 0
    }

    .quality_standard {
        padding: 4rem 0
    }

    .quality_standard .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .quality_standard .swiper_btns {
        display: none
    }

    .quality_standard .swiper_box {
        margin-top: 22px
    }

    .quality_standard .quality_standard_swiper .swiper-slide {
        padding: 1rem .7rem .7rem
    }

    .ssdtp_test {
        padding: 4rem 0
    }

    .ssdtp_test .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .ssdtp_test .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .ssdtp_test .main {
        margin-top: 2rem;
        border-radius: 12px
    }

    .ssdtp_test .main ul {
        grid-template-columns: repeat(1,1fr)!important
    }

    .ssdtp_test .main ul li {
        padding: 1rem;
        display: block;
        min-height: unset
    }

    .ssdtp_test .main ul li i {
        width: 3rem;
        height: 3rem
    }

    .ssdtp_test .main ul li h3 {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 1rem
    }

    .ssdtp_test .main ul li p {
        font-size: .85rem;
        line-height: 1.3rem;
        margin-top: .5rem
    }

    .ssdtp_test .button_more {
        margin-top: 2rem
    }

    .ssdtp_darabase {
        padding: 4rem 0
    }

    .ssdtp_darabase .flex {
        display: block
    }

    .ssdtp_darabase .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .ssdtp_darabase .img {
        width: 100%;
        border-radius: 12px;
        margin-top: 2rem
    }

    .ssdtp_practice {
        margin: 0;
        transform: translate(0);
        padding: 4rem 0
    }

    .ssdtp_practice .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .ssdtp_practice .main {
        margin-top: 2rem
    }

    .ssdtp_practice .main ul {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 2rem 1rem
    }

    .ssdtp_practice .main ul li {
        width: 100%
    }

    .ssdtp_practice .main ul li .img span {
        font-size: 1.6rem
    }

    .ssdtp_practice .main ul li .img i {
        width: 3rem;
        height: 3rem
    }

    .ssdtp_practice .main ul li h3 {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem;
        padding: 0
    }

    .security_main {
        padding: 4rem 0!important
    }

    .security_main .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .security_main .main {
        margin-top: 2rem
    }

    .security_test {
        padding: 4rem 0
    }

    .security_test .flex {
        display: block
    }

    .security_test .head h2 {
        font-size: 22px;
        line-height: 1.5
    }

    .security_test .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .security_test .head ul {
        margin-top: 1.25rem
    }

    .security_test .head ul li {
        font-size: .9rem;
        line-height: 1.5rem;
        padding-left: 1rem
    }

    .security_test .head ul li::before {
        width: 12px;
        height: 12px;
        top: 6px
    }

    .security_test .right {
        width: 100%;
        margin-top: 2rem
    }

    .security_test .right .items {
        display: flex;
        gap: 1rem;
        overflow: auto
    }

    .security_test .right .items .item {
        min-width: 70%
    }

    .security_test .right .items .item .logo {
        margin-top: 1rem;
        height: 2rem
    }

    .security_test .right .items .item ul {
        margin: 1.25rem 0 0
    }

    .security_test .right .items .item ul li {
        font-size: .9rem;
        line-height: 1.5rem
    }

    .sourcing_advantage {
        padding: 4rem 0
    }

    .sourcing_advantage .main {
        margin-top: 2rem;
        flex-direction: column-reverse
    }

    .sourcing_advantage .intro {
        top: 0;
        margin-top: 2rem
    }

    .sourcing_advantage .intro ul li {
        padding-bottom: 1rem;
        margin-top: 1rem
    }

    .sourcing_advantage .intro ul li h3 {
        font-size: 18px;
        line-height: 1.5
    }

    .sourcing_advantage .intro ul li p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .sourcing_certificate {
        padding: 4rem 0
    }

    .sourcing_certificate .head p {
        font-size: .9rem;
        line-height: 1.5rem;
        margin-top: .5rem
    }

    .sourcing_certificate .swiper_btns {
        display: none
    }

    .sourcing_certificate .swiper_box {
        margin: 22px 0 2rem
    }

    .sourcing_linecard {
        padding: 4rem 0 0
    }

    .sourcing_linecard .content {
        padding: 0
    }

    .sourcing_linecard::after {
        display: none
    }

    .sourcing_linecard .main {
        display: block
    }

    .sourcing_linecard .main .head {
        width: 100%;
        padding: 0 1.2rem 2rem
    }

    .sourcing_linecard .main .head p {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 1rem
    }

    .sourcing_linecard .main .head .learn_more {
        margin-top: 1.25rem
    }

    .sourcing_linecard .main .list {
        width: 100%;
        padding: 2rem 1.2rem;
        margin-right: 0;
        background-color: var(--subtheme_color)
    }

    .sourcing_linecard .main .list ul {
        gap: 12px;
        grid-template-columns: repeat(2,1fr)
    }

    .sourcing_linecard .main .list ul li a {
        font-size: 14px;
        line-height: 1.5;
        min-height: 40px
    }

    .sources_qacenter {
        padding: 4rem 0
    }

    .sources_qacenter::before {
        width: 100%;
        height: 300px;
        top: 0;
        left: 0
    }

    .sources_qacenter .flex {
        display: block
    }

    .sources_qacenter .img {
        width: 100%;
        border-radius: 12px
    }

    .sources_qacenter .head {
        margin-top: 2rem
    }

    .sources_qacenter .head h2 {
        margin-bottom: 0
    }

    .sources_qacenter .head p {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 1rem;
        margin-bottom: 0
    }

    .sources_qacenter .head .learn_more {
        margin-top: 1.25rem
    }

    .sources_inquiry {
        padding: 4rem 0
    }

    .sources_inquiry .flex {
        display: block
    }

    .sources_inquiry .head {
        padding: 0
    }

    .sources_inquiry .inquiry_form {
        width: 100%;
        margin-right: 0;
        margin-top: 2rem
    }

    .sources_inquiry .inquiry_form form {
        gap: 1rem 0
    }

    .sources_inquiry .inquiry_form form input,.sources_inquiry .inquiry_form form textarea {
        font-size: 14px;
        padding: 10px 1rem 12px
    }

    .sources_inquiry .inquiry_form form textarea {
        height: 120px
    }

    .sources_inquiry .inquiry_form form input[type="submit"] {
        margin-top: .5rem;
        width: 100%;
        font-size: 14px;
        padding: 12px 1rem 14px 1rem;
        background-size: 2rem
    }

    .solution_banner_swiper li a {
        padding: 1rem;
        white-space: nowrap
    }

    .solution_banner_swiper li {
        width: max-content
    }

    .solution_banner_swiper ul {
        width: 100%;
        overflow: auto
    }

    section.solution-sticky {
        top: 62px
    }

    .category_banner_nav {
        top: 63px
    }

    .product_component table tbody tr td a {
        font-size: 12px;
        padding: 0
    }

    #go-top {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        position: fixed;
        right: 30px;
        cursor: pointer;
        bottom: 30px;
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        background: url(/Public/Index/img/go-top.svg) no-repeat center/60%;
        background-color: #fff;
        z-index: 9999
    }

    .post_main .wpcf7-response-output {
        top: unset;
        position: unset;
        margin-top: .5rem;
        font-size: .9rem;
        line-height: 1.5rem
    }

    .h1-head {
        padding-top: 6rem;
        padding-bottom: 3rem
    }

    .h1-head h1 {
        font-size: 26px
    }

    .post_main .post_detail h2 {
        font-size: 20px;
        padding-top: 1rem
    }

    .post_main .post_detail p {
        font-size: .95rem;
        line-height: 1.8rem;
        padding-top: .8rem
    }

    .page-template-default .post_main {
        padding-bottom: 5rem
    }

    .post_main .expand form {
        flex-flow: wrap
    }

    .post_main form span[data-name="your-email"],.post_main form span[data-name="your-company"] {
        flex: unset;
        width: 100%;
        margin-bottom: 1rem
    }

    .post_main form {
        border: none
    }

    .post_main .wpcf7-not-valid-tip {
        position: unset;
        font-size: 14px;
        margin-bottom: 1rem;
        margin-top: .23rem
    }
}