@font-face {
    font-family: 'Raleway';
    src: url('../font/Montserrat-Bold.woff2') format('woff2'), url('../font/Montserrat-Bold.woff') format('woff'), url('../font/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../font/Montserrat-Medium.woff2') format('woff2'), url('../font/Montserrat-Medium.woff') format('woff'), url('../font/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../font/Montserrat-Regular.woff2') format('woff2'), url('../font/Montserrat-Regular.woff') format('woff'), url('../font/Montserrat-Regular.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "BebasNeue-Regular";
    font-style: normal;
    src: url(../font/BebasNeue-Regular.ttf) format("TrueType");
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
    --main-color: #00702E;
    --main-color-4: #ebf6f4;
    --main-color-6: #12c3a9;
    --light-color: #08b14d;
    --dark-color: #F08200;
    --pdf: #af1127;
    --brey: #f6f6f6;
    --cyagen: #E7E0FF;
    --cyagen-6: #F4F1FE;
    --white: #fff;
    --bg-color: #022610;
    --line-color: #04421c;
    --main-color-rgb: 0, 112, 46;
    --dark-color-rgb: 2, 38, 16;
    --btn-hover-color: #c74203;
}

.white {
    color: var(--white) !important;
}

.pink {
    background: var(--pink);
}

.brey {
    background: var(--brey);
    padding: 50px 0;
}

.cyagen {
    background: var(--cyagen);
}

.cyagen-6 {
    background: var(--cyagen-6);
}

._center {
    text-align: center;
}

._mt30 {
    margin-top: 30px;
}

._mt50 {
    margin-top: 50px;
}

._mt20 {
    margin-top: 20px;
}

._pd50 {
    padding: 50px 0;
}

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

.dark-color {
    color: var(--dark-color);
}

.main-color-bg {
    background: var(--main-color);
    padding: 60px 0;
}

.main-color-4 {
    background: var(--main-color-4);
    padding: 50px 0;
}

.dark-color {
    color: var(--dark-color);
}

._block {
    display: block;
}

a {
    cursor: pointer;
}

._flex {
    display: flex;
    flex-wrap: wrap;
}

._flex_center {
    align-items: center;
}

._flex_r_center {
    justify-content: center;
}

._flex_between {
    justify-content: space-between;
}

._flex_gap_50 {
    gap: 50px;
}

._gap_20 {
    gap: 20px;
}

._gap_10 {
    gap: 10px;
}

._gap_0 {
    /* gap: 0 !important; */
    max-width: 700px;
    margin: 0 auto;
}

._box_shadow {
    border-radius: 10px;
    box-shadow: 0 5px 5px #ddd;
    overflow: hidden;
    padding: 30px 20px;
}

._flex_col_6 {
    width: 50%;
}

._flex_col_4 {
    width: 32%;
}

._flex_col_3 {
    width: 23%;
    margin: 1%;
}

._flex_col_12 {
    width: 100%;
}

._white {
    color: #fff !important;
}

._white_bg {
    background: var(--white);
    border-radius: 10px;
    padding: 30px 40px;
}

._upper {
    text-transform: uppercase;
}

.max1200 {
    margin: 0 auto;
    max-width: 1200px;
}

.max1080 {
    margin: 0 auto;
    max-width: 1080px;
}

.max800 {
    margin: 0 auto;
    max-width: 800px;
}

.max700 {
    margin: 0 auto;
    max-width: 700px;
}

.max50 {
    max-width: 50%;
}

._links ul {
    display: flex;
    justify-content: flex-end;
}

._relative {
    position: relative;
}

.layout {
    max-width: 1500px;
    margin: 0 auto;
}

.top-bar {
    background: #000;
    padding: 15px 0;
    line-height: 24px;
}

.head-mail i {
    color: var(--white);
    margin-right: 5px;
}

.head-mail a {
    color: var(--white);
}

.head-right {
    display: flex;
    gap: 30px;
    align-items: center;
}

.head-search {
    /* margin-right: 20px; */
}

.head-search i {
    color: #fff;
}

.head-search-wrap {
    display: none;
}

.nav-bar {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}

.inner_pro_show .nav-bar,
.inner_contact .nav-bar {
    background: var(--white);
    top: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}

.navActive .nav-bar {
    background: var(--white);
    top: 0;
    box-shadow: 0 1px 5px #ccc;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}



.head-logo img {
    max-width: 160px;
    filter: brightness(0) invert(1);
}

.navActive .head-logo img,
.inner_pro_show .head-logo img {
    filter: none;
}

.nav-subs,
.nav-sub {
    display: none;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

.nav-sub {
    position: absolute;
    min-width: max-content;
    background: rgba(255, 255, 255, 1);
    left: 50%;
    top: 100%;
    box-sizing: border-box;
    padding: 20px 30px;
    transform: translateX(-50%);
    z-index: 2;
    width: 100%;
    box-shadow: 0 5px 10px #ddd;
}

.nav-sub-wrap {
    padding-top: 30px;
}

.nav-sub-title-list {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.nav-sub-wrap .nav-sub-item {
    display: none;
}

.nav-sub-wrap .nav-sub-item.active {
    display: flex;
    gap: 20px;
}

.nav-sub-cate {
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: 220px;
    gap: 10px;
}

.nav-sub-pro-item {
    display: none;
}

.nav-sub-pro-item.active {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.nav-sub-pro-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1;
    font-size: 18px;
    font-weight: bold;
}

.nav-sub-pro-item a:hover {
    color: var(--dark-color);
}

.nav-sub-pro-item a img {
    border-radius: 5px;
    border: 1px solid #ddd;
    transition: .5s ease-in-out;
}

.nav-sub-pro-item a img:hover {
    transform: scale(1.05);
}

.nav-sub-cate a {
    font-weight: bold;
    background: #f1f1f1;
    display: block;
    padding: 10px 20px;
}

.nav-sub-cate a.active {
    color: var(--white);
    background: var(--main-color);
}

.nav-sub-title.active a {
    color: var(--main-color);
}

.nav-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.nav-item {
    /* padding: 0 25px; */
    display: flex;
    align-items: center;
}

.nav-item>a {
    display: block;
    font-size: 16px;
    line-height: 80px;
    color: #fff;
    position: relative;
    font-weight: bold;
}

.nav-item:hover>a {
    /* color: var(--dark-color); */
}

.navActive .nav-item>a,
.inner_pro_show .nav-item>a {
    color: #444;
}

.navActive .nav-item.active>a,
.navActive .nav-item:hover>a,
.inner_pro_show .nav-item.active>a .inner_pro_show .nav-item:hover>a {
    color: var(--dark-color);
}

.navActive .head-search i,
.inner_pro_show .head-search i {
    color: #444;
}

.nav-item>a:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

.nav-item:hover>a:after {
    width: 100%;
}

._child_ico:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    font-size: 12px;
    display: inline-block;
    padding-left: 10px;
    color: #fff;
    line-height: 20px;
}

.navActive ._child_ico:after,
.inner_pro_show ._child_ico:after {
    color: #444;
}

.navActive .nav-item:hover ._child_ico:after,
.inner_pro_show .nav-item:hover ._child_ico:after {
    color: var(--dark-color);
}

.nav-item:hover ._child_ico:after {
    content: "\f0d8";
}

.nav-item:hover .nav-subs {
    display: block;
}

.nav-item:hover .nav-sub {
    display: block;
}

.nav-sub-title {
    position: relative;
}

.nav-sub-title>a {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
    color: #444;
    display: block;
    position: relative;
    font-weight: bold;
}

.nav-sub-item>a {
    color: #444;
    display: block;
    line-height: 24px;
    font-size: 16px;
    padding: 10px 0;
}

.nav-sub-item>a:hover,
.nav-sub-title>a:hover {
    color: var(--dark-color);
}

.nav-sub-title:hover .nav-sub-wrap {
    display: block;
}

._request a {
    display: flex;
    align-items: center;
    background: var(--dark-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: bold;
}

._request a:hover {
    background: var(--main-color);
}

#_lang,
#_menu {
    display: none;
}


._index {
    position: relative;
}

._index_banner .swiper-button-prev:after,
._index_banner .swiper-button-next:after {
    display: none !important;
}

._index_banner .swiper-button-prev {
    left: 32px;
}

._index_banner .swiper-button-next {
    right: 32px;
}

._index_banner .swiper-button-prev,
._index_banner .swiper-button-next {
    width: auto;
}

._index_banner .swiper-button-prev:hover i,
._index_banner .swiper-button-next:hover i {
    background: rgba(255, 255, 255, 1);
}

._index_banner .swiper-button-prev i,
._index_banner .swiper-button-next i {
    color: var(--white);
    background: rgba(255, 255, 255, .4);
    border-radius: 100%;
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
}

._index_banner .swiper-button-prev:hover i,
._index_banner .swiper-button-next:hover i {
    background: rgba(255, 255, 255, 1);
    color: var(--main-color);
}

._index_banner {
    overflow: hidden;
    position: relative;
    height: 100vh;
}

._index_banner .swiper-slide img {
    transform: scale(1.08);
    transition: all 3s ease-out;
    -moz-transition: all 3s ease-out;
    -webkit-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

._index_banner .swiper-slide-active img {
    transform: scale(1);
}

._index_banner .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

._index_banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 2px solid var(--white);
    background: inherit;
    opacity: 0.7;
}

._index_banner .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    border-color: var(--white);
    opacity: 1;
}

._banner_desc {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

._banner_desc._top {
    top: 40%;
}

._banner_desc._left {
    text-align: left;
}

._banner_desc._left a {
    /* margin-right: 20px; */
}

._banner_txt {
    margin: 0 auto;
}

._banner_txt span {
    display: block;
    font-size: 60px;
    line-height: 1.2;
    padding-top: 20px;
}

._banner_txt h2,
._banner_txt h1 {
    font-size: clamp(20px, 3.5vw, 60px);
    line-height: 1.3;
    font-weight: bold;
}

._left .max800,
._left .max900,
._left .max1080 {
    margin: 0;
}

._left .max700 {
    margin: 0;
}

._left ._sys_btn {
    justify-content: left;
}

._banner_txt h2 b,
._banner_txt h1 b {
    font-weight: bold;
}

._banner_txt p {
    font-size: 20px;
    line-height: 1.6;
    padding-top: 30px;
}


._sys_btn_banner {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

._left ._sys_btn_banner {
    justify-content: flex-start;
}

._sys_btn_banner a {
    width: max-content;
    border-radius: 5px;
    padding: 10px 40px;
    /* margin: 0 auto; */
    border: 2px solid var(--white);
    font-size: 20px;
    display: flex;
    align-items: center;
    /* margin: 0 10px; */
    color: var(--dark-color);
    background-color: var(--white);
    font-weight: bold;
}

._sys_btn_banner a:first-child {
    background-color: var(--dark-color);
    border: 2px solid var(--dark-color);
}

._sys_btn_banner a:hover {
    background: var(--main-color);
    color: var(--white) !important;
    border: 2px solid var(--main-color);
}



._sys_btn {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

._sys_btn a {
    width: max-content;
    border-radius: 5px;
    padding: 10px 40px;
    /* margin: 0 auto; */
    border: 2px solid var(--main-color);
    font-size: 20px;
    display: flex;
    align-items: center;
    /* margin: 0 10px; */
    color: var(--white);
    background-color: var(--main-color);
    font-weight: bold;
}

._sys_btn a:first-child {
    background-color: var(--dark-color);
    border: 2px solid var(--dark-color);
}

._sys_btn a:hover {
    background: var(--btn-hover-color);
    color: var(--white) !important;
    border: 2px solid var(--btn-hover-color);
}

._banner_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
}

._banner_bg_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .65);
}

._banner_bg_top {
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, .6),
            rgba(0, 0, 0, 0));
}

._index {
    padding: 70px 0 70px;
}

._index_company_intr {
    /*background: #f1f1f1;*/
}

._index_title h2 {
    font-size: 36px;
    text-align: center;
    line-height: 1.1;
    color: #444;
    font-weight: 700;
    position: relative;
}

._index_title h2:after {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 4px;
    background: var(--dark-color);
    left: 50%;
    bottom: -10px;
    transform: skew(20deg) translateX(-50%);
}

._index_company_wrap h2:after {
    left: 0;
    transform: skew(20deg);
}

/* ._index_company_txt ._index_title h1 {
    font-size: clamp(20px, 2.1vw, 40px);
} */
._index_company_txt .sysbtn a:hover i {
    color: var(--main-color);
}

._index_company_txt .sysbtn i {
    background: var(--main-color);
}

._index_company_txt .sysbtn a:hover {
    background: var(--main-color);
}

._index_title {
    padding-bottom: 30px;
    position: relative;
}

/* _index_company */
._index_company_img,
._index_company_wrap {
    /* width: 46%; */
    flex: 1;
    max-width: 50%;
}

._index_company_intr .layout {
    /* padding: 40px 50px; */
    /* box-shadow: 0 10px 20px #ddd; */
    /* border-radius: 30px; */
}

._index_company_wrap h2 {
    text-align: left;
}

._index_company_wrap ._sys_btn a {
    margin: 0;
}

._index_company_desc {
    font-size: 18px;
    line-height: 1.5;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    padding-top: 20px;
}

._index_company_desc ul {
    padding-top: 20px;
}

._index_company_desc li {
    padding-left: 20px;
    position: relative;
}

._index_company_desc li:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--main-color);
    border-radius: 50%;
    left: 0;
    top: 8.5px;
}

.sysbtn {
    padding-top: 50px;
}

.sysbtn a {
    width: max-content;
    border-radius: 50px;
    padding: 10px 10px 10px 40px;
    box-shadow: 0 5px 8px #ddd;
    font-size: 20px;
    display: flex;
    align-items: center;
    font-weight: bold;
    /* color: var(--dark-color); */
}

.sysbtn a:hover {
    background: var(--dark-color);
    color: var(--white);
}

.sysbtn i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: var(--dark-color);
    color: var(--white);
    margin-left: 50px;
    text-align: center;
}

.sysbtn a:hover i {
    background: var(--white);
    color: var(--dark-color);
}

._index_video_ico {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 22;
}

._index_company_img .swiper-button-next::after,
._index_company_img .swiper-button-prev::after {
    font-size: calc(var(--swiper-navigation-size)/ 2.5);
}

._index_company_img .swiper-button-next,
._index_company_img .swiper-button-prev {
    position: absolute;
    top: 60px;
    width: calc(var(--swiper-navigation-size) * 1.5);
    height: calc(var(--swiper-navigation-size) * 1.5);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 4));
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
}

._index_company_img .swiper-button-prev {
    left: 30px;
    right: auto;
}

._index_company_img .swiper-button-next {
    right: auto;
    left: calc(var(--swiper-navigation-size) * 1.5 + 50px);
}




/**/

a._bg_blank {
    background-color: #000;
    border-color: #000;
}

a._bg_white {
    background-color: #fff;
    border-color: #fff;
}

a._bg_grey {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}

._index_promote {
    background: #EFEFEF;
}

._promote_list {
    display: flex;
    padding-top: 20px;
    justify-content: space-between;
}

._promote_item {
    transition: .5s;
    display: flex;
    align-items: center;
    gap: 20px;
}

._promote_item:hover {
    transform: translateY(-4px);
}

._promote_item_btn a {
    color: var(--dark-color);
    display: block;
    transition: .5s;
    padding-top: 20px;
}

._promote_item_btn img {
    width: 20px;
    margin-left: 5px;
}

._promote_item_btn a:hover {
    transform: translateX(4px);
}

._promote_item_btn a:hover i {
    color: var(--main-color);
}

._promote_item_img {
    overflow: hidden;
    /* border-radius: 10px; */
    position: relative;
}

._promote_item_img img {
    transition: .5s;
    max-width: 80px;
}

._promote_item_img img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}

._promote_item_info {
    flex: 1;
}

._promote_item:hover img:first-child {
    opacity: 0;
}

._promote_item:hover img:nth-child(2) {
    opacity: 1;
}



._promote_item_info {
    padding-top: 20px;
}

._promote_item_txt {
    flex: 1;
}

._promote_item_txt h4 {
    font-size: 20px;
    line-height: 1.4;
    color: #444;
    font-weight: 700;
    margin-bottom: 10px;
}

._promote_item_txt p {
    font-size: 16px;
    line-height: 1.4;
    color: #777;
}

._index_desc {
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    color: #777;
    padding-bottom: 30px;
    position: relative;
}


/**/

._why_list * {
    transition: .5s;
}

._why_list {
    overflow: hidden;
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

._why_item {
    position: relative;
    margin-bottom: 20px;
    padding: 30px 40px;
    box-shadow: 0 5px 10px #ddd;
    border-radius: 12px;
}

._why_item:hover {
    transform: translateY(-4px);
}

._why_item_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

._why_item_txt {
    flex: 1;
}

._why_item_txt h4 {
    font-size: 22px;
    color: #444;
    /* text-transform: uppercase; */
}

._why_item_txt p {
    font-size: 15px;
    color: #444;
    padding-top: 10px;
    line-height: 1.6;
}

/* ._why_item_btn i {
    display: block;
    width: 50px;
    height: 50px;
    background: var(--white);
    color: var(--main-color);
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}

._why_item_btn i:hover {
    background: var(--main-color);
    color: var(--white);
} */

._index_title h3 {
    font-size: 20px;
    padding-bottom: 10px;
}

._index_title p {
    font-size: 20px;
    color: #777;
    padding-top: 10px;
    text-align: center;
}

._why_item_img {
    overflow: hidden;
    border-radius: 20px;
}

._why_item_img img {
    transition: .5s;
}

._why_item:hover img {
    transform: scale(1.05);
}

._why_item_img {
    margin-bottom: 20px;
}

._why_item_img i {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--main-color);
    line-height: 80px;
    text-align: center;
    font-size: 40px;
}

._why_item_img i:hover {
    transform: rotateZ(180deg);
}


._brand_list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

._brand_item:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._brand_item {
    background-color: var(--white);
    color: #555;
    font-size: 16px;
    text-align: center;
    border-radius: 12px;
    transition: .5s;
    position: relative;
    overflow: hidden;
}

._brand_tit {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 10px 20px;
}

._index_brand ._index_title h2 {
    font-size: 30px;
}

._brand_item:hover {
    transform: translateY(-4px);
}


._index_service_wrapper {
    padding-top: 20px;
}

._index_service_nav {
    display: flex;
}

._index_service_item {
    flex: 1;
    text-align: center;
    font-size: 18.72px;
    background-color: #efefef;
    padding: 20px 0;
    border-right: 3px solid #fff;
    font-weight: bold;
}

._index_service_item:nth-child(even).active {
    background-color: var(--main-color);
}

._index_service_item:nth-child(odd).active {
    background-color: var(--dark-color);
}

._index_service_item:last-child {
    border-right: 0;
}

._index_service_item.active {
    /* background-color: var(--main-color); */
    color: #fff;
}

._index_service_list {
    padding-top: 20px;
}

._index_service_items {
    display: none;
}

._index_service_items.active {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

._index_service_pro {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 10px #ddd;
}

._index_service_pro_img {
    overflow: hidden;
}

._index_service_pro_img img {
    width: 100%;
    transition: .5s ease-in-out;
}

._index_service_pro:hover img {
    transform: scale(1.05);
}

._index_service_pro_tit {
    font-size: 18.72px;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
}


._index_resources_wrapper {
    padding-top: 20px;
}

._index_resources_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

._index_resources_list * {
    transition: .5s ease-in-out;
}

._index_resources_item {
    background-color: #fff;
    padding: 50px 20px;
    text-align: center;
}

._index_resources_item:hover {
    background-color: var(--main-color);
    transform: translateY(-6px);
}

._index_resources_img img {
    max-width: 100px;
}

._index_resources_titi {
    padding-top: 10px;
    font-size: 18.72px;
    font-weight: bold;
}

._index_resources_item:hover img {
    filter: brightness(0) invert(1);
}

._index_resources_item:hover ._index_resources_titi {
    color: #fff;
}

._index_blog_wrapper {
    padding-top: 20px;
}

._index_blog_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

._index_blog_item {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 10px #ddd;
}

._index_blog_tit {
    padding: 10px 20px;
}

._index_blog_tit h3 {
    font-weight: bold;
}

._index_blog_time {
    padding: 10px 20px 20px;
    border-top: 1px solid #ddd;
}

._index_blog_time time {
    color: #777;
}

._index_blog_img {
    overflow: hidden;
}

._index_blog_img img {
    transition: .5s ease-in-out;
}

._index_blog_item:hover img {
    transform: scale(1.05);
}


/**/

.mySwiper4 .swiper-slide {
    height: auto;
}

.mySwiper3-item {
    background: var(--white);
    border-radius: 10px;
    text-align: center;
    padding: 20px 30px;
    height: 100%;
}

.mySwiper3-item h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

.mySwiper3-item p {
    font-size: 16px;
    color: #777;
}

.mySwiper3 {
    position: relative;
}

.mySwiper3:before {
    content: "";
    display: block;
    width: calc(100% - var(--swiper-navigation-size)*2);
    height: 2px;
    background: var(--white);
    opacity: .4;
    position: absolute;
    left: var(--swiper-navigation-size);
    top: calc(50% - 1px);
    z-index: -1;
}

._index_feature_wrapper {
    position: relative;
}

._index_feature_wrapper .swiper-button-next {
    right: 0;
}

._index_feature_wrapper .swiper-button-prev {
    left: 0;
}

._index_feature_wrapper .swiper-button-next,
._index_feature_wrapper .swiper-button-prev {
    top: 40px;
    width: calc(var(--swiper-navigation-size));
    height: calc(var(--swiper-navigation-size));
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    color: var(--swiper-navigation-color, var(--main-color));
    background: var(--white);
    border-radius: 50%;
}

._index_feature_wrapper .swiper-button-next::after,
._index_feature_wrapper .swiper-button-prev::after {
    font-size: calc(var(--swiper-navigation-size)/ 44 * 16);
}

.mySwiper3 .swiper-slide {
    text-align: center;
    padding: 20px 0;
}

.mySwiper3 .swiper-slide h5 {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: var(--white);
    position: relative;
    margin: 0 auto;
}

.mySwiper3 .swiper-slide h5:before {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--white);
    opacity: .6;
    top: -5px;
    left: -5px;
    z-index: -1;
}

.mySwiper4 .swiper-slide {
    padding: 10px 0;
}

.mySwiper4 .swiper-slide:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--white);
    left: calc(50% - 4px);
    top: -8px;
    margin: 0 auto;
}

.mySwiper3 .swiper-slide-thumb-active h5 {
    background: var(--main-color);
    color: var(--white);
}

._index_feature {
    position: relative;
}

._index_feature:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* background: #121828; */
}

._index_btn {
    padding-top: 20px;
}

._index_btn a {
    color: #555;
}

._index_btn a:hover {
    color: var(--main-color);
}

._index_feature_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding-top: 20px;
}

._index_feature_wrapper * {
    transition: .5s;
}

._index_feature_item {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

._index_feature_item:hover ._feature_item_img img {
    transform: scale(1.05);
}

._index_feature_item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
}

._index_feature_item:hover:after {
    display: none;
}

._feature_item_info {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 20px;
}

._feature_item_txt h4 {
    color: var(--white);
    font-size: 26px;
    font-weight: 700;
    text-shadow: 1.5px 1.5px 1px black;
}

._pt0 {
    padding-top: 0;
}

._feature_item_btn {
    padding-top: 20px;
}

._feature_item_btn a {
    color: var(--dark-color);
}

._feature_item_btn img {
    width: 20px;
}

.partners-slider {
    overflow: hidden;
    padding-top: 40px;
}

.partners-slider .swiper-wrapper {
    transition-timing-function: linear;
}

.partners-slider img {
    border: 1px solid #ddd;
}

._index_why {
    padding-top: 0;
}

._index_brand {
    background-color: #efefef;
}

._index_foot_about {
    background: url(../images/bg.jpg);
    background-size: cover;
    background-position: bottom;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

._index_foot_about::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--main-color) 0, var(--main-color) 20%, rgba(156, 250, 192, .1) 100%);
    z-index: -1;
    display: none;
}

._index_foot_about_wrapper {
    max-width: 1180px;
    background-color: #fff;
    margin: 0 auto;
    padding: 50px 0 50px;
    margin-top: -120px;
    box-shadow: 0 -5px 10px #eee;
}

._index_foot_about_desc {
    padding: 20px 60px 0;
}

._index_foot_about_desc p {
    text-align: center;
    color: #555;
    line-height: 1.6;
    font-size: 18.72px;
}

._index_foot_about_wrapper ._sys_btn a {
    width: 50%;
    margin: 0;
    border-radius: 0;
    justify-content: center;
    /* color: var(--dark-color); */
}

/**/
.product_slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product_item {
    width: 31.333333%;
}

.item_img {
    overflow: hidden;
    border-radius: 20px;
}

.item_img img {
    transition: .5s;
}

.product_item:hover img {
    transform: scale(1.05);
}

.item_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}

.item_cont_btn i {
    color: var(--main-color);
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}

.item_cont_txt .item_title {
    font-size: 20px;
    color: #444;
}

.item_cont_txt p {
    font-size: 16px;
    color: #777;
    padding-top: 10px;
    line-height: 20px;
}

/**/
.index_blog_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_blog_item {
    width: calc(100% / 6 - 10px);
}

.index_blog_btn {
    padding-top: 30px;
}

.index_blog_btn a {
    display: block;
    margin: 0 auto;
    width: max-content;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 30px;
    border-radius: 50px;
    background: var(--main-color);
    color: var(--white);
}

.index_blog_btn a:hover {
    background: var(--white);
    color: var(--main-color);
}

._index_adv_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

._index_adv_img,
._index_adv_desc {
    width: 50%;
    overflow: hidden;
}

._index_adv_img {
    border-radius: 20px;
}

._index_adv_desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

._index_adv_txt {
    width: 70%;
}

._index_adv_txt h4 {
    font-size: 24px;
    color: #444;
    margin-bottom: 20px;
}

._index_adv_txt p {
    font-size: 16px;
    line-height: 1.7;
    color: #777;
    text-align: justify;
}

.inquiry-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.inquiry-desc {
    width: max-content;
    font-size: 36px;
    color: var(--white);
    margin-right: 40px;
}

.inquiry-wrapper a {
    display: block;
    width: 200px;
    border-radius: 10px;
    background: var(--white);
    color: var(--main-color);
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}

.inquiry-wrapper a:hover {
    background: #444;
    color: var(--white);
}


:root {
    --swiper-theme-color: var(--white);
}

.footer-wrapper {
    background: linear-gradient(to bottom, var(--main-color), var(--bg-color));
}

.foot-wrap {
    padding: 50px 0 30px;
}

.foot-wrap .layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.foot-wrap .foot-item {
    width: max-content;
    max-width: 20%;
}

.foot-logo img {
    filter: brightness(0) invert(1);
}

.foot-desc {
    color: var(--white);
    font-size: 16px;
    line-height: 1.5;
    padding-top: 20px;
}

.foot-wrap .foot-logo {
    width: 100%;
    max-width: none;
    text-align: center;
    padding-bottom: 40px;
}

.foot-company-info {
    font-size: 16px;
    color: #f9f9f9;
    line-height: 20px;
}

.social-share {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.social-share i {
    display: block;
    width: 40px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
}

.social-share i:hover {
    background: var(--dark-color);
}

.foot-item h3 {
    font-size: 22px;
    color: var(--white);
    margin-bottom: 10px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
}

.foot-link-list a {
    display: block;
    color: #f1f1f1;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0;
}

.foot-link-list a:hover {
    color: var(--dark-color);
}


.foot-contcat-list li {
    display: flex;
}

.foot-contcat-list a,
.foot-contcat-list i {
    display: block;
    color: #f1f1f1;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0;
}

.foot-item.foot-pro-cate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.foot-contcat-list a {
    flex: 1;
}

.foot-contcat-list i {
    width: 20px;
    text-align: center;
    margin-right: 5px;
}

.foot {
    padding: 20px 0;
    border-top: 1px solid var(--line-color);
}

.copyright {
    font-size: 14px;
    color: #ffffff70;
    line-height: 20px;
}

._links a {
    display: block;
    font-size: 14px;
    color: #ffffff70;
    line-height: 20px;
}

._links li {
    padding: 0 5px;
}

._index_case {
    background: #f1f1f1;
}

.inquiry_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
}

.inquiry_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 2;
    left: 0;
    top: 0;
}

.inquiry_form {
    position: absolute;
    background: var(--white);
    width: 800px;
    padding: 80px 50px 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

input,
textarea {
    outline: 0;
}

.inquiry_form_item input,
.inquiry_form_item textarea {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
    line-height: 50px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #555;
}

.inquiry_form_save {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.inquiry_form_save input {
    background: var(--dark-color);
    color: var(--white);
    text-align: center;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 20px;
    border: 1px solid var(--dark-color);
    width: 100%;
}

.inquiry_form_save input:hover {
    background: var(--white);
    color: var(--dark-color);
}

.inquiry_form_close {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 30px;
    background: url(../ico/search_btn_close.png);
    width: 50px;
    height: 50px;
    display: block;
}

.inquiry_form_close:hover {
    background-position-y: 50px;
    animation: xuanzhuan 1s ease;
    animation-fill-mode: forwards;
}

._iconF {
    display: block;
    text-align: center;
}

._icon {
    width: 80px;
}

._inquiry_title {
    font-size: 30px;
    text-align: center;
    padding: 10px 0;
}

._inquiry_wrap {
    padding-bottom: 20px;
}

._inquiry_wrap p {
    text-align: center;
    font-size: 16px;
}

._flex_left {
    width: calc(33.333333% - 10px);
}

._flex_right {
    width: calc(66.666666% - 10px);
}

._flex_top {
    width: 100%;
    margin-bottom: 20px;
}

._flex_top ._index_case_item {
    width: calc(50% - 10px);
}

._flex_bottom ._index_case_item {
    width: calc(50% - 10px);
}

._index_case_item {
    position: relative;
}

._index_case_desc {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

._flex_left {
    overflow: hidden;
}

._flex_left ._index_case_item {
    height: 100%;
}

._flex_left ._index_case_item ._index_case_img {
    height: calc(100% - 30px);
}

._flex_left ._index_case_item ._index_case_img img {
    height: calc(100%);
    object-fit: cover;
}

._index_case_txt h3 {
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
}

._index_case_txt p {
    line-height: 1.6;
    font-size: 15px;
}

._index_case_img {
    overflow: hidden;
}

._index_case_img img {
    transition: all .5s ease-in-out;
}

._index_case_img:hover img {
    transform: scale(1.05);
}

._index_case_item:hover ._index_case_desc {
    /*background: rgba(0,0,0,.7);*/
}

._index_case_item:hover ._index_case_txt p span {
    /*color: #ED0900;*/
}

/* language */
.change-language-title span {
    color: #fff;
    font-size: 16px;
}

.navActive .change-language-title span,
.inner_pro_show .change-language-title span {
    color: #444;
}

.lang-wrap {
    position: relative;
}

.prisna-wp-translate-seo {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

.mobile-head-language .prisna-wp-translate-seo,
.change-language .prisna-wp-translate-seo {
    display: block
}

.change-language .change-language-title,
.change-language .change-language-title a {
    font-size: 10pt;
    color: #fff;
}

.change-language .change-language-title {
    padding: 0;
}

.change-language .change-language-title a:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    font-size: 12px;
    display: inline-block;
    padding-left: 2px;
    color: #fff;
}

.navActive .change-language .change-language-title a:after,
.inner_pro_show .change-language .change-language-title a:after {
    color: #444;
}

.change-language:hover .change-language-title a:after {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-language .change-language-cont {
    position: absolute;
    top: 35px;
    right: 0;
    width: 360px;
    background: var(--white);
    padding: 20px 10px 20px 20px;
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 80vh;
}

.change-language:hover .change-language-cont {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

.change-language .change-language-cont li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 0 10px;
    font-size: 10pt;
    overflow: hidden;
    padding: 0 10px 0 0;
}

.change-language .change-language-cont .lang-item-hide {
    display: none !important;
}

.change-language .change-language-cont .lang-more {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

.change-language .change-language-cont .more-active {
    font-size: 20px;
}

.language-flag span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
    padding: 0 0 0 33px;
    overflow: hidden;
}

.change-language ::-webkit-scrollbar {
    width: 5px;
}

.change-language ::-webkit-scrollbar-track {
    background-color: var(--white);
}

.change-language ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 3px;
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
    display: block
}

.language-flag .country-flag {
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    background-repeat: no-repeat;
    background-image: url(../ico/all-m.gif);
    width: 22px;
    height: 16px;
    margin: -8px 5px 0;
}

li.language-flag a {
    position: relative;
}

.language-flag-af .country-flag {
    background-position: 0 0px !important;
}

.language-flag-am .country-flag {
    background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
    background-position: 0 -32px !important;
}

.language-flag-az .country-flag {
    background-position: 0 -48px !important;
}

.language-flag-be .country-flag {
    background-position: 0 -64px !important;
}

.language-flag-bg .country-flag {
    background-position: 0 -80px !important;
}

.language-flag-bn .country-flag {
    background-position: 0 -96px !important;
}

.language-flag-bs .country-flag {
    background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
    background-position: 0 -128px !important;
}

.language-flag-ceb .country-flag {
    background-position: 0 -144px !important;
}

.language-flag-co .country-flag {
    background-position: 0 -160px !important;
}

.language-flag-cs .country-flag {
    background-position: 0 -176px !important;
}

.language-flag-cy .country-flag {
    background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
    background-position: 0 -208px !important;
}

.language-flag-de .country-flag {
    background-position: 0 -224px !important;
}

.language-flag-el .country-flag {
    background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
    background-position: 0 -256px !important;
}

.language-flag-eo .country-flag {
    background-position: 0 -272px !important;
}

.language-flag-es .country-flag {
    background-position: 0 -288px !important;
}

.language-flag-et .country-flag {
    background-position: 0 -304px !important;
}

.language-flag-eu .country-flag {
    background-position: 0 -320px !important;
}

.language-flag-fa .country-flag {
    background-position: 0 -336px !important;
}

.language-flag-fi .country-flag {
    background-position: 0 -352px !important;
}

.language-flag-fr .country-flag {
    background-position: 0 -368px !important;
}

.language-flag-fy .country-flag {
    background-position: 0 -384px !important;
}

.language-flag-ga .country-flag {
    background-position: 0 -400px !important;
}

.language-flag-gd .country-flag {
    background-position: 0 -416px !important;
}

.language-flag-gl .country-flag {
    background-position: 0 -432px !important;
}

.language-flag-gu .country-flag {
    background-position: 0 -448px !important;
}

.language-flag-ha .country-flag {
    background-position: 0 -464px !important;
}

.language-flag-haw .country-flag {
    background-position: 0 -480px !important;
}

.language-flag-hi .country-flag {
    background-position: 0 -496px !important;
}

.language-flag-hmn .country-flag {
    background-position: 0 -512px !important;
}

.language-flag-hr .country-flag {
    background-position: 0 -528px !important;
}

.language-flag-ht .country-flag {
    background-position: 0 -544px !important;
}

.language-flag-hu .country-flag {
    background-position: 0 -560px !important;
}

.language-flag-hy .country-flag {
    background-position: 0 -576px !important;
}

.language-flag-id .country-flag {
    background-position: 0 -592px !important;
}

.language-flag-ig .country-flag {
    background-position: 0 -608px !important;
}

.language-flag-is .country-flag {
    background-position: 0 -624px !important;
}

.language-flag-it .country-flag {
    background-position: 0 -640px !important;
}

.language-flag-iw .country-flag {
    background-position: 0 -656px !important;
}

.language-flag-ja .country-flag {
    background-position: 0 -672px !important;
}

.language-flag-jw .country-flag {
    background-position: 0 -688px !important;
}

.language-flag-ka .country-flag {
    background-position: 0 -704px !important;
}

.language-flag-kk .country-flag {
    background-position: 0 -720px !important;
}

.language-flag-km .country-flag {
    background-position: 0 -736px !important;
}

.language-flag-kn .country-flag {
    background-position: 0 -752px !important;
}

.language-flag-ko .country-flag {
    background-position: 0 -768px !important;
}

.language-flag-ku .country-flag {
    background-position: 0 -784px !important;
}

.language-flag-ky .country-flag {
    background-position: 0 -800px !important;
}

.language-flag-la .country-flag {
    background-position: 0 -816px !important;
}

.language-flag-lb .country-flag {
    background-position: 0 -832px !important;
}

.language-flag-lo .country-flag {
    background-position: 0 -848px !important;
}

.language-flag-lt .country-flag {
    background-position: 0 -864px !important;
}

.language-flag-lv .country-flag {
    background-position: 0 -880px !important;
}

.language-flag-mg .country-flag {
    background-position: 0 -896px !important;
}

.language-flag-mi .country-flag {
    background-position: 0 -912px !important;
}

.language-flag-mk .country-flag {
    background-position: 0 -928px !important;
}

.language-flag-ml .country-flag {
    background-position: 0 -944px !important;
}

.language-flag-mn .country-flag {
    background-position: 0 -960px !important;
}

.language-flag-mr .country-flag {
    background-position: 0 -976px !important;
}

.language-flag-ms .country-flag {
    background-position: 0 -992px !important;
}

.language-flag-mt .country-flag {
    background-position: 0 -1008px !important;
}

.language-flag-my .country-flag {
    background-position: 0 -1024px !important;
}

.language-flag-ne .country-flag {
    background-position: 0 -1040px !important;
}

.language-flag-nl .country-flag {
    background-position: 0 -1056px !important;
}

.language-flag-no .country-flag {
    background-position: 0 -1072px !important;
}

.language-flag-ny .country-flag {
    background-position: 0 -1088px !important;
}

.language-flag-pa .country-flag {
    background-position: 0 -1104px !important;
}

.language-flag-pl .country-flag {
    background-position: 0 -1120px !important;
}

.language-flag-ps .country-flag {
    background-position: 0 -1136px !important;
}

.language-flag-pt .country-flag {
    background-position: 0 -1152px !important;
}

.language-flag-ro .country-flag {
    background-position: 0 -1168px !important;
}

.language-flag-ru .country-flag {
    background-position: 0 -1184px !important;
}

.language-flag-sd .country-flag {
    background-position: 0 -1200px !important;
}

.language-flag-si .country-flag {
    background-position: 0 -1216px !important;
}

.language-flag-sk .country-flag {
    background-position: 0 -1232px !important;
}

.language-flag-sl .country-flag {
    background-position: 0 -1248px !important;
}

.language-flag-sm .country-flag {
    background-position: 0 -1264px !important;
}

.language-flag-sn .country-flag {
    background-position: 0 -1280px !important;
}

.language-flag-so .country-flag {
    background-position: 0 -1296px !important;
}

.language-flag-sq .country-flag {
    background-position: 0 -1312px !important;
}

.language-flag-sr .country-flag {
    background-position: 0 -1328px !important;
}

.language-flag-st .country-flag {
    background-position: 0 -1344px !important;
}

.language-flag-su .country-flag {
    background-position: 0 -1360px !important;
}

.language-flag-sv .country-flag {
    background-position: 0 -1376px !important;
}

.language-flag-sw .country-flag {
    background-position: 0 -1392px !important;
}

.language-flag-ta .country-flag {
    background-position: 0 -1408px !important;
}

.language-flag-te .country-flag {
    background-position: 0 -1424px !important;
}

.language-flag-tg .country-flag {
    background-position: 0 -1440px !important;
}

.language-flag-th .country-flag {
    background-position: 0 -1456px !important;
}

.language-flag-tl .country-flag {
    background-position: 0 -1472px !important;
}

.language-flag-tr .country-flag {
    background-position: 0 -1488px !important;
}

.language-flag-uk .country-flag {
    background-position: 0 -1504px !important;
}

.language-flag-ur .country-flag {
    background-position: 0 -1520px !important;
}

.language-flag-uz .country-flag {
    background-position: 0 -1536px !important;
}

.language-flag-vi .country-flag {
    background-position: 0 -1552px !important;
}

.language-flag-xh .country-flag {
    background-position: 0 -1568px !important;
}

.language-flag-yi .country-flag {
    background-position: 0 -1584px !important;
}

.language-flag-yo .country-flag {
    background-position: 0 -1600px !important;
}

.language-flag-zh-CN .country-flag {
    background-position: 0 -1616px !important;
}

.language-flag-zh-TW .country-flag {
    background-position: 0 -1632px !important;
}

.language-flag-zu .country-flag {
    background-position: 0 -1648px !important;
}

.head-search-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

.search-wrap {
    background: var(--white);
    width: 100%;
    padding: 40px 20%;
    box-shadow: 0 0px 5px #ccc;
}

.search-ipt {
    width: 100%;
    line-height: 50px;
    border: 0;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 30px;
    color: #666;
    padding: 0 5px;
}

.search-attr {
    display: block;
    text-align: right;
    color: #555;
    font-size: 14px;
    margin-top: 10px;
}

#btn-search-close {
    background: url(../ico/search_btn_close.png);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
}

#btn-search-close:hover {
    background-position-y: 30px;
    /* animation: xuanzhuan 1s ease;
    animation-fill-mode: forwards; */
}


@keyframes xuanzhuan {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes ToLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.inner-feedback-item {
    box-shadow: 0 0 5px #ddd;
    border-radius: 20px;
    padding: 30px 40px;
    margin-bottom: 30px;
    height: auto;
}

.inner-feedback-wraper {
    padding: 0px 20px 0;
    position: relative;
}

.inner-feedback-list {
    padding: 30px 10px 0;
}

.inner-feedback-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #777;
    padding: 10px 0;
}

.inner-feedback-wraper .swiper-button-next {
    right: 0;
}

.inner-feedback-wraper .swiper-button-prev {
    left: 0;
}

.inner-feedback-wraper .swiper-button-next,
.inner-feedback-wraper .swiper-button-prev {
    width: calc(var(--swiper-navigation-size));
    height: calc(var(--swiper-navigation-size));
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    color: var(--swiper-navigation-color, var(--white));
    background: var(--main-color);
    border-radius: 50%;
}

.inner-feedback-wraper .swiper-button-next::after,
.inner-feedback-wraper .swiper-button-prev::after {
    font-size: calc(var(--swiper-navigation-size)/ 44 * 16);
}

.inner-feedback-img {
    display: flex;
    gap: 10px;
    align-items: center;
}

.inner-feedback-img small {
    color: #777;
}

.inner-feedback-icon img {
    width: 30px;
    padding: 40px 0 20px;
    opacity: .7;
}

#_menu,
#_close,
#_lang,
.nav-bar .nav-wrap>.nav-item>.fa,
._body_bg,
.pro-left-title>i,
.nav-bar .nav-wrap>.nav-item .nav-sub-title .fa {
    display: none;
}

/* inner */
._inner_banner {
    position: relative;
    height: 380px;
    width: 100%;
    overflow: hidden;
    /* background: linear-gradient(to top, var(--main-color), var(--bg-color)); */
    text-align: right;
}

._inner_banner img {
    /* width: 100%; */
    vertical-align: middle;
    height: 100%;
    object-fit: cover;
}

.inner-banner-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding-top: 40px;
}

.inner-banner-desc h1 {
    color: var(--white);
    font-size: clamp(20px, 2.7vw, 40px);
    text-align: center;
    text-shadow: 0 1px 2px #000;
}

.inner-banner-desc p {
    font-size: 16px;
    line-height: 1.6;
    text-shadow: 0 1px 2px #000;
}

@media (min-width: 1921px) {
    .inner-banner-desc h1 {
        font-size: 50px;
    }

    .inner-banner-desc p {
        font-size: 20px;
    }
}

._inner_banner img {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.inner-position {
    padding: 25px 0;
    position: relative;
    background: linear-gradient(90deg, #F4F9F7 0%, #E5F0EA 50%, #D4E5DC60 100%);
}

.inner-position:after {
    /* content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--main-color);
    opacity: .15;
    z-index: -1; */
}

.inner-position .layout {
    display: flex;
    flex-wrap: wrap;
}

.inner-position a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: 300;
}

.inner-position .layout>i {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    padding: 0 10px;
}

._inner_wrapper {
    padding: 50px 0;
}

/* ._inner_title {
    margin-bottom: 30px;
} */

._inner_title h1 {
    font-size: 40px;
    font-weight: 700;
    color: var(--main-color);
    text-transform: uppercase;
}

._inner_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    letter-spacing: 1px;
}


/* product */

.inner_pro .pro-left {
    width: 26%;
}

.inner_pro .pro-right {
    width: 100%;
}

input {
    outline: 0;
}

.pro-search {
    position: relative;
    margin-bottom: 20px;
}

.pro-search input {
    width: 100%;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.pro-search i#pro_search_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #999;
    transform: translateY(-50%);
    font-size: 20px;
}

.pro-left-item {
    margin-bottom: 20px;
}

.pro-left-title {
    background: var(--main-color);
    font-size: 20px;
    padding: 15px;
    color: var(--white);
}

.cate-list {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cate-list .cate-item a {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.cate-tree .cate-item {
    padding: 0 15px;
}

.cate-item>a:hover {
    color: var(--main-color);
}

.cate-tree {
    display: none;
}

.hot-pro-list {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.hot-pro-item {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.hot-pro-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hot-pro-item a img {
    width: 100px;
    border: 1px solid #ddd;
}

.hot-pro-item a span {
    display: block;
    width: calc(100% - 110px);
}

.hot-pro-item a:hover span {
    color: var(--main-color);
}

.cate-item {
    position: relative;
}

.cate-item i {
    position: absolute;
    right: 15px;
    font-size: 16px;
    top: 16px;
    width: 20px;
    text-align: center;
}

.pro-list * {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.pro-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pro-list .pro-item {
    width: calc((100% - 60px) / 4);
    /*        margin: 0 .5% 20px;*/
    border: 1px solid var(--main-color);
    background: var(--main-color);
}

.pro-title {
    /*background: var(--main-color);*/
}

.pro-title h3 {
    color: var(--white);
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    padding: 8px 0;
    border-top: 1px solid var(--main-color);
}

.pro-item .pro-img {
    overflow: hidden;
}

.pro-item:hover {
    background: var(--white);
}

.pro-item:hover .pro-title h3 {
    color: var(--main-color);
}

.pro-item:hover .pro-img img {
    transform: scale(1.05);
}

.pro-right ._inner_title h1 {
    text-align: left;
    color: #333;
}

._cate_tit {
    width: 100%;
}

/* product-show */
.inner_pro_show {
    padding-top: 80px;
}

.inner_pro_show .pro-right {
    width: 100%;
}

.pro-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
    background: var(--white);
    gap: 60px;
}

.pro-desc .pro-img {
    width: 580px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pro-desc .pro-info {
    flex: 1;
    padding: 20px 10px;
}

.pro-info h1 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    color: var(--main-color);
}

.pro-info h1:after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: var(--main-color);
}

.pro-info .desc {
    font-size: 18px;
    color: #444;
    line-height: 1.7;
}

.pro-img .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
}

.mySwiper {
    overflow: hidden;
    width: 100%;
}

.mySwiper2 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.pro-desc .swiper-slide {
    border: 1px solid #eee;
}

.pro-desc img {
    width: 100%;
}

.mySwiper .swiper-slide-thumb-active:after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
}

.pro-detail {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
}

.desc-title-nav {
    /* background-color: var(--main-color); */
    padding: 5px 5px 0 5px;
    display: flex;
    text-align: center;
}

.desc-title {
    flex: 1;
    color: #222;
    font-size: 35px;
    padding: 20px;
    /* border-top-left-radius: 12px;
    border-top-right-radius: 12px; */
    position: relative;
    cursor: pointer;
}

.desc-title::before {
    /* content: "";
    display: block;
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: var(--main-color);
    left: 50%;
    bottom: 0;
    border-radius: 10px;
    transform: translateX(-50%);
    z-index: 1; */
}

.desc-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 4px;
    background: var(--dark-color);
    left: 50%;
    bottom: 0;
    transform: skew(20deg) translateX(-50%);
}

/* .desc-title:last-child:after, .desc-title.active:after {
    display: none;
} */

.desc-title.active {
    /* background-color: var(--white);
    color: var(--main-color); */
}

.pro-position .desc {
    padding: 20px 0;
    background: #f1f1f1;
}

.desc-wrapper {
    padding: 30px 40px;
}

.desc-cont {
    display: none;
}

.desc-cont.active {
    display: block;
}

.HotTags {
    padding-top: 20px;
}

.desc-cont table {
    width: 100%;
}

.desc-cont td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 25px 0;
    font-size: 16px;
    color: #777;
}

.desc-cont tr:nth-child(odd) {
    /* background-color: #f1f1f1; */
}

.desc-cont tr:first-child {
    background-color: var(--dark-color);
}

.desc-cont tr:hover {
    background-color: var(--main-color-4);
}

.desc-cont tr:first-child:hover {
    background-color: var(--dark-color);
}

.desc-cont tr:first-child td {
    color: #fff;
}

.pdf-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.pdf-btn a {
    color: #777;
}

.pdf-item {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #999;
    transition: .5s ease-in-out;
}

.pdf-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 10px #eee;
}

.pdf-tit {
    display: flex;
    gap: 10px;
}

.pdf-tit i {
    color: var(--pdf);
}

.pro-list ul {
    display: flex;
    flex-wrap: wrap;
}

.pro-list li {
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid var(--main-color);
    margin-right: 10px;
}

.pro-detail-wrap {
    /* margin-bottom: 30px; */
}

#inquiry_btn {
    color: var(--white);
    background: var(--main-color);
    display: block;
    width: max-content;
    font-size: 20px;
    text-align: center;
    padding: 5px 40px;
    border-radius: 3px;
    margin-top: 30px;
    line-height: 30px;
    text-transform: uppercase;
    border: 1px solid var(--main-color);
}

#inquiry_btn:hover {
    color: var(--main-color);
    background: var(--white);
    border: 1px solid var(--main-color);
}

/* news */

.news-list * {
    transition: all .5s ease-in-out;
}

.news-item {
    width: 100%;
    display: flex;
    padding: 20px 15px 20px 90px;
    background: var(--white);
    box-shadow: 0 5px 10px #ccc;
    margin-bottom: 40px;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news-item .news-time {
    background: #303030;
    padding: 10px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
}

.news-time big {
    font-size: 18px;
    color: var(--white);
    display: block;
}

.news-time small {
    font-size: 14px;
    color: var(--white);
}

.news-item .news-info {
    padding: 20px 0;
    width: calc(100% - 600px);
}

.news-info h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 300;
}

.news-info a {
    display: block;
    border: 1px solid var(--main-color);
    width: 120px;
    text-align: center;
    border-radius: 20px;
    line-height: 36px;
}

.news-info p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
    font-weight: 200;
}

.news-item .news-img {
    width: 500px;
    overflow: hidden;
}

.news-img img {
    width: 100%;
}

.news-item:hover img {
    transform: scale(1.05);
}

.news-item:hover .news-info a {
    color: var(--white);
    background: var(--main-color);
}

.news-item:hover .news-time {
    background: var(--main-color);
    padding-left: 60px;
}

.news-item:hover {
    padding-left: 140px
}


/* news-show */

._news_show ._inner_title h1 {
    text-align: left;
    font-weight: 300;
    font-size: 30px;
    font-weight: bold;
}

._news_show ._inner_title small {
    font-size: 14px;
    font-weight: 200;
    color: #777;
    padding-top: 10px;
    display: block;
}

._news_show ._inner_title {
    padding-bottom: 20px;
}

._inner_show_wrap p {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
    padding: 10px 0;
    font-weight: 300;
}

._inner_show_wrap {
    padding: 30px;
    position: relative;
    background-color: #F3F3F3;
    min-height: calc(100% - 86px);
}

/* ._inner_show_wrap:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(135deg, #F9F9F9 0%, #E0E0E080 100%);
    opacity: .6;
    z-index: -1;
} */

._inner_btn_wrap {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

._inner_btn_item {
    display: flex;
}

._inner_btn_item span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #444;
    margin-right: 10px;
}

._inner_btn_item a {
    display: block;
    font-size: 16px;
    font-weight: 200;
}

/* message */

._inner_form ._flex_col_6 {
    width: 49%;
}

.form-item {
    margin-bottom: 30px;
}

._inner_form input,
._inner_form textarea {
    width: 100%;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: 0;
    padding: 5px;
    color: #777;
    font-weight: 200;
}

._inner_form input:focus,
._inner_form textarea:focus {
    border-color: var(--main-color);
}

.form-btn {
    text-align: center;
}

.form-btn button {
    line-height: 40px;
    background: var(--main-color);
    color: var(--white);
    border-radius: 20px;
    border: 1px solid var(--main-color);
    padding: 0 40px;
    text-transform: uppercase;
}

.form-btn button:hover {
    background: var(--white);
    color: var(--main-color);
}

/* contact */
._message {
    padding: 50px 0;
    background: var(--main-color-4);
}


/* page */

.page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
}

.page a {
    display: block;
    margin: 0 10px;
    font-size: 16px;
    line-height: 30px;
    width: 50px;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #ccc;
}

.page i {
    font-size: 16px;
}

.page a:hover,
.page a.active {
    color: var(--white);
    background: var(--main-color);
    border-color: var(--main-color);
}

/* 新闻 + 应用 */

.news-list_ny {
    width: 100%;
    margin-top: 16px;
}

.news-list_ny ul {
    display: flex;
    flex-wrap: wrap;
}

.news-list_ny ul li {
    width: 30.33333333333%;
    margin: 1.5%;
    border-radius: 10px;
    height: 451px;
    overflow: hidden;
    background: #fff;
    margin-top: 30px;
    box-shadow: 0 2px 10px 2px #ebebec;
}

.news-img_ny {
    width: 100%;
    overflow: hidden;
    max-height: 240px;
}

.news-img_ny img {
    width: 100%;
    object-fit: cover;
    transition: all .6s ease;
}

.news-words_ny {
    width: 100%;
    padding: 56px 32px;
    background: #fff;
    position: relative;
    z-index: 2;
    transition: all .4s ease;
}

.news-words_ny h6 a {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.news-words_ny p {
    font-size: 16px;
    color: #666;
    transition: all .4s ease;
    line-height: 26px;
    margin-top: 0px;
    height: 0px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-words_ny span {
    display: block;
    margin-top: 42px;
    font-size: 16px;
    color: #848484;
}

.news-list_ny ul li:hover .news-img_ny img {
    transform: scale(1.1);
}

.news-list_ny ul li:hover .news-words_ny {
    margin-top: -78px;
}

.news-list_ny ul li:hover .news-words_ny p {
    height: 52px;
    margin-top: 26px;
}


/*单页排版*/

.inner-item-title {
    margin-bottom: 30px;
}

.inner-item-title h2 {
    font-size: 30px;
    text-transform: capitalize;
}

._equ .inner-item-title h2 {
    background: #f1f1f1;
    padding: 20px;
    border-top-left-radius: 20px;
}

.inner-item-title p {
    color: #777;
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.6;
}

.inner-item ._flex_col_6 {
    width: 46%;
}

.inner-item-txt p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.inner-item-txt p {
    padding: 10px 0;
}

._inquiry_btn {
    background: var(--main-color);
    height: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
}

._inquiry_btn ._icon {
    fill: var(--white);
}

._inquiry_btn ._iconF {
    display: block;
}

._inquiry_btn h4 {
    font-size: 20px;
    padding-top: 10px;
}


/* about单页 */

._about_inquiry {
    box-shadow: 0 5px 10px #ddd;
    border-radius: 12px;
    overflow: hidden;
}

._about_inquiry_wrap,
._about_inquiry_desc {
    width: 50%;
}

._about_inquiry_desc {
    padding: 50px;
    background: var(--dark-color);
}

._about_inquiry_wrap {
    padding: 50px;
    background: var(--white);
}

._about_inquiry_title {
    padding-bottom: 30px;
}

._about_inquiry_title h2 {
    font-weight: bold;
    font-size: 30px;
    color: #fff;
}

._about_inquiry {
    position: relative;
}

._about_inquiry:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--main-color);
    z-index: -1;
}

._about_inquiry:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: var(--pink-6);
    z-index: -1;
}

._about_inquiry_list p {
    font-size: 18px;
    line-height: 32px;
    position: relative;
    color: #fff;
    padding: 5px 0 5px 24px;
}

._about_inquiry_list p a {
    color: #fff;
}

._about_inquiry_list p:before {
    content: "\f058";
    font-size: 18px;
    font-family: "fontawesome";
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 32px;
    color: var(--white);
}

/* about1 */
.strength-item {
    background: var(--main-color-4);
    padding: 20px 30px;
    border-radius: 10px;
}

.strength-item img {
    max-width: 80px;
}

.strength-item h4 {
    font-size: 20px;
    padding: 10px 0;
}

.inner-item-img {
    position: relative;
}

.inner-item-img a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    display: block;
    background: rgba(0, 0, 0, .8);
    color: var(--white);
    border-radius: 3px;
    padding: 10px 30px;
}

.detail-content {
    margin-top: 60px;
}

.detail-content .block-list {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 50px;
}

.detail-content .block-list:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid transparent;
    border-bottom: 16px solid var(--main-color);
    position: absolute;
    left: calc(50% - 12px);
    top: -16px;
    z-index: 2;
}

.detail-content .block-list:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #ccc;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    z-index: 1;
}

.block-list .block-item {
    /*padding-bottom: 30px;*/
    width: calc(50%);
    padding-left: 30px;
    padding-top: 120px;
    position: relative;
}

.block-list .block-item:last-child:before {
    content: "";
    display: block;
    background: #fff;
    width: 4px;
    height: calc(50% + 20px);
    position: absolute;
    right: -2px;
    bottom: 0;
    z-index: 3;
}

.block-list .block-item .content:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 4px solid var(--main-color);
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.block-list .block-item:nth-child(2n+1) {
    padding: 0;
    padding-right: 30px;
    padding-bottom: 30px;
}

.block-list .block-item:nth-child(2n) .content:after {
    left: -40px;
    right: auto;
}

.block-item:last-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: calc(50% + 20px);
    background: #fff;
    bottom: 0;
    right: -2px;
    z-index: 10;
}

.block-list .block-item .content:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    background: var(--main-color);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    z-index: -1;
}

.block-list .block-item .content:hover:before {
    height: 100%;
}

.block-list p {
    font-size: 16px;
    color: #777;
    line-height: 1.6;
}

.block-item span {
    display: block;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}

.block-list .block-item .content:hover p,
.block-list .block-item .content:hover span {
    color: #fff;
}

.block-item .content {
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 5px 10px #eee;
    padding: 20px 30px;
    box-sizing: border-box;
    position: relative;
    position: relative;
    display: flex;
}

.content-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.fl .content-img {
    margin-left: 30px;
}

.fr .content-img {
    margin-right: 30px;
}

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

.content-txt {
    flex: 1;
}

.fl {
    float: left;
    flex-direction: row-reverse;
}

.fr {
    float: right;
}

.fl p {
    text-align: right;
}

.fl span {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .block-list .block-item {
        padding: 0;
        width: 100%;
    }

    .block-list .block-item:nth-child(2n+1) {
        padding: 0;
        border: 0;
    }

    .detail-content .block-list:before,
    .detail-content .block-list:after {
        display: none;
    }

    .detail-content .block-list {
        margin-bottom: 20px;
        padding-top: 20px;
    }
}


/*about2*/
.mySwiper6 .swiper-slide {
    background: #f1f1f1;
    padding: 10px 15px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
}

.mySwiper5 .swiper-slide {
    cursor: grab;
}

.mySwiper6 h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    text-transform: capitalize;
}

.mySwiper6 .swiper-slide:before {
    content: "";
    display: block;
    width: 4px;
    height: 20px;
    background: var(--main-color);
    margin-right: 12px;
    margin-top: 1px;
    border-radius: 10px;
}

.mySwiper6 .swiper-slide-thumb-active {
    background: var(--main-color);
    color: #fff;
}

.mySwiper6 .swiper-slide-thumb-active:before {
    background: #fff;
}

._sol_desc p {
    font-size: 16px;
    line-height: 1.6;
    padding: 10px 0;
    color: #444;
}

._tube {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: var(--main-color);
    margin-right: 5px;
    margin-bottom: 2px;
}

._sol_ad h4,
._sol_sum h4 {
    font-size: 16px;
    line-height: 1.6;
    padding: 20px 30px 10px;
    color: #444;
    font-weight: bold;
}

._sol_sum {
    background: #EFEFEF;
    width: 100%;
    padding-bottom: 20px;
}

._sol_ad {
    background: #EFEFEF;
    width: 100%;
    margin-top: 20px;
}

._sol_sum p {
    font-size: 16px;
    line-height: 1.6;
    color: #444;
    padding: 0 30px;
}

._title {
    width: 40%;
}

._sol_desc {
    width: 58%;
}

._title h2 {
    font-size: 40px;
    font-weight: 300;
}

._title p {
    font-size: 18px;
    color: #444;
    line-height: 1.2;
    padding-top: 10px;
}

._title a {
    display: block;
    width: fit-content;
    padding: 10px 30px;
    margin-top: 30px;
    border: 1px solid var(--main-color);
    border-radius: 5px;
    font-size: 16px;
    color: var(--main-color);
    font-weight: 200;
}

.inner_sol ._inner_title p {
    font-size: 16px;
    padding-top: 10px;
}

.inner_sol ._inner_title h1 {
    text-align: left;
}

.mySwiper5 {
    padding-top: 40px;
}

.mySwiper4 img {
    margin: 0 auto;
    display: block;
}

.sol-desc {
    position: relative;
}

.sol-desc .swiper-button-next,
.sol-desc .swiper-button-prev {
    top: 20px;
    background: var(--main-color);
}

.sol-desc .swiper-button-next {
    right: 0px;
}

.sol-desc .swiper-button-prev {
    left: 0px;
}

.sol-desc .swiper-button-next::after,
.sol-desc .swiper-button-prev::after {
    font-size: calc(var(--swiper-navigation-size) / 2);
}

/* about3 */

.inner-item-desc table {
    width: auto;
    margin: 0 auto;
    min-width: 1080px;
}

.inner-item-desc td {
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    color: #555;
}

.equ-item h4 {
    font-size: 16px;
    padding: 10px 0 20px;
}

/* about4 */
.inner-item-desc>p {
    font-size: 16px;
    line-height: 1.7;
    padding: 5px 0;
    color: #555;
}

.inner-item-desc h5 {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
}

.manu-item {
    width: 80%;
    margin: 0 auto;
    color: #555;
    line-height: 1.6;
}

._process_wrapper .swiper-slide {
    padding: 50px 20px 30px;
    height: auto;
    color: #555;
    line-height: 1.6;
}

._process_item {
    box-shadow: 0 5px 10px #ddd;
    height: 100%;
    border-radius: 10px;
    padding: 40px 40px 30px;
}

._process_wrapper .swiper-button-next,
._process_wrapper .swiper-button-prev {
    border-radius: 50%;
    background: var(--main-color);
    width: calc(var(--swiper-navigation-size));
}

._process_wrapper .swiper-button-prev {
    left: 0;
}

._process_wrapper .swiper-button-next {
    right: 0;
}

._process_wrapper .swiper-button-next:after,
._process_wrapper .swiper-button-prev:after {
    font-size: calc(var(--swiper-navigation-size) / 44* 20);
}

._process_item small {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px !important;
    left: calc(50% - 30px);
    top: 20px;
    background: #fff;
    border-radius: 50%;
    font-size: 24px;
    color: #333;
    box-shadow: 0 5px 10px #ddd;
    text-align: center;
}


/* about5 */
.faq-item {
    --faqColor: var(--main-color);
}

.faq-item .faq-title.show-title:before,
.faq-item .faq-title:before {
    display: none;
}

.faq-list .faq-item {
    margin: 0 0 30px;
    border: 0;
    /*box-shadow: 0 5px 10px #eee;*/
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    background-color: #fff;
}

.faq-item .faq-title {
    padding: 20px 20px;
    display: flex;
    position: relative;
    /*background: #E3E3E3;*/
    margin: 0;
    align-items: flex-start;
}

.faq-item .faq-title h4 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    flex: 1;
}

.faq-item .faq-title span {
    display: block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: var(--faqColor);
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    margin-right: 20px;
}

.faq-item .faq-desc {
    display: none;
}

.faq-item .faq-desc p {
    margin-top: 20px;
    line-height: 1.5;
    font-size: 16px;
    color: #666;
    margin: 0;
    padding: 20px 30px 30px;
    text-align: left !important;
}

.faq-item:hover .faq-title {
    background: var(--faqColor);
}

.faq-item:hover .faq-title i {
    filter: brightness(0) invert(1);
}

.faq-item:hover .faq-title h4 {
    color: #fff;
}

.faq-item:hover .faq-title span {
    background: #fff;
    color: var(--faqColor);
}

/* pro-detail */
.sep-p table {
    margin-top: 10px;
}

.sep-p td {
    padding: 10px;
    font-size: 16px;
}

.sep-p p {
    font-size: 16px;
    line-height: 1.7;
    padding: 5px 0;
}

.sep-p h2 {
    padding-bottom: 10px;
}

._child {
    display: flex;
    flex-wrap: wrap;
}

._child img {
    border-radius: 5px;
    margin: .5%;
    border: 1px solid #ddd;
}

._four img {
    width: 24%;
}

.sep-p ._flex_col_6 img {
    max-width: 96%;
    max-height: 490px;
}

/* inner-banner */
.inner-banner-desc ._inner_title h1 {
    color: var(--white);
}

/* Capabilities 1 */
._flex_col_6_49 {
    width: 49%;
}

.engin-item-desc .inner-item-txt {
    width: 80%;
    margin: 0 auto;
}

.engin-item-desc .inner-item-txt p {
    text-align: justify;
}

.adv-list {
    width: 90%;
    margin-left: auto;
}

.adv-item-tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adv-btn {
    width: 50px;
    height: 50px;
    background-image: url(../ico/faq_btn.png);
    overflow: hidden;
    background-position-y: 0;
}

.adv-btn:hover {
    animation: _turn .5s ease-in-out;
}

.adv-btn.open {
    background-position-y: 50px;
}

.adv-btn.open:hover {
    animation: none;
}

.adv-item {
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
}

.adv-item-tit h4 {
    font-size: 26px;
    color: var(--main-color);
}

._border {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.adv-item-desc {
    padding-top: 20px;
    display: none;
}

.adv-item-desc p {
    color: #555;
    line-height: 1.7;
}

/* Capabilities 2 */

.video-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.video-item {
    width: calc((100% - 40px) / 3);
}

.video-tit {
    font-size: 20px;
    color: #444;
    text-align: center;
    padding-top: 10px;
    line-height: 24px;
}

.video-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 22;
}

.video-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
}

.video {
    position: absolute;
    width: 60%;
    height: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video iframe {
    width: 100%;
    height: 100%;
}

.video-close-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 50px;
    top: 50px;
    background-image: url(../ico/video_close_btn.png);
    overflow: hidden;
}

.video-close-btn:hover {
    background-position-y: 50px;
/*
    animation: xuanzhuan 1s ease;
    animation-fill-mode: forwards;
*/
}

.cap_bg {
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0;
    margin: 50px 0;
}

.inner-item-btn {
    width: max-content;
    padding: 10px 20px;
    color: var(--main-color);
    background: var(--white);
    border-radius: 5px;
    margin-top: 30px;
    cursor: pointer;
}

._pt50 {
    padding-top: 50px;
}

._pt20 {
    padding-top: 20px;
}

._flex_col_9 {
    width: 74%;
}

._flex_col_3_24 {
    width: 24%;
}

.font20 {
    font-size: 20px !important;
}

.max900 {
    max-width: 900px;
    margin: 0 auto;
}

.inner-blog-wrapper {
    padding: 50px 0;
}

.inner-blog-list .swiper-slide {
    padding: 20px;
}

.blog-slide {
    box-shadow: 0 0 10px #ddd;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.blog-tit a {
    display: block;
    font-size: 20px;
    color: #444;
    line-height: 24px;
    padding: 20px;
}

.blog-btn a {
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 20px;
    padding: 0 20px 20px;
}

.inner-blog-list .swiper-button-next,
.inner-blog-list .swiper-button-prev {
    border-radius: 50%;
    background: var(--main-color);
    width: calc(var(--swiper-navigation-size));
}

.inner-blog-list .swiper-button-next:after,
.inner-blog-list .swiper-button-prev:after {
    font-size: calc(var(--swiper-navigation-size) / 44* 20);
}

.inner-item-txt h4 {
    font-size: 20px;
    padding-bottom: 20px;
}

.engin-item-desc>p {
    line-height: 1.6;
    color: #555;
}

.engin-item-desc table {
    margin: 20px 0;
}

.engin-item-desc td {
    padding: 10px;
    color: #555;
}

.engin-item-desc tr:nth-child(even) {
    background: #f1f1f1;
}

._mt30 {
    margin-top: 30px;
}


._index_goal {
    padding-top: 0;
}

._goal_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

._goal_item {
    /* width: 24%;
    margin: 0.5%; */
    flex: 1;
    box-shadow: 0 5px 10px #ddd;
    padding: 30px 0;
}

._goal_item_title {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}

._goal_item_number {
    display: flex;
    align-items: center;
    color: var(--dark-color);
}

._goal_item_number .counter,
._goal_item_number span {
    display: block;
    font-size: 75px;
    font-family: BebasNeue-Regular;
    line-height: 1;
}

._goal_item_number em {
    font-size: 30px;
    margin-left: 5px;
}

._goal_item_title b {
    font-size: 30px;
    color: var(--dark-color);
}

._goal_item_txt p {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    color: #777;
    font-weight: bold;
}

._index_faq ._index_title h2,
._index_faq ._index_desc {
    text-align: left;
    margin: 0;
}

._index_title h4 {
    font-size: 20px;
    padding-top: 20px;
}

._index_faq_wrapper {
    display: flex;
    gap: 50px;
}

._index_faq_tit {
    width: 500px;
}

._index_faq_list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

._index_faq_item {
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 5px 10px #eee;
    padding: 20px 30px;
}

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

._index_faq_item_desc {
    display: none;
}


.faq-btn {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='60' viewBox='0 0 30 60' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14' y='5' width='2' height='20' fill='%23333'%3E%3C/rect%3E%3Crect x='5' y='14' width='20' height='2' fill='%23333'%3E%3C/rect%3E%3Crect x='5' y='44' width='20' height='2' fill='%23333'%3E%3C/rect%3E%3C/svg%3E");
    overflow: hidden;
    background-position-y: 0;
    display: block;
}

.faq-btn:hover {
    animation: _turn .5s ease-in-out;
}

.faq-btn.open {
    background-position-y: 30px;
}

.faq-btn.open:hover {
    animation: none;
}

._index_faq_item_tit h4 {
    font-size: 18px;
    color: var(--faqColor);
    flex: 1
}

._border {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}


._index_faq_item_desc p {
    color: #777;
    line-height: 1.7;
    font-size: 15px;
}


@media (max-width:768px) {
    ._index_faq_item_tit h4 {
        font-size: 18px;
    }

    ._index_faq_item_desc p {
        font-size: 14px
    }
}


@keyframes _turn {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotateZ(180deg);
    }
}


@media (max-width: 1600px) {
    .layout {
        max-width: 1400px;
    }
}

@media (max-width: 1440px) {
    .layout {
        padding: 0 20px;
    }

    .inquiry_form {
        padding: 20px 50px 20px;
    }

    .nav-wrap {
        gap: 20px;
    }
}

@media (max-width: 1366px) {
    .layout {
        padding: 0 20px;
    }

    .nav-item {
        /* padding: 0 15px; */
    }

    .nav-wrap {
        gap: 10px;
    }

    .nav-item>a {
        font-size: 14px;
    }
    ._request a {
        font-size: 14px;
    }
    .head-logo img {
        max-width: 120px;
    }
}


@media (max-width: 1200px) {
    .nav-item {
        padding: 0 10px;
    }

    .nav-item>a {
        font-size: 16px
    }

    ._index_company_desc {
        font-size: 14px;
    }

    .inquiry_form {
        padding: 20px 30px 20px;
        width: 80%;
    }

    .inquiry_form_item input,
    .inquiry_form_item textarea {
        margin-bottom: 10px;
        line-height: 30px;
    }

    ._icon {
        width: 50px;
    }
}

@media (max-width: 1080px) {
    .nav-item {
        padding: 0 10px;
    }

    .nav-item>a {
        text-transform: capitalize;
    }

    .mySwiper6 {
        padding: 0 30px;
    }

    ._sys_btn_banner a {
        padding: 5px 20px;
        font-size: 16px;
    }
    ._sys_btn_banner {
        padding-top: 20px;
    }
    ._promote_list {
        flex-wrap: wrap;
        gap: 20px;
    }
    ._index_feature_wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    ._brand_list {
        grid-template-columns: repeat(2, 1fr);
    }
    ._index_resources_list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px) {
    ._index_foot_about_desc {
        padding: 0;
        font-size: 14px;
    }
    ._index_foot_about_desc p {
        font-size: 14px;
    }
    ._index_foot_about_wrapper {
        width: 100%;
        max-width: none;
        padding: 30px 20px;
        margin-top: 0;
    }
    ._index_blog_tit h3 {
        font-size: 14px;
    }
    ._index_blog_list {
        gap: 20px;
    }
    ._index_service_item {
        font-size: 14px;
    }
    ._index_service_pro_tit {
        font-size: 14px;
    }
    ._index_resources_titi {
        font-size: 14px;
    }
    .nav-sub-wrap .nav-sub-item.active {
        flex-direction: column;
    }
    .nav-sub-pro-item a img {
        display: none;
    }
    .nav-sub-pro-item a {
        align-items: flex-start;
        font-size: 16px;
    }
    .nav-sub-cate a {
        background: #fff;
    }
    .nav-sub-pro-item.active {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .nav-wrap,
    .change-language .change-language-cont {
        display: none;
        position: fixed;
        width: 70%;
        background: var(--white);
        height: 100%;
        left: 0;
        top: 0;
        flex-wrap: wrap;
        align-content: flex-start;
        overflow-y: scroll;
        animation: ToLeft 1s ease;
        animation-fill-mode: forwards;
        z-index: 99;
    }

    .change-language .change-language-cont {
        display: block;
        opacity: 1;
        visibility: hidden;
        background-color: var(--white);
        visibility: visible;
        transform: scale3d(1, 1, 1);
        overflow-y: scroll;
        max-height: none;
    }

    .change-language .change-language-cont li {
        width: 100%;
    }

    .navActive .nav-bar {
        padding: 10px 0;
    }

    ._request {
        display: none;
    }

    ._index_banner {
        height: auto;
    }

    #_menu,
    #_lang,
    .nav-bar .nav-wrap>.nav-item>.fa,
    .nav-bar .nav-wrap>.nav-item .nav-sub-title .fa {
        display: block;
    }

    .lang-wrap,
    .lang-wrap .medium-title,
    ._child_ico {
        display: none;
    }

    .head-right i.fa {
        font-size: 22px;
    }

    #_lang {
        /* margin-right: 20px; */
    }

    #_close,
    #_close_lang {
        background-color: var(--white);
        background-image: url(../ico/search_btn_close.png);
        width: 30px;
        height: 30px;
        position: fixed;
        left: calc(70% + 5px);
        top: 0;
        z-index: 99;
        background-repeat: no-repeat;
    }

    ._body_bg {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, .7);
        height: 100%;
        left: 0;
        top: 0;
        z-index: 80;
    }

    .nav-item>a {
        line-height: 60px;
    }

    .nav-item {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .nav-sub-title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 20px;
    }

    .nav-sub {
        position: static;
        transform: translateX(0);
        width: 100%;
        padding: 0 10px;
        background: #EEEEEE;
        min-width: auto;
    }

    .nav-sub-wrap {
        position: static;
        transform: translateX(0);
        width: 100%;
        padding: 10px;
        background: #EEEEEE;
        min-width: auto;
    }

    .nav-sub-cate {
        width: 100%;
        min-width: auto;
    }

    .index-main-wrapper,
    .inner-main-wrapper {
        padding-top: 65px;
    }

    ._index_title h1,
    ._index_title h2 {
        font-size: 20px;
    }

    /* .foot-wrap .foot-item {
        width: 48%;
    } */

    ._banner_txt p {
        font-size: 14px;
        padding-top: 10px;
    }

    ._sys_btn a {
        padding: 5px 20px;
        font-size: 14px;
        margin: 0;
    }

    ._sys_btn {
        padding-top: 20px;
        gap: 10px;
    }

    ._banner_txt h2,
    ._banner_txt h1 {
        text-transform: capitalize;
    }

    ._banner_desc {
        width: 90%;
        left: 5%;
    }

    ._banner_desc._left a {
        margin-right: 0;
    }

    ._index_company_img,
    ._index_company_wrap {
        width: 100%;
        padding: 10px 0;
    }

    .sysbtn {
        padding-top: 20px;
    }

    ._index {
        padding: 30px 0 30px;
    }

    ._promote_item {
        width: calc(49% - 10px);
    }

    ._index_desc {
        font-size: 13px;
        padding-bottom: 20px;
    }

    ._promote_item_txt h4 {
        font-size: 16px;
    }

    ._promote_item_txt p {
        font-size: 13px;
    }

    ._index_adv_item {
        gap: 20px;
        padding: 10px 0;
    }

    ._index_adv_img,
    ._index_adv_desc {
        width: 100%;
    }

    ._index_adv_txt {
        width: 100%;
    }

    ._index_adv_txt h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    ._index_adv_txt p {
        font-size: 14px;
    }

    ._flex_col_4 {
        width: 48%;
    }

    ._why_item_txt h4 {
        font-size: 16px;
    }

    ._why_item_txt p {
        font-size: 13px;
    }

    .inner-feedback-desc p {
        font-size: 13px;
    }

    .inquiry-desc {
        font-size: 20px;
    }

    /* .foot-item.foot-pro-cate {
        display: none;
    } */

    /* .foot-contcat h3 {
        display: none;
    } */

    .foot-desc {
        font-size: 13px;
    }

    .inner-item ._flex_col_6 {
        width: 100%;
    }

    .strength-list ._flex_col_3 {
        width: 48%;
    }

    .inner-item-title h2 {
        font-size: 20px;
        text-transform: capitalize;
    }

    .inner-item-txt p {
        font-size: 14px;
    }

    .strength-item h4 {
        font-size: 16px;
        padding: 10px 0;
    }

    .strength-item p {
        font-size: 13px;
    }

    .strength-item img {
        max-width: 60px;
    }

    .inner-item-title p {
        padding-top: 10px;
        font-size: 14px;
    }

    ._about_inquiry_wrap,
    ._about_inquiry_desc {
        width: 100%;
    }

    ._about_inquiry .layout {
        padding: 0;
    }

    ._about_inquiry_wrap {
        padding: 20px;
    }

    ._about_inquiry_desc {
        padding: 20px;
    }

    ._title h2 {
        font-size: 20px;
        font-weight: 500;
    }

    ._title p {
        font-size: 14px;
    }

    ._table_wrap {
        overflow-x: scroll;
    }

    .inner-item-desc td {
        font-size: 14px;
    }

    .inner-item-desc h5 {
        font-size: 16px;
    }

    ._process_item p {
        font-size: 13px;
    }

    .inner-item-desc p {
        font-size: 14px;
    }

    .inner-item-desc>p {
        font-size: 13px;
    }

    .manu-item {
        width: 100%;
    }

    .manu-item p {
        font-size: 14px;
    }

    ._flex {
        gap: 20px;
    }

    .faq-item .faq-title h4 {
        font-size: 16px;
    }

    .faq-item .faq-desc p {
        font-size: 14px;
    }

    ._flex_col_9 {
        width: 100%;
    }

    ._flex_col_3_24 {
        width: 100%;
    }

    .video-item {
        width: calc((100% - 20px) / 2);
    }

    .video-tit {
        font-size: 16px;
    }

    .engin-item-desc>p {
        font-size: 14px;
    }

    ._rubber_item_table,
    ._rubber_item_img {
        width: 100%;
    }

    ._need_desc p {
        font-size: 13px;
    }

    ._need_desc h4 {
        font-size: 16px;
    }

    ._provide_wrapper h4 {
        font-size: 16px;
    }

    ._flex_col_6_50 {
        width: calc(100);
    }

    .inner-item-title h4 {
        font-size: 20px;
    }

    ._custom_silicone_list ._custom_silicone_item {
        width: calc((100% - 40px) / 3);
    }

    .mold-item-desc p {
        font-size: 14px;
    }

    .mold-item-tit h4 {
        font-size: 16px;
        padding: 20px 0 10px;
    }

    ._cast_tit h5 {
        font-size: 12px;
    }

    ._inner_title h1,
    ._inner_title h2 {
        font-size: 24px;
    }

    .news-item .news-img {
        width: 100%;
    }

    .news-item .news-info {
        padding: 20px 0;
        width: calc(100%);
    }

    .pro-list .pro-item {
        width: calc((100% - 20px) / 2);
    }
}


@media (max-width: 768px) {
    
    ._index_resources_list {
        grid-template-columns: repeat(2, 1fr);
    }
    ._index_service_nav {
        flex-direction: column;
        gap: 10px;
    }
    ._index_service_items.active {
        grid-template-columns: repeat(2, 1fr);
    }
    ._index_company_intr .layout  {
        flex-direction: column;
    }
    ._index_company_img, ._index_company_wrap {
        max-width: none;
    }
    ._goal_item {
        flex: auto;
        width: calc(50% - 10px);
    }
    ._goal_item_number .counter, ._goal_item_number span {
        font-size: 40px;
    }
    ._goal_item_txt p {
        font-size: 14px;
    }
    ._banner_desc a {
        font-size: 14px;
    }
    ._sys_btn_banner {
        display: none;
    }
    ._flex_col_6 {
        width: 100%;
        text-align: center;
    }

    ._links ul {
        justify-content: center;
    }

    .copyright {
        font-size: 14px;
    }

    ._links a {
        font-size: 14px;
    }

    ._sol_desc,
    ._title {
        width: 100%;
    }

    ._title {
        margin-top: 20px;
    }

    ._flex_col_6_49 {
        width: 100%;
    }

    .adv-list {
        width: 100%;
    }

    .adv-item-tit h4 {
        font-size: 20px;
    }

    .adv-item-desc p {
        font-size: 14px;
    }

    .blog-tit a {
        font-size: 16px;
    }

    .moldor-wrapper,
    .moldor-nav {
        width: 100%;
    }

    .moldor-wrap .engin-item-desc h4 {
        font-size: 16px;
    }

    .moldor-item {
        height: auto;
        width: calc(25% - 15px);
    }

    .moldor-item h4 {
        font-size: 16px;
    }

    .moldor-nav {
        flex-direction: row;
        margin-top: 20px;
        gap: 20px;
    }

    .moldor-wrap {
        padding: 20px 20px;
    }

    ._step_item {
        width: calc((100% - 20px) / 2);
    }

    ._step_item h4 {
        font-size: 16px;
    }

    ._step_item p {
        font-size: 14px;
    }

    .inquiry_form {
        width: 100%;
        height: 100vh;
        overflow-y: auto;
    }

    ._choose_item {
        width: calc((100% - 40px) / 2);
        padding: 20px 30px;
    }

    ._choose_desc h4 {
        font-size: 16px;
        padding: 10px 0;
    }

    . ._choose_desc p {
        font-size: 14px;
    }

    ._cast_item {
        width: calc((100% - 40px) / 3);
    }

    ._cast_item:nth-child(4) {
        order: 6;
    }

    ._cast_item:nth-child(5) {
        order: 5;
    }

    ._cast_item:nth-child(4) {
        order: 4;
    }

    ._cast_item:nth-child(3):after {
        top: auto;
        bottom: -10px;
        right: calc(50% - 7px);
        transform: rotate(90deg);
    }

    ._cast_item:nth-child(4):after,
    ._cast_item:nth-child(5):after {
        transform: rotate(180deg);
        right: auto;
        left: -10px;
    }

    .post-item-img,
    .post-item-desc {
        width: 100%;
    }

    .post-item-desc {
        padding: 20px 30px;
    }

    .pro-desc .pro-img {
        width: 100%;
    }

    .pro-desc .pro-info {
        width: calc(100%);
    }
}

@media (max-width: 640px) {
    ._index_feature_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    ._brand_item:first-child {
        padding: 30px 0;
    }
    ._index_blog_list {
        grid-template-columns: repeat(1, 1fr);
    }
    
    ._brand_list {
        grid-template-columns: repeat(1, 1fr);
    }
    ._promote_item {
        width: 100%;
    }
    /* .foot-wrap .foot-item {
        width: 100%;
        text-align: center;
    } */

    .social-share {
        justify-content: center;
    }

    .foot-pro-cate,
    .foot-news {
        display: none;
    }

    .foot-contcat-list li {
        display: block;
    }

    .foot-contcat-list a {
        flex: none;
    }

    .foot-contcat-list a,
    .foot-contcat-list i {
        display: inline;
    }

    .foot-inquiry-btn {
        display: flex;
        justify-content: center;
    }

    ._banner_txt p {
        display: none;
    }

    ._index_banner .swiper-button-prev,
    ._index_banner .swiper-button-next {
        display: none;
    }

    .inquiry-desc {
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    ._sys_btn a {
        padding: 5px 10px;
    }

    .video-item {
        width: calc(100%);
    }

    .moldor-item {
        width: calc(50% - 10px);
    }

    ._custom_rubber_list ._custom_rubber_item,
    ._custom_silicone_list ._custom_silicone_item {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 480px) {
    ._promote_item {
        width: 100%;
    }

    ._flex_col_4 {
        width: 100%;
    }

    ._step_item {
        width: calc(100%);
    }

    ._need_item {
        flex-wrap: wrap;
        text-align: center;
    }

    ._need_item ._need_img {
        width: 60px;
        margin: 0 auto 20px;
    }

    ._need_item ._need_desc {
        flex: auto;
        width: 100%;
    }

    ._choose_item {
        width: calc(100%);
    }

    ._choose_list {
        gap: 20px;
    }
}


section.inner-cate-wrapper {
    padding: 30px 0 10px;
}

.inner-cate-tree {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.inner-cate-child {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.inner-cate-tit a {
    font-size: 16px;
    background: var(--main-color);
    line-height: 34px;
    color: #fff;
    display: block;
    width: 240px;
    padding: 0 20px;
    font-weight: bold;
    text-align: center;
}

._text_sd_w h2,
._text_sd_w p {
    text-shadow: 0 1px 2px #fff;
}

.inner-cate-tit.off a {
    background-color: #f8f8f8;
    color: #555;
    font-weight: normal;
}

.inner-cate-off-info {
    display: flex;
    line-height: 30px;
    font-size: 16px;
    color: #777;
}

.inner-cate-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.inner-cate-item {
    margin-right: 30px;
}

.inner-cate-item a {
    display: block;
    line-height: 34px;
    font-size: 16px;
    color: #555;
    position: relative;
    font-weight: bold;
}

.inner-cate-item:hover a,
.inner-cate-item.active a {
    color: var(--main-color);
}

.inner-cate-item a:after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    background: var(--main-color);
    transition: .5s ease-in-out;
}

.inner-cate-item:hover a:after,
.inner-cate-item.active a:after {
    width: 100%;
}

.inner-cate-info {
    padding-bottom: 30px;
}

.inner-cate-desc p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

.inner-pro-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.inner-pro-list * {
    transition: .5s ease-in-out;
}

.inner-pro-item {
    box-shadow: 0 0 10px #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.inner-pro-wrapper {
    padding-bottom: 50px;
}

.inner-pro-tit {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #ddd;
}

.inner-pro-img img {
    width: 100%;
}

.inner-pro-img {
    overflow: hidden;
}

.inner-pro-item:hover img {
    transform: scale(1.05);
}

.inner-pro-item:hover .inner-pro-tit {
    background-color: var(--main-color);
}

.inner-pro-item:hover .inner-pro-tit h3 {
    color: var(--white);
}


.inner-cate-tree ul {
    display: none;
    gap: 10px;
    flex-wrap: wrap;
    /* background: linear-gradient(135deg, #FAEDDF, #F2E5D2); */
    padding: 20px;
    position: relative;
    z-index: 1;
}

.inner-cate-tree ul::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #F4F9F7 0%, #E5F0EA 50%, #D4E5DC60 100%);
    opacity: .5;
    z-index: -1;
}

.inner-cate-tree ul.active {
    display: flex;
}

.inner-cate-tree ul li a {
    font-size: 16px;
    line-height: 20px;
    color: #444;
    margin-right: 20px;
    display: block;
    width: max-content;
    transition: .5s ease-in-out;
}

.inner-cate-tree ul li:hover a,
.inner-cate-tree ul li.active a {
    color: var(--main-color);
}

/* ._message_wrapper {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 -2px 10px #ddd;
    padding: 50px 40px;
    display: flex;
    gap: 50px;
    align-items: center;
}

._message_info,
._message_form {
    flex: 1;
}

.feature_title._left {
    text-align: left;
}

._message_form form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


._message_form_item {
    position: relative;
}

._message_form_item b {
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

._message_form_item input,
._message_form_item textarea,
._message_form_item select {
    width: calc(100%);
    line-height: 30px;
    border: 1px solid #ddd;
    outline: 0;
    padding: 5px 10px;
    border-radius: 5px;
    color: #777;
}

._message_form_item select {
    height: 42px;
    background-color: inherit;
}

._message_form_item input:hover,
._message_form_item input:focus,
._message_form_item textarea:hover,
._message_form_item textarea:focus,
._message_form_item select:hover,
._message_form_item select:focus {
    border-color: var(--light-color);
}

input#Submit {
    background: var(--main-color);
    color: var(--white);
}

input#Submit:hover {
    background: var(--dark-color);
    border-color: var(--dark-color);
}

.feature_title h2 {
    font-size: 48px;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 22px;
}

._message_txt {
    color: #777;
    font-size: 16px;
    line-height: 1.7;
} */

._pro_wrap {
    background-color: var(--brey);
    padding: 80px 0;
}

.inner_pro_show .inner-pro-wrapper {
    padding: 0;
}

.inner-contact-wrapper {
    padding: 50px 0;
}


.inner_desc {
    padding-top: 10px;
    color: #777;
    font-size: 18px;
    line-height: 1.3;
}

.inner-contact-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    padding-top: 50px;
}

.contact_message,
.inner-contact-info {
    flex: 1;
}

.contact_message form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* .inner-contact-tit h2 {
    font-size: 28px;
}

.inner-contact-tit {
    padding-bottom: 15px;
}

.inner-contact-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inner-contact-item {
    display: flex;
    gap: 10px;
}

.inner-contact-img {
    display: flex;
    gap: 20px;
}

.inner-contact-img>div {
    max-width: 100px;
}

.inner-contact-img span {
    display: block;
    color: #555;
    text-align: center;
    padding: 5px 0;
    font-size: 14px;
}

.inner-contact-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.inner-contact-desc,
.inner-contact-why {
    padding-bottom: 30px;
    border-bottom: 1px solid #555;
}

.inner-why-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.inner-contact-video img {
    max-width: 500px;
    height: 300px;
    object-fit: cover;
} */

._message_form_item label {
    font-size: 18px;
    display: block;
    padding-bottom: 10px;
}

._message_form_item label span {
    margin-right: 5px;
}

.contact_message {
    padding: 30px 40px;
    box-shadow: 0 0 10px #ddd;
}

._message_form_item p {
    font-size: 14px;
    padding-top: 10px;
    color: #777;
}

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


._style li {
    position: relative;
    font-size: 18px;
    color: #444;
    font-weight: bold;
}

._style li:before {
    color: #555;
    margin-right: 15px;
}

._style_check li:before {
    content: "\f046";
    font-family: "fontawesome";
    display: inline-block;
}

.desc-h2 {
    padding: 30px 0 10px;
}

.desc-h2 h2 {
    font-size: 28px;
}


.feature-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}

.feature-item {
    display: flex;
    gap: 30px;
    align-items: center;
}

.feature-img {
    width: 50%;
    overflow: hidden;
    border-radius: 12px;
}

.feature-img img {
    width: 100%;
    transition: .5s ease-in-out;
}

.feature-img:hover img {
    transform: scale(1.05);
}

.feature-info {
    flex: 1;
    padding: 30px 40px;
}

.feature-info h2 {
    font-size: 26px;
    line-height: 1.2;
    padding-bottom: 10px;
    color: #333;
}

.feature-info p {
    font-size: 18px;
    color: #555;
    line-height: 1.7;
    padding: 5px 0;
}




.product-swiper {
    position: relative;
    padding: 50px 0 20px 0;
    overflow: hidden;
}

.product-card {
    background: #ffffff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 12px 28px -8px rgba(0, 32, 16, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(200, 220, 208, 0.4);
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 36px -12px rgba(0, 0, 0, 0.15);
    border-color: #cde3d8;
}

.img-link {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #faf7f0;
}

.product-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.product-card:hover .product-img {
    transform: scale(1.03);
}

.product-info {
    padding: 22px 18px 24px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product-title {
    margin-bottom: 12px;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
}

.product-title a {
    text-decoration: none;
    color: #12442f;
    transition: color 0.2s;
}

.product-title a:hover {
    color: var(--dark-color);
    text-decoration: underline;
}

.product-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 60px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
    transition: all 0.2s;
}

.product-swiper .swiper-button-next:after,
.product-swiper .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
    color: var(--main-color);
}

.product-swiper .swiper-button-next:hover,
.product-swiper .swiper-button-prev:hover {
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    transform: scale(1.02);
}

.product-swiper .swiper-button-next.swiper-button-disabled,
.product-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    background: rgba(240, 248, 240, 0.7);
}


@media (max-width: 1024px) {

    .product-info {
        padding: 18px 14px 20px;
    }

    .product-title {
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {

    .product-swiper .swiper-button-next,
    .product-swiper .swiper-button-prev {
        width: 38px;
        height: 38px;
    }

    .product-swiper .swiper-button-next:after,
    .product-swiper .swiper-button-prev:after {
        font-size: 16px;
    }
}

.product-swiper.swiper {
    width: 100%;
    overflow: hidden;
}

.swiper-wrapper {
    display: flex;
}

.product-swiper .swiper-slide {
    height: auto;
}

.product-swiper {
    padding-left: 8px;
    padding-right: 8px;
}

.inner-feature-product {
    padding: 50px 0;
}

section.inner-position p {
    margin-left: auto;
    color: #555;
}



._message_wrapper {
    background-color: #ffffff;
    border-radius: 32px;
    box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 8px 18px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 48px;
    transition: all 0.2s ease;
}

._message_show ._message_wrapper {
    gap: 45px;
}
._message_show  ._message_info {
    padding-right: 10px;
}

/* 上方信息区 */
._message_info {
    width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.feature_title h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #00702E 0%, #00a343 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 8px;
    line-height: 1.2;
}

._message_txt {
    font-size: 16px;
    line-height: 1.5;
    color: #334155;
    border-left: none;
    max-width: 360px;
    font-weight: 450;
}

._message_info_img {
    max-width: 100px;
}

/* 下方表单区 */
._message_form {
    width: 100%;
}

form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

._message_show form {
    row-gap: 40px;
}

._message_form_item {
    position: relative;
    width: 100%;

}

._message_form ._message_form_item {
    width: calc(50% - 12px);
}

._message_test {
    display: flex;
}

._message_test ._message_info {
    display: block;
    text-align: center;
}

._message_test ._message_txt {
    margin: 0 auto;
    max-width: 600px;
}

._message_img {
    max-width: 440px;
}

._message_wrapper {
    flex: 1;
}



/* 通用输入/选择框样式 */
._message_form_item input:not([type="button"]),
._message_form_item select,
._message_form_item textarea {
    width: 100%;
    padding: 16px 16px 16px 16px;
    font-size: 15.2px;
    font-family: inherit;
    background-color: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    transition: all 0.25s ease;
    outline: none;
    color: #0f172a;
}

._message_form_item textarea {
    min-height: 160px;
}

._message_form_item input:not([type="button"]):focus,
._message_form_item select:focus,
._message_form_item textarea:focus {
    border-color: #00702E;
    box-shadow: 0 0 0 4px rgba(0, 112, 46, 0.15);
    background-color: #ffffff;
}

/* 必填星标 */
._message_form_item b {
    font-size: 17.6px;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 2;
    font-weight: 600;
}

/* 调整带星标的输入框左内边距，为星标留出空间 */
._message_form_item:has(.dark-color) input:not([type="button"]),
._message_form_item:has(.dark-color) select {
    padding-left: 32px;
}

.contact_message ._message_form_item:has(.dark-color) input:not([type="button"]),
.contact_message ._message_form_item:has(.dark-color) select {
    padding-left: 16px;
}

/* Submit 按钮设计 */
input#Submit {
    background-color: #00702E;
    border: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding: 16px 24px;
    border-radius: 32px;
    cursor: pointer;
    transition: all 0.25s ease;
    font-family: inherit;
    letter-spacing: 0.3px;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 112, 46, 0.2);
}

input#Submit:hover {
    background-color: #005a25;
    transform: translateY(-2px);
    box-shadow: 0 12px 20px -12px rgba(0, 112, 46, 0.4);
}

input#Submit:active {
    transform: translateY(1px);
}
input#Submit1 {
    background-color: #00702E;
    border: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding: 16px 24px;
    border-radius: 32px;
    cursor: pointer;
    transition: all 0.25s ease;
    font-family: inherit;
    letter-spacing: 0.3px;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 112, 46, 0.2);
}

    input#Submit1:hover {
        background-color: #005a25;
        transform: translateY(-2px);
        box-shadow: 0 12px 20px -12px rgba(0, 112, 46, 0.4);
    }

    input#Submit1:active {
        transform: translateY(1px);
    }
/* 提示文字 */
._message_form_item p {
    font-size: 12.8px;
    color: #5b6e8c;
    margin-top: 12px;
    text-align: center;
    background: #f1f5f9;
    display: inline-block;
    width: auto;
    padding: 4.8px 16px;
    border-radius: 30px;
    letter-spacing: 0.3px;
}

/* 调整最后一个form item的布局 */
._message_form ._message_form_item:last-child {
    text-align: center;
    max-width: 500px;
}

._message_show ._message_form_item:last-child {
    margin-top: 5px;
}

/* 响应式：小屏幕 */
@media (max-width: 640px) {
    ._message_wrapper {
        padding: 28px;
        gap: 28px;
    }

    .feature_title h2 {
        font-size: 28px;
    }

    ._message_txt {
        font-size: 15px;
    }

    ._message_form_item input:not([type="button"]),
    ._message_form_item select {
        padding: 14px 14px 14px 14px;
    }

    ._message_form_item:has(.dark-color) input:not([type="button"]),
    ._message_form_item:has(.dark-color) select {
        padding-left: 28px;
    }

    .dark-color {
        left: 14px;
        top: 14px;
    }
}

/* 美化 select 下拉箭头 */
select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 19.2px;
}





.inner-contact-info {
    max-width: 1100px;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    /* 上下排列核心 */
}

/* 统一每个区块内边距，保证呼吸感 */
/* .inner-contact-desc,
.inner-contact-why,
.inner-contact-video {
} */

/* 最后一个区块无底部边框 */
.inner-contact-video {
    /* border-bottom: none;
    padding-bottom: 2.8rem; */
}

/* 左右半灵活处理联系信息内部: 可左右对齐，但依旧保持原有结构，为了有设计感，将联系信息分为左右两组？但保持简洁，维持内部原本列表样式 
           但因为上下排版，需让 company 名称以及联系块更美观。将联系人信息变成类似双列？不增加多余元素，仅优化布局细节 */
.inner-contact-desc {
    background: #ffffff;
    position: relative;
}

.inner-contact-ab .inner-contact-tag>p {
    font-size: 14px;
    color: #5b6e8c;
    text-align: center;
    background: #f1f5f9;
    display: block;
    width: auto;
    padding: 4.8px 16px;
    border-radius: 30px;
    letter-spacing: 0.3px;
    width: max-content;
}

/* 标题样式 - 主色调 #00702E */
.inner-contact-tit h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #1a2e1f;
    margin-bottom: 1.2rem;
    position: relative;
    display: inline-block;
}

.inner-contact-tit h2:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 36px;
    height: 3px;
    background: var(--dark-color);
    /* 主色调用于下划线 */
    border-radius: 4px;
}

/* 公司名称下方设计感微调 */
.inner-contact-desc .inner-contact-tit h2 {
    font-size: 24px;
    background: linear-gradient(135deg, #00702E 0%, #1a8a46 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}

/*
.inner-contact-desc .inner-contact-tit h2:after {
    background: var(--dark-color);
}
*/

/* 联系列表网格: 采用2列展示提升设计感 (不改变dom内容，使用grid可读性好) */
.inner-contact-list {
    display: flex;
    gap: 15px;
    margin-top: 10px;
    flex-direction: column;
    position: relative;
}

.inner-contact-ab {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

/* 内部每个联系项保持flex */
.inner-contact-item {
    display: flex;
    gap: 8px;
    font-size: 16px;
    color: #2c3e2f;
    transition: all 0.2s;
    width: calc(100% - 300px);
}

.inner-contact-item i {
    font-size: 18px;
    min-width: 1.6rem;
    color: #00702E;
    /* 主色调图标 */
    margin-top: 0;
    text-align: center;
    line-height: 24px;
}

.inner-contact-item a {
    text-decoration: none;
    color: #2c442e;
    line-height: 24px;
    transition: color 0.2s;
    word-break: break-word;
    cursor: default;
    font-weight: 450;
}

/* 邮箱和电话链接样式可交互 */
.inner-contact-item a[href^="mailto"],
.inner-contact-item a[href^="tel"] {
    cursor: pointer;
    font-weight: 500;
    /* color: #00702E;
    background: #eef6ef;
    padding: 0.2rem 0.6rem;
    border-radius: 32px; */
    transition: all 0.2s;
}

.inner-contact-item a[href^="mailto"]:hover,
.inner-contact-item a[href^="tel"]:hover {
    /* background: #00702E;
    color: white; */
    text-decoration: none;
}

/* 二维码区域：更好展示，保持左右布局，同时链接替换为新地址 */
.inner-contact-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.inner-contact-img>div.qr-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fafff5;
    padding: 0.8rem 0.8rem 0.6rem 0.8rem;
    border-radius: 10px;
    transition: all 0.25s ease;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 112, 46, 0.08);
    border: 1px solid #ddebe0;
}

.inner-contact-img>div:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 28px -12px rgba(0, 112, 46, 0.25);
    border-color: #00702E;
    background: #ffffff;
}

/* .inner-contact-img>div:hover  img  {
    transform: scale(2);
} */

/* 二维码图片大小 */
.inner-contact-img img {
    width: 55px;
    height: 50px;
    object-fit: contain;
    display: block;
    border-radius: 5px;
    background: white;
}

.inner-contact-img span {
    font-size: 10px;
    font-weight: 600;
    margin-top: 3px;
    color: #00702E;
    letter-spacing: 0.5px;
}

/* Why choose us 区块设计: 主色调融入 */
.inner-contact-why {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.inner-contact-why .inner-contact-tit h2 {
    color: #00702E;
}

.inner-why-desc p {
    font-size: 18px;
    line-height: 1.7;
    color: #444;
    font-weight: 450;
    margin-top: 10px;
}

/* 右侧图片区块（video区域）调整为优雅圆角展示 */
.inner-contact-video {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.inner-contact-video img {
    width: 100%;
    max-height: 340px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s;
    border: 1px solid #e9f0e5;
}

.inner-contact-video img:hover {
    transform: scale(1.01);
    box-shadow: 0 20px 30px -12px rgba(0, 112, 46, 0.2);
}

/* 响应式: 平板及以下，联系列表改为单列 */
@media (max-width: 780px) {

    .inner-contact-list {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .inner-contact-desc,
    .inner-contact-why,
    .inner-contact-video {
        padding: 1.8rem;
    }

    .inner-contact-img {
        justify-content: center;
    }
}

/* 手机更小 */
@media (max-width: 550px) {
    .inner-contact-desc .inner-contact-tit h2 {
        font-size: 1.6rem;
    }

    .inner-contact-tit h2 {
        font-size: 1.6rem;
    }

    .inner-contact-img img {
        width: 80px;
        height: 80px;
    }
}

/* 弹窗遮罩: 主色调融入边框 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.25s ease;
    cursor: pointer;
}

.modal-overlay.active {
    visibility: visible;
    opacity: 1;
}

.modal-content {
    max-width: 90vw;
    max-height: 90vh;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: modalScale 0.22s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.modal-content img {
    width: auto;
    max-width: 85vw;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 1.5rem;
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.4);
    border: 4px solid #ffffff;
    background: white;
    padding: 0.4rem;
}

.modal-caption {
    margin-top: 1rem;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    background: #00702E;
    padding: 0.3rem 1.2rem;
    border-radius: 60px;
    letter-spacing: 0.8px;
}

@keyframes modalScale {
    from {
        transform: scale(0.92);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* 细微调整个别图标间距 */
/* .fa,
.fa-building,
.fa-address-book-o,
.fa-envelope-open-o,
.fa-phone {
    pointer-events: none;
} */

/* 让地址文字可复制，邮箱样式优雅 */
.inner-contact-item a:not([href^="mailto"]):not([href^="tel"]) {
    cursor: text;
}

/* 辅助设计不加多余内容只求精致 */
.inner-contact-desc .inner-contact-item:first-child a {
    line-height: 1.5;
}



.inner-blog-wrap {
    display: flex;
    gap: 50px;
}

.inner-blog-list {
    flex: 1;
}

.inner-blog-feature {
    width: 320px;
    padding-top: 16px;
}

.inner-blog-items {
    display: flex;
    gap: 50px;
    flex-direction: column;
    padding-top: 30px;
}

.inner-blog-item {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 30px 20px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 12px;
    transition: .5s ease-in-out;
    min-height: 265px;
}

.inner-blog-item:hover {
    transform: translateY(-6px);
}

.inner-blog-img {
    width: 300px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.inner-blog-info {
    flex: 1;
}

.inner-blog-info h3 a {
    font-size: 24px;
    color: var(--main-color);
    display: block;
    text-decoration: underline;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.inner-blog-info time {
    display: block;
    font-size: 18px;
    color: #444;
    padding-bottom: 10px;
}

.inner-blog-info p {
    font-size: 16px;
    line-height: 1.6;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inner-blog-list .page {
    padding-top: 40px;
}


.inner-blog-title h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: var(--main-color);
    padding: 0 20px 27px;
    text-align: center;
    font-weight: bold;
}

.inner-blog-message form {
    background: #E3E3E360;
    padding: 24px 20px 24px;
    min-height: 580px;
}

.form-control label {
    display: block;
    padding-bottom: 5px;
}

.form-control input:not([type="button"]),
.form-control select,
.form-control textarea {
    padding: 3px 16px;
    width: 100%;
    line-height: 30px;
    border: 0;
    outline: 0;
}

.form-control textarea {
    height: 99.5px;
}

.inner-blog-refer {
    background: #FAFAFA;
    margin-top: 50px;
    padding: 30px 20px;
    display: flex;
    gap: 50px;
    flex-direction: column;
}

.inner-blog-title h4 {
    color: var(--main-color);
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.inner-blog-refer ul._style li {
    padding-left: 25px;
}

.inner-blog-refer .inner-blog-categories ul._style li {
    padding-left: 0;
}

.inner-blog-refer ul._style li {
    line-height: 1.6;
}

.inner-blog-categories ul._style li a {
    text-decoration: underline;
    display: block;
    padding-left: 25px;
}

._style_star li:after {
    content: "\f005";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    line-height: 25.6px;
}

input.inner-blog-message-btn {
    background: var(--dark-color);
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 50px;
    font-weight: bold;
}

input.inner-blog-message-btn:hover {
    background: var(--main-color);
}

.inner-resources-wrapper {
    padding: 60px 0;
}

._inner_title h2 {
    position: relative;
    margin-bottom: 20px;
}

._inner_title h2:after {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 4px;
    background: var(--dark-color);
    left: 0;
    bottom: -10px;
    transform: skew(20deg);
}


._inner_title._center h2:after {
    left: calc(50% - 25px);
}


.inner-resources-nav ul {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.inner-resources-nav ul li {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    background: var(--main-color);
    color: #fff;
    padding: 15px 40px;
    border-radius: 3px;
    min-width: 180px;
    text-align: center;
    list-style: 24px;
}

.inner-resources-nav ul li.active {
    background: var(--dark-color);
}

.inner-resources-items {
    display: none;
}

.inner-resources-items.active {
    display: block;
}

.inner-resources-list {
    background: #EFEFEF;
    padding: 80px 30px 30px;
    margin-top: -27px;
}

.inner-resources-video {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.inner-video-item {
    background: #fff;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
}

.inner-video-info h3 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    padding: 20px 0;
}

.inner-video-img {
    position: relative;
}

.inner-video-img:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../ico/play.webp);
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.video-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 22;
}

.video-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
}

.video {
    position: absolute;
    width: 60%;
    height: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video iframe {
    width: 100%;
    height: 100%;
}

.video-close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url(../ico/search_btn_close.png);
    overflow: hidden;
}

.video-close-btn:hover {
    background-position-y: 30px;
/*
    animation: xuanzhuan 1s ease;
    animation-fill-mode: forwards;
*/
}

.inner-resources-material td {
    padding: 10px;
    background: #fff;
    border: 1px solid #EFEFEF;
    line-height: 1.5;
    color: #444;
}

.inner-resources-material th {
    padding: 20px 10px;
    background: #FEFEF7;
    border: 1px solid #EFEFEF;
    font-size: 20px;
    line-height: 1.5;
}

.inner-resources-eBooks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.inner-eBooks-info h3 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    padding: 20px 0;
}

.inner-eBooks-img {
    text-align: center;
}

.solution-img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}


._inner_news_desc {
    background: #F9F9F9;
    display: flex;
    padding: 20px;
}

._inner_news_item:first-child {
    border-right: 1px solid #ddd;
    padding-right: 20px;
    margin-right: 20px;
}

._inner_news_item:last-child {
    margin-left: auto;
}

._inner_news_item span {
    font-size: 16px;
    color: #555;
}

._inner_news_item small {
    font-size: 18px;
    color: #333;
}

._inner_news_item i {
    color: var(--main-color);
    margin-left: 5px;
}

.inner-resources-nav {
    padding-top: 57px;
}

.contact_message form {
    /* padding-top: 30px; */
}


._inner_show_wrapper {
    display: flex;
    gap: 40px;
    padding-top: 30px;
    flex-direction: row-reverse;
}

._inner_show_feature {
    width: 360px;
    display: flex;
    gap: 50px;
    flex-direction: column;
    border-left: 1px solid #ddd;
    padding: 15px 0;
    padding-left: 40px;
}

._inner_show_intr {
    flex: 1;
}

._inner_show_tit {
    padding-bottom: 20px;
}

._inner_show_tit h4 {
    font-size: 22px;
    color: var(--main-color);
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px;
    position: relative;
}

._inner_show_tit h4::after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 2px;
    bottom: -1px;
    left: 0;
    background-color: #333;
    border-radius: 2px;
}

._inner_show_list ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

._inner_show_list h5 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-bottom: 5px;
}

._inner_show_list a {
    display: block;
    font-size: 18px;
    color: #555;
}

._inner_show_categories ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

._inner_show_categories a span {
    font-size: 15px;
    color: #777;
    display: block;
    text-align: center;
    padding-top: 10px;
}

._inner_show_categories a img {
    border-radius: 3px;
    border: 1px solid #ddd;
}

.a2a_svg {
    width: 26px !important;
    line-height: 26px !important;
    height: 26px !important;
}


._message_form form {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.ui {
    background-image: url(../ico/ico.webp);
    background-repeat: no-repeat;
}

.sorting-ico .sorting-ico-t {
    width: 9px;
    height: 5px;
    background-position: -396px -147px;
    position: absolute;
    top: 0px;
}

.sorting-ico .sorting-ico-b {
    width: 9px;
    height: 5px;
    background-position: -396px -155px;
    position: absolute;
    bottom: 0px;
}

.sorting-ico {
    width: 9px;
    height: 12px;
    position: relative;
    cursor: pointer;
}

.inner-pro-sort ul {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.inner-pro-sort {
    padding-bottom: 40px;
}

.inner-pro-sort li {
    display: flex;
    gap: 6px;
    padding: 5px 15px;
    align-items: center;
    border-radius: 20px;
    cursor: pointer;
    background-color: #F7FAF8;
}

.inner-pro-sort h5 {
    font-size: 16px;
}

.inner-pro-sort li.active {
    background-color: var(--main-color);
}

.inner-pro-sort li.active h5 {
    color: #fff;
}

.inner-pro-sort li.active .ui {
    filter: brightness(0) invert(1);
}


/* select option:checked {
    background-color: var(--main-color);
    color: white;
} */

/* 修改 option 被 hover 时的背景色 */
/* select option:hover {
    background-color: var(--main-color);;
} */



.page a img {
    max-width: 20px;
}

.page a:hover img,
.page a.active img {
    filter: brightness(0) invert(1);
}

._inner_show_Fnews ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

._inner_show_Fnews li {
    display: flex;
    gap: 10px;
    align-items: center;
}

._inner_show_Fnews_img {
    width: 45%;
}

._inner_show_Fnews_info {
    flex: 1;
}

._inner_show_Fnews_info h5 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #333;
}

._inner_show_Fnews_info time {
    font-size: 13px;
    color: #777;
    display: block;
    padding-top: 5px;
}

._message_show {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    z-index: 999;
}

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

._message_show .layout {
    max-width: 800px;
}

.form-control span.dark-color {
    width: 5px;
    display: inline-block;
}

._message_show .layout ._message_wrapper {
    position: relative;
}

._message_show ._message_wrapper {
    padding: 54px 48px 33px;
}

.inner-resources-wrapper ._inner_title h2:after {
    display: none;
}

.inner-resources-wrapper ._inner_title h2 {
    margin-bottom: 0;
}


.inner-about-wrapper {
    padding: 50px 0;
}


.testimonials-grid {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 20px;
}

.card {
    background: #ffffff;
    border-radius: 32px;
    padding: 24px 28px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 6px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
    border: 1px solid #eef2f8;
}

.bubble-wrapper {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.avatar {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #e8f3e9 0%, #d9e9dc 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 500;
    color: #1e4a2f;
    box-shadow: 0 2px 8px rgba(0, 112, 46, 0.08);
    border: 1px solid #cde0d0;
}

.bubble-content {
    flex: 1;
    background: #fefefe;
    border-radius: 28px;
    padding: 18px 24px;
    position: relative;
    border: 1px solid #e9edf2;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.bubble-content::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 26px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    border-color: transparent #ffffff transparent transparent;
    filter: drop-shadow(-1px 0 0 #e0e8e2);
}

.person {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}

.name {
    font-weight: 600;
    font-size: 18px;
    color: #0f2b3d;
}

.role-tag {
    font-size: 12px;
    background: #eef5f0;
    padding: 4px 12px;
    border-radius: 40px;
    color: #00702E;
    font-weight: 600;
    letter-spacing: 0.3px;
    border: 0.5px solid #cde0d2;
}

.quote-text {
    font-size: 16px;
    line-height: 1.48;
    color: #2c3f4f;
    margin-top: 6px;
}

.quote-text p {
    display: inline;
}

.quote-icon {
    font-size: 20px;
    color: #00702E;
    font-family: Georgia, serif;
    margin-right: 2px;
    vertical-align: middle;
    opacity: 0.7;
}

.brands-section {
    margin: 48px 0 24px 0;
    text-align: center;
    position: relative;
}

.brands-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 600;
    color: #00702E;
    background: #eef5f0;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 60px;
    backdrop-filter: blur(2px);
    border: 1px solid #cde0d2;
}

.selected-brands-note {
    display: none;
}

@media (max-width: 560px) {
    .card {
        padding: 18px 20px;
    }

    .bubble-wrapper {
        gap: 12px;
    }

    .avatar {
        width: 52px;
        height: 52px;
        font-size: 26px;
    }

    .bubble-content::before {
        top: 18px;
        border-width: 6px 8px 6px 0;
        left: -8px;
    }

    .bubble-content {
        padding: 14px 18px;
    }

    .quote-text {
        font-size: 14px;
    }

    .name {
        font-size: 16px;
    }

    .role-tag {
        font-size: 10px;
        padding: 3px 10px;
    }

    .brands-title {
        font-size: 12px;
        padding: 6px 18px;
    }
}

hr.soft {
    margin: 16px 0 24px 0;
    border: none;
    height: 1px;
    background: linear-gradient(to right, #e2e8f0, transparent);
}

.card:hover {
    border-color: #d4e2d8;
    box-shadow: 0 12px 24px rgba(0, 112, 46, 0.04);
    transition: 0.2s;
}

._about_item .partners-slider {
    width: 100%;
}

.inner-about-wrap {
/*
    display: flex;
    gap: 50px;
*/
    padding-top: 20px;
    align-items: flex-start;
}

.inner-about-intr {
    width: calc(100%);
}

.inner-about-cate {
    width: 220px;
    background: #FAFAFA;
    padding: 30px;
    position: sticky;
    top: 90px;
	display: none;
}

._inner_about_tit h2 {
    font-size: 28px;
	font-weight: bold;
}

._inner_about_tit .inner_desc {
    color: #333;
    font-weight: bold;
    line-height: 1;
}

._about_wrapper {
    display: flex;
    gap: 50px;
    align-items: center;
}

._about_items {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 50px;
}

._about_intr {
    flex: 1;
}

._about_img {
    max-width: 500px;
    overflow: hidden;
    border-radius: 12px;
}

._inner_about_tit {
    padding-bottom: 10px;
}

._inner_about_desc p {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
    padding: 5px 0;
}

._inner_about_tit h3 {
    font-size: 26px;
    font-weight: bold;
}

.inner-number {
    display: flex;
    padding: 20px;
    background: #FAFAFA;
    border-radius: 10px;
}

.inner-number-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.inner-number-item i {
    font-size: 40px;
    color: var(--main-color);
}

.inner-number-item h4 {
    font-size: 24px;
}

.inner-number-item p {
    font-size: 13px;
}

.expertise-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-top: 10px;
}

.expertise-item {
    background: #F4F4F4;
    padding: 20px 30px;
    border-radius: 12px;
}

.expertise-item h4 {
    font-size: 18px;
    font-weight: bold;
}

.expertise-item ul {
    padding-top: 10px;
}

.expertise-item li {
    padding: 8px 0;
    border-bottom: 1px dashed #ccc;
}

.expertise-item li p {
    color: #666;
    font-size: 14px;
}

._inner_about_desc {
    color: #555;
    padding-top: 5px;
}

._about_item .partners-slider {
    padding-top: 20px;
}

span.map-desc {
    font-size: 12px;
    color: #5b6e8c;
    text-align: center;
    background: #f1f5f9;
    display: block;
    width: auto;
    padding: 4.8px 16px;
    border-radius: 30px;
    letter-spacing: 0.3px;
    width: max-content;
    margin: 10px auto 0;
}

.inner-abcate-tit h3 {
    font-size: 26px;
    font-weight: bold;
    color: var(--main-color);
}

ul.inner-about-list {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

ul.inner-about-list a {
    font-size: 18px;
}

ul.inner-about-list li {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}


.history-item {
    display: flex;
    align-items: flex-start;
    position: relative;
	gap: 140px;
}



.history-wrap {
    flex: 1;
    display: flex;
    justify-content: space-between;
}


.history-list {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
}

.history-number-item i {
    font-size: 50px;
    color: var(--main-color);
}

.history-number-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.history-number {
    display: flex;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 15px;
}

.history-number-intr h4 {
    font-size: 20px;
    color: var(--main-color);
    padding-bottom: 5px;
}

.history-number-intr p {
    font-size: 14px;
}

.history-intr ._style {
    gap: 10px;
}

.history-intr ._style li {
    position: relative;
    padding-left: 15px;
}

.history-intr ._style li:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    background: #333;
    border-radius: 50%;
    top: 10px;
}

._inner_about_tit small {
    display: block;
    color: var(--dark-color);
    padding-bottom: 5px;
    font-weight: bold;
}

.history-item {
    padding: 10px 0;
}

.history-wrap::before,
.history-wrap::after {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    left: -115px;
    top: 39px;
    background-color: #E8EAE9;
    border-radius: 50%;
}

.history-wrap::after {
    width: 20px;
    height: 20px;
    left: -108px;
    top: 46px;
    background-color: #fff;
    border: 8px solid var(--main-color);
}

.history-item::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: 250px;
    top: 0;
    border-left: 2px dashed var(--main-color);
    z-index: -1;
}

.history-item:hover .history-wrap::after {
    border-color: var(--dark-color);
}

.history-item:hover .history-time {
    color: var(--dark-color);
}

.history-item:hover .history-number-item i {
    color: var(--dark-color);
}

.history-item:hover .history-number-intr h4 {
    color: var(--dark-color);
}

.history-item:hover::after {
    border-color: var(--dark-color);
}

.history-footer {
    display: flex;
    margin-top: 40px;
    padding: 20px 30px;
    border-radius: 8px;
    justify-content: space-between;
}

.history-icon {
    display: flex;
    gap: 40px;
    align-items: center;
}

.history-icon i {
    color: var(--main-color);
    opacity: .2;
    font-size: 70px;
    border-left: 1px solid var(--main-color);
    padding-left: 20px;
    box-sizing: content-box;
}

.factory-list {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.factory-number {
    display: none;
    gap: 20px;
    padding: 20px;
    margin-top: 40px;
    background-color: #fff;
}

.factory-number.active {
    display: flex;
}

.factory-wrap {
    display: flex;
    gap: 30px;
    width: 100%;
    align-items: center;
}

.factory-intr {
    width: 400px;
}

.factory-img {
    width: calc(100% - 430px);
}

.factory-img .swiper-slide img {
    height: 240px;
    width: 100%;
    object-fit: cover;
    border-radius: 3px;
}

span.swiper-tag {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, .88);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 10px;
}

.factory-img:hover span.swiper-tag {
    display: block;
}

._inner_about_tit big {
    font-size: 40px;
    color: var(--main-color);
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 10px;
    display: block;
    width: max-content;
    border-bottom: 3px solid var(--dark-color);
}

.factory-number-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.factory-number-item i {
    font-size: 50px;
    color: var(--main-color);
}

.factory-number-item h4 {
    font-size: 24px;
}

.factory-number-item p {
    font-size: 13px;
}

.certifications-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.certifications-item {
    background: #F5F6F6;
    border-radius: 10px;
}

.certifications-wrap {
    display: flex;
}

.certifications-intr {
    width: 320px;
    padding: 20px;
    display: flex;
    height: auto;
    flex-wrap: wrap;
    align-content: center;
}

.certifications-img {
    width: calc(100% - 320px);
    display: flex;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 10px #ddd;
    align-items: flex-end;
}

._myswiper {
    width: 400px;
}

._listswiper {
    width: calc(100% - 420px);
}

._myswiper .swiper-slide {
    display: flex;
}

.certifications-info {
    width: 150px;
    background: linear-gradient(135deg, #0d4f36 0%, #0d4f36 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
}

._myswiper .swiper-slide img {
    flex: 1;
    width: calc(100% - 150px);
}

h4.certifications-name {
    font-size: 16px;
    color: #b0eb8a;
    font-weight: bold;
}

.certifications-desc {
    font-size: 12px;
    color: #fff;
    padding: 20px 0;
    opacity: .9;
    line-height: 1.5;
}

.certifications-num {
    color: #fff;
    font-size: 12px;
    opacity: .9;
    line-height: 1.5;
}

._listswiper img {
    height: 200px;
	width: 100%
}

._listswiper span {
    display: block;
    text-align: center;
    font-size: 13px;
    padding-top: 8px;
}

._myswiper .swiper-slide .certifications-cont {
    display: flex;
}

._myswiper .swiper-slide-active {
    padding-right: 3px;
    padding-top: 3px;
}

._myswiper .swiper-slide-active .certifications-cont {
    border: 3px solid var(--dark-color);
}

._myswiper .swiper-slide-active:after {
    /* content: "\f005"; */
    content: "FEATURE";
    display: block;
    /* background: var(--dark-color); */
    color: #fff;
    /* font-family: "fontawesome"; */
    /* height: 80px;
    width: 80px; */
    /* border-radius: 50%; */
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    position: absolute;
    right: -1px;
    top: 19px;
    z-index: 99;
    z-index: 3;
}

._myswiper .swiper-slide-active:before {
    content: "";
    display: block;
    background: var(--dark-color);
    color: #fff;
    height: 30px;
    width: 120px;
    font-size: 11px;
    transform: rotate(45deg);
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 2;
    /* box-shadow: -1px -2px 3px #ddd; */
}

._myswiper .swiper-slide-active  .certifications-cont:before {
    content: "";
    display: block;
    background: #000;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 56px;
    top: 0;
    z-index: -1;
    transform: skewX(10deg);
}

._myswiper .swiper-slide-active  .certifications-cont:after {
    content: "";
    display: block;
    background: #000;
    height: 10px;
    width: 3px;
    position: absolute;
    right: 0;
    top: 56px;
    z-index: -1;
    transform: skewY(5deg);
}


.certifications-footer {
    display: flex;
    gap: 60px;
    padding: 20px;
    border-radius: 10px;
    margin-top: 40px;
    background: linear-gradient(135deg, #0d563b 0%, #17553e 100%);
}

.certifications-icon-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.certifications-icon i {
    font-size: 40px;
    width: 60px;
    line-height: 56px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    text-align: center;
    height: 60px;
    color: #fff;
}

.certifications-foot {
    flex: 1;
}

.certifications-foot h4 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.certifications-foot p {
    font-size: 13px;
    color: #fff;
    padding-top: 10px;
}

.certifications-icon-item:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    right: -20px;
    background: #fff;
    opacity: .6;
}

.certifications-icon-item:last-child:after {
    display: none;
}

.work {
    padding-top: 40px;
}

.work td {
    border: 1px solid #ddd;
    padding: 20px;
    font-size: 16px;
    color: #444;
    line-height: 1.5;
}

.work tr td:nth-child(2) {
    font-weight: bold;
    min-width: 240px;
}

.work tr:first-child td {
    color: #fff;
    text-align: center;
    background: var(--main-color);
    font-size: 20px;
}

.work tr:not(:first-child):hover {
	background: linear-gradient(90deg, #F4F9F7 0%, #E5F0EA 50%, #D4E5DC60 100%);
}

._work_time_icon {
    display: flex;
    gap: 5px;
    align-items: center;
    min-width: 180px;
    justify-content: center;
}

._work_time_icon i {
    color: var(--dark-color);
}

._work_time_icon time {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

._work_icon {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    transform: scale(1.5);
}

._work_icon i {
    color: var(--main-color);
    font-size: 24px;
    width: 30px;
    text-align: center;
}

._work_icon span {
    font-size: 24px;
    color: var(--dark-color);
	font-weight: bold;
}

/* ._work_icon i.iconxiangmupingshen {
    font-size: 25px;
}
._work_icon i.iconshengchan {
    font-size: 24px;
}
._work_icon i.iconmoqie {
    font-size: 24px;
}
._work_icon i.iconyangpin {
    font-size: 25px;
} */


.modules-container {
    display: flex;
    flex-direction: column;
    gap: 52px;
}

/* 卡片通用样式：无左边框色，纯白+柔和阴影 */
.quality-card {
    background: var(--card-white);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    transition: 0.2s ease;
    overflow: hidden;
    border: 1px solid var(--border-light);
}

.quality-card:hover {
    box-shadow: 0 0 20px #E5F0EA;
    transform: translateY(-10px);
}

/* 卡片头部 (每个标题前带独立图标) */
.card-header {
    display: flex;
    gap: 20px;
    padding: 28px 32px 16px 32px;
    border-bottom: 1px solid var(--border-light);
	align-items: flex-start;
}

.header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    transition: all 0.2s;
	font-size: 60px;
	border-bottom: 4px solid var(--accent);
	letter-spacing: -5px;
    line-height: 1;
    padding-bottom: 3px;
    font-weight: bold;
}

.card-header h2 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-dark);
    margin: 0;
}

.card-header-intr {
	flex: 1;
}

/* 内容区域 */
.card-content {
    padding: 0 32px 32px 32px;
}

/* ----- 01板块 顶部概述文案 (四个核心竞争力) 已整合排版----- */
.intro-four-pillars {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 40px;
    margin-bottom: 40px;
}

.pillar-item {
    padding: 20px 18px;
    transition: all 0.2s;
    position: relative;
    display: flex;
    gap: 20px;
}


.pillar-item:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 85%;
    left: -20px;
    top: 0%;
    background: #333;
    opacity: .1;
}

.pillar-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--primary);
}

.pillar-desc {
    font-size: 15px;
    color: var(--text-soft);
    line-height: 1.45;
}

/* 流程概述小字 */
.process-lead {
    background: var(--bg-page);
    padding: 18px 22px;
    border-radius: 20px;
    margin: 16px 0 28px 0;
    border: 1px solid var(--border-light);
}

.process-lead p {
    font-size: 15px;
    color: var(--text-soft);
}

/* 6步骤网格 (序号+图文) */
.steps-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: 40px;
    margin: 28px 0 28px;
}

.step-block {
    background: var(--card-white);
    border: 1px solid var(--border-light);
    border-radius: 10px;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    position: relative;
}
.step-block:not(:last-child)::after {
    content: "\f054";
    display: block;
    font-family: "fontawesome";
    font-size: 16px;
    width: 20px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    top: 0;
    right: -30px;
    position: absolute;
    color: var(--dark-color);
}
.step-img {
    overflow: hidden;
}
.step-img img {
    border-radius: 10px;
    height: 200px;
    object-fit: cover;
    width: 100%;
    transition: .5s ease-in-out;
}

.step-block:hover img {
    transform: scale(1.05);
}

.step-number {
    width: 30px;
    height: 30px;
    background: var(--primary-soft-bg);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: var(--primary);
}

.step-title {
    font-weight: 700;
    font-size: 18px;
    color: var(--text-dark);
    text-align: center;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-desc {
    font-size: 15px;
    color: var(--text-soft);
    line-height: 1.3;
	padding-top: 10px;
}

/* 四个特点卡片 (低缺陷率等) 更干净 */
.benefit-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
}

.benefit-card {
    flex: 1;
    min-width: 180px;
    border-radius: 20px;
    padding: 18px 18px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: none;
	position: relative;
}

.benefit-card:after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 40%;
	top: 30%;
	right: -5px;
	background: #333;
	opacity: .1;
}
.benefit-card:last-child:after {
	display: none;
}

.benefit-icon i {
    font-size: 60px;
    min-width: 44px;
    text-align: center;
    color: var(--main-color);
	display: block;
}

.benefit-text h4 {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-dark);
    line-height: 1.4;
}
.benefit-text p {
    font-size: 13px;
    font-weight: normal;
    padding-top: 5px;
    color: #555;
    line-height: 1.5;
}

/* 02 测试板块 */
.testing-intro {
    color: var(--text-soft);
    font-size: 15px;
    line-height: 1.6;
	padding-top: 10px;
}

.test-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(100px, 1fr));
    gap: 22px;
    margin: 30px 0 28px;
}

.test-item {
    padding: 20px 10px;
    transition: 0.1s;
    position: relative;
}

.test-item:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: -11px;
    top: 0;
    background: #333;
    opacity: .1;
}
.test-item h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-dark);
	text-align: center;
    display: block;
}
.test-item > span  i {
    font-size: 30px;
    color: var(--main-color);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--main-color);
	padding: 10px;
	display: block;
	margin: 0 auto;
	box-sizing: content-box;
}

.test-item > span {
    display: block;
    padding-bottom: 20px;
    text-align: center;
}

.test-item ul {
    list-style: none;
    padding-left: 0;
}

.test-item li {
    font-size: 14px;
    padding: 5px 0 5px 20px;
    position: relative;
    color: var(--text-soft);
    transition: .5s ease-in-out;
}

.test-item li:hover {
    color: var(--dark-color);
    transform: translateX(4px);
}

.test-item li::before {
    content: "•";
    color: var(--primary);
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: 4px;
}

.test-item li:hover::before {
    color: var(--dark-color);
}

.report-msg {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    color: var(--primary);
    margin-top: 12px;
	width: max-content;
    margin-left: auto;
    padding-left: 20px;
    margin-right: -10px;
    position: relative;
    background: #F7F7F7;
}

/* .report-msg * {
    position: relative;
    z-index: 2;
} */

/* .report-msg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 20px);
    bottom: 0;
    left: 0;
    z-index: 1;
} */

.report-msg svg {
    width: 80px;
    height: 80px;
    stroke: var(--dark-color) !important;
}
.report-msg img {
    max-height: 140px;
    border-radius: 10px;
}
._txt {
    display: flex;
    align-items: center;
    gap: 40px;
}
._txt h4 {
    font-size: 20px;
    color: #333;
    position: relative;
}
._txt h4::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    background-color: #ddd;
}
._txt p {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
}

/* 03板块 文档卡片 */
.doc-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin: 28px 0 0;
}

.doc-item {
    flex: 1;
    min-width: 220px;
    border-radius: 12px;
    border: 1px solid var(--border-light);
}
.doc-item h4, .doc-item p {
    /* padding: 0 22px; */
}
.doc-item p {
    /* padding-bottom: 20px; */
}
.doc-intr {
    display: flex;
    padding: 40px 30px 20px;
    gap: 30px;
}

.doc-icon-large {
    text-align: center;
    position: relative;
}

.doc-item-img {
    overflow: hidden;
    width: 100%;
}
.doc-item-img img {
    transition: .5s ease-in-out;
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.doc-item:hover img {
    transform: scale(1.05);
}
/* .doc-icon-large i {
    font-size: 30px;
	display: block;
    position: absolute;
    border-radius: 50%;
    background-color: var(--main-color);
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    top: -30px;
    left: calc(50% - 30px);
} */

.doc-icon-large i {
    font-size: 60px;
	display: block;
    color: var(--dark-color);
}

.doc-item h4 {
    font-size: 20px;
    margin: 0 0 12px;
    font-weight: 700;
}

.doc-item p {
    font-size: 14px;
    color: var(--text-soft);
    line-height: 1.5;
}

.value-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: var(--bg-page);
    border-radius: 26px;
    padding: 28px 24px;
    margin: 24px 0 12px;
    border: 1px solid var(--border-light);
}

.value-col {
    flex: 1;
    text-align: center;
    min-width: 140px;
}

.value-col strong {
    display: block;
    font-size: 17px;
    color: var(--primary);
    margin-bottom: 8px;
    font-weight: 700;
}

.value-col span {
    font-size: 13.5px;
    color: var(--text-soft);
}

.final-note {
    margin-top: 24px;
    background: #FCFCFD;
    border-radius: 20px;
    padding: 16px 22px;
    font-weight: 500;
    font-size: 14.5px;
    color: var(--text-dark);
}

/* 辅助色仅极少装饰（如小圆点、小icon点缀）,未大面积使用背景 */
.accent-dot {
    color: var(--accent);
}

hr {
    display: none;
}

@media (max-width: 700px) {

    .card-content {
        padding: 20px;
    }

    .card-header {
        padding: 20px 24px 12px 24px;
    }

    .card-header h2 {
        font-size: 22px;
    }
}


:root {
    --primary: #00702E;
    /* 主色调 */
    --accent: #F08200;
    /* 辅助色 - 仅少量点缀使用 */
    --bg-page: #FAFAFA;
    --card-white: #FFFFFF;
    --text-dark: #1A2C2E;
    --text-soft: #4A5B5E;
    --border-light: #E9EDF2;
    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 6px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 18px 30px -12px rgba(0, 0, 0, 0.08);
    --radius-card: 24px;
    --radius-element: 18px;
    --primary-soft-bg: rgba(0, 112, 46, 0.06);
    --accent-soft-bg: rgba(240, 130, 0, 0.08);
}

.pillar-icon i {
    font-size: 60px;
    color: var(--dark-color);
	display: block;
	width: max-content;
	margin: 0 auto;
}

/* .pillar-icon {
    text-align: center;
    padding-bottom: 20px;
} */


.step-info {
    background: rgba(255,255,255,1);
    padding: 20px 10px 10px;
    width: 100%;
}

.step-info .step-desc {
/*    display: none;*/
}

.step-info .step-number {
    position: absolute;
    top: -10px;
    background: var(--dark-color);
    border-radius: 50%;
    color: #fff;
    left: 0;
    transition: .5s ease-in-out;
}

.step-block:hover .step-number {
    left: calc(50% - 15px);
}

.step-block:hover .step-desc {
    display: block;
}

.test-item h3 span i {
    font-size: 20px;
    color: var(--main-color);
}





            :root {
                --es-green: #00702E;
                --es-green-light: #e8f3ec;
                --es-green-soft: rgba(0, 112, 46, 0.1);
            }
/*
            .inner-about-wrap {
                display: flex;
                gap: 60px;
                align-items: flex-start;
            }
*/
            .inner-about-intr {
                flex: 1;
            }
            .inner-about-cate {
                width: 280px;
                flex-shrink: 0;
                background: #f8fafc;
                border-radius: 28px;
                padding: 32px 24px;
                position: sticky;
                top: 100px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.03);
                border: 1px solid rgba(0,0,0,0.05);
            }
            .inner-abcate-tit h3 {
                font-size: 22px;
                font-weight: 700;
                color: #1e293b;
                border-left: 4px solid var(--es-green);
                padding-left: 16px;
                margin-bottom: 24px;
            }
            .inner-about-list {
                list-style: none;
                padding: 0;
            }
            .inner-about-list li {
                margin-bottom: 14px;
            }
            .inner-about-list li a {
                text-decoration: none;
                color: #334155;
                font-weight: 500;
                display: block;
                padding: 8px 12px;
                border-radius: 40px;
                transition: all 0.2s;
                font-size: 16px;
            }
            .inner-about-list li a:hover,
            .inner-about-list li.active a {
                background: var(--es-green-light);
                color: var(--es-green);
                padding-left: 24px;
            }
            ._about_wrapper {
                display: flex;
                gap: 40px;
                align-items: center;
                background: #ffffff;
                border-radius: 36px;
                padding: 32px;
                box-shadow: 0 20px 35px -12px rgba(0,0,0,0.05);
                border: 1px solid #edf2f7;
                margin-bottom: 40px;
            }
            ._about_intr {
                flex: 1.2;
            }
            ._about_img {
                flex: 0.8;
                border-radius: 28px;
                overflow: hidden;
                box-shadow: 0 20px 30px -10px rgba(0,0,0,0.1);
            }
            ._about_img img {
                width: 100%;
                height: auto;
                display: block;
                transition: transform 0.4s;
            }
            ._about_img:hover img {
                transform: scale(1.02);
            }
            ._inner_about_tit h3 {
                font-size: 28px;
                font-weight: 700;
                color: #0f172a;
                margin-bottom: 16px;
            }
            ._inner_about_desc p {
                color: #334155;
                line-height: 1.6;
                margin-bottom: 16px;
            }

            .certifications-intr ._inner_about_desc p {
                margin-bottom: 0;
            }
            .inner-number {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 20px;
                background: linear-gradient(115deg, #0c442e 0%, #0d432d 100%);
                border-radius: 40px;
                padding: 30px 40px;
                color: #fff;
                margin: 40px 0 20px;
            }
            .inner-number-item {
                text-align: center;
                flex: 1;
                padding: 15px 5px;
            }
            .inner-number-item i {
                font-size: 42px;
                color: var(--dark-color);
                display: block;
                margin-bottom: 12px;
            }
            .inner-number-item h4 {
                font-size: 34px;
                font-weight: 800;
                margin: 8px 0;
                color: #fff;
            }
            .inner-number-item p {
                font-size: 15px;
                opacity: 0.85;
                letter-spacing: 0.5px;
            }
            .expertise-list {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 30px;
                margin-top: 20px;
            }
            .expertise-item {
                background: #ffffff;
                border-radius: 28px;
                padding: 24px;
                box-shadow: 0 8px 20px rgba(0,0,0,0.02);
                border: 1px solid #eef2ff;
                transition: all 0.3s;
            }
            .expertise-item:hover {
                transform: translateY(-5px);
                box-shadow: 0 20px 25px -12px rgba(0,0,0,0.08);
                border-color: #cbd5e1;
            }
            .expertise-item h4 {
                font-size: 20px;
                font-weight: 700;
                color: var(--es-green);
                margin-bottom: 20px;
                border-left: 3px solid var(--es-green);
                padding-left: 14px;
            }
            .expertise-item ul, .expertise-item p {
                margin: 0;
                padding-left: 0;
            }
            .expertise-item li {
                list-style: none;
                margin-bottom: 12px;
                font-weight: 500;
            }
            .expertise-item li a, .expertise-item li span {
                color: #1e293b;
                text-decoration: none;
                font-weight: 600;
                font-size: 15px;
            }
            .expertise-item li p {
                font-size: 14px;
                color: #475569;
                margin: 4px 0 0 12px;
                font-weight: normal;
            }
            .map-desc {
                display: inline-block;
                background: var(--es-green-light);
                padding: 6px 18px;
                border-radius: 40px;
                font-size: 14px;
                color: var(--es-green);
                margin-top: 15px;
            }
            .chat-feedback {
                margin: 30px 0 20px;
                max-width: 1000px;
                margin-left: auto;
                margin-right: auto;
            }
            .chat-thread {
                display: flex;
                flex-direction: column;
                gap: 28px;
            }
            .chat-message {
                display: flex;
                align-items: flex-start;
                gap: 14px;
                max-width: 85%;
            }
            .chat-message.left {
                align-self: flex-start;
                flex-direction: row;
            }
            .chat-message.right {
                align-self: flex-end;
                flex-direction: row-reverse;
            }
            .chat-avatar {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 6px;
                flex-shrink: 0;
            }
            .avatar-img {
                width: 52px;
                height: 52px;
                border-radius: 50%;
                object-fit: cover;
                box-shadow: 0 2px 10px rgba(0,0,0,0.08);
                border: 2px solid white;
            }
            .chat-name {
                font-size: 12px;
                font-weight: 600;
                color: #2c3e50;
            }
            .chat-badge {
                font-size: 10px;
                background: var(--es-green-light);
                padding: 3px 10px;
                border-radius: 30px;
                color: var(--es-green);
                font-weight: 500;
            }
            .chat-bubble {
                position: relative;
                padding: 14px 20px;
                border-radius: 24px;
                max-width: 420px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            }
            .chat-bubble.left {
                background: #f1f5f9;
                border-bottom-left-radius: 6px;
                color: #1e293b;
            }
            .chat-bubble.right {
                background: var(--es-green);
                color: white;
                border-bottom-right-radius: 6px;
            }
            .chat-bubble p {
                margin: 0 0 8px 0;
                font-size: 14px;
                line-height: 1.5;
            }
            .chat-time {
                font-size: 10px;
                opacity: 0.65;
                display: block;
                text-align: right;
            }
            .chat-bubble.right .chat-time {
                color: rgba(255,255,255,0.75);
            }
            .chat-bubble.left .chat-time {
                color: #7c8ba0;
            }
            .trusted-subtle {
                text-align: center;
                margin: 45px 0 35px;
            }
            .subtle-text {
                font-size: 15px;
                color: #4a5c6b;
                line-height: 1.55;
                margin: 0 0 16px 0;
                font-weight: 430;
            }
            .subtle-accent {
                color: var(--es-green);
                font-weight: 700;
                position: relative;
            }
            .subtle-dots {
                display: flex;
                justify-content: center;
                gap: 8px;
            }
            .subtle-dots .dot {
                width: 4px;
                height: 4px;
                background: var(--es-green);
                border-radius: 50%;
                opacity: 0.4;
            }
            /* .partners-slider {
                margin-top: 40px;
                background: #f9fafb;
                border-radius: 64px;
                padding: 20px 0;
            }
            .partner-slide {
                display: flex;
                justify-content: center;
                align-items: center;
                opacity: 0.7;
                transition: 0.2s;
            }
            .partner-slide img {
                max-width: 110px;
                max-height: 70px;
                object-fit: contain;
                filter: grayscale(10%);
            } */
            ._about_item {
                margin-bottom: 60px;
            }
            ._center {
                text-align: center;
            }
            ._message_wrapper_elegant {
                background: #ffffff;
                border-radius: 28px;
                padding: 38px 32px 28px;
                border: 1px solid #edf2f7;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
            }
            ._message_info_elegant {
                display: flex;
                align-items: center;
                gap: 18px;
                margin-bottom: 24px;
                padding-bottom: 16px;
                border-bottom: 1px solid #f0f4f9;
            }
            ._message_info_img_elegant img {
                width: 52px;
                height: auto;
                opacity: 0.85;
            }
            ._message_info_txt_elegant h3 {
                font-size: 28px;
                font-weight: 700;
                color: #1e2a3a;
                margin: 0 0 6px 0;
                letter-spacing: -0.2px;
            }
            ._message_info_txt_elegant p {
                color: #5b6e8c;
                font-size: 17px;
                line-height: 1.4;
                margin: 0;
            }
            ._message_form_elegant {
                margin-top: 8px;
            }
            .elegant-form-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 12px;
            }
            .elegant-form-row input,
            .elegant-form-row select,
            .elegant-form-row button {
                padding: 11px 18px;
                border-radius: 48px;
                font-size: 14px;
                font-family: inherit;
                border: 1px solid #e2e8f0;
                background: #ffffff;
                outline: none;
                transition: all 0.2s;
            }
            .elegant-form-row input,
            .elegant-form-row select {
                width: 100%;;
                min-width: 140px;
                color: #1e2a3a;
                padding: 11px 18px 11px 28px;
            }
            .elegant-form-row input:focus,
            .elegant-form-row select:focus {
                border-color: var(--es-green);
                box-shadow: 0 0 0 3px var(--es-green-soft);
            }
            .elegant-form-row button {
                background: var(--es-green);
                color: white;
                font-weight: 600;
                border: none;
                cursor: pointer;
                padding: 11px 28px;
                letter-spacing: 0.3px;
                white-space: nowrap;
            }
            .elegant-form-row .elegant-form-item:not(:last-child) {
                flex: 1;
                position: relative;
            }
            .elegant-form-row .elegant-form-item b {
                font-size: 17.6px;
                position: absolute;
                left: 16px;
                top: 14px;
                z-index: 2;
                font-weight: 600;
            }
            .elegant-form-row button:hover {
                background: #005823;
                transform: translateY(-1px);
            }
            .elegant-hint {
                text-align: right;
                font-size: 12px;
                color: #7c8ba0;
                margin-top: 14px;
                padding-right: 6px;
            }
            @media (max-width: 1200px) {
                .inner-about-wrap {
                    flex-direction: column;
                }
                .inner-about-cate {
                    width: 100%;
                    position: static;
                    margin-top: 30px;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 20px;
                }
                .inner-abcate-tit {
                    width: 100%;
                }
                .inner-about-list {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 12px;
                }
                .expertise-list {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 900px) {
                ._message_wrapper_elegant {
                    padding: 24px 24px;
                }
                .elegant-form-row {
                    flex-direction: column;
                    align-items: stretch;
                }
                .elegant-form-row input,
                .elegant-form-row select,
                .elegant-form-row button {
                    width: 100%;
                }
                .elegant-form-row button {
                    text-align: center;
                    justify-content: center;
                }
                .elegant-hint {
                    text-align: center;
                    margin-top: 12px;
                }
                ._message_info_elegant {
                    margin-bottom: 20px;
                    padding-bottom: 14px;
                }
            }
            @media (max-width: 768px) {
                ._about_wrapper {
                    flex-direction: column;
                }
                .expertise-list {
                    grid-template-columns: 1fr;
                }
                .inner-number {
                    flex-direction: column;
                    text-align: center;
                }
            }
            @media (max-width: 760px) {
                .chat-message {
                    max-width: 94%;
                    gap: 10px;
                }
                .chat-bubble {
                    max-width: 280px;
                    padding: 12px 16px;
                }
                .avatar-img {
                    width: 44px;
                    height: 44px;
                }
                .chat-name {
                    font-size: 10px;
                }
                .chat-badge {
                    font-size: 9px;
                    padding: 2px 8px;
                }
            }
            @media (max-width: 640px) {
                .subtle-text {
                    font-size: 13px;
                    padding: 0 16px;
                }
                .mobile-break {
                    display: none;
                }
            }
            @media (max-width: 550px) {
                .chat-bubble {
                    max-width: 220px;
                }
                .chat-bubble p {
                    font-size: 12px;
                }
                ._message_info_img_elegant img {
                    width: 44px;
                }
                ._message_info_txt_elegant h3 {
                    font-size: 18px;
                }
                ._message_wrapper_elegant {
                    padding: 20px 18px;
                }
            }


._inner_title_ab._left {
    text-align: left;
    margin-bottom: 30px;
}
._inner_title_ab h1 {
    font-size: 52px;
    font-weight: 800;
    color: #1a2a3a;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
    line-height: 1.2;
	text-transform: uppercase;
}
._inner_title_ab .title-decor {
    width: 70px;
    height: 4px;
    background: var(--main-color, #00702E);
    margin-bottom: 28px;
    border-radius: 4px;
}
._inner_title_ab .title-lead {
    font-size: 22px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 12px;
    line-height: 1.3;
}
._inner_title_ab .title-desc {
    font-size: 17px;
    color: #333;
    line-height: 1.5;
    max-width: 820px;
}
@media (max-width: 640px) {
    ._inner_title_ab h1 {
        font-size: 36px;
    }
    ._inner_title_ab .title-lead {
        font-size: 18px;
    }
}


._head_wrapper {
    display: flex;
    gap: 100px;
    align-items: center;
}

._head_wrapper_bg:after {
    content: "";
    display: block;
    position: absolute;
    width: 30%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #fff, transparent);
}

._head_wrapper_bg:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, #fff, transparent);
}

._head_wrapper_bg {
    position: relative;
    height: 350px;
}


._work_step {
    display: flex;
    gap: 20px;
}

._work_step_item {
    flex: 1;
    position: relative;
}

._work_step_item i {
    color: var(--main-color);
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid var(--main-color);
    font-size: 60px;
	transition: .5s ease-in-out;
	background: #fff;
}

._work_step_item:hover i{
	transform: rotateZ(15deg);
}

._work_step_item h4 {
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
    line-height: 1.5;
}

._work_step_item big {
    position: absolute;
    color: #fff;
    background: var(--dark-color);
    border-radius: 50%;
    display: flex;
    padding: 5px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    left: calc(50% - 17px);
    top: -20px;
	z-index: 1;
}

._work_step_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
}

._arrow_line {
    display: block;
    width: 60px;
    border-bottom: 2px dashed #aaa;
}

._arrow_trangle {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #aaa; /* 修改颜色和大小 */
}


._work_footer {
    display: flex;
    gap: 20px;
    margin-top: 50px;
    box-shadow: 0 0 10px  #ddd;
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
}

.work-foot-icon {
    width: 75%;
    display: flex;
    gap: 40px;
    padding: 20px;
}

.work-foot-bg {
    flex: 1;
}

.work-foot-icon-item {
    flex: 1;
    text-align: center;
    position: relative;
}

.work-foot-icon-item i {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: var(--dark-color);
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
	transition: .5s ease-in-out;
}

.work-foot-icon-item:hover i {
	transform: scale(1.05);
}

.work-foot-icon-item h4 {
    font-size: 20px;
    padding: 15px 0;
    font-weight: bold;
    color: var(--main-color);
}

.work-foot-icon-item p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
}

.work-foot-icon-item:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 60%;
    left: -20px;
    top: 20%;
    background: var(--main-color);
}

.certifications-icon-item i, .pillar-item i, .benefit-card i, .test-item > span i, .doc-item i, .insight-card i, .stat-card, .history-number-item i, .inner-number-item i{
	transition: .5s ease-in-out;
}
.certifications-icon-item:hover i, .pillar-item:hover i, .test-item:hover > span i, .insight-card:hover i, .history-number-item:hover i, .inner-number-item:hover i{
	transform: rotateZ(15deg);
}

.benefit-card:hover i, .doc-item:hover i{
	transform: scale(1.05);
}

.stat-card:hover {
	transform: translateY(-4px);
}

ul.foot-link-list {
    width: max-content;
    margin: 0 auto;
}

.foot-wrap .foot-item:nth-child(2) .foot-link-list {
    transform: translateX(5px);
}
.foot-wrap .foot-item:nth-child(3) .foot-link-list {
    transform: translateX(20px);
}
.foot-wrap .foot-item:nth-child(4) {
    transform: translateX(-15px);
}
.foot-wrap .foot-item:nth-child(5) .foot-link-list {
    transform: translateX(7px);
}
.foot-wrap .foot-item:nth-child(6) .foot-link-list {
    transform: translateX(23px);
}
.foot-wrap .foot-item:nth-child(7) .foot-contcat-list {
    transform: translateX(70px);
}

.syem {
    float: none !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
    display: block !important;
}


@media (max-width: 1520px) {
    .foot-wrap .foot-item:nth-child(7) .foot-contcat-list {
        transform: translateX(30px);
    }
}

@media (max-width: 1400px) {
    .foot-wrap .foot-item {
        justify-content: flex-start;
    }
    .foot-wrap .foot-item:nth-child(n+2) {
        width: 16%;
    }
    ul.foot-link-list {
        width: 100%;
        margin: 0 auto;
    }
    .foot-wrap .foot-item:nth-child(2) .foot-link-list {
        transform: translateX(0);
    }
    .foot-wrap .foot-item:nth-child(3) .foot-link-list {
        transform: translateX(0);
    }
    .foot-wrap .foot-item:nth-child(4) {
        transform: translateX(-0);
    }
    .foot-wrap .foot-item:nth-child(5) .foot-link-list {
        transform: translateX(0);
    }
    .foot-wrap .foot-item:nth-child(6) .foot-link-list {
        transform: translateX(0);
    }
    .foot-wrap .foot-item:nth-child(7) .foot-contcat-list {
        transform: translateX(0);
    }
    .foot-item h3 {
        text-align: left;
    }
}

@media (max-width:1200px) {
    .foot-wrap .foot-item:nth-child(n+2) {
        width: 32%;
        max-width: none;
    }
}

@media (max-width:960px) {
    .foot-wrap .foot-item:nth-child(n+2) {
        width: 48%;
    }
}

@media (max-width:768px) {
    .foot-wrap .foot-item:nth-child(n+2) {
        width: 100%;
    }
    .foot-wrap .layout {
        gap: 10px;
    }
    .foot-item > div {
        width: 100%;
    }
    .foot-item h3._hasChild {
        width: 100%;
        background: var(--dark-color);
        padding: 5px 10px;
        position: relative;
        margin-bottom: 0;
    }
    .foot-item h3._hasChild:after {
        content: "\f055";
        font-family: "fontawesome";
        color: #fff;
        position: absolute;
        right: 10px;
        height: 30px;
        line-height: 30px;
        top: 10px;
        font-size: 30px;
    }
    .foot-item ul._hasChild {
        padding-top: 10px;
    }
}


@media (max-width: 1200px) {
    .inner_pro_show {
        padding-top: 0;
    }
    .inner-blog-feature {
        display: none;
    }
    .inner-contact-wrap {
        flex-direction: column;
    }
}

@media (max-width: 960px) {
    .inner-cate-child {
        flex-direction: column;
        width: 100%;
    }
    .inner-cate-tit {
        width: 100%;
        position: relative;
    }
    .inner-cate-tit a {
        width: 100%;
        text-align: left;
        padding: 0;
    }
    .inner-cate-tit._hasChild {
        width: 100%;
        background: var(--main-color);
        padding: 5px 10px;
        position: relative;
        margin-bottom: 0;
    }
    .inner-cate-tit._hasChild:after {
        content: "\f055";
        font-family: "fontawesome";
        color: #fff;
        position: absolute;
        right: 10px;
        height: 30px;
        line-height: 30px;
        top: 5px;
        font-size: 30px;
    }
    .inner-pro-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .page {
        gap: 10px;
    }
    .page a {
        margin: 0;
    }
    .pro-info h1 {
        font-size: 24px;
    }
    .desc-h2 h2 {
        font-size: 18px;
    }
    ._style li {
        font-size: 14px;
    }
    ._style {
        gap: 10px;
    }
    .pro-desc {
        gap: 30px;
    }
    
    .inner-resources-video {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .inner-resources-eBooks {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .inner-contact-item {
        width: calc(100% - 100px);
    }
    ._inner_banner {
        height: 150px;
    }
    .inner-resources-wrapper {
        padding: 20px 0;
    }
    .inner-resources-nav ul {
        flex-direction: column;
    }
    .mySwiper {
        display: none;
    }
    .desc-wrapper {
        padding: 0;
    }
    ._pro_wrap {
        padding: 20px 0;
    }
    .feature-item {
        flex-direction: column;
        gap: 20px;
    }
    .feature-img {
        width: 100%;
    }
    ._inner_show_feature {
        display: none;
    }
    ._news_show ._inner_title h1 {
        font-size: 26px;
    }
    .inner-contact-desc, .inner-contact-why, .inner-contact-video {
        padding: 20px 0;
    }
}

@media (max-width: 640px) {
    ._message_form ._message_form_item {
        width: 100%;
    }
    .inner-blog-item {
        flex-direction: column;
    }
    .inner-blog-img {
        width: 100%;
    }
    ._inner_news_desc {
        flex-direction: column;
    }
    ._inner_news_item:first-child {
        border: 0;
    }
    .inner-contact-ab {
        position: static;
        padding-top: 20px;
    }
    .inner-contact-img {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
    }
}