* {
    margin: 0;
    padding: 0;
    outline: none;
    font-size: 14px;
    box-sizing: border-box;
    resize: none;
    font-family: "Hiragino Sans GB", "Microsoft YaHei", "ºÚÌå", "WenQuanYi Micro Hei", arial, sans-serif;
}

:root {
    --primary-color: #1670db;
    --second-color: #000000;
    --main-color: #ffb22b;
    --border-color: rgba(84, 84, 84, 0.2);
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: #000;
}

/* region ×Ô½ç˵¹ö¶¯Ìõ¹ì· */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* ×Ô½ç˵¹ö¶¯ÌõµÄ»¬¿é */
::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
}

/* ÉèÖùö¶¯ÌõµÄ¿í¶È */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

/* endregion ×Ô½ç˵¹ö¶¯Ìõ¹ì·ʵÏÖ*/

/*Ò³Ãæ¾ÓÖÐ*/
.centered {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.clear:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.clear {
    zoom: 1; /* ΪÁ˼æÈÝIE */
}

.fs_10 {
    font-size: 10px;
}

.fs_16 {
    font-size: 16px;
}

.fs_18 {
    font-size: 18px;
}

.fs_20 {
    font-size: 20px;
}

.fs_22 {
    font-size: 22px;
}

.fs_24 {
    font-size: 24px;
}

.fs_26 {
    font-size: 26px;
}

.fs_28 {
    font-size: 28px;
}

.fs_30 {
    font-size: 30px;
}

.fs_32 {
    font-size: 32px;
}

.fs_34 {
    font-size: 34px;
}

.fs_36 {
    font-size: 36px;
}

.fs_38 {
    font-size: 36px;
}

.fs_40 {
    font-size: 36px;
}

.fs_42 {
    font-size: 42px;
}

.fs_44 {
    font-size: 44px;
}

.fs_46 {
    font-size: 46px;
}

.fs_48 {
    font-size: 48px;
}

.fs_50 {
    font-size: 50px;
}

.fs_52 {
    font-size: 52px;
}

.fs_54 {
    font-size: 54px;
}

.fs_56 {
    font-size: 56px;
}

.fs_weight {
    font-weight: bold;
}

.color_primary {
    color: var(--primary-color);
}

.color_second {
    color: var(--second-color);
}

/*¶àÁÐ*/
.column:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.column {
    zoom: 1; /* ΪÁ˼æÈÝIE */
}

.column .column-box {
    float: left;
    position: relative;
}

.column-col-1 .column-box {
    width: 100%;
}

.column-col-1 .column-box:nth-child(1n+2) {
    margin-top: 3%;
}

.column-col-2 .column-box {
    width: 49%;
}

.column-col-2 .column-box:nth-child(2n) {
    margin-left: 2%;
}

.column-col-2 .column-box:nth-child(1n+3) {
    margin-top: 2%;
}

.column-col-3 .column-box {
    width: 48%;
}

.column-col-3 .column-box:nth-child(3n + 2) {
    margin-left: 2%;
}

.column-col-3 .column-box:nth-child(2n) {
    margin-left: 2%;
}

/*.column-col-3 .column-box:nth-child(1n+4) {*/
/*    margin-top: 2%;*/
/*}*/

.needTop .column-col-3 .column-box:nth-child(n+3) {
    margin-top: 2%;
}

.column-col-4 .column-box {
    width: 23.5%;
}

.column-col-4 .column-box:nth-child(4n), .column-col-4 .column-box:nth-child(4n-1), .column-col-4 .column-box:nth-child(4n-2) {
    margin-left: 2%;
}

.column-col-4 .column-box:nth-child(1n+5) {
    margin-top: 2%;
}

.column-col-5 .column-box {
    width: 18.4%;
}

.column-col-5 .column-box:nth-child(5n), .column-col-5 .column-box:nth-child(5n-1), .column-col-5 .column-box:nth-child(5n-2), .column-col-5 .column-box:nth-child(5n-3) {
    margin-left: 2%;
}

.column-col-5 .column-box:nth-child(1n+6) {
    margin-top: 2%;
}

.column-col-6 .column-box {
    width: 15%;
}

.column-col-6 .column-box:nth-child(6n), .column-col-6 .column-box:nth-child(6n-1), .column-col-6 .column-box:nth-child(6n-2), .column-col-6 .column-box:nth-child(6n-3), .column-col-6 .column-box:nth-child(6n-4) {
    margin-left: 2%;
}

.column-col-6 .column-box:nth-child(1n+7) {
    margin-top: 2%;
}

/*¶àÁÐʵÏÖ*/

/*ͼƬÓò*/
.thumb {
    position: relative;
    overflow: hidden;
}

.thumb div {
    position: relative;
    overflow: hidden;
}

.thumb img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    /*min-height: 100%;*/
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.contactUs .thumb img {
    object-fit: scale-down;
}

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

/*ͼƬÓòʵÏÖ*/

/*¶¯»­*/
.hover img {
    transition: all .5s;
}

.hover:hover .thumb img {
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -moz-transform: translate(-50%, -50%) scale(1.05);
}

/*¶¯»­ÊµÏÖ*/

/*flexÊôÐÔ*/
.flex {
    display: flex;
    display: -webkit-flex;
    display: -webkit-inline-flex;
    display: -moz-flex;
    display: -ms-flex;
}

.flex-row {
    flex-flow: row wrap;
}

.flex-justify-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex-justify-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex-justify-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.flex-align-center {
    align-items: center;
    -webkit-align-items: center;
}

/*flexÊôÐÔʵÏÖ*/

/*×ÖÌå¾ÓÖÐ*/
.text-center {
    text-align: center;
}

.text_left {
    text-align: left;
}

/*×ÖÌå¾ÓÖÐʵÏÖ*/

/*×ÖÌåÐиß*/
.line-1 {
    line-height: 1em;
}

.line-1-5 {
    line-height: 1.5em;
}

.line-2 {
    line-height: 2em;
}

.line-2-5 {
    line-height: 2.5em;
}

.line-3 {
    line-height: 3em;
}

.line-4 {
    line-height: 4em;
}

/*×ÖÌåͨÓÃÉ«²Ê*/
.color-fff {
    color: #fff;
}

.color-1d2a54 {
    color: var(--second-color);
}

.color-dbdce0 {
    color: #dbdce0;
}

.color-e45827 {
    color: var(--primary-color);
}

.color-808080 {
    color: #808080;
}

.color-eee {
    color: #eee;
}

.color_f2f5f8 {
    color: #f2f5f8;
}

.color_ffb22b {
    color: var(--main-color);
}

/*×ÖÌåͨÓÃÉ«²ÊʵÏÖ*/

/*ÏÞ¶ÈÐÐÊý*/
.color-line {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 42px;
}

/*ÏÞ¶ÈÐÐÊýʵÏÖ*/

/*Ò³Ãæ´ó±êÌâ*/
.page-title-content {
    margin-top: 78px;
}

.page-title-content .title_en {
    font-size: 54px;
    color: #eee;
    text-transform: uppercase;
    font-weight: bolder;
}

.page-title-content .title {
    font-size: 24px;
    color: var(--primary-color);
}

.page-title-content .subtitle {
    line-height: 3em;
    color: #808080;
}

.page_title_content {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}

.page_title_content .title_en {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page_title_content .title_sub {
    color: grey;
}

/*Ò³Ãæ´ó±êÌâʵÏÖ*/

/*region Ò³ÃæÄ£¿é¹«¹²ÇøÓò*/
.common_region {
    padding: 40px 0;
    overflow: hidden;
}

.common_region .number_content {
    display: flex;
    padding: 40px 0;
    align-items: center;
    justify-content: space-around;
}

/*endregion Ò³ÃæÄ£¿é¹«¹²ÇøÓòʵÏÖ*/

/*ƽ°å*/
@media screen and (max-width: 1024px) {
    .column .column-box {
        width: 49%;
    }

    .column .column-box:nth-child(1), .column .column-box:nth-child(2) {
        margin-top: 0;
    }

    .column .column-box:nth-child(1n+3) {
        /*margin-top: 2%;*/
    }

    .column .column-box:nth-child(1n) {
        margin-left: 0;
    }

    .column .column-box:nth-child(2n) {
        /*margin-left: 2%;*/
    }
}

/*ƽ°åʵÏÖ*/

/*ÊÖ»ú*/
@media screen and (max-width: 750px) {
    .column {
        width: 100%;
    }

    .column .column-box {
        width: 100%;
    }

    .column .column-box:nth-child(1n) {
        margin-left: 0;
    }

    .column .column-box:nth-child(1n+2) {
        /*margin-top: 2%;*/
    }
}

/*ÊÖ»úʵÏÖ*/

/*pc-down-column*/
.pc-down-column {
    position: fixed;
    height: 64px;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    padding-top: 10px;
}

.pc-down-column .fixed-hide {
    display: none;
}

.pc-down-column a {
    color: #fff;
    position: relative;
}

.pc-down-column a i {
    position: absolute;
    width: calc((100% - 64px) / 2);
    height: 2px;
    background-color: var(--main-color);
    left: 0;
    top: 46px;
    transform: translate(0%);
    opacity: 0;
    transition: all .5s;
}

.pc-down-column a:hover i {
    opacity: 1;
    transform: translate(-50%);
    left: 50%;
}

.pc-down-column a.active {
    color: var(--main-color);
}

.pc-down-column a.active i {
    transform: translate(-50%);
    left: 50%;
    opacity: 1;
}

.pc-down-column-fixed {
    background-color: #fff;
    box-shadow: 0 0 10px #ddd;
}

.pc-down-column-fixed a {
    color: var(--second-color);
}

.pc-down-column-fixed .fixed-show {
    display: none;
}

.pc-down-column-fixed .fixed-hide {
    display: flex;
}

.pc-down-column .logo.thumb {
    /*width: 270px;*/
}

.language {
    background-image: url("/assets/image/icon_language_white.png");
    height: 20px;
    width: 20px;
    background-position: center;
    background-size: 100%;
}

.pc-down-column-fixed .language {
    background-image: url("/assets/image/icon_language.png");
}

.pc-down-column .logo.thumb div {
    padding-bottom: calc(64 / 270 * 100%);
}

/*pc-down-cloumn-menu*/
.pc-down-column .menu-box a {
    height: 100%;
    padding-left: 34px;
    padding-right: 34px;
}

.pc-down-column .search-content {
    padding-right: 0;
    align-items: center;
    display: flex;
}

.pc-down-column .search-content .thumb {
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: all .5s;
    border: 1px solid transparent;
}

.pc-down-column .search-content .thumb .search1 {
    display: block;
    width: 20px;
    height: 20px;
    min-width: 0;
    min-height: 0;
}

.pc-down-column .search-content .thumb .search2 {
    display: none;
    width: 20px;
    height: 20px;
    min-width: 0;
    min-height: 0;
}

.pc-down-column .search-content .thumb div {
    padding-bottom: 100%;
}

.pc-down-column .search-content form {
    overflow: hidden;
    width: 0;
    transition: all .5s;
}

.pc-down-column .search-content form input {
    height: 30px;
}

.pc-down-column-fixed .search-content .thumb .search1 {
    display: none;
}

.pc-down-column-fixed .search-content .thumb .search2 {
    display: block !important;
}

.pc-down-column .search-content.active form {
    width: 160px;
}

.pc-down-column .search-content.active input {
    background-color: transparent;
    border: 1px solid #ddd;
    padding-left: 10px;
    color: #fff;
    width: 160px;
}

.pc-down-column .search-content.active .thumb {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}

.pc-down-column-fixed .search-content.active {
    background-color: #fff;
}

.pc-down-column-fixed .search-content.active input {
    color: #000;
}

/*pc-down-column-end*/

/*move-menu*/
.move-down-column {
    display: none;
}

/*move-menu-end*/

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

.banner-content .swiper-pagination {
    bottom: 40px;
}

.banner-content .swiper-pagination span {
    width: 10px;
    height: 10px;
    background-color: #1d2a54;
    opacity: 1;
}

.banner-content .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.banner-content .swiper-button-prev {
    left: 100px;
    background-image: none;
}

.banner-content .swiper-button-next {
    right: 100px;
    background-image: none;
}

.banner-content .swiper-button-next i, .banner-content .swiper-button-prev i {
    font-size: 50px;
    color: var(--primary-color);
}

.banner-content .swiper-button-next:focus, .banner-content .swiper-button-next i:focus, .banner-content .swiper-button-prev:focus, .banner-content .swiper-button-prev i:focus {
    outline: none;
}

.banner-content .swiper-slide .text-content {
    position: absolute;
    top: 32%;
    left: 0;
    z-index: 9;
    width: 100%;
}

.banner-content .swiper-slide .text-content .index-title, .banner-content .swiper-slide .text-content .index-title span {
    font-size: 120px;
    font-weight: bold;
    text-align: center;
}

.banner-content .swiper-slide .text-content .title, .banner-content .swiper-slide .text-content .title span {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}

.banner-content .swiper-slide .text-content .title span {
    color: var(--primary-color);
}

.banner-content .swiper-slide .text-content .index-des {
    text-align: center;
    font-size: 30px;
    margin-top: 40px;
    letter-spacing: 2px;
}

.banner-content .swiper-slide .text-content .des {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    margin-top: 10px;
    letter-spacing: 2px;
}

/*region µ×²¿*/
.bottom_logo_region {
    overflow: hidden;
}

footer {
    color: white;
    background-color: var(--primary-color);
    padding: 40px 0 20px;
}

.footer_region {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid grey;
    padding: 0 0 10px;
}

.footer_region .footer_nav_region {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    width: 50%;
}

.footer_region .footer_nav_region dt {
    margin-bottom: 20px;
}

.footer_region .footer_nav_region dd {
    margin-top: 20px;
}

.footer_region .footer_nav_region dd a {
    overflow: hidden; /* °µ²ØÒç³öµÄÄÚÈÝ */
    transition: ease-in-out 0.3s; /* »¬Èó¹ý¶É³ÉЧ */
}

.footer_region .footer_nav_region dd a:hover {
    color: var(--main-color);
}

.footer_region .link_region {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.footer_region .link_region .cs_hot_line {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer_region .link_region .hot_line_region {
    .icon_cs {
        margin-top: 4px;
        align-self: self-start;
    }
}

.footer_region .link_region .hot_line {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_region .link_region .hot_line b {
    font-weight: bolder;
}

.footer_region .link_region .icon_cs {
    width: 15px;
    height: 15px;
}

footer .copyright {
    padding: 20px 0 0;
}

footer .copyright a {
    color: white;
}

/*endregion µ×²¿ÊµÏÖ*/

/*¶©µ¥¸ú×Ù*/
.order-content {
    position: absolute;
    z-index: 9;
    width: 350px;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    box-shadow: 0 -2px 10px #fff,
    0 2px 10px #000;
    border-radius: 10px;
    padding: 15px 20px;
}

.order-content .input-content {
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    height: 30px;
}

.order-content .input-content input {
    border-width: 0;
    width: 240px;
    padding-left: 10px;
}

.order-content .input-content button {
    border-width: 0;
    background-color: transparent;
    color: #808080;
    /*border-left: 1px solid #808080;*/
    padding: 0 5px;
    font-size: 20px;
    cursor: pointer;
}

.order-page-content {
    margin-top: 40px;
}

.order-page-content .centered {
    width: 800px;
}

.order-page-content .order-search-content {
    width: 600px;
    display: block;
    margin: auto;
}

.order-page-content .order-search-content textarea {
    width: 100%;
    height: 60px;
    padding: 10px 15px;
    border: 1px solid #ddd;
}

.order-page-content .order-search-content textarea + textarea {
    margin-top: 10px;
}

.order-page-content .order-search-content div {
    display: flex;
    justify-content: space-between;
}

.order-page-content .order-search-content button {
    margin-top: 40px;
    height: 40px;
    background-color: var(--primary-color);
    border-width: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding: 0 20px;
}

.order-page-content .order-search-content button i {
    margin-right: 10px;
}

.order-page-content dl {
    width: 100%;
    margin: 50px 0;
}

.order-page-content dt {
    padding: 5px 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.order-page-content dd {
    width: 100%;
    position: relative;
}

.order-page-content dd:before {
    position: absolute;
    content: '';
    border-left: 1px dashed #ddd;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    height: 100%;
}

.order-page-content dd span {
    display: block;
    text-align: right;
}

.order-page-content dd span, .order-page-content dd label {
    padding: 10px 20px;
    width: 50%;
}

.order-page-content dd i {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.order-page-content dd:nth-child(2) i {
    background-color: #333;
}

.order-page-content dd:nth-child(2) i, .order-page-content dd:nth-last-child(1) i {
    width: 20px;
    height: 20px;
}

.order-page-content dd i p {
    color: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
}

/*.order-page-content dd + dd{border-top: 1px solid #ddd;}*/
/*¶©µ¥¸ú×ÙʵÏÖ*/

/*Ê×Ò³banner*/
.index-banner {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 110%;
}

.index-banner .swiper-container {
    height: 100%;
}

.index-banner .swiper-slide {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 110%;
}

.index-banner .swiper-slide .text-content {
    color: #fff;
    /*padding-top: 15%;*/
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
}

.index-banner .swiper-slide .text-content .title, .index-banner .swiper-slide .text-content .title * {
    font-size: 60px;
    font-weight: bold;
    color: white;
    text-shadow: #000 3px 3px 3px;
}

.index-banner .swiper-slide .text-content .title span {
    color: var(--primary-color);
}

.index-banner .swiper-slide .text-content .des {
    font-size: 20px;
    text-align: left;
    margin-top: 40px;
    text-shadow: #000 3px 3px 3px;
}

.index-banner .swiper-slide .text-content .des * {
    font-size: 30px;
}

.index-banner .swiper-button-prev {
    left: 100px;
    background-image: none;
}

.index-banner .swiper-button-next {
    right: 100px;
    background-image: none;
}

.index-banner .swiper-button-next i, .index-banner .swiper-button-prev i {
    font-size: 50px;
    color: var(--primary-color);
}

/*Ó¢ÎÄ°æÊÊÅä*/
.index-banner-en .swiper-slide .text-content .title, .index-banner-en .swiper-slide .text-content .title * {
    font-size: 50px;
}

/*Ê×Ò³bannerʵÏÖ*/

/*ËÄ´ó°æ¿é*/
.plate {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.plate .column-box {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: transparent;
    transition: all 1s;
    width: 32%;
    padding: 4% 2%;
}

.plate .thumb {
    width: 56px;
    margin-left: auto;
    margin-right: auto;
}

.plate .thumb div {
    padding-bottom: calc(36 / 56 * 100%);
}

.plate .thumb div .imgHide {
    display: none;
}

.plate .column-box:hover {
    background-color: var(--primary-color);
}

.plate .column-box .imgShow {
    min-width: 0;
    min-height: 0;
}

.plate .column-box:hover .imgHide {
    display: block;
    min-width: 0;
    min-height: 0;
}

.plate .column-box:hover .imgShow {
    display: none;
}

.plate .column-box:hover * {
    color: #fff;
}

.plate .column-box .title {
    font-weight: bold;
}

/*ËÄ´ó°å¿éÓ¢ÎÄ°æµ÷Õû*/
.plate_en .column-box {
    padding-right: 80px;
    padding-left: 80px;
}

/*¹ØÓÚÇò¿Íµº¹ÙÍø*/
.about {
    /*margin-top: 100px;*/
    /*background-color: #ebecf0;*/
    padding-top: 100px;
    padding-bottom: 100px;
}

.about .centered {
    display: flex;
    gap: 40px;
}

.about .image-content {
    width: 40%;
}

.about .image-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .text-content {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.about .text-content .title-content {
    position: relative;
}

.about .text-content .title-content .thumb {
    width: 103px;
    position: absolute;
    right: 0;
    top: 0;
}

.about .text-content .title-content .title_en {
    font-weight: bolder;
}

.about .text-content .des {
    margin-top: 28px;
    text-indent: 2em;
    line-height: 30px;
}

.about .text-content .des i {
    display: block;
    margin-top: 28px;
    margin-bottom: 28px;
    width: 34px;
    height: 4px;
    background-color: var(--primary-color);
}

.about .text-content .column {
    margin-top: 30px;
}

.about .text-content .column-box .thumb {
    padding-bottom: calc(147 / 198 * 100%);
}

.about .text-content .btn_more {
    align-self: flex-end;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid var(--primary-color);
    transition: all .2s;
}

.about .text-content .btn_more:hover {
    box-shadow: 0 0 5px var(--primary-color);
}

/*region Ö÷ÌâÒµÎñ */
.business_region {
    background-color: #f2f5f8;
}

.business_region .business_contents {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

.business_region .business_contents .business_content {
    width: 32.5%;
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
}

.business_region .business_contents .business_content .no_hover {
    width: 100%;
    height: 100%;
    position: relative;
}

.business_region .business_contents .business_content .no_hover_content,
.business_region .business_contents .business_content .is_hover_content {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 40px;
    cursor: default;
}

.business_region .business_contents .business_content .is_hover {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 100%;
    z-index: 10;
    transition: ease-in-out .3s;
}

.business_region .business_contents .business_content .is_hover_content {
    color: white;
}

.business_region .business_contents .business_content:hover .is_hover {
    top: 0;
}

/*endregion*/

/*region ºÏ×÷ͬ°é*/
.partner_region {
    background-position: center;
}

.partner_region .page_title_content {
    color: white;
}

.partner_region .partner_contents {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.partner_region .partner_total {
    align-self: center;
    text-align: center;
    border-radius: 20px;
    /*width: 18%;*/
    padding: 10px 20px;
    background-color: white;
    color: var(--primary-color);
}

/*endregion*/

/*region ³É¹¦°¸Àý*/
.cases_region {
    background-color: #f2f5f8;
}

.cases_region .swiper-container {
    margin-top: 40px;
}

.cases_region .swiper-slide .thumb {
    width: 600px;
    border-right: 1px solid #eee;
}

.cases_region .swiper-slide .thumb div {
    padding-bottom: calc(330 / 600 * 100%);
}

.cases_region .swiper-slide .text-content {
    width: 600px;
    padding: 70px 38px 0 38px;
}

.cases_region .swiper-slide .text-content i {
    display: block;
    width: 36px;
    height: 2px;
    background-color: var(--primary-color);
    margin-top: 16px;
    margin-bottom: 16px;
}

.cases_region .swiper-slide .text-content .des {
    margin-top: 30px;
    letter-spacing: 2px;
}

.cases_region .swiper-pagination,
.culture .swiper-pagination {
    width: 100%;
    position: relative;
    margin-top: 40px;
}

.cases_region .swiper-pagination .swiper-pagination-bullet-active,
.culture .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.cases_region .swiper-pagination span,
.culture .swiper-pagination span {
    width: 10px;
    height: 10px;
}

.cases_region .swiper-pagination span + span,
.culture .swiper-pagination span + span {
    margin-left: 8px;
}

.cases_region .swiper-container .cases_contents {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cases_region .swiper-slide {
    font-size: 18px;
    background: #fff;
    height: 500px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
    color: white;
}

.cases_region #progressEffect {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}

.cases_region .column-box {
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: relative;
    overflow: hidden;
}

.cases_region .cover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform .3s, opacity .6s;
}

.cases_region .cover-bg .icon {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.cases_region .cover-bg .icon div {
    padding-bottom: calc(1 / 1 * 100%);
}

.cases_region .column-box:hover .cover-bg {
    transform: scale(0.9);
    opacity: 0;
}

.cases_region .cover-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 112, 219, 0.5);
    transform: scale(1.2);
    opacity: 0;
    transition: transform .8s, opacity .8s;
    color: white;
    padding: 0 10px;
}

.cases_region .cover-con .icon {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.cases_region .cover-con .icon div {
    padding-bottom: calc(1 / 1 * 100%);
}

.cases_region .cover-con i {
    width: 1px;
    height: 20px;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #808080
}

.cases_region .cover-con .des {
    margin-top: 30px;
}

.cases_region .column-box:hover .cover-con {
    transform: scale(1);
    opacity: 1;
}

/*endregion*/

/*ÐÂÎÅÖÐÐÄ*/
.news_region {
}

.news_region .news_title_content {
    margin-top: 48px;
}

.news_region .news_title_more {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_region .news_title_more .more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.news_region .news_title_more .more img {
    width: 15px;
    height: 5px;
}

.news_region .news-title {
    /*width: 100%;*/
}

.news_region .news-title div {
    margin-right: 22px;
    cursor: pointer;
    position: relative;
    padding: 10px 20px;
    border-radius: 20px;
}

.news_region .news-title div.active {
    color: white;
    background: linear-gradient(to right, #6399D9, var(--primary-color));
}

/*.news_region .news-title div:before {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    bottom: -14px;*/
/*    height: 2px;*/
/*    content: '';*/
/*    background-color: var(--primary-color);*/
/*    left: -50%;*/
/*    transition: all .5s;*/
/*    opacity: 0;*/
/*}*/

/*.news_region .news-title div.active:before {*/
/*    left: 0;*/
/*    opacity: 1;*/
/*}*/

.news_region .news-box {
    margin-top: 44px;
}

.news_region .news-box .column {
    display: none;
}

.news_region .news-box .column.active {
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    justify-content: space-between;
    align-items: center;
}

.news_region .news-box .column .thumb {
    padding-bottom: calc(217 / 387 * 100%);
}

.news_region .news-box .column .text-content {
    padding: 0 15px 0 15px;
}

.news_region .news-box .column .text-content .title {
    -webkit-line-clamp: 1;
}

.news_region .news-box .column .text-content .time-box {
    width: 100%
}

.news_region .news-title div:hover:before {
    opacity: 1;
    left: 0;
}

.news_region .news-box .column .column-box:hover .title {
    color: var(--primary-color);
}

.news_region .news-box .column .column-box .time-box label {
    transition: all .5s;
}

.news_region .news-box .column .column-box:hover .time-box label {
    color: var(--primary-color);
    margin-right: 5px;
}

.news_region .news-box .news_contents .column-box {
    width: 30%;
    height: 430px;
    margin-bottom: 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news_region .news-box .news_contents .date_time {
    color: darkgray;
}

.news_region .news-box .news_contents .news_title {

}

.news_region .news-box .news_contents .news_img {
    height: 50%;
    border-radius: 5px;
}

.news_region .news-box .news_contents .news_desc {
    height: 14%;
    overflow: hidden;
    color: darkgray;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* ÏÞ¶ÈÏÔʾµÄÐÐÊýΪ3 */
    -webkit-box-orient: vertical;
}

.news_region .news-box .news_contents .news_btn_detail {
    transition: all .2s;
    border-radius: 20px;
    padding: 10px 10px;
}

.news_region .news-box .news_contents .news_btn_detail:hover {
    color: white;
    background: linear-gradient(to right, #6399D9, var(--primary-color));
}

/*Õ÷ѯ*/
.advisory {
    margin-top: 100px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    background-image: url("/assets/image/advisory-1.jpg");
    padding-top: 1px;
    padding-bottom: 42px;
}

/*.advisory .centered{width: 700px;}*/
.advisory .advisory-title {
    margin-top: 50px;
}

.advisory .advisory-ex {
    width: 100%;
}

.advisory .advisory-ex li + li {
    margin-left: 48px;
}

.advisory .advisory-ex .thumb {
    width: 30px;
    margin-right: 10px;
}

.advisory .advisory-ex .thumb div {
    padding-bottom: calc(26 / 30 * 100%);
}

.advisory form {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.advisory .input-content {
    margin-top: 24px;
    width: 100%;
}

.advisory .input-content input {
    border: 1px solid #dcdcdc;
    height: 48px;
    border-radius: 5px;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 12px;
}

.advisory .input-content .name {
    width: 220px;
}

.advisory .input-content .phone {
    width: calc(100% - 220px - 16px);
    margin-left: 16px;
}

.advisory textarea {
    padding: 12px;
    border: 1px solid #dcdcdc;
    height: 90px;
    display: block;
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;
}

.advisory form button {
    width: 220px;
    height: 48px;
    font-size: 16px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 5px;
    display: block;
    margin-top: 44px;
    margin-left: auto;
    margin-right: auto;
    border-width: 0;
    cursor: pointer;
}

/*region Çò¿Íµº¹ÙÍø¼ò½é*/
.company_info_region {
}

.company_info_region .company_info_title {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.company_info_region .company_info_title .description {
    line-height: 25px;
}

/*endregion Çò¿Íµº¹ÙÍø¼ò½éʵÏÖ*/

/*region ¹«Ë¾ÎÄ»¯*/
.company_culture_region {
    color: white;
    background-position: center;
    background-size: 100%;
    padding-bottom: 200px;
}

/*endregion Çò¿Íµº¹ÙÍø¼ò½éʵÏÖ*/

/*region ¹«Ë¾·¢Õ¹¹ý³Ì*/
.company_history_region {
}

.company_history_region .company_history_content {
    position: relative;
}

.company_history_region .centered {
}

.company_history_region .company_history_content .swiper-button-prev,
.company_history_region .company_history_content .swiper-button-next {
    background-image: none;
}

.company_history_region .company_history_content .swiper-button-prev {
    left: -44px;
}

.company_history_region .company_history_content .swiper-button-next {
    right: -44px;
}

.company_history_region .swiper-button-next i, .company_history_region .swiper-button-prev i {
    font-size: 30px;
    color: var(--primary-color);
}

.company_history_region .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.company_history_region .swiper-button-next:focus, .company_history_region i:focus, .company_history_region .swiper-button-prev:focus, .company_history_region .swiper-button-prev i:focus {
    outline: none;
}

.company_history_region .company_history_content .text_content {
    display: flex;
    gap: 20px;
}

.company_history_region .company_history_content .text_content .des {
    display: flex;
    gap: 40px;
    flex-direction: column;
}

.company_history_region .company_history_content .text_content .thumbnail {
    width: 40%;
}

/*endregion ¹«Ë¾·¢Õ¹¹ý³ÌʵÏÖ*/

/*region ¹©¸øÁ´ÖÎÀí·þÎñ*/
.supply_chain_services_region {
}

.supply_chain_services_region .supply_chain_services_content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.supply_chain_services_region .supply_chain_services_content .column-box {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: transparent;
    transition: all 1s;
    width: 49%;
    padding: 8% 2%;
    cursor: default;
}

.supply_chain_services_region .supply_chain_services_content .thumb {
    width: 18%;
    margin-left: auto;
    margin-right: auto;
}

.supply_chain_services_region .supply_chain_services_content .thumb div {
    padding-bottom: calc(36 / 56 * 100%);
}

.supply_chain_services_region .supply_chain_services_content .thumb div .imgHide {
    display: none;
}

.supply_chain_services_region .supply_chain_services_content .column-box:hover {
    background-color: var(--primary-color);
}

.supply_chain_services_region .supply_chain_services_content .column-box .imgShow {
    min-width: 0;
    min-height: 0;
}

.supply_chain_services_region .supply_chain_services_content .column-box:hover .imgHide {
    display: block;
    min-width: 0;
    min-height: 0;
}

.supply_chain_services_region .supply_chain_services_content .column-box:hover .imgShow {
    display: none;
}

.supply_chain_services_region .supply_chain_services_content .column-box:hover * {
    color: #fff;
}

.supply_chain_services_region .supply_chain_services_content .column-box .title {
    font-weight: bold;
}

/*endregion ¹©¸øÁ´ÖÎÀí·þÎñʵÏÖ*/

/*region ¿ç¾³µçÉÌÎïÁ÷½â¾ö¹æ»® */
.logistics_solutions_region .column {
    display: flex;
    justify-content: space-between;
}

.logistics_solutions_region .column-box {
    width: 400px;
    transition: all .5s;
    position: relative;
    overflow: hidden;
}

.logistics_solutions_region .column-box:nth-child(1n) {
    margin-left: 0;
}

.logistics_solutions_region .column-box .exhibition {
    padding-bottom: calc(438 / 400 * 100%);
}

.logistics_solutions_region .cover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: transform .3s, opacity .6s;
    padding: 0 20px;
}

.logistics_solutions_region .cover-bg .icon {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.logistics_solutions_region .cover-bg .icon div {
    padding-bottom: calc(1 / 1 * 100%);
}

.logistics_solutions_region .column-box:hover .cover-bg {
    transform: scale(0.9);
    opacity: 0;
}

.logistics_solutions_region .cover-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
    opacity: 0;
    transition: transform .8s, opacity .8s;
}

.logistics_solutions_region .cover-con .icon {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.logistics_solutions_region .cover-con .icon div {
    padding-bottom: calc(1 / 1 * 100%);
}

.logistics_solutions_region .cover-con i {
    width: 1px;
    height: 20px;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #808080
}

.logistics_solutions_region .cover-con .des {
    margin-top: 30px;
}

.logistics_solutions_region .column-box:hover .cover-con {
    padding: 0 20px;
    transform: scale(1);
    opacity: 1;
}

/*endregion ¿ç¾³µçÉÌÎïÁ÷½â¾ö¹æ»®*/

/*region 9810ÒµÎñ*/
._9810_business_region {
}

._9810_business_region ._9810_business_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._9810_business_region ._9810_business_content .single_item {
    width: 32%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*endregion 9810ÒµÎñʵÏÖ*/


/*region º£±í²Ö·þÎñ*/
.overseas_ware_region {
}

.overseas_ware_region .overseas_ware_content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.overseas_ware_region .overseas_ware_content .column-box {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    transition: all 1s;
    width: 32%;
    padding: 4% 2%;
    cursor: default;
    background-color: var(--primary-color);
}

.overseas_ware_region .overseas_ware_content .thumb {
    width: 18%;
    margin-left: auto;
    margin-right: auto;
}

.overseas_ware_region .overseas_ware_content .thumb div {
    padding-bottom: calc(36 / 56 * 100%);
}

.overseas_ware_region .overseas_ware_content .column-box .imgShow {
    min-width: 0;
    min-height: 0;
}

.overseas_ware_region .overseas_ware_content .column-box .title {
    font-weight: bold;
}

/*endregion º£±í²Ö·þÎñʵÏÖ*/

/*Ó¢ÎÄ°æÊÊÅä*/
.contact_en .text-content .title {
    margin-top: 60px;
}


/*ºÏ×÷Õ½Êõ*/
.strategy {
    background-color: #f5f5f5;
    padding-bottom: 80px;
}

.strategy .column {
    margin-top: 38px;
}

.strategy .column-box {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    transition: all .5s;
}

.strategy .column-box .thumb {
    padding-bottom: calc(298 / 379 * 100%);
}

.strategy .column-box .text-content {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 32px;
}

.strategy .column-box .text-content .des {
    -webkit-line-clamp: 2;
    height: 38px;
}

.strategy .column-box:hover {
    box-shadow: 0 0 20px #bbb;
}

/*Ö÷ÌâÀíÏë*/
.core .column {
    margin-top: 40px;
    margin-bottom: 60px;
}

.core .column-box {
    position: relative;
    border: 1px solid #eee;
    height: 265px;
    transition: all .5s;
    border-radius: 5px;
}

.core .column-box .thumb {
    width: 88px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    border: 1px solid #eee;
}

.core .column-box .thumb div {
    padding-bottom: 100%;
}

.core .column-box .title {
    transition: all .5s;
}

.core .column-box:hover {
    background-color: #fff;
    box-shadow: 0 0 20px #bbb;
}

.core .column-box:hover .title {
    color: var(--primary-color);
}

.core .column-box > div {
    position: absolute;
    width: 100%;
    height: 100%;
    /*top: 50%;left: 50%;transform: translate(-50%,-50%);*/
    left: 0;
    top: 0;
    transition: all .5s;
}

.core .column-box:hover > div {
    transform: scale(.8);
    background-color: rgba(0, 0, 0, 0.8);
}

/*ÁªÏµÇò¿Íµº¹ÙÍø*/
.contactUs .centered > .flex {
    margin-top: 40px;
    width: 100%;
}

.contactUs .contactUs-one {
    width: 320px;
    padding-top: 40px;
}

.contactUs .contactUs-one .thumb {
    width: 270px;
    overflow: unset;
}

.contactUs .contactUs-one .thumb div {
    padding-bottom: calc(64 / 270 * 100%);
    overflow: unset;
}

.contactUs .contactUs-one p {
    width: 100%;
}

.contactUs .contactUs-two {
    width: 500px;
}

.contactUs .contactUs-two .thumb {
    overflow: unset;
    width: 28px;
    background-color: #e87655;
    border-radius: 50%;
    margin-right: 10px;
}

.contactUs .contactUs-two .thumb div {
    overflow: unset;
    padding-bottom: 100%;
}

.contactUs .contactUs-two {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    margin-top: 40px;
}

.contactUs .contactUs-two li {
    margin-bottom: 20px;
}

.contactUs .contactUs-two li:nth-child(1) {
    column-span: all;
    -webkit-column-span: all;
}

.contactUs .contactUs-two li > div {
    width: 100%;
}

.contactUs .erweima {
    width: 184px;
}

.contactUs .erweima div {
    padding-bottom: 100%;
    border: 1px solid #ddd;
}

.contact_page .company_map_info_region {

}

.contact_page .company_map_info_region .basic_code_info {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_page .company_map_info_region .basic_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact_page .company_map_info_region .qr_code {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact_page .tell_form_region {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_page .tell_form_region .tell_form_title {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact_page .tell_form_region form {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 60px 40px;
    box-shadow: 0 0 5px var(--border-color);
}

.contact_page .tell_form_region form input, textarea {
    border: none;
    background: ghostwhite;
    padding: 20px;
    flex: 1;
}

.contact_page .tell_form_region form .form_item {
    display: flex;
    gap: 10px;
}

.contact_page .tell_form_region form button {
    align-self: flex-end;
    justify-self: flex-end;
    padding: 10px 30px;
    border-radius: 20px;
    border: none;
    background: linear-gradient(to right, #6399D9, var(--primary-color));
    color: white;
}

.contact_page .company_map_info_region .basic_info h2 {
    font-size: 40px;
}

.contact_page .tell_form_region .tell_form_title h2 {
    font-size: 40px;
}

/*µØͼ*/
.adrMap {
    height: 620px;
    margin-top: 80px;
}

/*form񻂗*/
.tell {
    background-color: #f5f5f5;
    padding-top: 1px;
    margin-top: 60px;
    padding-bottom: 54px;
}

.tell form {
    margin-top: 50px;
}

.tell .column input {
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    height: 42px;
    padding-left: 6px;
    padding-right: 6px;
}

.tell textarea {
    display: block;
    width: 100%;
    height: 122px;
    padding: 10px 6px;
    border: 1px solid #eee;
    margin-top: 16px;
    border-radius: 5px;
}

.tell button {
    width: 274px;
    height: 42px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 26px;
    border-width: 0;
    background-color: #e87655;
    color: #fff;
    border-radius: 5px;
}


/*ÐÂÎÅ*/
.new-content {
    width: 100%;
    margin-top: 50px;
}

.new-content .newsClass-content {
    width: 20%;
}

.new-content .newsClass-content dt {
    background-color: var(--primary-color);
    width: 100%;
}

.new-content .newsClass-content dd {
    border-width: 0 1px 1px 1px;
    border-color: #ddd;
    border-style: solid;
}

.new-content .newsClass-content dd a {
    width: 100%;
}

.new-content .newsClass-content dd.active {
    background-color: #1d2a54;
    border-width: 0 1px 1px 1px;
    border-color: #1d2a54;
    border-style: solid;
}

.new-content .newsClass-content dd.active a {
    color: #fff;
}

.new-content .newsClass-content dd:hover {
    background-color: #1d2a54;
    border-color: #1d2a54;
    border-style: solid;
}

.new-content .newsClass-content dd:hover a {
    color: #fff;
}

.news-list {
    width: 74%;
    /*column-count:3;*/
    /*-moz-column-count:3;*/
    /*-webkit-column-count:3;*/
    /*-moz-column-gap:16px;*/
    /*-webkit-column-gap:16px;*/
    /*column-gap:16px;*/
}

.news-list .box {
    width: 286px;
    box-shadow: 0 0 5px #ddd;
    margin-bottom: 20px;
}

.news-list .box a {
    display: block;
}

.news-list .thumb {
    padding-bottom: calc(217 / 387 * 100%);
}

.news-list .box .des {
    height: 40px;
}

.news-list .text-content {
    padding: 0 10px;
}

.news-list .text-content .title {
    -webkit-line-clamp: 1;
    height: 54px;
    overflow: hidden;
}

.news-list .text-content .time-box {
    width: 100%;
}

.news .news-box .column .column-box:hover .title {
    color: var(--primary-color);
}

.news-list .box img {
    transition: all .5s;
}

.news-list .box:hover img {
    transform: translate(-50%, -50%) scale(1.02);
}

.news-list .box .time-box label {
    transition: all .5s;
}

.news-list .box:hover .time-box label {
    color: var(--primary-color);
    margin-right: 5px;
}

/*ÏêÇé*/
.details .time {
    padding-bottom: 30px;
}

.details .content {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    padding-bottom: 30px;
}

.details .content * {
    line-height: 2em;
}

.details #share2 {
    padding-top: 30px;
    padding-bottom: 50px;
}

.pageBtn-content {
    padding: 20px 0 50px 0;
}

.pageBtn-content a {
    padding: 5px 10px;
    background-color: #1d2a54;
    color: #fff;
}

.pageBtn-content a + a {
    margin-left: 5px;
}

.pageBtn-content .nolinks {
    background-color: var(--primary-color);
}

@media screen and (max-width: 750px) {
    * {
        font-size: 12px;
    }

    .line-1 {
        line-height: 1em;
    }

    .line-1-5 {
        line-height: 1.5em;
    }

    .line-2 {
        line-height: 2em;
    }

    .line-2-5 {
        line-height: 2.5em;
    }

    .line-3 {
        line-height: 3em;
    }

    .line-4 {
        line-height: 4em;
    }

    .fs_16 {
        font-size: 16px;
    }

    .fs_18 {
        font-size: 18px;
    }

    .fs_20 {
        font-size: 20px;
    }

    .fs_22 {
        font-size: 22px;
    }

    .fs_24 {
        font-size: 20px;
    }

    .fs_26 {
        font-size: 20px;
    }

    .fs_28 {
        font-size: 20px;
    }

    .fs_30 {
        font-size: 20px;
    }

    .fs_32 {
        font-size: 30px;
    }

    .fs_34 {
        font-size: 30px;
    }

    .fs_36 {
        font-size: 30px;
    }

    .fs_38 {
        font-size: 30px;
    }

    .fs_40 {
        font-size: 40px;
    }

    .fs_42 {
        font-size: 42px;
    }

    .fs_44 {
        font-size: 44px;
    }

    .fs_46 {
        font-size: 46px;
    }

    .fs_48 {
        font-size: 48px;
    }

    .fs_50 {
        font-size: 50px;
    }

    .fs_52 {
        font-size: 52px;
    }

    .fs_54 {
        font-size: 54px;
    }

    .fs_56 {
        font-size: 56px;
    }

    .centered {
        width: 100%;
        padding: 0 10px;
    }

    /*PC-menu*/
    .pc-down-column {
        display: none;
    }

    /*PC-menu-end*/
    /*move-menu*/
    .move-down-column {
        z-index: 99999;
        top: 0;
        left: 0;
        background-color: #fff;
        right: 0;
        height: 60px;
        display: block;
    }

    .move-down-column .move-down-header {
        padding: 10px;
        background-color: transparent;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .move-down-column .move-down-header .logo {
        height: 40px;
    }

    .move-down-column .move-down-header .logo img {
        height: 100%;
    }

    .move-down-column .move-down-header .menuBtn {
        height: 30px;
    }

    .move-down-column .move-down-header .menuBtn img {
        height: 100%;
    }

    .move-down-column .move-down-content {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 99999;
        transition: all .5s;
        display: none;
    }

    .move-down-column .menu-box {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 40%;
        background-color: var(--primary-color);
        padding-top: 20px;
        overflow: hidden;
    }

    .move-down-column .menu-box .menu-content {
        height: 50px;
    }

    .move-down-column .menu-box .menu-content .menu-title-content {
        position: relative;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        width: 100%;
        height: 50px;
        color: #fff;
        padding-left: 25px;
        padding-right: 25px;
    }

    .move-down-column .menu-box .menu-content .menu-title-content:before {
        position: absolute;
        content: '';
        width: calc(100% - 30px);
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #fff;
        top: 49px;
    }

    .move-down-column-fixed {
        background-color: #fff;
        position: fixed;
    }

    .move-down-column-fixed {
        box-shadow: 0 0 10px #ddd;
    }

    .move-down-column .move-down-content.is-menu {
        display: block;
    }

    /*move-menu-end*/
    /*µ×²¿*/
    .footer_region .footer-down > .centered > .flex {
        display: block;
    }

    .footer_region .footer-down {
        background-image: none;
        padding-bottom: 0;
    }

    .footer_region .footer-down .centered {
        padding: 0;
    }

    .footer_region .footer-down .footer-down-left {
        background-color: #1d2a54;
        padding: 10px;
    }

    .footer_region .footer-down .footer-down-right {
        background-color: var(--primary-color);
        padding: 0 10px;
    }

    .footer_region .footer-down .footer-down-left, .footer_region .footer-down .footer-down-right,
    .footer_region .footer-down .footer-down-left .depict, .footer_region .footer-down .footer-down-left .section,
    .footer_region .footer-down .footer-down-right .depict .centered,
    .footer_region .footer-down .footer-down-right .depict,
    .footer_region .footer-up .flex,
    .footer_region .footer-down .footer-down-right .depict {
        width: 100%;
        display: block;
        height: auto;
    }

    .flex-align-center {
        width: 100%;
    }

    .footer_region .footer-down .footer-down-left .section {
        display: none;
    }

    .footer_region .footer-down .footer-down-left .section a {
        text-align: left;
        float: left;
        width: 50%;
    }

    .footer_region .footer-down .footer-down-right .erweima {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        display: block;
    }

    .footer_region .footer-up {
        text-align: center;
    }

    .footer_region .footer-up .flex #share {
        display: flex;
        justify-content: center;
    }

    /*banner*/
    .banner-content .swiper-pagination {
        bottom: 20px;
    }

    .banner-content .swiper-button-prev {
        left: 10px;
    }

    .banner-content .swiper-button-next {
        right: 10px;
    }

    .banner-content .swiper-button-next i, .banner-content .swiper-button-prev i {
        font-size: 30px;
    }

    .banner-content .swiper-slide .text-content .index-title, .banner-content .swiper-slide .text-content .index-title span {
        font-size: 28px;
    }

    .banner-content .swiper-slide .text-content .title, .banner-content .swiper-slide .text-content .title span {
        font-size: 14px;
    }

    .banner-content .swiper-slide .text-content .index-des {
        font-size: 12px;
        margin-top: 14px;
    }

    .banner-content .swiper-slide .text-content .des {
        font-size: 12px;
        margin-top: 0;
    }

    /*banner-end*/
    /*Ê×Ò³banner*/
    .index-banner {
        height: auto !important;
    }

    .index-banner .swiper-slide {
        background-size: auto 110%;
        padding: 20px 0;
    }

    .index-banner .swiper-slide .text-content {
        /*padding-top: 60%;*/
        transform: translateY(0);
    }

    .index-banner .swiper-slide .text-content .title, .index-banner .swiper-slide .text-content .title * {
        font-size: 20px;
    }

    .index-banner .swiper-slide .text-content .des {
        font-size: 16px;
        /*padding: 0 10px;*/
        line-height: 1.5em;
    }

    .index-banner .swiper-button-prev {
        left: 10px;
    }

    .index-banner .swiper-button-next {
        right: 10px;
    }

    .about .centered {
        flex-direction: column;
    }

    .about .image-content {
        width: 100%;
    }

    .business_region .business_contents .business_content {
        width: 48%;
        height: 180px;
    }

    .business_region .common_img {
        height: 180px;
    }

    .business_region .business_contents .business_content .no_hover_content, .business_region .business_contents .business_content .is_hover_content {
        gap: 10px;
        padding: 0 10px;
    }

    .business_region .business_contents .business_content .no_hover_content img, .business_region .business_contents .business_content .is_hover_content img {
        width: 30%;
        height: auto;
    }

    .business_region .business_contents .business_content .no_hover_content h2, .business_region .business_contents .business_content .is_hover_content h2 {
        font-size: 14px;
    }

    .business_region .business_contents .business_content .is_hover_content p {
        font-size: 10px;
    }

    .common_region .number_content {
        justify-content: space-between;
    }

    .common_region .number_content strong {
        font-size: 30px;
    }

    /*Ê×Ò³bannerʵÏÖ*/
    /*¶©µ¥ºÅ¸ú×Ù*/
    .order-content {
        /*bottom: 0;*/
        top: 25%;
        width: 100%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        /*position: fixed;*/
        /*z-index: 99999;*/
    }

    .order-page-content .centered, .order-page-content .order-search-content {
        width: 100%;
    }

    /*¶©µ¥¸ú×ÙʵÏÖ*/
    /*Ò³Ãæ´ó±êÌâ*/
    .page-title-content {
        margin-top: 30px;
    }

    .page-title-content .title_en {
        font-size: 30px;
    }

    /*Ò³Ãæ´ó±êÌâʵÏÖ*/
    /*ËÄ´ó°æ¿é*/
    .plate {
        margin-top: 50px;
    }

    .plate .column-box {
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        padding-bottom: 30px;
    }

    /*¹ØÓÚÇò¿Íµº¹ÙÍø*/
    .about {
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about .text-content {
        width: 100%;
        padding-right: 0;
    }

    .about .text-content .column {
        width: 100%;
    }

    .about .text-content .column .column-box {
        width: 32%;
        margin-top: 0;
        margin-left: 2%;
    }

    .about .text-content .column .column-box:nth-child(3n-2) {
        margin-left: 0;
    }

    /*Ö÷½»Ò×Îñ*/
    .supply_chain_services_region .supply_chain_services_content {
        gap: 6px;
    }

    .logistics_solutions_region .column {
        flex-direction: column;
        gap: 20px;
    }

    .logistics_solutions_region .column-box:nth-child(1n) {
        width: 100%;
    }

    ._9810_business_region ._9810_business_content {
        flex-direction: column;
        gap: 20px;
    }

    ._9810_business_region ._9810_business_content .single_item {
        width: 100%;
    }

    .overseas_ware_region .overseas_ware_content {
        flex-wrap: nowrap;
    }

    /*¹«Ë¾ÎÄ»¯*/
    .culture .column-box {
        width: 100%;
    }

    .culture .column-box .text-content > div {
        margin: 20px;
    }

    .culture .column-box:hover {
        transform: scale(1);
    }

    /*¸öÐÔ»¯*/
    .personality {
        margin-top: 50px;
    }

    .personality .title-content {
        padding-top: 40px;
    }

    .personality .column-box {
        width: 100%;
    }

    .personality .column-box + .column-box {
        margin-top: 30px;
    }

    /*¿Í»§Õ¹Ê¾*/
    .cases_region .swiper-slide {
        display: block;
    }

    .customer .swiper-slide .thumb {
        width: 100%;
    }

    .customer .swiper-slide .text-content {
        width: 100%;
        padding: 20px 10px 10px 10px;
    }

    .customer .swiper-slide .text-content i {
        margin: 10px 0;
    }

    .customer .swiper-slide .text-content .des {
        margin-top: 10px;
    }

    /*ϵ¥·½Ãæʽ*/
    .logistics {
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .logistics .column {
        margin-top: 0;
    }

    .logistics .column .column-box {
        width: 48%;
        margin-top: 20px;
    }

    .logistics .column .column-box:nth-child(2n) {
        margin-left: 4%;
    }

    .logistics .column-box:before, .logistics .column-box:after {
        display: none;
    }

    .logistics .column-box .text-content {
        margin-top: 10px;
    }

    /*ÐÂÎÅÖÐÐÄ*/
    .news_region .news-title {
        /*margin-top: 20px;*/
    }

    .news_region .news-title div {
        font-size: 12px;
    }

    .news_region .news-box {
        margin-top: 30px;
    }

    .news_region .news-box .news_contents .column-box {
        width: 100%;
        box-shadow: 0 0 10px var(--primary-color);
        padding: 20px;
    }

    .news_region .news-box .column {
        gap: 10px !important;
    }

    /*Õ÷ѯ*/
    .advisory {
        margin-top: 40px;
    }

    .advisory .centered {
        width: 100%;
    }

    .advisory .advisory-ex {
        display: block;
        column-count: 1;
    }

    .advisory .advisory-ex li {
        width: 60%;
        column-span: all;
        margin-left: 20%;
        margin-right: 20%;
    }

    .advisory .advisory-ex li + li {
        margin-left: 20%;
        margin-top: 10px;
    }

    .advisory .input-content {
        display: block;
        margin-top: 0;
    }

    .advisory .input-content .name, .advisory .input-content .phone, .advisory textarea {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .advisory form {
        width: 100%;
    }

    .advisory form button {
        margin-top: 10px;
    }

    /*Çò¿Íµº¹ÙÍø¼ò½é*/
    .contact .column {
        display: block;
    }

    .contact .column .column-box {
        width: 100%;
    }

    .contact .text-content {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .contact .text-content .title {
        margin-top: 10px;
    }

    .contact .text-content .des p {
        margin-top: 10px;
    }

    /*ÒµÎñÕ½Êõ*/
    .strategy {
        padding-bottom: 20px;
    }

    /*ÁªÏµÇò¿Íµº¹ÙÍø*/
    .contactUs .centered > .flex {
        display: block;
    }

    .contactUs .contactUs-one {
        display: none;
    }

    .contactUs .contactUs-two {
        margin-top: 0;
        padding-top: 0;
    }

    .contactUs .contactUs-two {
        display: block;
        width: 100%;
    }

    .contactUs .erweima {
        margin-left: auto;
        margin-right: auto;
    }

    .adrMap {
        height: 300px;
        margin-top: 20px;
    }

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

    .tell form {
        margin-top: 20px;
    }

    .contact_page .company_map_info_region .basic_code_info,
    .contact_page .tell_form_region {
        flex-direction: column;
        gap: 20px;
    }

    .contact_page .company_map_info_region .basic_info h2,
    .contact_page .tell_form_region .tell_form_title h2 {
        font-size: 20px;
    }

    .contact_page .tell_form_region form {
        width: 100%;
        padding: 20px;
    }

    /*ÐÂÎÅÁбíÒ³*/
    .new-content {
        display: block;
        margin-top: 20px;
    }

    .new-content .newsClass-content {
        display: block;
        width: 100%;
    }

    .new-content .newsClass-content dt {
        display: none;
    }

    .new-content .newsClass-content dd {
        border-top: 1px solid #ddd;
        float: left;
        width: 33.3%;
    }

    .new-content .newsClass-content dd + dd {
        border-left-width: 0;
    }

    .news-list {
        margin-top: 20px;
        width: 100%;
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }

    .news-list .box {
        width: 100%;
    }

    .pageBtn-content {
        padding: 20px 0;
    }

    .details #share2 {
        padding: 20px 0;
    }

    .gototop {
        bottom: 80px !important;
    }

    .bottom_logo_region img {
        width: 30%;
    }

    .footer_region {
        flex-direction: column;
        gap: 10px;
    }

    .footer_region .footer_nav_region {
        width: 100%;
    }

    .footer_region .link_region {
        margin-bottom: 10px;
    }

    footer .copyright {
        padding: 20px 10px 0;
    }
}

/*·µ»Ø¶¥²¿*/
.gototop {
    display: none;
    -webkit-animation: hide 350ms ease-out forwards 1;
    animation: hide 350ms ease-out forwards 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    box-shadow: var(--primary-color) 0 0 5px;
    color: var(--primary-color);
    position: fixed;
    bottom: 16px;
    right: 16px;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
    border: 0;
    z-index: 999;
}

.gototop > span {
    display: inline-block;
    -webkit-transition: transform 100ms 100ms ease-in-out;
    transition: transform 100ms 100ms ease-in-out;
}

.gototop > span > i {
    font-size: 20px;
    font-weight: bold;
}

.gototop:hover {
    background-color: #D5D6E2;
}

.gototop:hover > span,
.gototop:focus > span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.isvisible {
    -webkit-animation: show 1s ease-out forwards 1;
    animation: show 1s ease-out forwards 1;
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    25% {
        opacity: .5;
        -webkit-transform: rotate(-3deg) translateY(-40px);
    }
    75% {
        -webkit-transform: rotate(3deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100px);
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    25% {
        opacity: .5;
        transform: rotate(-3deg) translateY(-40px);
    }
    75% {
        transform: rotate(3deg);
    }
    100% {
        opacity: 0;
        transform: translateY(100px);
    }
}

@-webkit-keyframes show {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        opacity: .5;
        -webkit-transform: rotate(-3deg) translateY(-40px);
    }
    75% {
        -webkit-transform: rotate(3deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
    }
}

@keyframes show {
    0% {
        transform: rotate(0deg);
    }
    25% {
        opacity: .5;
        transform: rotate(-3deg) translateY(-40px);
    }
    75% {
        transform: rotate(3deg);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}
<!--ºÄʱ1776171704.6953Ãë-->