.loader > .cover {
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    background-color: #fbfbf2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.header__logo .img {
    display: block;
}

.header__logo .img img {
    display: block;
    width: 100%;
}

.header__logo .word,
.header__mobile_btnbox {
    display: none;
}

footer .footer__top {
    overflow: hidden;
}

.about__vision {
    overflow-x: clip;
}

.nwsd_content {
    overflow-wrap: anywhere;
}

.nwsd_content img {
    max-width: 100%;
    height: auto;
}

.bg-image.slide01 {
    background-image: url(../images/banner.jpg);
}

.bg-image.slide02 {
    background-image: url(../images/banner2.jpg);
}

.bg-image.slide03 {
    background-image: url(../images/banner3.jpg);
}

.bg-image.slide04 {
    background-image: url(../images/banner4.jpg);
}

.banner-content > picture > img {
    display: block;
}

.banner-content.fixed > picture > img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    max-width: none;
    width: auto;
}

.banner-content.fixed2 > picture > img {
    top: -9999px;
    bottom: -9999px;
    transition: transform 0.9s cubic-bezier(0.18, 0.69, 0.34, 0.75) 0s;
}

.index__about_section .bg02,
#owlcarousel_special .item h2 {
    display: none;
}

@media (max-width: 1217px) {
    .wrapContent {
        width: 100%;
        padding: 0 20px;
    }

    .wrapGotop {
        width: 100%;
    }
}

@media (max-width: 769px) {
    body.hamburger-is-active {
        overflow: hidden;
    }

    header {
        position: fixed;
        box-shadow: 0 0 13px 5px rgba(35, 35, 35, 0.38);
    }

    header:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        z-index: -1;
    }

    body.loading-finished header {
        transition: transform 0.8s cubic-bezier(0.82, 0.16, 0.26, 0.85), opacity 0.8s cubic-bezier(0.15, 0.38, 0, 0.86);
    }

    header .header__top {
        height: 45px;
    }

    header .header__top .header__topflex {
        justify-content: space-between;
        align-items: center;
    }

    header .header__top .header__logo {
        transition: none;
    }

    header .header__top .header__logo > a {
        width: auto;
        padding: 0;
        flex-wrap: nowrap;
        font-size: 13px;
        font-weight: 500;
    }

    header .header__top .header__logo > a .img {
        width: 47px;
    }

    header .header__top .header__logo > a .word {
        display: block;
        color: #004C3E;
        padding-left: 5px;
    }

    .header__mobile_btnbox {
        display: block;
    }

    .hamburger {
        padding: 0;
    }

    .hamburger:hover,
    .hamburger.is-active:hover {
        opacity: 1;
    }

    .hamburger.is-active {
        z-index: 2;
        position: relative;
    }

    .hamburger .hamburger-inner {
        left: 50%;
        margin-left: -9px;
        width: 10px;
        background-color: #004A2F;
        transition: width 0.15s linear, transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .hamburger .hamburger-inner:before {
        width: 14px;
        background-color: #004A2F;
        top: -6px;
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.15s linear;
    }

    .hamburger .hamburger-inner:after {
        top: -12px;
        width: 18px;
        background-color: #004A2F;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear, width 0.15s linear;
    }

    .hamburger--collapse.is-active .hamburger-inner,
    .hamburger--collapse.is-active .hamburger-inner:before,
    .hamburger--collapse.is-active .hamburger-inner:after {
        width: 18px;
        background-color: #ffffff;
    }

    .hamburger--collapse.is-active .hamburger-inner:before,
    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
    }

    header .header__top .header__top_menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        opacity: 0;
        transform: translate(-100%, 0);
    }

    header .header__top .header__top_menu:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #004A2F;
        opacity: .95;
        top: 0;
        left: 0;
    }

    header .header__top .header__top_menu.is-active {
        opacity: 1;
        transform: translate(0%, 0);
        transition: all 0.3s cubic-bezier(0.1, 0.67, 0.12, 0.94);
    }

    header .header__top .header__top_menu.in-active {
        opacity: 0;
        transform: translate(-100%, 0);
        transition: all 0.3s cubic-bezier(0.1, 0.67, 0.12, 0.94);
    }

    header .header__top .header__menueachbox {
        width: auto;
        height: auto;
    }

    header .header__top .header__menueachbox:after {
        background-color: #EAC100;
        transform: scaleX(0);
        transform-origin: left center;
    }

    header .header__top .header__menueachbox a {
        height: auto;
        justify-content: flex-start;
        margin-bottom: 1px;
    }

    header .header__top .header__menueachbox a:after {
        background-color: #003E26;
        transform: scaleX(0);
        transform-origin: left center;
        box-shadow: none;
    }

    header .header__top .header__menueachbox a:hover:after {
        transform: scaleX(1);
    }

    header .header__top .header__menueachbox a .header__linkboxOuter {
        width: 100%;
        padding: 0 20px;
    }

    header .header__top .header__menueachbox a .header__linkboxOuter:after {
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 1px;
        background-color: #ffffff;
        opacity: 0.3;
    }

    header .header__top .header__menueachbox a:hover .header__linkboxOuter {
        transform: none;
    }

    header .header__top .header__menueachbox a .header__linkbox {
        height: auto;
        width: 100%;
        padding: 14px 0;
        transform: translate(-25px, 0);
    }

    header .header__top .header__menueachbox a .header__linkbox > div {
        transition: all 0.3s cubic-bezier(0.15, 0.38, 0, 0.86) 0s;
    }

    header .header__top .header__menueachbox a:hover .header__linkbox > div {
        transform: translate(15px, 0);
    }

    header .header__top .header__menueachbox a .zh,
    header .header__top .header__menueachbox a:hover .zh {
        font-size: 20px;
        font-weight: 300;
    }

    header .header__top .header__menueachbox a .en {
        font-size: 15px;
        padding-top: 6px;
    }

    body.loading-finished header .header__top .header__top_menu .header__menueachbox:after {
        transform: scaleX(0);
        opacity: 1;
        transition: none;
    }

    body.loading-finished header .header__top .header__top_menu .header__menueachbox .header__linkbox {
        opacity: 0;
        transform: translate(-25px, 0);
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(1):after {
        transform: scaleX(1);
        opacity: 0;
        transition: transform 0.8s cubic-bezier(0.11, 0.76, 0.55, 1.49) .13s, opacity 0.9s cubic-bezier(0.15, 0.38, 0, 0.86) .23s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(1) .header__linkbox {
        opacity: 1;
        transform: translate(0, 0);
        transition: transform 0.4s cubic-bezier(0.11, 0.76, 0.55, 1.49) .23s, opacity 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) .23s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(2):after {
        transform: scaleX(1);
        opacity: 0;
        transition: transform 0.8s cubic-bezier(0.11, 0.76, 0.55, 1.49) .26s, opacity 0.9s cubic-bezier(0.15, 0.38, 0, 0.86) .36s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(2) .header__linkbox {
        opacity: 1;
        transform: translate(0, 0);
        transition: transform 0.4s cubic-bezier(0.11, 0.76, 0.55, 1.49) .36s, opacity 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) .36s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(3):after {
        transform: scaleX(1);
        opacity: 0;
        transition: transform 0.8s cubic-bezier(0.11, 0.76, 0.55, 1.49) .39s, opacity 0.9s cubic-bezier(0.15, 0.38, 0, 0.86) .49s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(3) .header__linkbox {
        opacity: 1;
        transform: translate(0, 0);
        transition: transform 0.4s cubic-bezier(0.11, 0.76, 0.55, 1.49) .49s, opacity 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) .49s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(4):after {
        transform: scaleX(1);
        opacity: 0;
        transition: transform 0.8s cubic-bezier(0.11, 0.76, 0.55, 1.49) .52s, opacity 0.9s cubic-bezier(0.15, 0.38, 0, 0.86) .62s;
    }

    header .header__top .header__top_menu.is-active .header__menueachbox:nth-child(4) .header__linkbox {
        opacity: 1;
        transform: translate(0, 0);
        transition: transform 0.4s cubic-bezier(0.11, 0.76, 0.55, 1.49) .62s, opacity 0.5s cubic-bezier(0.15, 0.38, 0, 0.86) .62s;
    }

    footer .footer__top {
        height: auto;
        padding: 50px 0 45px 0;
        position: relative;
    }

    footer .footer__top:after {
        content: "";
        position: absolute;
        z-index: 0;
        background-color: #004A2F;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .7;
    }

    footer .footer__top .wrapContent {
        position: relative;
        z-index: 1;
    }

    footer .footer__top .footer__container {
        justify-content: center;
    }

    footer .footer__top .footer__contact_section {
        align-items: center;
        text-align: center;
    }

    footer .footer__top .footer__contact_section h2 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    footer .footer__top .footer__contact_section h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    footer .footer__bottom {
        padding: 16px 0;
    }

    footer .footer__bottom .footer__container {
        justify-content: center;
    }

    footer .footer__map_section ul {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -16px 10px -16px;
    }

    footer .footer__map_section ul > li a {
        font-size: 14px;
        padding: 0 16px;
    }

    footer .footer__map_section h2,
    footer .footer__map_section h3 {
        font-size: 11px;
        text-align: center;
    }

    .btn__style1 {
        min-width: 150px;
        height: auto;
        padding: 11px 0;
        font-size: 16px;
    }

    .btn__style2 {
        align-items: center;
    }

    .btn__style2.green:after,
    .btn__style2.orange:after {
        content: "";
        background: url(../images/m/icon/btn1.png) no-repeat center center;
        background-size: 10px;
        width: 10px;
        height: 9px;
        margin-left: 7px;
    }

    .btn__style2.green:after {
        transform: translate(0px, 1px);
    }

    .btn__style2.orange:after {
        background-image: url(../images/m/icon/btn2.png);
    }

    .btn__style3 {
        font-size: 40px;
        align-items: center;
    }

    .btn__style3:after {
        content: "";
        background: url(../images/m/icon/btn3.png) no-repeat center center;
        background-size: 22px;
        width: 22px;
        height: 12px;
        margin-left: 13px;
        transform: none;
    }

    .banner-content .wrapContent {
        height: 100%;
    }

    .banner-content.heightstyle1 {
        height: 200px;
        min-height: 200px;
        max-height: 200px;
    }

    .banner-content.heightstyle2 {
        height: 300px;
        min-height: 300px;
        max-height: 300px;
    }

    .banner-content.fixed > img,
    .banner-content.fixed > picture > img {
        max-width: 100%;
    }

    .banner_title {
        left: 20px;
        top: auto;
        bottom: 50px;
    }

    .banner_title .en {
        font-size: 50px;
        line-height: 70%;
        margin-bottom: 8px;
    }

    .banner_title .zh {
        font-size: 20px;
    }

    .subpage__title {
        padding-top: 0;
        margin-bottom: 20px;
    }

    .subpage__title .line {
        width: 30px;
    }

    .subpage__title .word {
        font-size: 24px;
    }

    .subpage__title .word span.b {
        font-size: 30px;
    }

    .subpage__title .des {
        font-size: 15px;
    }

    .page__titlegrid {
        grid-template-columns: minmax(18px, 30px) 1fr;
        margin-bottom: 10px;
    }

    .page__titlegrid .line {
        width: 30px;
    }

    .page__titlegrid .word {
        font-size: 24px;
        padding: 0 0 0 10px;
    }

    .bread {
        padding-top: 20px;
        margin-bottom: 24px;
    }

    .page-number > ul > li {
        width: 35px;
        height: 35px;
    }

    .page-number > ul > li > a {
        font-size: 16px;
    }

    .page-number > ul > li.paginationjs-prev a {
        background-image: url(../images/m/icon/arrow-page-left.png);
    }

    .page-number > ul > li.paginationjs-next a {
        background-image: url(../images/m/icon/arrow-page-right.png);
    }

    .form-grid.cf-grid-th4_1 {
        grid-template-columns: max-content 1fr;
    }

    .form-grid.cf-grid-th4_1 > .cf-grid-col-3 {
        padding-left: 0;
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .form-grid.cf-grid-th4_1 > .cf-grid-col-1 {
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .form-grid.cf-grid-sub-th3_2 {
        grid-template-columns: 1fr min-content auto;
    }

    .form-grid.cf-grid-sub-nopadding {
        margin: 0 -5px;
    }

    .form-grid.cf-grid-sub-nopadding > div {
        padding: 0 5px;
    }

    .form-grid > div {
        padding: 7.5px 0px;
    }

    .form-grid textarea {
        font-size: 17px;
    }

    .form-grid select {
        font-size: 17px;
    }

    .form-grid input[type=text] {
        font-size: 17px;
    }

    .form-grid input[type=password] {
        font-size: 17px;
    }

    .form-grid input[type=number] {
        font-size: 17px;
    }

    #owlcarousel1.owl-carousel.owl-theme .owl-dots {
        top: auto;
        right: auto;
        flex-direction: row;
        padding-left: 0;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    #owlcarousel1.owl-carousel.owl-theme .owl-dots > .owl-dot > span {
        width: 7px;
        height: 7px;
        margin: 0px 5px;
    }

    .index__title {
        padding-top: 32px;
    }

    .index__title h1 {
        font-size: 32px;
    }

    .index__title h2 {
        font-size: 16px;
    }

    .index__newsflex > div {
        flex: 0 0 100%;
        margin-bottom: 24px;
    }

    .index__newsflex .imgbox {
        padding-bottom: 175px;
    }

    .index__newsflex .contentbox .date {
        line-height: inherit;
        padding: 8px 12px 0 0px;
    }

    .index__newsflex .contentbox h1 {
        font-size: 18px;
        margin-top: 16px;
        margin-bottom: 3px;
    }

    .index__newsflex .index__newseach a {
        padding-bottom: 260px;
    }

    .index__newsflex .index__newseach a .contentbox .hover_button {
        margin-top: 25px;
    }

    .index__newsflex .index__newseach a:hover {
        border-bottom-left-radius: 15px;
    }

    .index__about .bg02 {
        right: auto;
        top: auto;
        bottom: auto;
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        position: relative;
        width: calc(100% + 20px);
        height: 255px;
        border-top-right-radius: 99em;
        border-bottom-right-radius: 99em;
        transform: translate(-4%, 4%);
        margin-left: -20px;
    }

    .index__about .bg02:before {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 99em;
        border-bottom-right-radius: 99em;
        box-shadow: inset -10px 10px 13px -8px rgba(60, 60, 60, 0.47);
    }

    .index__about .bg02:after {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 99em;
        border-bottom-right-radius: 99em;
    }

    .index__about .bg02[data-aos^=bg02_animate][data-aos^=bg02_animate].aos-animate:after {
        transform: translate(-10%, 10%);
    }

    .index__about_section {
        min-height: auto;
        padding: 40px 0 36px 0;
    }

    .index__about_section .index__title {
        margin-bottom: 20px;
    }

    .index__about > .bg01,
    .index__about > .bg02 {
        display: none;
    }

    .index__about_section .bg02 {
        display: block;
        margin-bottom: 20px;
    }

    .index__about_section .index__content p {
        font-size: 18px;
        line-height: 140%;
        margin-bottom: 10px;
    }

    .index__about_section .index__content p span {
        font-size: 20px;
    }

    .specializein {
        display: flex;
        margin-left: -2px;
        margin-right: -2px;
        margin-top: 10px;
        margin-bottom: 16px;
    }

    .specializein .index__about_special_each {
        width: 25%;
        border-radius: 50%;
        margin: 0 2px;
    }

    .specializein .index__about_special_each .words {
        overflow: visible;
        border-radius: 50%;
    }

    .specializein .index__about_special_each .words:before {
        width: auto;
        height: auto;
        right: 0;
        bottom: 0;
        border-radius: 50%;
    }

    .specializein .index__about_special_each .zh {
        font-size: 22px;
    }

    .specializein .index__about_special_each .en {
        font-size: 13px;
    }

    .index__special {
        padding: 40px 0 32px 0;
    }

    .index__special .bg01 > img {
        max-width: none;
    }

    .index__special_section > div {
        width: 50%;
        height: 168px;
    }

    .index__special_section > div.index__special_title h1 {
        font-size: 32px;
        padding-top: 27px;
    }

    .index__special_section > div.index__special_title h1 > span {
        font-size: 42px;
    }

    .index__special_section > div.index__special_title h3,
    .index__special_section > div.icon7 .index__special_textbox br {
        display: none;
    }

    .index__special_section > div.icon6 .box:after,
    .index__special_section > div.icon6 .light {
        background-color: #F2F2F2;
    }

    .index__special_section > div.icon6 .number {
        opacity: .05;
    }

    .index__special_section > div.icon7 .box:after,
    .index__special_section > div.icon7 .light {
        background-color: #ffffff;
    }

    .index__special_section > div.icon7 .number {
        opacity: .02;
    }

    .index__special_section > div.icon1 .box {
        border-top-right-radius: 15px;
    }

    .index__special_section > div.icon2 .box {
        border-top-left-radius: 15px;
    }

    .index__special_section > div.icon6 .box {
        border-bottom-left-radius: 15px;
    }

    .index__special_section > div.icon7 .index__special_imgbox {
        margin-top: -6px;
    }

    .index__special_section > div.icon7 .index__special_imgbox img {
        margin-bottom: -15px;
        width: 130px;
    }

    .index__special_section .index__special_imgbox img {
        width: 140px;
    }

    .index__special_section .index__special_textbox {
        font-size: 15px;
    }

    .index__news {
        padding: 40px 0 32px 0;
    }

    .index__news .index__title {
        margin-bottom: 20px;
    }

    .bg-image .slogan {
        left: 20px;
    }

    .bg-image.slide01 {
        background-image: url(../images/m/banner.jpg);
    }

    .bg-image.slide02 {
        background-image: url(../images/m/banner2.jpg);
    }

    .bg-image.slide03 {
        background-image: url(../images/m/banner3.jpg);
    }

    .bg-image.slide04 {
        background-image: url(../images/m/banner4.jpg);
    }

    .bg-image.slide01 .slogan {
        margin-top: 0;
        top: auto;
        bottom: 140px;
        transform: scale(1.1);
        left: 30px;
    }

    .bg-image.slide02 .slogan {
        margin-top: 0;
        top: auto;
        bottom: 140px;
        transform: none;
    }

    .bg-image.slide03 .slogan {
        margin-top: -110px;
        transform: translate(0px, -50%);
    }

    .bg-image.slide04 .slogan {
        margin-top: -200px;
    }

    .bg-image .slogan .s2 {
        left: 32px;
    }

    .bg-image .slogan .text {
        font-size: 36px;
    }

    .bg-image .slogan .text .b {
        font-size: 50px;
    }

    .news-index-section .index__newsflex {
        margin: 0 -18px 8px -18px;
    }

    .news-details-section {
        padding-bottom: 40px;
    }

    .news-details-section .nwsd_wrap {
        padding: 20px 16px 32px 16px;
    }

    .nwsd_content .detail_title h1 {
        font-size: 24px;
        font-weight: 700;
        line-height: 120%;
        margin: 24px 0 10px 0;
    }

    .nwsd_content .detail_title .date {
        padding-bottom: 12px;
    }

    .nwsd_content .d-img {
        margin: 20px 0;
    }

    .nwsd_content p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .service_each {
        display: block;
    }

    .service_each .imgbox {
        width: 100%;
        height: 200px;
    }

    .service_each .imgbox img {
        min-width: auto;
        height: 100%;
    }

    .service_each .contentbox_inner {
        margin: 0 15px;
        padding: 20px 15px;
    }

    .service_each .contentbox_inner:after {
        background-image: linear-gradient(90deg, #3c9b59 6%, #43b368 21%, #48c674 68%, #00918d 100%);
    }

    .service_each .contentbox {
        top: auto;
        transform: none;
        position: relative;
        margin-top: -90px;
    }

    .service_each .contentbox .service_description p {
        font-size: 15px;
    }

    .service_each .contentbox .service_description .sd_warehouseList > div {
        height: auto;
        width: 25%;
        border-radius: 50%;
        font-size: 16px;
    }

    .service_each .contentbox .service_description .sd_warehouseList > div:after {
        content: "";
        padding-bottom: 100%;
        display: block;
    }

    .service__title {
        padding-top: 12px;
        margin-bottom: 14px;
    }

    .service__title:before {
        width: 30px;
    }

    .service__title h1 {
        font-size: 24px;
    }

    .about__vision_box {
        padding-top: 40px;
    }

    .about__vision__content p {
        font-size: 15px;
    }

    .about__vision {
        display: flow-root;
    }

    .about__vision .bg01 {
        display: none;
    }

    .about__vision .bg02 {
        top: auto;
        bottom: auto;
        position: relative;
        height: 150px;
        width: calc(100% - 20px);
        margin: 20px 0 20px 20px;
    }

    .about__vision .bg02 img {
        height: auto;
        width: 115%;
    }

    .about__special {
        overflow: visible;
        padding: 40px 0 32px 0;
    }

    .about__special .bg01 > picture > img {
        max-width: none;
    }

    .about__special_section {
        flex-wrap: wrap;
    }

    .about__special_section .about__special_left {
        flex: 0 0 100%;
        padding-bottom: 20px;
    }

    .about__special_section .about__special_right {
        padding-left: 0;
        max-width: 100%;
        width: 100%;
    }

    .about__special__content {
        margin: 0;
    }

    .about__special__content > div {
        flex: 0 0 100%;
    }

    .about__special__content .about__special_e_inner {
        padding: 4px 0px;
    }

    .about__special__content .about__special_progress {
        padding: 0;
        background-color: transparent;
        align-items: normal;
    }

    .about__special__content .about__special_progress .number {
        width: 25px;
        height: 25px;
        font-size: 17px;
    }

    .about__special__content .about__special_progress .text {
        font-size: 17px;
        color: #ffffff;
        padding-left: 4px;
    }

    .about__brandstory {
        overflow-x: clip;
        min-height: auto;
        padding-top: 0px;
        padding-bottom: 32px;
    }

    .about__brandstory .bg01 {
        background-size: cover;
    }

    .about__brandstory_img {
        z-index: 3;
        margin-top: -145px;
    }

    .about__brandstory_content {
        top: auto;
        position: relative;
        margin-top: -116px;
        right: -16px;
        width: calc(100% + 4px);
    }

    .about__brandstory_content .box {
        padding: 32px 20px 165px 20px;
    }

    .about__brandstory_cube_green {
        position: relative;
        top: 0;
    }

    .about__brandstory__content .specializein {
        width: auto;
        margin-top: 16px;
        margin-left: -3px;
        margin-right: -3px;
    }

    .about__brandstory__content .specializein .index__about_special_each {
        width: 25%;
        margin: 0 3px;
    }

    .about__brandstory__content .specializein .index__about_special_each .words:before {
        background-size: initial;
    }

    .about__brandstory__content .specializein .index__about_special_each .zh {
        font-size: 20px;
        padding-bottom: 0px;
    }

    .about__brandstory__content .specializein .index__about_special_each .en {
        font-size: 12px;
        transform: scale(0.95);
    }

    .about__brandstory__content p {
        font-size: 15px;
        color: #333333;
    }

    #owlcarousel_special .item {
        text-align: center;
    }

    #owlcarousel_special .item img {
        width: 300px;
        margin: 0 auto;
    }

    #owlcarousel_special .item h2 {
        display: block;
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        margin-top: 16px;
    }

    #owlcarousel_special .owl-nav {
        margin-bottom: 0;
    }

    #owlcarousel_special .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    #owlcarousel_special .owl-nav button:hover {
        background: none;
    }

    #owlcarousel_special .owl-nav button.owl-prev {
        left: -10px;
    }

    #owlcarousel_special .owl-nav button.owl-next {
        right: -10px;
    }

    .contact_flex > .form-grid {
        margin: -7.5px 0;
        margin-bottom: 24px;
    }

    .contact-map-section .contact-map-information {
        position: static;
        right: auto;
        top: auto;
        padding: 20px 15px;
        margin-bottom: 40px;
        margin-top: -40px;
        box-shadow: 0px 10px 8px 3px #eaeaea;
    }

    .contact-map-section .contact-map-information .logo {
        margin-bottom: 16px;
    }

    .contact-map-section .contact-map-information .logo .word {
        font-size: 20px;
    }

    .contact-map-section .contact-map-information .information > div {
        margin-bottom: 12px;
    }

    .contact-map-section .contact-map-information .information .title {
        padding-right: 5px;
        font-size: 15px;
        font-weight: 500;
    }

    .contact-map-section .contact-map-information .information .text {
        font-size: 16px;
    }

    #owlcarousel1.owl-carousel.owl-theme .owl-dots:after {
        content: none;
    }

    #owlcarousel1.owl-carousel.owl-theme .owl-dots .line {
        display: none;
    }

    .index__special_section > div.icon3 .box {
        border-top-right-radius: 0;
    }

    .index__special_section > div.icon4 .box {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .service-index-section .wrapContent {
        padding-bottom: 0;
    }

    .service_each.width_b .contentbox,
    .service_each.width_s .contentbox {
        width: auto;
    }

    .service_each.normal-direction .contentbox {
        left: auto;
    }

    .service_each.reverse-direction .contentbox {
        right: auto;
    }

    .service_each.reverse-direction .contentbox_inner:after {
        background-image: linear-gradient(90deg, #3c9b59 6%, #43b368 21%, #48c674 68%, #00918d 100%);
    }

    .about__vision_section {
        width: auto;
    }

    .about__special .spotlight,
    .about__special__content .about__special_progress .active_word {
        display: none;
    }

    .about__special .subpage__title {
        margin-bottom: 10px;
    }

    .news-index-section .wrapContent {
        padding-bottom: 40px;
    }

    .news-index-section .page__titlegrid {
        margin-bottom: 20px;
    }

    .contact-index-section .wrapContent {
        padding-bottom: 32px;
    }

    .form-grid.cf-grid-th4_1 > .cf-grid-col-span3-2 {
        grid-column: auto;
    }

    .contact-map-section .wrapContent {
        min-height: 0;
    }

    .contact-map-section .maplink {
        position: static;
    }

    .btn-refresh {
        background-image: url(../images/m/icon/re.png);
    }
}