:root {
    --max: 1200px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size24: 24px;
    --size30: 30px;
    --size36: 36px;
    --size40: 40px;
    --size46: 46px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;

    --top20: 20px;
    --top30: 30px;
    --top40: 40px;
    --top50: 50px;
    --top60: 60px;
    --top80: 80px;
    --top100: 100px;
    --top120: 120px;
}

@font-face {
    font-family: "m";
    src: url("../fonts/m.otf") format("truetype");
}

@font-face {
    font-family: "bold";
    src: url("../fonts/bold.otf") format("truetype");
}

body,
html {
    font-family: "m";
    background: rgb(228, 230, 230);
}

.Hertre {
    width: 100%;
    z-index: 999;
    position: relative;
    background: rgb(2, 2, 2);
}

.Hertre_cen {
    width: var(--max);
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.Logo {
    width: 80px;
    overflow: hidden;

}

.Logo img {
    width: 100%;
    height: auto;
}

.Nav {
    width: max-content;
    margin-left: auto;
}

.Nav ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.Nav ul li {
    font-size: var(--size16);
    color: rgb(252, 250, 250);
    text-align: center;
    line-height: 100px;
    position: relative;
    margin-right: var(--top50);
}

.Nav ul li svg {
    width: 16px;
    height: 16px;
    fill: #030000;
    display: none;
}


/* .Nav ul li.Nav_cen {
    color: #ec078d
}

.Nav ul li:hover {
    color: #ec078d;
} */

.Nav ul li::after {
    content: "";
    width: 0%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.Nav ul li.Nav_cen::after {
    width: 100%;
}

.Nav ul li:hover::after {
    width: 100%;
}

.Nav_ul {
    width: max-content;
    display: none;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    top: 100%;
    transition: auto;
    padding: 20px 30px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 5px #00000010;
    border-radius: 5px;
}

.Nav_ul a {
    color: #000000;
    display: block;
    line-height: 2.5;
    text-align: left;
    font-size: var(--size14);
}

/* .Nav_ul a:hover {
    color: #ec078d;
}

.Nav_ul a.Nav_ul_Nav {
    color: #ec078d;
} */

.Form {
    width: max-content;
}

.Form form {
    width: 75px;
    background: rgb(254, 254, 254);
    position: relative;
    border-radius: 30px;
    transition: width 0.3s ease;
}

.Form form input {
    width: 100%;
    height: 30px;
    border-radius: 30px;
    font-size: var(--size14);
    color: #000000;
    padding: 0 15px;
}

.Form form button {
    width: 35px;
    height: 30px;
    background: rgb(254, 189, 104);
    border-radius: 0px 30px 30px 0px;
    position: absolute;
    top: 0;
    right: 0;
    border: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.Form form button img {
    width: 16px;
    height: auto;
}

.Form form input:focus~form,
.Form form:focus-within {
    width: 200px;
}

.An {
    width: 30px;
    display: none;
}

.menu_button {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.menu_button:focus {
    outline: none;
}

.menu_button .line {
    fill: none;
    stroke: #fff;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button .line1 {
    stroke-dasharray: 60 207;
}

.menu_button .line2 {
    stroke-dasharray: 60 60;
}

.menu_button .line3 {
    stroke-dasharray: 60 207;
}

.menu_button.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.menu_button.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.menu_button.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.Banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Banner img {
    width: 100%;
    height: auto;
}

.Banner_text {
    width: var(--max);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--size40);
    ;
    color: rgb(253, 252, 252);
    text-align: center;
    font-family: 'bold';
}

.Mianbao {
    width: 100%;
    overflow: hidden;
    background: rgb(4, 8, 17);
}

.Mianbao_max {
    width: var(--max);
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: var(--size16);
    color: rgb(253, 251, 251);
    line-height: 1;
}


.Lianxi {
    width: var(--max);
    margin: var(--top80) auto;
}

.Lianxi>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Lianxi>p {
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.3;
    margin-top: 20px;
}

.Lianxi form {
    width: 100%;
    margin-top: var(--top60);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.Lianxi form input {
    width: calc(50% - 10px);
    height: 58px;
    border: 1px solid rgb(46, 47, 47);
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    padding: 0 var(--top20);
}


.Lianxi form textarea {
    width: 100%;
    height: 180px;
    border: 1px solid rgb(46, 47, 47);
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    padding: 15px var(--top20);
    resize: none;
    font-family: 'm';
    background: transparent;
}

.Lianxi form input.submit {
    width: 110px;
    height: 36px;
    border: 1px solid rgb(51, 51, 51);
    text-align: center;
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    margin: auto;
    margin-top: var(--top40);
    cursor: pointer;
    display: block;
}

.Lianxi form input.submit:hover {
    background: rgb(51, 51, 51);
    color: #ffffff;
    width: 200px;
}


.Bold {
    width: var(--max);
    margin: var(--top80) auto;
}

.Bold>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Bold ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top50);
}

.Bold ul li {
    width: 100%;
    overflow: hidden;
}

.Bold_img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Bold_img img {
    width: 100%;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}

.Bold_img h2 {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: var(--size16);
    color: rgb(252, 250, 250);
    padding: var(--top20);
    font-family: 'bold';
    text-align: center;
    line-height: 1.2;
    background: linear-gradient(#00000000, #000000);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.Bold_text {
    width: 100%;
    overflow: hidden;
    background: rgb(254, 254, 254);
    padding: 15px;
}

.Bold_text h3 {
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
}

.Bold_text p {
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}

.Bold_text a {
    width: max-content;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 36px;
    border: 1px solid rgb(51, 51, 51);
    padding: 0 10px;
}

.Bold_text a:hover {
    padding: 0 20px;
    background: rgb(51, 51, 51);
    color: #ffffff;
}

.Bold_text a:hover svg path {
    fill: #fff;
}

.Show {
    width: var(--max);
    overflow: hidden;
    margin: var(--top80) auto;
}

.Show>h2 {
    font-size: var(--size24);
    color: #222222;
}

.Show>p {
    font-size: var(--size14);
    color: #888888;
    margin-top: 10px;
}

.Show_text {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: var(--top30) 0;
    margin-top: var(--top30);
    font-size: var(--size14);
    color: #222222;
    line-height: 2;
}

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

.Prev {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.Prev a {
    width: 100%;
    display: block;
    font-size: var(--size14);
    color: #000000;
}

.page {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--top60);
    gap: 5px;
}

.page .active,
.page .total {
    font-size: 12px;
    padding: 8px 10px;
    color: rgb(181, 181, 181);
    border: 1px solid rgb(181, 181, 181);
    line-height: 1;
}

.page .active {
    background: #da3536;
    border: 1px solid #da3536;
    color: #fff;
}

.page .active:nth-child(1),
.page .total:nth-child(1),
.page .active:last-child,
.page .total:last-child {
    color: rgb(181, 181, 181);
    background: transparent;
    border: 1px solid rgb(181, 181, 181);
}

.Why {
    width: var(--max);
    margin: var(--top80) auto;
}

.Why>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Why_top {
    width: 100%;
    margin-top: var(--top50);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 4vw;
}

.Why_top img {
    width: 50%;
    height: auto;
}

.Why_top p {
    flex: 1;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
}

.Why_bottom {
    width: 100%;
    margin-top: var(--top20);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 4vw;
}

.Why_bottom img {
    width: 60%;
    height: auto;
    object-fit: cover;
}

.Why_bottom ul {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    gap: var(--top20);
}

.Why_bottom ul li {
    width: 100%;
    border-top: 1px solid rgb(220, 220, 220);
    padding-top: var(--top20);
}

.Why_bottom ul li:nth-child(1) {
    border-top: transparent;
    padding: 0;
}

.Why_bottom ul li h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
}

.Why_bottom ul li p {
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    margin-top: 15px;
    line-height: 1.5;
}

.Why_am {
    width: var(--max);
    margin: var(--top80) auto;
}

.Why_am>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Why_am>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}

.Why_am ul {
    width: 100%;
    margin-top: var(--top30);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--top20);
}

.Why_am ul li {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgb(125, 125, 125);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Why_left {
    width: 55%;
    overflow: hidden;
}

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

.Why_right {
    width: 45%;
    overflow: hidden;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.Why_right h2 {
    width: 100%;
    font-size: var(--size20);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Why_right p {
    width: 100%;
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    margin-top: 15px;
}

.Cargo {
    width: var(--max);
    margin: var(--top80) auto;
}

.Cargo>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Cargo>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    text-align: center;
    margin-top: var(--top30);
}

.Cargo img {
    width: 100%;
    height: auto;
    margin-top: var(--top30);
}

.Sour {
    width: var(--max);
    margin: var(--top80) auto;
}

.Sour>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Sour>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top50);
}

.Sour ul {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    gap: var(--top30);
}

.Sour ul li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgb(125, 125, 125);
    padding-bottom: var(--top30);
}

.Sour ul li h2 {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
}

.Sour ul li p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: 10px;
}

.Sour>span {
    display: block;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}

.Sour>img {
    width: 100%;
    height: auto;
    margin-top: var(--top30);
}

.The {
    width: var(--max);
    margin: var(--top80) auto;
}

.The>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.The ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top50);
}

.The ul li {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgb(51, 51, 51);
    padding: 20px;
}

.The ul li h2 {
    font-size: var(--size18);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.The ul li p {
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}

.The>p {
    display: block;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    text-align: center;
    margin-top: var(--top30);
}

.How {
    width: var(--max);
    margin: var(--top80) auto;
}

.How>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.How ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.How ul li {
    width: 100%;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
}

.How ul li::after {
    content: "";
    width: 1px;
    height: 80%;
    background: rgb(51, 51, 51);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.How ul li h2 {
    font-size: var(--size18);
    color: rgb(51, 51, 51);
    text-align: center;
    min-height: 60px;
}

.How ul li p {
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    text-align: center;
    margin-top: 15px;
    padding: 0 15px;
}

.How ul li:nth-child(5n+1) {
    padding-left: 0px;
}

.How ul li:nth-child(5n+1)::after {
    display: none;
}

.Profile {
    width: var(--max);
    margin: var(--top80) auto;
}

.Profile>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Profile ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--top20);
}

.Profile ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Profile ul li img {
    width: 100%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    ;
}

.Profile_text {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: var(--top20);
    text-align: center;
    background: linear-gradient(#00000000, #000000);
}

.Profile_text h2 {
    font-size: var(--size20);
    color: rgb(252, 252, 252);
    text-align: center;
    font-family: 'bold';
}

.Profile_text p {
    font-size: var(--size14);
    color: rgb(252, 252, 252);
    text-align: center;
    margin-top: 10px;
}

.Divisions {
    width: var(--max);
    margin: var(--top80) auto;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top60);
}

.Divisions_list {
    width: 100%;
    border-bottom: 1px solid rgb(51, 51, 51);
    padding-bottom: var(--top60);
}

.Divisions_list>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Divisions_list ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 8px 0px;
    margin-top: var(--top30);
}

.Divisions_list ul li {
    width: 100%;
    overflow: hidden;
    background: rgb(254, 254, 254);
    text-align: center;
    cursor: pointer;
    font-size: var(--size18);
    color: rgb(51, 51, 51);
    padding: 10px;
}

.Divisions_list ul li.action {
    background: rgb(125, 125, 125);
    color: #ffffff;
}

.Divisions_cen {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
}

.Divisions_text {
    width: 100%;
    overflow: hidden;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.6;
    display: none;
    transition: auto;
}

.Divisions_text:nth-child(1) {
    display: block;
}

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

.Profilea {
    width: var(--max);
    margin: var(--top80) auto;
}

.Profilea>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    text-align: center;
    font-family: 'bold';
}

.Profilea>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top50);
}

.Profilea_top {
    width: 100%;
    margin-top: var(--top50);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top30);
}

.Profilea_top img {
    width: 30%;
    object-fit: cover;
}

.Profilea_text {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: var(--top30) 0;
}

.Profilea_text p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
}

.Profilea_text a {
    width: max-content;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: var(--top50);
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 36px;
    border: 1px solid rgb(51, 51, 51);
    padding: 0 10px;
}

.Profilea_text a:hover {
    padding: 0 30px;
    background: rgb(51, 51, 51);
    color: #ffffff;
}

.Profilea_text a:hover svg path {
    fill: #fff;
}







.Do {
    width: var(--max);
    margin: var(--top80) auto;
}

.Do>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Do ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}

.Do ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Do ul li img {
    width: 100%;
    aspect-ratio: 5 / 6;
    object-fit: cover;
    ;
}

.Do_text {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: var(--top20);
    text-align: center;
    background: linear-gradient(#00000000, #000000);
}

.Do_text h2 {
    font-size: var(--size20);
    color: rgb(252, 252, 252);
    text-align: center;
    font-family: 'bold';
}

.Do_text p {
    font-size: var(--size14);
    color: rgb(252, 252, 252);
    text-align: center;
    margin-top: 10px;
}



.Mu {
    width: var(--max);
    margin: var(--top80) auto;
}

.Mu>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Mu ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top50) var(--top30);
}

.Mu ul li {
    width: 100%;
    overflow: hidden;
    padding-left: var(--top30);
    position: relative;
}

.Mu ul li::after {
    content: "";
    width: 1px;
    height: 80%;
    background: rgb(51, 51, 51);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Mu ul li h2 {
    font-size: var(--size24);
    color: rgb(2, 67, 252);
    text-align: center;
}

.Mu ul li p {
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    text-align: center;
    margin-top: 15px;
    padding: 0 var(--top30);
}

.Mu ul li:nth-child(4n+1) {
    padding-left: 0px;
}

.Mu ul li:nth-child(4n+1)::after {
    display: none;
}

.Mark {
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Mark_max {
    width: var(--max);
    margin: var(--top100) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.Mark_text {
    width: 700px;
    max-width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255, 0.8);
    padding: var(--top80);
}


.Mark_text>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Mark_text>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: var(--top30);
}

.Mark_text ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top30) 10px;
    margin-top: var(--top60);
}

.Mark_text ul li {
    width: 100%;
    overflow: hidden;
}

.Mark_img {
    width: 40px;
    aspect-ratio: 4 / 4;
    border-radius: 50%;
    border: 1px solid rgb(51, 51, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.Mark_img img {
    max-width: 50%;
    max-height: 50%;
    object-fit: contain;
}

.Mark_text ul li h2 {
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: 10px;
    font-family: 'bold';
}

.Mark_maxaa {
    width: var(--max);
    overflow: hidden;
    margin: var(--top80) auto;
    background: rgb(254, 254, 254);
    padding: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top30);
}

.Mark_maxaa img {
    width: 35%;
    object-fit: cover;
}

.Mark_maxaa p {
    flex: 1;
    font-size: var(--size14);
    color: rgb(89, 88, 88);
    line-height: 1.6;
}

.Mark_maxaa span {
    font-size: var(--size20);
    font-family: 'bold';
}

.Toys {
    width: 100%;
    overflow: hidden;
    margin: var(--top80) auto;
}

.Toys_max {
    width: var(--max);
    margin: auto;
    position: relative;
    z-index: 5;
}

.Toys_max>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Toys_max>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}
.Toys_max>p span {
    font-size: var(--size20);
    font-family: 'bold';
}
.Toys_max ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top30);
}
.Toys_max ul li{
    width: 100%;
    overflow: hidden;
}
.Toys_max ul li img{
    width: 100%;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}
.Toys>img{
    width: 100%;
    height: auto;
    margin-top: -10vw;
}
.Toys>p {
    width: var(--max);
    margin: auto;
    margin-top: var(--top50);
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
}
.Toys>p span {
    font-size: var(--size20);
    font-family: 'bold';
}


.Help {
    width: var(--max);
    margin: var(--top80) auto;
}

.Help>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Help ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.Help ul li {
    width: 100%;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
}

.Help ul li::after {
    content: "";
    width: 1px;
    height: 80%;
    background: rgb(51, 51, 51);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Help ul li h2 {
    font-size: var(--size18);
    color: rgb(89, 88, 88);
    text-align: center;
    margin-top: var(--top20);
}

.Help ul li p {
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    text-align: center;
    margin-top: var(--top20);
    padding: 0 15px;
}

.Help ul li:nth-child(3n+1) {
    padding-left: 0px;
}

.Help ul li:nth-child(3n+1)::after {
    display: none;
}
.Oth{
    width: var(--max);
    overflow: hidden;
    margin: 100px auto 200px;
}
.Oth h2{
    font-size: var(--size24);
    color: rgb(253, 252, 252);
    font-family: 'bold';
    text-align: center;
}

.Oth p{
    font-size: var(--size16);
    color: rgb(253, 252, 252);
    text-align: center;
    margin-top: var(--top30);
}

.Oth_max{
    width: var(--max);
    overflow: hidden;
    background: rgb(253, 252, 252,0.8);
    backdrop-filter: blue(10px);
    margin: auto;
    margin-top: -80px;
    position: relative;
    z-index: 5;
}

.Oth_max ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: var(--top30);
}
.Oth_max ul li{
    flex: 1;
    position: relative;
}

.Oth_max ul li::after {
    content: "";
    width: 1px;
    height: 80%;
    background: rgb(51, 51, 51);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Oth_max ul li h2 {
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: 10px;
    font-family: 'bold';
}
.Oth_max ul li:nth-child(1)::after{
    display: none;
}

.Oth_list{
    width: var(--max);
    margin: var(--top80) auto;
}
.Oth_list ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top50);
}
.Oth_list ul li{
    width: 100%;
    border-top: 1px solid rgb(51, 51, 51);
    padding-top: var(--top50);
}
.Oth_list ul li:nth-child(1){
    padding: 0;
    border: transparent;
}
.Oth_list ul li h2{
    text-align: center;
    font-size: var(--size24);
    color: rgb(89, 88, 88);
    font-family: 'bold';
}
.Oth_list ul li p{
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    line-height: 1.6;
    margin-top: var(--top30);
}

.Guangzhou {
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.Guangzhou_max {
    width: var(--max);
    margin: var(--top100) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--top40);
    background: rgb(255, 255, 255);
}

.Guangzhou_max>img{
    width: 30%;
    object-fit: cover;
}

.Guangzhou_text {
    flex: 1;
    overflow: hidden;
    padding: var(--top80);
}


.Guangzhou_text>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Guangzhou_text>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: var(--top30);
}

.Guangzhou_text ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top30) 10px;
    margin-top: var(--top60);
}

.Guangzhou_text ul li {
    width: 100%;
    overflow: hidden;
}

.Guangzhou_img {
    width: 40px;
    aspect-ratio: 4 / 4;
    border-radius: 50%;
    border: 1px solid rgb(51, 51, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.Guangzhou_img img {
    max-width: 50%;
    max-height: 50%;
    object-fit: contain;
}

.Guangzhou_text ul li h2 {
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: 10px;
    font-family: 'bold';
}

.Guan {
    width: var(--max);
    margin: var(--top80) auto;
}
.Guan>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    text-align: center;
    font-family: 'bold';
}

.Guan>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}

.Guan ul{
    width: 100%;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.Guan ul li{
    width: calc(33% - 10px);
    overflow: hidden;
    border: 1px solid rgb(51, 51, 51);
    padding: var(--top50) 15px;
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    line-height: 1.5;
}

.Clo {
    width: var(--max);
    margin: var(--top80) auto;
}
.Clo>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    text-align: center;
    font-family: 'bold';
}

.Clo ul{
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20);
}
.Clo ul li{
    width: 100%;
    overflow: hidden;
}
.Clo ul li img{
    width: 100%;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}

.Clo_text{
    width: 100%;
    overflow: hidden;
    background: rgb(254, 254, 254);
    padding: var(--top30) var(--top20);
}
.Clo_text h2{
    text-align: center;
    font-size: var(--size18);
    color: rgb(51, 51, 51);
}
.Clo_text p{
    text-align: center;
    font-size: var(--size18);
    color: rgb(51, 51, 51);
}

.Matcu{
    width: var(--max);
    overflow: hidden;
    margin: 15vw auto ;
}
.Matcu h2{
    font-size: var(--size36);
    color: rgb(253, 252, 252);
    font-family: 'bold';
    text-align: center;
}

.Matcu p{
    font-size: var(--size24);
    color: rgb(253, 252, 252);
    text-align: center;
    margin-top: var(--top30);
}


.Ouyti{
    width: var(--max);
    margin: var(--top80) auto;
}

.Ouyti>h2{
    font-size: var(--size24);
    color: rgb(89, 88, 88);
}

.Ouyti>p{
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    margin-top: var(--top50);
}

.Ouyti>p span{
    font-size: var(--size20);
    font-family: 'bold';
}

.Ouyti ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 10px;
}

.Ouyti ul li {
    width: 100%;
    overflow: hidden;
    padding: 0 var(--top30);
    position: relative;
}

.Ouyti ul li::after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(51, 51, 51);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Ouyti ul li h2 {
    font-size: var(--size18);
    color: rgb(51, 51, 51);
}

.Ouyti ul li p {
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: 15px;
}

.Ouyti ul li:nth-child(3n+1) {
    padding-left: 0px;
}

.Ouyti ul li:nth-child(3n+1)::after {
    display: none;
}

.Hosi {
    width: var(--max);
    margin: var(--top80) auto;
}
.Hosi>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    text-align: center;
    font-family: 'bold';
}

.Hosi ul{
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}
.Hosi ul li{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.Hosi ul li img{
    width: 100%;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}

.Hosi ul li h2{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(1, 1, 1,0.45);
    font-size: var(--size18);
    color: rgb(253, 253, 253);
    padding: 10px;
    text-align: center;
}

.Hosia {
    width: var(--max);
    margin: var(--top80) auto;
}
.Hosia>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    text-align: center;
    font-family: 'bold';
}

.Hosia ul{
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--top20);
}
.Hosia ul li{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Hosia ul li img{
    width: 55%;
    object-fit: cover;
}

.Hosia_text{
    flex: 1;
    padding: var(--top30) var(--top20);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.Hosia_text h2{
    font-size: var(--size20);
    color: rgb(89, 88, 88);
}
.Hosia_text p{
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    line-height: 1.6;
    margin-top: var(--top30);
}
.Hosia_text p span{
    font-family: 'bold';
}

.Products{
    width: var(--max);
    margin: var(--top80) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.Products_left{
    width: 280px;
}

.Products_left ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.Products_left ul li{
    width: 100%;
}
.Products_top{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.Products_top svg{
    width: 8px;
    height: auto;
    cursor: pointer;
}
.Products_top a{
    flex: 1;
    font-size: var(--size18);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1.2;
}
.Products_cen{
    width: 100%;
    padding-left: 18px;
    display: none;
    transition: auto;
}
.Products_cen a{
    display: block;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.2;
    margin-top: 10px;
    display: block;
}

.Products_right{
    width: calc(100% - 300px);
}
.Products_right>h2{
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
}
.Products_right_cen{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--top30);
}
.Products_right_cen p{
    font-size: var(--size16);
    color: rgb(51, 51, 51);
}

.All{
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid rgb(46, 47, 47);
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    cursor: pointer;
    background: url(../images/xia.svg) no-repeat right 10px center / 15px auto;
    padding-right: 35px;
}


.Products_right_cen ul{
    width: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
}
.Products_right_cen ul li{
    flex: 1;
    aspect-ratio: 4 / 4;
    border: 1px solid rgb(125, 125, 125);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: auto;
}
.Products_right_cen ul li svg{
    width: 15px;
    height: auto;
}
.Products_right_cen ul li.action{
    background: rgb(108, 108, 108);
}
.Products_right_cen ul li.action svg rect,
.Products_right_cen ul li.action svg line{
    stroke: #fff;
}

.Products_grid{
    width: 100%;
    margin-top: var(--top30);
}

.Products_grid ul{
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20)
}
.Products_grid ul li{
    width: 100%;
    overflow: hidden;
}
.Products_grid ul li .Products_img{
    width: 100%;
    aspect-ratio: 4 / 4;
    background: rgb(247, 247, 247);
}
.Products_img a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Products_img a img{
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

.Products_grid ul li .Products_text{
    width: 100%;
    overflow: hidden;
    background: rgb(238, 238, 238);
    padding: var(--top20);
}
.Products_grid ul li .Products_text h2{
    text-align: center;
    font-size: var(--size16);
    color: rgb(131, 192, 208);
}
.Products_grid ul li .Products_text p{
    display: none;
}
.Products_grid ul li .Products_text>a{
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: 10px;
    display: block;
    text-align: center;
}
.Products_flex{
    width: 100%;
    margin-top: var(--top30);
}
.Products_flex ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top30);
}
.Products_flex ul li{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgb(46, 47, 47);
    padding-bottom: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top30);
}
.Products_flex ul li .Products_img{
    width: 290px;
    aspect-ratio: 4 / 4;
    background: rgb(247, 247, 247);
}
.Products_flex ul li .Products_text{
    flex: 1;
}
.Products_flex ul li .Products_text h2{
    width: 100%;
    font-size: var(--size20);
    color: rgb(131, 192, 208);
}
.Products_flex ul li .Products_text p{
    width: 100%;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: var(--top20);
}
.Products_flex ul li .Products_text>a{
    width: max-content;
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    border: 1px solid rgb(51, 51, 51);
    padding: 0 15px;
    line-height: 2.5;
    margin-top: var(--top20);
    display: block;
    text-align: center;
}
.Products_flex ul li .Products_text>a:hover{
    background: rgb(51, 51, 51);;
    color: #ffffff;
}
.Products_grid *,
.Products_flex *{
    transition: auto;
}
.Products_right .Lianxi{
    width: 100%;
}
.Products_show{
    width: calc(100% - 300px);
}
.Products_show_top{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top40);
}

.Products_show_top_left{
    width: 45%;
}
.show_top_Swiper{
    width: 100%;
}
.show_top_Swiper li{
    width: 100%;
    aspect-ratio: 4 / 4;
    background: rgb(247, 247, 247);
    display: flex;
    justify-content: center;
    align-items: center;
}
.show_top_Swiper li img{
    max-width: 80%;
    max-height: 80%;
    object-fit: cover;
}
.show_bottom_Swiper{
    width: 100%;
    margin-top: 10px;
}
.show_bottom_Swiper li{
    width: 100%;
    aspect-ratio: 4 / 4;
    background: rgb(247, 247, 247);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.show_bottom_Swiper li img{
    max-width: 80%;
    max-height: 80%;
    object-fit: cover;
}
.Products_show_top_right{
    flex: 1;
}

.Products_show_top_right>h2{
    font-size: var(--size20);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}
.Products_show_top_right>p{
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    margin-top: 15px;
    line-height: 1.6;
}

.Products_show_top_right>a{
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    border: 1px solid rgb(51, 51, 51);
    padding: 0 15px;
    line-height: 30px;
    display: block;
    width: max-content;
    margin-top: var(--top30);
}
.Products_show_top_right>a:hover {
    background: rgb(51, 51, 51);
    color: #ffffff;
}

.Products_show_top_right ul{
    width: 100%;
    margin-top: var(--top40);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.Products_show_top_right ul li{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.Products_show_top_right ul li h2{
    width: max-content;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    
}
.Products_show_top_right ul li p{
    flex: 1;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    word-break: break-all;
}

.Xiangxi{
    width: 100%;
    overflow: hidden;
    margin: var(--top80) auto;
}
.Xiangxi>h2{
    font-size: var(--size20);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    border-bottom: 1px solid rgb(181, 181, 181);
    padding-bottom: 10px;
}

.Xiangxi_text{
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.6;
}
.Xiangxi_text img{
    max-width: 100%;
    height: auto;
    margin: auto;
}
.Xiangxi_text table{
    width: 100% !important;
    max-width: 100% !important;
}
.Xiangxi_text table td{
    padding: 10px;
}

.Products_show .Lianxi{
    width: 100%;
}
.Guanlian{
    width: 100%;
    overflow: hidden;
    margin: var(--top80) auto;
}
.Guanlian>h2{
    font-size: var(--size20);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    border-bottom: 1px solid rgb(181, 181, 181);
    padding-bottom: 10px;
}

.Guanlian ul{
    width: 100%;
    margin-top: var(--top30);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}
.Guanlian ul li{
    width: 100%;
    overflow: hidden;
}
.Guanlian_img{
    width: 100%;
    aspect-ratio: 4 / 4;
    background: rgb(247, 247, 247);
    display: flex;
    justify-content: center;
    align-items: center;
}
.Guanlian_img img{
    max-width: 80%;
    max-height: 80%;
}
.Guanlian ul li h2{
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: 10px;
}

.topom{
    padding-top: 120px; 
}

.Who{
    width: var(--max);
    overflow: hidden;
    margin: var(--top80) auto var(--top20);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--top80) var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top60);
}

.Who img{
    width: 50%;
    height: auto;
}

.Who_right{
    flex: 1;
}

.Who_right h2{
    font-size: var(--size20);
    color: rgb(253, 252, 252);
    font-family: 'bold';
}

.Who_right p{
    font-size: var(--size16);
    color: rgb(253, 252, 252);
    margin-top: var(--top30);
}


.Who_max{
    width: var(--max);
    overflow: hidden;
    margin: auto;
    margin-top: var(--top30);
    position: relative;
    z-index: 5;
}

.Who_max ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.Who_max ul li{
    flex: 1;
    position: relative;
    padding: 0 15px;
}

.Who_max ul li::after {
    content: "";
    width: 1px;
    height: 80%;
    background: rgb(125, 125, 125);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Who_img{
    width: 100px;
    max-width: 50%;
    margin: auto;
    aspect-ratio: 4 / 4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Who_img img{
    max-width: 100%;
    max-width: 100%;
    object-fit: contain;
}
.Who_max ul li h2 {
    text-align: center;
    font-size: var(--size14);
    color: rgb(89, 88, 88);
    margin-top: 10px;
    font-family: 'bold';
}
.Who_max ul li:nth-child(1)::after{
    display: none;
}


.Getta {
    width: var(--max);
    margin: var(--top80) auto;
}

.Getta>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    text-align: center;
}

.Getta ul{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top30);
    margin-top: var(--top50);
}

.Getta ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top60);
}
.Getta ul li:nth-child(2n){
    flex-direction: row-reverse;
}
.Getta ul li img {
    width: 50%;
    height: auto;
    object-fit: cover;
}

.Getta_text {
    flex: 1;
}
.Getta_text h2 {
    font-size: var(--size20);
    color: rgb(89, 88, 88);
    font-family: 'bold';
}

.Getta_text p {
    font-size: var(--size14);
    color: rgb(89, 88, 88);
    margin-top: var(--top30);
}

.Dist {
    width: var(--max);
    margin: var(--top80) auto;
}

.Dist>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    text-align: center;
}

.Dist ul{
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top50);
}

.Dist ul li{
    width: 100%;
    overflow: hidden;
    border: 1px solid rgb(160, 160, 160);
    padding: var(--top30);
}


.Dist ul li img{
    width: 100%;
    height: auto;
}

.Dist ul li h2{
    font-size: var(--size20);
    color: rgb(89, 88, 88);
    margin-top: var(--top30);
}
.Dist ul li p{
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    margin-top: var(--top20);
}

.Challst {
    width: var(--max);
    margin: var(--top80) auto;
}

.Challst>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    text-align: center;
}


.Challst_text{
    width: 100%;
    overflow: hidden;
    margin-top: var(--top50);
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    line-height: 1.6;
}

.Challst_text table{
    max-width: 100% !important;
    width: 100% !important;
}
.Challst_text td{
    padding: var(--top20);
}

.Hww {
    width: var(--max);
    margin: var(--top80) auto;
}

.Hww>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Hww>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}


.Hww_max{
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top30);
}

.Hww_max img{
    width: 40%;
    height: auto;
}

.Hww_max p{
    flex: 1;
    font-size: var(--size16);
    color: rgb(89, 88, 88);
}


.Slon{
    width: 100%;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover 300px;
}

.Slon_max {
    width: var(--max);
    margin: var(--top80) auto 0px;
}

.Slon_max>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(253, 252, 252);
    font-family: 'bold';
}

.Slon_max>p {
    font-size: var(--size16);
    color: rgb(253, 252, 252);
    line-height: 1.5;
    margin-top: var(--top30);
}

.Slon_max ul{
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20);
}
.Slon_max ul li{
    width: 100%;
    overflow: hidden;
}
.Slon_max ul li img{
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}

.Slon_text{
    width: 100%;
    overflow: hidden;
    background: rgb(254, 254, 254);
    padding: var(--top30) var(--top20);
}
.Slon_text h2{
    text-align: center;
    font-size: var(--size18);
    color: rgb(51, 51, 51);
}
.Slon_text p{
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: var(--top20)
}

.Soluy {
    width: var(--max);
    margin: var(--top80) auto;
}

.Soluy>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Soluy>p {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
    margin-top: var(--top30);
}

.Soluy ul{
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr;
}
.Soluy ul li{
    width: 100%;
}
.Soluy_top{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--top20);
    padding: var(--top20) 0;
    border-bottom: 1px solid rgb(160, 160, 160);
}
.Soluy_top h2{
    flex: 1;
    font-size: var(--size18);
    color: rgb(1, 1, 1);
}

.Soluy_text{
    width: 100%;
    overflow: hidden;
    transition: auto;
    font-size: var(--size16);
    color: rgb(1, 1, 1);
    display: none;
    margin-top: var(--top20);
}



.Footer {
    width: 100%;
    overflow: hidden;
    background: rgb(27, 30, 35);
}

.Footer_max {
    width: var(--max);
    overflow: hidden;
    margin: var(--top60) auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top40);
}

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

.Footer_top {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(242, 242, 242);
    padding-bottom: 10px;
}

.Footer_top h2 {
    font-size: var(--size20);
    color: rgb(252, 251, 251);
    font-family: 'bold';
}

.Footer_top svg {
    width: 14px;
    height: auto;
    display: none;
}

.Footer_ul ul {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.Footer_ul ul li {
    font-size: var(--size16);
    color: rgb(253, 253, 253);
    line-height: 2;
}

.Fooetr_logo{
    width: 100%;
    overflow: hidden;
}
.Fooetr_logo img{
    width: 100px;
    height: auto;
    margin: auto;
}


.Beian_max {
    width: var(--max);
    overflow: hidden;
    margin: var(--top20) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.Beian_max p {
    font-size: var(--size14);
    color: rgb(252, 249, 249);
}

.Feat{
    width: 100%;
    overflow: hidden;
    margin: var(--top80) auto;
}


.Feat>h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}

.Feat_Swiper{
    width: 100%;
    margin-top: var(--top50);
}
.Feat_Swiper li{
    width: 25%;
    overflow: hidden;
    background: rgb(254, 254, 254);
    padding: var(--top20);
}
.Feat_Swiper li h2{
    text-align: center;
    font-size: var(--size20);
    color: rgb(51, 51, 51);
}
.Feat_Swiper li p{
    text-align: center;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    margin-top: 10px;
}

.Feat_Swiper li img{
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    margin-top: var(--top30);
    
}
.Feat_Swiper li.zhenshangyin-slide-active img{
    aspect-ratio: 4 / 4;
    transition: auto;
}
.Allpor{
    width: var(--max);
    margin: var(--top80) auto;
}
.Allpor_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Allpor_top>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}
.Allpor_top a{
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    font-size: var(--size20);
    color: rgb(2, 2, 2);
}
.Allpor_top a svg{
    width: 30px;
    height: auto;
}

.Allpor ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top40) var(--top20);
    margin-top: var(--top50);
}
.Allpor ul li{
    width: 100%;
    overflow: hidden;
}

.Allpor_img{
    width: 100%;
    aspect-ratio: 4 / 4;
    background: rgb(254, 254, 254);
    display: flex;
    justify-content: center;
    align-items: center;
}
.Allpor_img img{
    max-width: 80%;
    max-height: 80%;
}

.Allpor ul li h2{
    text-align: center;
    font-size: var(--size20);
    color: rgb(3, 3, 3);
    margin-top: var(--top20);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.Allpor ul li a{
    font-size: var(--size16);
    color: rgb(3, 3, 3);
    padding: 0 15px;
    line-height: 30px;
    border: 1px solid rgb(3, 3, 3);
    display: block;
    width: max-content;
    margin: auto;
    margin-top: 10px;
}
.Allpor ul li a:hover{
    background: rgb(3, 3, 3);
    color: #ffffff;
}


.Chanpin{
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Chanpin_max{
    width: var(--max);
    margin: var(--top80) auto;
}
.Chanpin_max>h2 {
    font-size: var(--size24);
    color: #fff;
    font-family: 'bold';
}
.Chanpin_cemn{
    width: 100%;
    margin-top: var(--top50);
    position: relative;
}
.Chanpin_Swiper{
    width: 100%;
    overflow: hidden;
}
.Chanpin_Swiper li{
    width: 100%;
    overflow: hidden;
    background: rgb(254, 253, 253);
}
.Chanpin_img{
    width: 100%;
    aspect-ratio: 4 / 4;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(210, 210, 210);
}
.Chanpin_img img{
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
}
.Chanpin_text{
    width: 100%;
    overflow: hidden;
    padding: var(--top20);
}
.Chanpin_text h2{
    font-size: var(--size20);
    color: rgb(3, 3, 3);
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.Chanpin_text p{
    font-size: var(--size16);
    margin-top: 10px;
    line-height: 1.5;
    color: rgb(3, 3, 3);
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.prev,
.next{
    width: max-content;
    height: max-content;
    background: transparent;
}
.prev svg,
.next svg{
    width: 25px;
}
.prev{
    left: -50px;
}
.next{
    right: -50px;
}

.Reso{
    width: var(--max);
    margin: var(--top80) auto;
}
.Reso>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}
.Reso ul{
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--top30);
}
.Reso ul li{
    width: 100%;
    overflow: hidden;
}

.Reso_img{
    width: 100%;
    aspect-ratio: 5 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(254, 254, 254);
}
.Reso_img img{
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
}
.Reso_text{
    width: 100%;
    overflow: hidden;
    background: rgb(220, 220, 220);
    padding: var(--top20);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top20);
}
.Reso_text h2{
    flex: 1;
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    line-height: 1.5;
}
.Reso_text a{
    width: max-content;
    border-left: 1px solid rgb(51, 51, 51);
    padding-left: var(--top20);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.Reso_text a svg{
    width: 25px;
    height: auto;
}

.Revi{
    width: var(--max);
    margin: var(--top80) auto;
}
.Revi>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}
.Revi>p{
    font-size: var(--size16);
    color: rgb(2, 2, 2);
    margin-top: var(--top50);
}
.Revi_Swiper{
    width: 100%;
    margin-top: var(--top30);
}
.Revi_Swiper ul{
    padding-bottom: 1px;
}
.Revi_Swiper li{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid rgb(0, 0, 0);
    box-sizing: border-box;
}
.Revi_img{
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(254, 254, 254);
}
.Revi_img img{
    max-width: 80%;
    max-height: 80%;
}
.Revi_text{
    flex: 1;
    padding: var(--top30);
}
.Revi_text span{
    display: block;
    font-size: var(--size16);
    color: rgb(3, 3, 3);
}
.Revi_text h2{
    font-size: var(--size20);
    color: rgb(3, 3, 3);
    line-height: 1.2;
    margin-top: 10px;
}

.Revi_text h3{
    margin-top: 10px;
}
.Revi_text p{
    font-size: var(--size14);
    color: rgb(3, 3, 3);
    margin-top: 10px;
}
.Revi_nun{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--top30);
    margin-top: var(--top30);
}
.prev1,
.next1{
    width: 60px;
    height: 60px;
    position: static;
    inset: 0;
    transform: translate(0%,0%);
    border-radius: 50%;
    background: rgb(242, 242, 242);
}

.China{
    width: var(--max);
    margin: var(--top80) auto;
}
.China>h2{
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    text-align: center;
}
.China>span{
    display: block;
    text-align: center;
    font-size: var(--size20);
    color: rgb(2, 2, 2);
    margin-top: var(--top30);
}
.China>p{
    font-size: var(--size16);
    color: rgb(2, 2, 2);
    margin-top: 10px;
    text-align: center;
}
.China ul{
    width: 100%;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    border-top: 1px solid rgb(0, 0, 0);
    padding-top: var(--top30);
    margin-top: var(--top30);
}
.China ul li{
    width: calc(33% - 31px);
    overflow: hidden;
    border-left: 1px solid  rgb(0, 0, 0);
    font-size: var(--size16);
    color: rgb(89, 88, 88);
    line-height: 1.5;
    padding-left: 60px;
}
.China ul li:nth-child(3n+1){
    padding-left: 0px;
    border: transparent;
}
.China ul li img{
    width: auto;
    height: 50px;
}
.China ul li h2{
    font-size: var(--size20);
    color: rgb(3, 3, 3);
    margin-top: 15px;
}
.China ul li p{
    font-size: var(--size16);
    color: rgb(3, 3, 3);
    margin-top: 15px;
}

.Soul{
    width: var(--max);
    margin: var(--top80) auto;
}
.Soul>h2{
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    text-align: center;
}

.Soul ul{
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top50);
}
.Soul ul li{
    width: 100%;
    overflow: hidden;
    background: rgb(254, 254, 254);
    padding: var(--top20);
}
.Soul_img{
    width: 120px;
    max-width: 50%;
    aspect-ratio: 4 / 4;
    border-radius: 50%;
    border: 1px solid rgb(0, 0, 0);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Soul_img img{
    max-width: 70%;
    max-height: 70%;
}
.Soul ul li h2{
    font-size: var(--size16);
    color: rgb(3, 3, 3);
    margin-top: 15px;
}

.Des{
    width: var(--max);
    margin: var(--top80) auto;
}
.Des>h2{
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
}
.Des_img{
    width: 100%;
    overflow: hidden;
    margin-top: var(--top50);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Des_text{
    width: 550px;
    max-width: 90%;
    overflow: hidden;
    background: rgb(253, 252, 252,0.6);
    margin: 40vw auto 150px;
}
.Des_text a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: var(--top60);
    gap: var(--top30);
}
.Des_text p{
    flex: 1;
    font-size: var(--size20);
    color: rgb(3, 3, 3);
}
.Des_text svg{
    width: 15px;
    height: auto;
}

.Des_cen{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgb(0, 0, 0);
    padding-bottom: var(--top30);
    margin-top: var(--top50);
}
.Des_cen a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top30);
}
.Des_cen p{
    flex: 1;
    font-size: var(--size20);
    color: rgb(3, 3, 3);
}
.Des_svg{
    width: 60px;
    height: 60px;
    background: rgb(242, 242, 242);
    border-radius: 560%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Des_svg svg{
    width: 15px;
    height: auto;
}
.Mu{
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Mu_max{
    width: var(--max);
    margin: var(--top50) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top60);
}
.Mu_max img{
    width: 50%;
    height: auto;
}
.Mu_text{
    flex: 1;
}
.Mu_text h2{
    font-size: var(--size20);
    color: rgb(252, 251, 251);
    font-family: 'bold';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.Mu_text h2::after{
    content: "";
    display: block;
    width: 40%;
    height: 2px;
    background: rgb(254, 254, 254);
}
.Mu_text p{
    font-size: var(--size16);
    color: rgb(252, 251, 251);
    line-height: 1.5;
    margin-top: var(--top30);
}
.Image{
    width: var(--max);
    margin: var(--top80) auto;
}
.Image li{
    width: 50% !important;
}
.Image li img{
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}
.prev2,
.next2{
    width: max-content;
    height: max-content;
    background: transparent;
}
.prev2 svg,
.next2 svg{
    width: 50px;
}