@charset "UTF-8";

.yx_Header.yx_H_Active {
    background-color: #fff;
    border: none;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.white_nav_top {
    height: max(90px, 4.5vw);
}

.nei_banner {
    position: relative;
    overflow: hidden;
}

.video_ban .banner_pro,
.nei_banner img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.video_ban:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #0c2442, transparent);
}

.nei_banner .nei_txt {
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 2;
    width: 100%;
    transform: translateY(-50%);
}

.nei_banner .nei_txt .n_ban_tit {
    color: #fff;
    line-height: 120%;
    font-weight: 700;
    font-size: var(--f48);
    text-align: center;
}


/* 关于我们 */

.ab_one {
    background: url(/src/img/ab2.jpg) top center no-repeat;
    border: 1px solid transparent;
    padding-bottom: 6%;
}

.bread_crumbs {
    margin: 2.5% 0;
}

.bread_crumbs * {
    color: #010101;
}

.bread_crumbs i.icon {
    color: var(--li);
}

.in_name {
    text-align: center;
    font-size: var(--f40);
    color: #000;
    font-weight: bold;
    line-height: 125%;
}

.top_right {
    max-width: 72rem;
    text-align: center;
    margin: 3% auto 5%;
}

.top_right span {
    color: var(--li);
}

.abs p {
    font-size: 1.125rem;
    color: #000;
    line-height: 167%;
}

.ab_one .ab_word {
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
    border-radius: .5rem;
    padding: 5% 0;
    margin-bottom: 6%;
}

.ab_one .ab_word .txt {
    font-size: var(--f48);
    color: var(--li);
    font-weight: bold;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: .5rem;
}

.ab_one .ab_word .txt i {
    font-size: var(--f24);
    line-height: 100%;
}

.ab_one .ab_word p {
    font-size: var(--f18);
    color: #777;
}

.ab_one .ab_text {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ab_swiper {
    margin-top: 7%;
}

.ab_swiper .Limg_cov {
    padding-bottom: 67%;
    border-radius: .5rem;
}

.ab_swiper .swiper-pagination {
    position: static;
    margin-top: 3%;
}

.ab_swiper span.swiper-pagination-bullet {
    background: #cacaca;
    opacity: 1;
    border: none;
}

.ab_swiper span.swiper-pagination-bullet-active {
    width: 1.25rem;
    background: var(--li);
}

.ab_two {
    background: url(/src/img/ab3.jpg) top center no-repeat;
    padding: 7% 0;
    color: #fff;
    background-attachment: fixed;
    background-size: cover;
}

.two_tit {
    font-size: var(--f40);
    font-weight: bold;
    line-height: 100%;
}

.two_info {
    line-height: 187%;
    max-width: 48rem;
    margin: 2% 0 9%;
}

.ab_two li {
    width: 24%;
    line-height: 150%;
}

.ab_two .line {
    border-left: 1px solid #fff;
    opacity: .2;
}

.ab_two .img {
    width: 5rem;
}

.ab_two .img .Limg_con {
    padding-bottom: 100%;
}

.ab_two li:hover img {
    transform: translate(-50%, -50%) rotateY(360deg);
}

.ab_two .ab_two_bt {
    font-size: var(--f24);
    font-weight: bold;
    line-height: 130%;
    margin: 4% 0;
}

.ab_three {
    padding: 5% 0;
    text-align: center;
}

.ab_three .three_tit {
    font-size: var(--f40);
    color: #000;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 1%;
}

.hr_swiper .Limg_cov {
    padding-bottom: 143%;
    box-shadow: 0 0 20px rgb(4 29 67 / 10%);
    margin: 21% 0 15%;
}

.hr_swiper .swiper-pagination {
    position: static;
}

.hr_swiper span.swiper-pagination-bullet {
    background: #cacaca;
    opacity: 1;
    border: none;
}

.hr_swiper span.swiper-pagination-bullet-active {
    width: 1.25rem;
    background: var(--li);
}

/* 产品 */

.pro_pulic {
    padding-bottom: 5%;
}

.pro_pulic .pro_left {
    width: 17rem;
}

.pro_pulic .pro_sort a {
    color: #888;
    line-height: 150%;
    display: block;
    margin: .8rem 0;
    position: relative;
    padding-right: 1rem;
}

.pro_pulic .pro_sort a:before {
    content: '';
    position: absolute;
    width: .187rem;
    height: 0;
    right: -0.1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--li);
    transition: all .5s ease;
}

.pro_pulic .pro_sort .active,
.pro_pulic .pro_sort a:hover {
    color: var(--li);
}

.pro_pulic .pro_sort .active:before,
.pro_pulic .pro_sort a:hover:before {
    height: 100%;
}

.pro_pulic .pro_right {
    width: calc((100% - 17rem));
    padding-left: 3rem;
    border-left: 1px solid #e9e9ec;
}

.pro_pulic .pro_right .com_tit {
    font-size: var(--f40);
    color: #000;
    font-weight: bold;
    line-height: 110%;
    margin-bottom: 3%;
}

.product_box {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5vw;
    margin-top: 5%;
}

li.product_list {
    width: calc((100% - 3vw) / 3);
}

a.pro_li_more {
    display: block;
    border: 1px solid #e9e9ec;
    border-radius: .5rem;
    padding: 5%;
    transition: all .5s ease;
    background-color: #fff;
}

a.pro_li_more .Limg_con {
    padding-bottom: 100%;
    border-bottom: 1px solid #e9e9ec;
}

a.pro_li_more p {
    color: #000;
    margin-top: 3%;
    line-height: 150%;
    text-align: center;
    padding: 0 5%;
    transition: all .5s ease;
}

a.pro_li_more:hover {
    box-shadow: 0 0 10px rgb(0 70 142 / 20%);
}

a.pro_li_more:hover p {
    color: var(--li);
}

a.pro_li_more:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}


.product-details {
    display: flex;
    flex-wrap: wrap;
}

.product_swiper {
    width: 40%;
    cursor: pointer;
    transition: all .5s ease;
    margin-right: auto;
    background-color: transparent;
    position: relative;
    background-size: cover;
}

.swiper_bottom {
    margin: 5% 0 0;
}

.product-details .product_swiper .Limg_con {
    padding-bottom: 100%;
    border: 1px solid #f0f0f0;
    border-radius: 4%;
}

.product-details .product_swiper .Limg_con img {
    max-height: 80%;
    max-width: 80%;
}

.swiper_bottom .swiper-slide-thumb-active .Limg_con {
    border-color: var(--li);
}


.prduct_details_right {
    width: 52%;
    transition: all .5s ease;
    position: relative;
    padding-bottom: calc(var(--f54) * 1.2);
}

.prod_tit {
    font-size: var(--f30);
    color: #000;
    width: 100%;
    line-height: 120%;
    font-weight: bold;
}

.prode_info {
    margin: 3% 0 8%;
    line-height: 150%;
}

.prode_wored {
    border-top: 1px solid #e5e5e5;
    margin-top: 5%;
    color: #888;
    line-height: 150%;
    overflow: hidden;
}

.prode_wored h3 {
    font-size: var(--f24);
    color: #000;
    margin: 5% 0 2%;
}

.prode_wored ol,
.prode_wored ul {
    padding-inline-start: 1.5rem;
}

.prode_wored li {
    list-style-type: square;
    margin-bottom: 2%;
}

.prode_wored li::marker {
    color: var(--li);
    font-size: 1em;
}

.prode_wored ol li {
    list-style-type: decimal;
}

.prode_wored table {
    width: 100% !important;
    line-height: 166%;
    border-left: 1px solid rgb(174 189 201 / 30%);
}

.prode_wored table td {
    padding: var(--f16) .5rem;
    border-bottom: 1px solid rgb(174 189 201 / 30%);
    border-right: 1px solid rgb(174 189 201 / 30%);
    text-align: center;
    white-space: nowrap;
}

.prode_wored table tr:last-child td {
    border-bottom: 1px solid #9194a1;
}

.prode_wored table tr:first-child td {
    border-top: 1px solid #9194a1;
}

.prode_wored table tr>td:has(strong) {
    background: #f6f9fb;
    color: #000;
}

.prode_wored table tr>td strong {
    font-weight: normal;
}

.prode_wored img {
    max-width: 100% !important;
    height: auto !important;
}

.pagebox {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    line-height: 200%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pagebox a {
    font-size: max(16px, 0.938vw);
    color: #000;
}

.pagebox a span {
    color: #aaa;
    text-decoration: underline;
}

.pagebox a:hover span {
    color: var(--li);
    text-decoration: underline !important;
}

.Product_list_box {
    padding-right: 1rem;
    font-size: 88%;
}

.Product_list_box h3 {
    margin: 5rem 0 1rem;
    font-size: var(--f18);
    color: #000;
    font-weight: bold;
}

.Product_list_box .swiper-pagination {
    position: relative;
    margin-top: 1rem;
}

.Product_list_box .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #d4d4d4;
}

.Product_list_box .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--li);
    border-color: var(--li);
}


/* 新闻 */

.newsbox {
    padding-bottom: 7%;
}

.news_sort {
    text-align: right;
    margin-bottom: 3%;
}

.news_sort a {
    font-size: var(--f30);
    color: #000;
    font-weight: bold;
    display: inline-block;
    margin: 0 var(--f24);
}

.news_sort a:hover,
.news_sort a.active {
    color: var(--li);
}

ul.h_news {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
    position: relative;
}

ul.h_news li {
    width: calc((100% - 6vw) / 3);
}

.news_box {
    position: relative;
    display: block;
    color: #000;
}

.news_box .Limg_cov {
    padding-bottom: 63%;
    border-radius: .5rem;
}

.news_box .Limg_cov img {
    object-fit: contain;
}

.news_box .news_tit {
    color: #000;
    font-weight: 500;
    font-size: 1.125rem;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    line-height: 133%;
    margin: 6% 0 8%;
    width: 90%;
    min-height: 4.5rem;
}

.news_box .news_time {
    color: #999999;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.news_box .news_time i {
    color: #7fa2c6;
    font-size: 1.25rem;
}

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

.news_box:hover .news_tit {
    color: var(--li);
}

.news_text_word {
    padding: 0 0 5%;
}

.news_text_word .center {
    background: #fff;
    padding: 4% 5%;
}

.news_text_word .new_tt {
    font-size: var(--f30);
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 0.781vw;
    margin-bottom: 0.781vw;
    color: #000;
    line-height: 120%;
    font-weight: bold;
}

.news_word iframe {
    width: 100%;
    aspect-ratio: 2 / 1;
}

.news_text_word table td,
table th {
    border: 1px solid #ccc;
    padding: 5px;
}

.news_text_word table {
    border-collapse: collapse;
}

.news_flex {
    text-align: center;
    font-size: max(14px, 0.833vw);
    color: #999;
    line-height: 200%;
}

.news_flex span {
    display: inline-block;
    margin: 0 0.781vw;
}


.news_word {
    font-size: 1rem;
    line-height: 150%;
    color: #333;
    font-weight: 300;
    margin-top: 2%;
}

.news_word iframe {
    width: 100%;
    aspect-ratio: 2 / 1;
}

.news_word table td,
.news_word table th {
    border: 1px solid #ccc;
    padding: 5px;
}

.news_word table {
    border-collapse: collapse;
    margin-bottom: .5rem;
}

.news_word h2 {
    font-size: var(--f24);
    margin: 1rem 0 .8rem;
}

.news_word h3 {
    font-size: var(--f18);
    margin: 1.5rem 0 .5rem;
}

.news_word ol,
.news_word ul {
    padding-inline-start: var(--f24);
}

.news_word li {
    list-style-type: disc;
    margin: 0.25rem 0;
}

.news_word ol li {
    list-style-type: decimal;
}

.news_word img {
    max-width: 100% !important;
    height: auto !important;
}

.news_word a {
    color: initial;
}

.news_word a:hover {
    color: var(--li);
}


/* 服务 */
.wcu_one {
    padding: 2% 0 4%;
}

.wct_1_tit {
    font-size: var(--f40);
    color: #000;
    font-weight: bold;
    line-height: 125%;
}

.wct_1_left {
    width: 56%;
}

.wct_1_right {
    width: 41%;
    line-height: 150%;
}

.wct_1_right .sl {
    width: 35%;
}

.wct_1_right .sr {
    width: 61%;
}

.wct_1_right ul {
    height: 100%;
    padding-top: 9%;
}

.wct_1_right ul li {
    min-height: 15%;
}

.wct_1_right .ts {
    color: #000;
    margin-bottom: 8%;
}

.wct_1_right ul li:nth-of-type(1) {
    margin-bottom: 20%;
}

.wct_1_right ul li:nth-of-type(2) {
    margin-bottom: 15%;
}

.wct_1_right ul li:nth-of-type(3) {
    margin-bottom: 20%;
}

.wct_1_right ul li:nth-of-type(4) {
    margin-bottom: 14%;
}

.wcu_two {
    background: #f1f3f5;
    padding: 5% 0 6%;
}

.wcu_2_tit {
    font-size: var(--f40);
    color: #000;
    font-weight: bold;
    line-height: 120%;
}

.wcu_2_sub {
    font-size: var(--f24);
    color: var(--li);
    font-weight: bold;
    line-height: 200%;
    margin-top: 3%;
}

.wcu_two p {
    line-height: 150%;
    margin-bottom: 1.5%;
}

.wcu_two .ws {
    width: 48%;
}

.wcu_two th {
    background: #b2bcca;
    color: #fff;
    line-height: 137%;
    text-align: center;
    padding: 1.2rem 0;
}

.wcu_two .flex td {
    border-top: 1px solid #dee2e8;
    text-align: center;
    line-height: 137%;
    padding: 1.2rem 0;
}

.wcu_two table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 3%;
}

.wcu_two .flex td:first-child {
    color: #000;
    text-align: left;
    border-right: 1px solid #dee2e8;
    padding-left: 1rem;
    width: 14rem;
}

.wcu_two tr:last-child {
    border-bottom: 1px solid #b2bcca;
}


.wcu_two p.cy {
    position: relative;
    padding-left: 1rem;
    margin: 1.5% 0 0;
}

.wcu_two p.cy:before {
    content: '';
    position: absolute;
    left: 0;
    top: .6rem;
    width: .25rem;
    height: .25rem;
    background: var(--li);
}

.wcu_two .img1 {
    position: relative;
    padding-left: 2.3rem;
    margin-top: 3%;
    max-width: 35rem;
}

.wcu_two .img1 .sls {
    position: absolute;
    font-size: var(--f18);
    color: #000;
    writing-mode: sideways-rl;
    text-orientation: upright;
    height: 100%;
    display: flex;
    justify-content: center;
    left: 0;
    top: 0;
}

.wcu_two .img1 p {
    margin: 0;
    font-size: var(--f18);
    text-align: center;
    color: #000;
    line-height: 350%;
}

.wcu_two .img1 img {
    mix-blend-mode: darken;
}

.wcu_two table.ts_tabel {
    margin-top: 1%;
}

.wcu_two table.ts_tabel tr:nth-of-type(2n) {
    background: #f8f9fa;
}

.wcu_two table.ts_tabel td {
    border-top: 1px solid #dee2e8;
    text-align: center;
    line-height: 137%;
    padding: .85rem 0;
}

.wcu_two table.ts_tabel th:nth-child(2n+3),
.wcu_two table.ts_tabel td:nth-child(2n+3) {
    border-left: 1px solid #dee2e8;
}

.wcu_three {
    padding: 5% 0;
    background: url(/src/img/wcu3.jpg) center center/cover no-repeat;
    overflow: hidden;
    color: #fff;
}

.wcu_three h2 {
    font-size: var(--f40);
    color: #fff;
    line-height: 120%;
    margin-bottom: 1%;
}

.wcu_three .info {
    color: #fff;
    max-width: 67rem;
}

.wcu_three ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3%;
}

.wcu_three ul li {
    width: 50%;
    display: flex;
    flex-direction: column;
    position: relative;
    counter-increment: Advantage;
    padding-top: 3%;
}

.wcu_three ul li p:before {
    content: counter(Advantage, decimal-leading-zero) '.';
    display: block;
    font-size: 1rem;
    font-weight: 300;
    opacity: .3;
}


.wcu_three ul li .smail {
    width: 84%;
    margin-left: auto;
}

.wcu_three ul li p {
    font-size: var(--f24);
    font-weight: bold;
    line-height: 150%;
}

.wcu_three ul li h3 {
    font-size: 1rem;
    color: rgb(255 255 255 / 60%);
    line-height: 150%;
    margin-top: 1.3rem;
    min-height: 10rem;
    font-weight: 300;
}

.wcu_three ul li>h3 {
    width: 84%;
}

.wcu_four {
    padding: 6% 0;
}

.wcu_four ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3%;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}

.wcu_four ul li {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    width: 20%;
    transition: all .5s ease;
}

.wcu_four ul li .Limg_con {
    padding-bottom: 75%;
}

.wcu_four ul li:hover {
    box-shadow: 0 0 1rem rgb(0 70 142 / 20%);
}

.wcu_four ul li:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}

.con_one {
    padding: 2% 0 4%;
}

.con_one .center {
    border-bottom: 1px solid #eeeef1;
    padding-bottom: 4%;
}

.con_one .left {
    width: 39%;
}

.con_tit {
    font-size: var(--f40);
    color: #000;
    font-weight: bold;
    line-height: 110%;
}

.con_sub {
    color: var(--li);
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5%;
}

.con_one .left .whs {

    width: 10rem;

    margin: .5rem 0 0;
}

.con_info {
    font-size: var(--f18);
    color: #000000;
    line-height: 133%;
    margin-top: 1%;
}

.con_one .left .fo_sharing {
    margin-top: 10%;
}

.con_one .left .fo_sharing a {
    border: 1px solid #e8e8e8;
}

.con_one .right {
    width: 50%;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
    z-index: 1;
}

.con_one .right .map {
    background: #91d2e6;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.con_two {
    padding-bottom: 7%;
}

.con_ce {
    text-transform: uppercase;
    color: var(--li);
    font-weight: 500;
    margin-bottom: 1%;
}

.Message_Form {
    margin-top: 4%;
}

.mefore .input-group {
    width: 100%;
    height: 5.5rem;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #d1d1d1;
}

.mefore .input-group:nth-of-type(3) {
    width: 100%;
}

.mefore input.form-control {
    width: 100% !important;
    font-size: 1rem;
    color: #000;
    border: 0;
    outline: none;
    resize: none;
    height: 3rem;
}

.mefore label {
    position: absolute;
    left: 0;
    top: 2.5rem;
    font-size: var(--f18);
    color: #000;
    transition: 0.3s;
    pointer-events: none;
    width: 100%;
}

.mefore label i {
    color: red;
    margin-left: .2rem;
}

.mefore .input-group input:focus~label,
.mefore .e_textarea-66 textarea:focus~label,
.mefore .input-group input:valid~label,
.mefore .e_textarea-66 textarea:valid~label {
    transform: translateY(-2rem);
    font-size: 88%;
}

.mefore .e_textarea-66 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
}

.mefore .e_textarea-66 textarea.form-control {
    width: 100%;
    border: 0;
    outline: none;
    resize: none;
    min-height: 100%;
    vertical-align: top;
    padding: 4rem 0 0;
}

button.btn-primary {
    background: var(--li);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    line-height: var(--f60);
    font-size: 1rem;
    cursor: pointer;
    transition: all .5s ease;
    font-family: 'Onsite';
    letter-spacing: .1rem;
}

button.btn-primary:hover {
    border-radius: .5rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.Message_Form .me_le {
    width: 48%;
    position: relative;
}

.con_two .code_box .verbox {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 20%;
}

.con_two .code_box .verbox:after {
    content: '';
    margin-left: 0.781vw;
    background: url(/src/img/Update.png) center / cover no-repeat;
    min-width: 0.781vw;
    height: 0.938vw;
    opacity: .5;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}

@media screen and (min-width:769px) {

    .ab_one .swiper-slide {
        transition: all .5s ease;
        opacity: 0;
    }

    .ab_one .ab_swiper .swiper-slide-prev {
        transform: scale(.8);
        transform-origin: left center;
        opacity: 1;

    }

    .ab_one .ab_swiper .swiper-slide-next {
        transform: scale(.8);
        transform-origin: right center;
        transition: all .5s ease;
        opacity: 1;
    }

    .ab_one .ab_swiper .swiper-slide-active {
        transition: all .5s ease;
        opacity: 1;
    }

    .wcu_three ul li:before {
        content: '';
        position: absolute;
        width: 84%;
        border-bottom: 1px solid #fff;
        opacity: .3;
        bottom: 0;
    }

    .wcu_three ul li:after {
        content: '';
        position: absolute;
        height: 82%;
        border-left: 1px solid #fff;
        opacity: .3;
        bottom: 0;
        left: 0;
    }

    .wcu_three ul li:nth-of-type(1):before {
        left: 0;
    }

    .wcu_three ul li:nth-of-type(2):after {
        bottom: 16%;
        height: 65%;
    }

    .wcu_three ul li:nth-of-type(2):before {
        right: 0;
    }

    .wcu_three ul li:nth-of-type(4):after {
        bottom: 0;
    }

    .wcu_three ul li:nth-of-type(1):after,
    .wcu_three ul li:nth-of-type(3):after,
    .wcu_three ul li:nth-of-type(3):before,
    .wcu_three ul li:nth-of-type(4):before {
        display: none;
    }


}

@media only screen and (max-width:1480px) {}

@media only screen and (max-width:1140px) {}

@media only screen and (min-width:1921px) {}

@media only screen and (max-width:768px) {
    br {
        display: none;
    }

    .mo_pd {
        padding: 50px 0px !important;
    }

    .nei_banner .nei_txt .n_ban_tit {
        font-size: 24px;
    }

    .nei_banner {
        height: 75vw;
        margin-top: 70px;
    }

    .video_ban .banner_pro,
    .nei_banner img {
        height: 100%;
        object-fit: cover;
    }

    .pro_pulic .pro_left {
        width: 100%;
    }

    .pro_pulic .pro_left {
        width: 100%;
    }

    .pro_pulic .pro_right {
        width: 100%;
        padding: 0;
        border: none;
        margin-top: 30px;
    }

    .btn_click {
        background: var(--li);
        color: #fff;
        text-align: center;
        line-height: 48px;
        font-size: 16px;
    }

    .pro_pulic .pro_left .pro_tc {
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 100%;
        top: 0;
        background: #fff;
        z-index: 100;
        transition: all .5s ease;
        display: flex;
    }

    .pro_pulic .pro_left .colse {
        width: 50px;
        height: 100%;
        background: rgb(0 0 0 / 30%);
        text-align: center;
    }

    .pro_pulic .pro_left .pro_sort {
        width: calc(100% - 60px);
        display: block;
        height: 100%;
        overflow: auto;
        padding-left: 3%;
    }

    .pro_pulic .pro_left .colse svg {
        width: 50%;
        height: auto;
        fill: #fff;
        margin: 20px auto;
    }

    li.product_list {
        width: calc((100% - 1.5vw) / 2);
    }

    .Product_list_box {
        display: none;
    }

    .product_swiper {
        width: 100%;
    }

    .prduct_details_right {
        width: 100%;
        padding: 20px 0 0;
    }

    .pagebox {
        position: relative;
        margin-top: 20px;
    }

    .ab_one {
        padding: 20px 0 50px !important;
    }

    .ab_one .ab_text {
        width: 100%;
    }

    .ab_two {
        background-attachment: scroll;
    }

    .ab_two .flex {
        flex-direction: column;
    }

    .ab_two li {
        width: 100%;
    }

    .in_name {
        text-align: left;
        margin: 30px 0 10px;
    }

    .abs p {
        text-align: left;
        font-size: 14px;
    }

    .ab_one .ab_word li {
        width: 50%;
        padding: 15px;
    }

    .ab_one .ab_word p {
        font-size: 14px;
        color: #777;
        width: 80%;
        margin: 0 auto;
        line-height: 133%;
    }

    .two_info {
        line-height: 133%;
        max-width: 100%;
        margin: 20px 0 50px;
    }

    .ab_two .img {
        width: 3.5rem;
    }

    .ab_two .ab_two_bt {
        font-size: 18px;
        font-weight: bold;
        line-height: 130%;
        margin: 10px 0;
    }

    .ab_two .line {
        border-top: 1px solid #fff;
        opacity: .2;
        width: 100%;
        margin: 30px 0;
    }

    .wct_1_left {
        display: none;
    }

    .wct_1_right {
        width: 100%;
        line-height: 150%;
    }

    .wct_1_right ul li {
        min-height: auto;
        margin-bottom: 20px !important;
    }

    .wcu_one {
        padding-top: 30px !important;
    }

    .wcu_2_sub {
        font-size: 16px;
        line-height: 150%;
        margin: 3% 0 1%;
    }

    .wcu_two .ws {
        width: 100%;
    }

    .wcu_two .flex td:first-child {
        width: 8rem;
    }

    .wcu_two .flex td {
        min-width: 44px;
    }

    .wcu_two table.ts_tabel {
        min-width: 800px;
    }

    .wcu_three ul li {
        width: 100%;
        padding: 30px 0;
        border-bottom: 1px solid rgb(255 255 255 / 20%);
    }

    .wcu_three ul li .smail {
        width: 100%;
    }

    .wcu_three ul li>h3 {
        width: 100%;
    }

    .wcu_three ul li h3 {
        min-height: 0;
        margin-top: 5px;
    }

    .wcu_four ul li {
        width: 25%;
    }

    .wcu_four ul li .Limg_con img {
        max-height: 50%;
        max-width: 50%;
    }

    .news_sort {
        text-align: center;
        margin: 30px 0;
    }

    ul.h_news li {
        width: 100%;
        margin-bottom: 30px;
    }

    .news_box .news_tit {
        margin: 20px 0 10px;
        width: 100%;
        min-height: 0;
    }

    .news_sort a {
        font-size: 18px;
    }

    .con_one .left {
        width: 100%;
    }

    .con_one .right {
        width: 100%;
        height: 300px;
    }

    .con_one {
        padding: 30px 0;
    }

    .con_one .center {
        padding-bottom: 30px;
    }

    .con_sub {
        margin-top: 5%;
    }

    .con_one .left .fo_sharing {
        margin: 10% 0;
    }

    .fo_sharing a {
        width: 36px;
        height: 36px;
    }

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