@charset "UTF-8";

.nei_banner {
    position: relative;
    overflow: hidden;
    line-height: 0;
    height: auto;
    margin-top: calc(max(43px, 2.24vw) + max(60px, 4vw));
}

.nei_banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 75%;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(3, 23, 46, 0) 0%, #03172E 100%);
    z-index: 1;
}

.contact_banner::before {
    opacity: 0;
}

.nei_banner .nei_banner_bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: circleScale3 50s linear;
}

.nei_banner .nei_txt {
    position: absolute;
    left: 50%;
    bottom: 15%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 2;
}

.nei_banner .nei_txt h1,
.nei_banner .nei_txt .h1 {
    font-size: max(32px, 2.5vw);
    color: #ffffff;
    line-height: 100%;
    font-weight: 800;
    text-transform: uppercase;
}

.nei_banner p {
    font-size: max(14px, 0.835vw);
    line-height: 175%;
    margin: 1% 0 0;
    max-width: max(550px, 32.292vw);
}

.nei_banner p * {
    color: #fff;
}

/* 关于我们 */
.n_ab_one {
    padding: 6% 0px;
}

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

.n_ab_one {
    font-size: max(16px, 0.95vw);
    color: #333;
    line-height: 167%;
}

.n_ab_one h2 {
    font-size: max(26px, 1.4vw);
    font-weight: 700;
    color: #000;
    margin: 2vw 0 1vw;
}

.n_ab_one h3 {
    font-size: max(22px, 1.2vw);
    font-weight: 600;
    color: #000;
    margin: 1vw 0 .5vw;
}

.n_ab_one ul {
    padding-left: max(16px, 1.2vw);
    margin: .5vw 0;
}

.n_ab_one ul li {
    list-style: disc;
}

.n_ab_one b {
    font-weight: 400;
}

.n_ab_one .left {
    width: 41%;
}

.n_ab_one .left img {
    width: 100%;
    object-fit: contain;
}

.n_ab_one .right {
    font-size: max(16px, 1.042vw);
    color: var(--li);
    width: 50%;
    line-height: 180%;
}

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

.ab_two h2 {
    font-size: max(24px, 1.875vw);
    color: var(--li);
}

.ab_two h2 span {
    color: var(--li1);
}

.hist_box {
    position: relative;
    width: 100%;
    max-width: max(1325px, 69.01vw);
    margin: 7% auto 5%;
    padding-bottom: 5%;
    overflow: hidden;
}

.hist_list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.hist_list>div {
    width: 50%;
    padding: 0 3%;
}

.hist_list .left {
    display: flex;
    justify-content: flex-end;
}

.hist_nei {
    width: 90%;
    background: #fff;
    padding: max(15px, 3%);
    transition: all .5s ease;
    position: relative;
    margin: 0 0 0 3%;
}

.hist_list:nth-of-type(2n-1) .hist_nei {
    margin: 0 3% 0 auto;
}

.hist_nei:before {
    content: '';
    position: absolute;
    left: 0;
    top: 25%;
    transform: translate(-100%, -50%);
    border-right: 20px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.hist_list:nth-of-type(2n-1) .hist_nei:before {
    left: auto;
    right: 0;
    transform: translate(100%, -50%) rotate(180deg);
}

.hist_word {
    font-size: max(14px, 0.7vw);
    color: #333;
    line-height: 170%;
    min-height: max(72px, 3.75vw);
}

.hist_list:nth-of-type(2n-1) {
    justify-content: flex-start;
    text-align: right;
}

.hist_list .hist_time {
    font-size: max(28px, 2.188vw);
    color: var(--li);
    line-height: 100%;
    margin-bottom: 2%;
    transition: all .5s ease;
    font-weight: 800;
}

.hist_img {
    width: 80%;
}

.hist_img .Limg_cov {
    padding-bottom: 65%;
}

.hist_list:nth-of-type(2n-1) .left {
    order: 2;
    justify-content: flex-start;
}

.ab_two .active .hist_nei {
    filter: drop-shadow(0px 5px 9px rgba(0, 0, 0, 0.25));
}

.progressbar .holder .progressbar {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 10px;
    transform: translateX(-50%);
}

.progressbar .holder .bar {
    height: 96%;
    width: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #EBEBEB;
    margin-left: -1px;
}

.progressbar .holder .bar:before {
    content: '';
    width: max(10px, 0.677vw);
    height: max(10px, 0.677vw);
    position: absolute;
    background: #BDBDBD;
    border-radius: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}

.progressbar .holder .bar.end:before {
    background-color: var(--li1);
}

.progressbar .holder .bar .indicator {
    position: absolute;
    top: 0;
    left: 0 !important;
    width: 100%;
    background-color: var(--li1);
    transition: all .1s linear;
}

.progressbar .holder .labels {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: max(9px, 0.469vw);
    height: 96%;
}

.progressbar .holder .labels i {
    position: relative;
    display: block;
}

.progressbar .holder .labels i:before {
    position: absolute;
    top: 0%;
    left: 50%;
    display: block;
    content: '';
    border-radius: 50%;
    background-color: #BDBDBD;
    transform: translateX(-50%);
    transition: all .5s ease;
    width: max(10px, 0.677vw);
    height: max(10px, 0.677vw);
}

.progressbar .holder .labels .read:before {
    background-color: var(--li1);
}


.n_ab_three {
    background: #f4f4f4;
    overflow: hidden;
    padding: 4% 0;
    margin-bottom: 5%;
}

.n_ab_three ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: max(60px, 6.25vw);
}

.n_ab_three ul li {
    padding: 6% 5%;
    position: relative;
}

.n_ab_three ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-15px) translateY(-5px);
    -moz-transform: translateX(-15px) translateY(-5px);
    -ms-transform: translateX(-15px) translateY(-5px);
    -o-transform: translateX(-15px) translateY(-5px);
    transform: translateX(-15px) translateY(-5px);
    width: 365px;
    height: 162px;
    pointer-events: none;
    background-image: url(/src/img/dots.png);
    -moz-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.1;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.n_ab_three ul li:hover:before {
    opacity: 0;
}

.n_ab_three ul li:after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
    will-change: transform;
    pointer-events: none;
    -webkit-box-shadow: inset 0 0 0 1px #050101;
    -moz-box-shadow: inset 0 0 0 1px #050101;
    box-shadow: inset 0 0 0 1px #050101;
    -webkit-mask-image: -webkit-radial-gradient(50% 50%, ellipse, transparent 75%, black 75%);
    mask-image: radial-gradient(ellipse at 50% 50%, transparent 75%, black 75%);
    -webkit-mask-size: 115% 115%;
    mask-size: 115% 115%;
    opacity: 0;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
}

.n_ab_three ul li:hover::after {
    opacity: 1;
    -webkit-mask-size: 125% 125%;
    mask-size: 125% 125%;
}

.n_ab_three ul li h2 {
    color: rgba(13, 13, 13, 0.8);
    font-size: max(32px, 2.188vw);
    margin-bottom: 4%;
}

.n_ab_three ul li p {
    color: rgba(38, 38, 38, 0.8);
    font-size: max(16px, 1.042vw);
    font-weight: 300;
    line-height: 200%;
}

.n_ab_four h2 {
    color: rgba(13, 13, 13, 0.8);
    font-size: max(32px, 2.188vw);
    margin-bottom: 4%;
    text-align: center;
}

.n_ab_four .list {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-gap: 30px;
    display: grid;
}

.n_ab_four .list .element {
    opacity: 0.4;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
    cursor: pointer;
}

.n_ab_four .list .element svg {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center;
    display: block;
    width: 100%;
    height: 100%;
    width: max(72px, 4.688vw);
    height: max(72px, 4.688vw);
    margin: 0 auto;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
    will-change: transform;
    overflow: visible;
}

.n_ab_four .list .element svg * {
    transform-box: fill-box;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.n_ab_four .list .element svg .background {
    fill: white;
}

.n_ab_four .list .element svg .color {
    fill: #262626;
}

.n_ab_four .list .element h3 {
    margin-top: 20px;
    text-align: center;
    font-weight: 500;
    color: rgba(38, 38, 38, 0.8);
    font-size: max(14px, 0.835vw);
}

.values-field .container .element.active {
    opacity: 1;
}

.n_ab_five {
    padding: 2% 0;
    margin: 5% 0;
    overflow: hidden;
}

.n_ab_five .container {
    -webkit-transition: 0.6s ease all;
    -o-transition: 0.6s ease all;
    -moz-transition: 0.6s ease all;
    transition: 0.6s ease all;
    will-change: height;
    max-width: max(580px, 33.333vw);
    padding: 0 2%;
}

.n_ab_five .container .editor {
    position: relative;
    -webkit-transition: 0.45s ease all;
    -o-transition: 0.45s ease all;
    -moz-transition: 0.45s ease all;
    transition: 0.45s ease all;
    text-align: center;
}

.n_ab_five .container .editor h4 {
    font-weight: 200;
    line-height: 1.25;
    color: rgba(13, 13, 13, 0.8);
    font-size: max(20px, 1.458vw);
}

.quote-field .container .editor::before,
.quote-field .container .editor::after {
    content: "";
    position: absolute;
    width: max(40px, 2.604vw);
    height: max(32px, 2.083vw);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS41NiA0OC44NSI+PGRlZnM+PHN0eWxlPi5le2ZpbGw6IzlmMDAxNTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImUiIGQ9Ik0xOS45Nyw4LjgxYy00LjMxLC44MS03LjM0LDMuOTQtOS4wOSw5LjM4LS44NiwyLjU3LTEuMyw1LjI2LTEuMzEsNy45NywwLC4yNywuMDEsLjUzLC4wNSwuOCwuMDMsLjIyLC4wOCwuNywuMTQsMS40NWgxMC4yMnYyMC40NEgwVjMwQzAsMjAuNzUsMS44NCwxMy42Myw1LjUzLDguNjMsOC44OSwzLjgyLDE0LjE1LC42OCwxOS45NywwVjguODFabTMxLjU5LDBjLTMuNCwuNTQtNi4zMywyLjcxLTcuODMsNS44MS0xLjgzLDMuNTMtMi43NSw3LjQ2LTIuNjcsMTEuNDQsMCwuMzgsLjAyLC43NSwuMDUsMS4xMiwuMDQsLjQxLC4xMiwuODIsLjIzLDEuMjJoMTAuMjJ2MjAuNDRIMzEuNVYzMGMtLjEyLTYuOTMsMS40OS0xMy43OCw0LjY5LTE5LjkyQzM5LjMxLDQuMjMsNDQuNDQsLjg3LDUxLjU2LDBWOC44MVoiLz48L3N2Zz4=);
    -moz-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.quote-field .container .editor::before {
    bottom: 90%;
    right: 100%;
}

.quote-field .container .editor::after {
    top: 90%;
    left: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.quote-field .container .editor.hide {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

.n_ab_sixe {
    padding-bottom: 6%;
}

.n_ab_sixe .Limg_cov {
    padding-bottom: 75%;
    cursor: pointer;
}


.expand:after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: 0.45s ease all;
    -o-transition: 0.45s ease all;
    -moz-transition: 0.45s ease all;
    transition: 0.45s ease all;
    z-index: 1;
}

.expand:before {
    z-index: 2;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    width: max(45px, 3.125vw);
    height: max(45px, 3.125vw);
    border: 1px solid #CC141A;
    background-color: rgba(204, 20, 26, 0.75);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDguOTIgNDA5LjAyIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iZCIgZD0iTTEwMi4yLDBWMjUuNDNINDQuODZjMzkuMzIsMzkuMzMsNzguNTQsNzguNTYsMTE3LjUxLDExNy41NC02LjcsNi42Ny0xMi42LDEyLjUzLTE4LjU5LDE4LjQ5QzEwNS4wMSwxMjIuNjgsNjUuNzcsODMuNDIsMjUuNzUsNDMuMzl2NTguODNIMFY5LjU4QzEuOTEsNS4xMSw1LjExLDEuOTEsOS41OCwwSDEwMi4yWm0yMDQuNCwwVjI1Ljc3aDU3LjY5bC41MSwuOTNjLTM5LjI1LDM5LjI2LTc4LjUsNzguNTItMTE3LjU1LDExNy41Nyw1LjgsNS44MiwxMS42MSwxMS42NSwxNy44MSwxNy44NywzOS4xMy0zOS4xNCw3OC4zOC03OC40LDExOC4yOC0xMTguMzF2NTguMTdoMjUuNDZ2LTQuNTFjMC0yNi44OC0uMTgtNTMuNzYsLjExLTgwLjYzLC4wOS03LjkyLTIuMjItMTMuNjctOS43LTE2Ljg2aC05Mi42MlpNMCwzOTkuMzJjMy4xOSw3LjQ4LDguOTUsOS43OCwxNi44Nyw5LjcsMjcuMDEtLjMsNTQuMDItLjExLDgxLjAzLS4xMWg0LjA3di0yNS42NEg0My42M2MzOS45My0zOS45NCw3OS4xOS03OS4yLDExOC4zMS0xMTguMzMtNi4yMi02LjA5LTEyLjE4LTExLjkzLTE4LjcxLTE4LjMyLTM5LjA2LDM4Ljk0LTc4LjM4LDc4LjEzLTExNy43OCwxMTcuNDF2LTU3LjMzSDB2OTIuNjRaTTI2NS4yOSwyNDYuODdjLTYuMzMsNi4zNC0xMi4yMywxMi4yNC0xOC44NywxOC44OSwzOS4wMSwzOS4wMiw3OC4yNiw3OC4yOCwxMTcuNjcsMTE3LjdoLTU3LjJ2MjUuNDVoMy44NWMyNy42NywwLDU1LjM0LDAsODMuMDEsMCwxMC4yNSwwLDE1LjA0LTQuODYsMTUuMDUtMTUuMjIsMC0yNy41NCwwLTU1LjA5LDAtODIuNjN2LTQuMTZoLTI1LjU4djU3Ljk2Yy0zOS43My0zOS43NC03OC45OC03OS0xMTcuOTQtMTE3Ljk3WiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    -moz-background-size: max(15px, 1.042vw);
    background-size: max(15px, 1.042vw);
    background-position: center center;
    -webkit-transition: 0.45s ease all;
    -o-transition: 0.45s ease all;
    -moz-transition: 0.45s ease all;
    transition: 0.45s ease all;
    opacity: 0;
}

.expand:hover:before {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
}

.expand:hover:after {
    opacity: 0.5;
}

.n_ab_sixe .Limg_cov:hover:after {
    opacity: 1;
}

.n_ab_sixe .Limg_cov:hover img {
    transform: scale(1.2);
}

.n_ab_sixe .swiper-button-prev {
    left: 0;
    border-radius: 0;
    background: var(--li1);
    border: none;
    opacity: 1 !important;
}

.n_ab_sixe .swiper-button-next {
    right: 0;
    border-radius: 0;
    background: var(--li1);
    border: none;
    opacity: 1 !important;
}

.n_ab_sixe .swiper-button-prev:after,
.n_ab_sixe .swiper-button-next:after {
    color: #fff;
}

.n_ab_sixe .swiper-button-prev:hover,
.n_ab_sixe .swiper-button-next:hover {
    background: #ff0009;
}


/* 证书 */
.honor_big {
    padding: 5% 0 9%;
    text-align: center;
}

.honor_box {
    display: inline-flex;
    align-items: center;
    max-width: max(600px, 40.625vw);
    width: 100%;
    margin-bottom: 5%;
}

.honor_box a {
    color: var(--li);
    background: #EFF1F2;
    font-size: max(16px, 0.94vw);
    line-height: 335%;
    width: 50%;
    font-weight: 700;
    display: block;
    transition: all .5s ease;
}

.honor_box .active,
.honor_box a:hover {
    background: var(--li1);
    color: #fff;
}

ul.honor_ul {
    width: 85%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5vw;
}

ul.honor_ul li {
    width: calc((100% - 10vw) / 3);
    background: #c4c4c4;
    border: 5px solid #c4c4c4;
    cursor: pointer;
    transition: all .5s ease;
}

ul.honor_ul li .Limg_con {
    padding-bottom: 145%;
}

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

ul.honor_ul li:hover {
    border-color: var(--li1);
    transform: translateY(-10px);
    box-shadow: 0 0 10px #000;
}


/* 工厂展示 */
.fact_an {
    display: flex;
    flex-wrap: wrap;
    gap: max(20px, 1.5vw);
    margin-top: 3%;
}

.fact_an a {
    background: #fff;
    display: flex;
    align-items: center;
    color: var(--li);
    fill: var(--li);
    font-size: max(14px, 0.835vw);
    padding: 0 2.5%;
    height: max(40px, 2.917vw);
    transition: all .5s ease;
}

.fact_an a svg {
    max-width: max(15px, 1.042vw);
    margin-left: 10px;
}

.fact_an a.cur {
    background: var(--li1);
    color: #fff;
    fill: #fff;
}

.fact_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
}

.fact_ul li {
    width: calc((100% - 6vw) / 4);
    cursor: pointer;
    transition: all .5s ease;
}

.fact_ul li .Limg_cov {
    padding-bottom: 75%;
}

.fact_ul li:hover img {
    transform: scale(1.1);
}

.fact_ul li:hover {
    border-color: var(--li1);
    transform: translateY(-10px);
    box-shadow: 0 0 10px var(--li);
}

/* 产品列表 */
section.Inside {
    background: #f0f2f5;
    padding: 6% 0;
}

section.Inside>.center {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

section.Inside .Inside_left {
    width: 22%;
    position: -webkit-sticky;
    position: sticky;
    top: 15%;
    left: 0;
}

section.Inside .Inside_right {
    width: 73%;
}

section.Inside .inside_tit {
    background: var(--li);
    color: #fff;
    font-size: max(18px, 1.25vw);
    text-align: center;
    line-height: 250%;
    margin-bottom: 8px;
}

.yx_Hide {
    display: none;
}

ul.yx_PPBox1 .yx_PT_Link1 {
    background: #fff;
    display: flex;
    padding: 0 8%;
    height: max(45px, 3.125vw);
    align-items: center;
    border-bottom: 1px solid #f0f2f5;
    font-size: max(14px, 0.833vw);
    color: #333;
    gap: max(1px, 0.8vw);
    transition: all .5s ease;
}

ul.yx_PPBox1 .yx_PT_Link1 i.icon {
    color: var(--li);
    font-size: max(16px, 0.938vw);
    width: max(40px, 2vw);
    text-align: center;
}

ul.yx_PPBox1 .yx_PT_Link1.active,
ul.yx_PPBox1 .yx_PT_Link1:hover {
    background: #F7F7F7;
    color: var(--li1);
}

ul.yx_PPBox1 .yx_PT_Link1.active .icon,
ul.yx_PPBox1 .yx_PT_Link1:hover .icon {
    color: var(--li1);
}

.prode_word iframe {
    width: 100%;
    aspect-ratio: 560 / 315;
    margin: 0 auto 3%;
    display: block;
}

.tit_name {
    font-size: max(28px, 1.875vw);
    color: var(--li);
    margin-bottom: 2%;
    font-weight: 700;
    position: relative;
}

.tit_name span {
    color: var(--li1);
}

.tit_name a {
    position: absolute;
    right: 0;
    color: var(--li);
    font-size: max(18px, 1.25vw);
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
    transition: all .5s ease;
}

.tit_name a:hover {
    color: var(--li1);
    opacity: 1;
    letter-spacing: 1px;
}

.cate_info {
    font-size: max(14px, 0.835vw);
    color: var(--li);
    line-height: 175%;
}

.product_box {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw 4vw;
    margin-top: 4%;
}

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

a.h_pro_box {
    display: block;
    background: #F7F7F7;
    border: 1px solid transparent;
    position: relative;
    padding-top: 10%;
    transition: all .5s ease;
}


a.h_pro_box .Limg_con {
    padding-bottom: 85%;
    width: 80%;
    margin: 0 auto;
}

.voli_box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 80%;
    margin: 6% auto;
}

.voli_box .voli_list {
    width: calc((100% - 30px) / 4);
    border: 1px solid #ccc;
    transition: all .5s ease;
}

.voli_box .voli_list:nth-of-type(n+5) {
    display: none !important;
}

.voli_box .voli_list .Limg_cov {
    padding-bottom: 100%;
    cursor: pointer;
}

.voli_box .voli_list .Limg_cov:before {
    width: max(20px, 1.563vw);
    height: max(20px, 1.563vw);
    -moz-background-size: max(10px, 0.938vw);
    background-size: max(10px, 0.938vw);
}

.voli_box .voli_list:hover {
    border-color: var(--li1);
    transform: translateY(-5px);
}


a.h_pro_box .h_pro_txt {
    font-size: max(14px, 0.833vw);
    color: #000;
    font-weight: 500;
    line-height: 150%;
    height: max(120px, 6.25vw);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10%;
    transition: all .5s;
    text-align: center;
}

a.h_pro_box:hover {
    border-color: var(--li1);
}

a.h_pro_box:hover .h_pro_txt {
    background: var(--li1);
    color: #fff;
}

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


section.pro_ab {
    padding: 5% 0 7%;
}

section.pro_ab .center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

section.pro_ab .left {
    width: 42%;
    position: relative;
    z-index: 1;
}

section.pro_ab .right {
    width: 51%;
    padding: 0 0 2% 2%;
    position: relative;
}

section.pro_ab .right img {
    width: 100%;
    object-fit: contain;
    vertical-align: top;
}

section.pro_ab .right:before {
    content: '';
    position: absolute;
    width: 48%;
    height: 69%;
    background: var(--li1);
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all .5s ease;
}

section.pro_ab .right:hover:before {
    width: 100%;
    height: 100%;
}

section.pro_ab .left h3 {
    font-size: max(18px, 1.25vw);
    color: var(--li);
}

section.pro_ab .left p {
    font-size: max(14px, 0.835vw);
    color: var(--li);
    line-height: 175%;
    margin: 3% 0 6%;
}

section.pro_ab .center:before {
    content: '';
    position: absolute;
    background: url(/src/img/pro_ab.png) center bottom/contain no-repeat;
    width: 100%;
    height: 53%;
    left: 0;
    top: 100%;
    transform: translateY(-65%);
    transition: all .5s ease;
}

section.pro_ab .center:hover:before {
    width: 75%;
}

/* 产品详情 */

.product-details {
    background: #fff;
    padding: 1px 0;
    /* user-select: none; */
}

.product-details .center {
    padding: 5% 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.product-details .product_swiper {
    width: 45%;
    padding: 0 0 0 max(75px, 5.208vw);
    position: relative;
}

.product-details .product_swiper .smail_swiper {
    position: absolute;
    width: max(50px, 4.167vw);
    height: 100%;
    left: 0;
    bottom: 0;
    padding: max(45px, 3.125vw) 0;
    overflow: hidden;
}

.product-details .product_swiper .smail_swiper .aniu {
    position: absolute;
    background: #F5F5F5;
    left: 0;
    width: 100%;
    height: max(30px, 2.083vw);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    fill: #BDBDBD;
    cursor: pointer;
    transition: all .5s;
    z-index: 2;
}

.product-details .product_swiper .smail_swiper .aniu svg {
    height: 50%;
}

.product-details .product_swiper .pre {
    top: 0;
}

.product-details .product_swiper .next {
    bottom: 0;
}

.product-details .product_swiper .smail_swiper .aniu:hover {
    background: var(--li1);
    fill: #fff;
}

.product-details .product_swiper .mySwiper {
    height: 100%;
    overflow: visible;
}

.product-details .product_swiper .mySwiper .swiper-slide {
    border: 2px solid #eee;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.product-details .product_swiper .mySwiper .swiper-slide-thumb-active {
    border: 2px solid #FE3B1F;
}

.product-details .mySwiper>.swiper-wrapper {
    flex-direction: column;
}

.product-details .product_swiper .Limg_con,
.product-details .product_swiper .L_imgswiper {
    position: relative;
    width: 90%;
    display: block;
    height: 0;
    padding-bottom: max(75%, 320px);
    overflow: hidden;
    margin: 0 auto;
}

.product-details .product_swiper .mySwiper2 .Limg_con img {
    width: 80%;
    height: 80%;
    top: 0;
    transform: translateX(-50%);
}

.product-details .product_swiper .voli_box {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin: 0;
    width: 60%;
}

.L_imgswiper>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.L_imgsmail {
    position: relative;
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

.L_imgsmail>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.product-details .prduct_details_right {
    width: 50%;
    padding-bottom: 10px;
}

.prod_tit {
    font-size: max(28px, 2.188vw);
    color: var(--li);
    line-height: 133%;
    font-weight: 700;
}

.prod_summ {
    line-height: 145%;
    color: var(--li);
    margin: 3% 0 7%;
    font-size: max(14px, 0.835vw);
}


.pro_fx {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5%;
}

.pro_fx span {
    display: inline-flex;
    align-items: center;
    font-size: max(16px, 0.938vw);
    color: #999999;
    font-weight: 800;
}

.pro_fx svg.icon {
    fill: var(--li);
    width: max(18px, 1.146vw);
    height: auto;
    margin-right: 10px;
}


.pro_fx:hover p {
    opacity: 1;
    left: max(120px, 6.25vw);
}

.pro_fx p svg:hover {
    fill: var(--li1);
}


.prod_button .L_messbut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F7F7F7;
    transition: all .5s ease;
    color: var(--li);
    font-size: max(14px, 16px);
    fill: var(--li);
    line-height: 200%;
    padding: max(5px, 0.47vw) max(20px, 1vw);
    font-weight: 500;
}

.prod_button .L_messbut svg {
    width: max(22px, 1.146vw);
    height: auto;
}

.prod_button {
    position: relative;
    display: flex;
    gap: 2vw;
    flex-wrap: wrap;
}

.prod_button a span {
    display: block;
    margin: 0 10px;
}

.prod_button .L_messbut.active {
    background: var(--li1);
    color: #fff;
    fill: #fff;
}

.product-details-bottom {
    background: #F7F7F7;
}

.prode_word {
    margin: 0 auto;
    width: 97%;
    padding: 0 8%;
}


.prode_word .prod_sub {
    font-size: max(18px, 1.25vw);
    font-weight: bold;
    color: var(--li);
    margin: 5% 0 2%;
}

.prode_word .prod_appbox {
    background: #fff;
}

.prode_word .prod_appbox>a {
    position: relative;
    display: block;
    overflow: hidden;
}

.prode_word .prod_appbox>a img {
    width: 100%;
    height: auto;
    object-fit: contain;
    vertical-align: top;
    transition: all .5s ease;
}

.prode_word .prod_appbox>a .tc {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 86%;
    transform: translate(-50%, -50%);
}

.prode_word .prod_appbox>a:hover img {
    transform: scale(1.05);
}

.prode_word .prod_appbox>a .tc p {
    font-size: max(28px, 1.875vw);
    color: var(--li);
    font-weight: bold;
}

.prode_word .prod_appbox>a .tc span {
    width: max(145px, 7.865vw);
    height: max(45px, 2.656vw);
    border: 1px solid var(--li1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    font-size: max(16px, 0.94vw);
    color: var(--li1);
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 2%;
}

.prode_word .prod_appbox>a .tc span:hover {
    background: var(--li1);
    color: #fff;
}

.prode_word .prod_aoosmail {
    padding: 2%;
}

.prode_word .prod_aoosmail p {
    text-align: center;
    font-size: max(16px, 1.094vw);
    color: var(--li);
    font-weight: bold;
    margin-bottom: 2%;
}

.prode_word .prod_aoosmail ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
}

.prode_word .prod_aoosmail ul li {
    width: calc((100% - 5vw) / 6);
    cursor: pointer;
}

.prode_word .prod_aoosmail .Limg_cov {
    padding-bottom: 100%;
    border: 1px solid #eee;
}

.prod_info_box {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5vw;
}

.prode_word .two .prod_info_slide {
    width: calc((100% - 1.5vw) / 2);
}

.prode_word .three .prod_info_slide {
    width: calc((100% - 3vw) / 3);
}

.prode_word .four .prod_info_slide {
    width: calc((100% - 4.5vw) / 4);
}


.prode_word .prod_info_slide {
    background: #fff;
    padding: 5%;
    text-align: center;
    color: #333;
    font-size: max(12px, .835vw);
    line-height: 185%;
    transition: all .5s ease;
}

.prode_word .prod_info_slide span.num {
    display: block;
    font-style: italic;
    font-weight: 700;
    font-size: max(42px, 3.438vw);
    color: #333;
    line-height: 100%;
    margin-bottom: 2%;
}

.prode_word .prod_info_slide:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    transform: translateY(-5px);
    cursor: pointer;
}

.prode_word .prod_info_slide:hover span.num {
    color: var(--li1);
}

.product_detailsbox table {
    background: #fff;
    border: 1px solid #ccc;
    border-style: solid none none solid;
}

.product_detailsbox table td {
    border: 1px solid #ccc;
    border-style: none solid solid none;
    color: #333;
    font-size: max(14px, .835vw);
    line-height: 185%;
    padding: 1% 5%;
}

.product_detailsbox table tr:first-child td {
    background: var(--li1);
    color: #fff;
    border-color: #fff;
}

.product_videobox .chi {
    line-height: 0;
    font-size: 0;
}

.product_videobox video {
    width: 100%;
    object-fit: contain;
}

.prode_word hr {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 8% 0 5%;
}

.Related_pro {
    margin-top: 8%;
}

.prod_on_ms {
    color: #333;
    font-size: max(14px, 0.835vw);
    line-height: 156%;
    margin-bottom: 4%;
}

.Message_Form .form_left {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
}

.Message_Form .form_left>div {
    width: 48%;
}

.Message_Form .e_textarea-67 {
    display: flex;
    align-items: center;
    background: #f3fbfe;
}

.Message_Form .e_textarea-67 input.p_imagecode {
    border-right: none;
}

.Message_Form textarea.form-control,
.Message_Form input {
    width: 100%;
    border: 1px solid #CDCCCC;
    line-height: max(45px, 3.281vw);
    color: #595757;
    font-size: max(14px, 0.835vw);
    padding-left: max(10px, 0.7vw);
}

.Message_Form .required textarea,
.Message_Form .required input {
    padding-left: max(15px, 1.5vw);
}


.Message_Form .e_textarea-67 img {
    cursor: pointer;
    width: max(150px, 10.417vw);
}


button.btn-primary {
    margin-top: 2%;
    line-height: max(50px, 3.4vw);
    width: 100%;
    background: var(--li1);
    display: block;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: all .5s ease;
    text-transform: uppercase;
    font-size: max(18px, 1.25vw);
    font-weight: 700;
}

button.btn-primary:hover {
    letter-spacing: 1px;
}

.Related_pro .Swiper_Related {
    padding-bottom: 5%;
}

.product-details-bottom .h_pro_box {
    background: #fff;
}

.Swiper_Related .swiper-pagination-bullet {
    background-color: #ccc;
    opacity: 1;
}

.Swiper_Related .swiper-pagination-bullet-active {
    background: var(--li1);
}



.faq_tit {
    font-size: max(28px, 1.875vw);
    color: #000000;
    font-weight: bold;
}

.faq_tit:after {
    content: '';
    display: block;
    width: 35px;
    height: 5px;
    background: var(--li1);
    margin: 1% 0 2%;
}


.faq_li {
    padding: 1.5% 2%;
    background: #f1f3f5;
    margin-bottom: 2%;
    border-radius: 5px;
}

.faq_li .faq_txc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.faq_li .faq_txc .left {
    font-size: max(16px, 0.9vw);
    color: #000000;
    font-weight: 400;
    line-height: 133%;
    width: calc(100% - max(20px, 2vw));
}

.faq_li.cur .faq_txc .left {
    color: var(--li);
}

.faq_li .btn {
    width: max(20px, 2vw);
    height: max(20px, 2vw);
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #000;
    transition: all .5s ease;
}

.faq_li.cur .btn {
    transform: rotate(90deg);
    fill: var(--li);
}

.faq_li.cur .btn .colse {
    display: block;
}

.faq_li .faq_word {
    margin-top: 1%;
    display: none;
    text-align: left;
    font-size: max(14px, 0.833vw);
    line-height: 150%;
    color: #000000;
}

.faq_li .faq_word table {
    margin: 1% 0;
    border-collapse: collapse;
}

.faq_li .faq_word th {
    color: #000;
    border-bottom: 1px solid #ccc;
    padding: 1rem;
}

.faq_li.cur .faq_word {
    display: block;
}

.faq_li .faq_word strong {
    color: #000;
    font-weight: 700;
}

.faq_li .faq_word ol li {
    list-style: auto;
    margin-bottom: 1%;
}

.faq_li .faq_word ul li {
    list-style: disc;
}

.faq_li .faq_word ul,
.faq_li .faq_word ol {
    padding-left: 1.5rem;
    margin: 1% 0px;
}

.faq_li .faq_word li::marker {
    color: #000;
    font-weight: bold;
}

.faq_li .faq_word table td {
    border-bottom: 1px solid #eee;
    padding: 1rem;
}

section#faqpage {
    padding: 0 0 5%;
}

/* 产品综合页1 */
.pro11_top {
    background: #fff;
    padding: 6% 0;
}

.pro_composite {
    background: #F7F7F7;
    padding: 6% 0 9%;
}

.pro1_imgbox {
    position: relative;
    margin: 5% auto;
}

.pro1_imgbox img {
    width: 100%;
    object-fit: contain;
}

.pro1_imgbox ul {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pro1_imgbox ul li {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: var(--li1);
}

.pro1_imgbox ul li .line {
    position: absolute;
    max-height: 0;
    max-width: 0;
}

.pro1_imgbox ul li:nth-of-type(-n+6) .line {
    bottom: 0;
    right: 5px;
}

.pro1_imgbox ul li:nth-of-type(n+7) .line {
    bottom: 0;
    left: 5px;
}

.pro1_imgbox ul li .line:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    max-height: 0;
    max-height: 0;
}

.pro1_imgbox ul li span {
    position: absolute;
    opacity: 0;
    top: 0;
    transform: translateY(-50%);
    color: var(--li);
    font-size: max(14px, 0.835vw);
    white-space: nowrap;
}

.pro1_imgbox ul li:nth-of-type(-n+6) .line span {
    right: 150%;
}

.pro1_imgbox ul li:nth-of-type(-n+6).active .line span {
    right: 100%;
    margin-right: 10px;
}

.pro1_imgbox ul li:nth-of-type(n+7) .line span {
    left: 150%;
}

.pro1_imgbox ul li:nth-of-type(n+7).active .line span {
    left: 100%;
    margin-left: 10px;
}

.pro1_imgbox ul li:nth-of-type(1) {
    left: 53%;
    top: 42%;
    z-index: 2;
}

.pro1_imgbox ul li:nth-of-type(1) .line {
    border: 1px solid var(--li1);
    border-style: solid solid none none;
    width: 11.719vw;
    height: 13.281vw;
}

.pro1_imgbox ul li.active .line {
    max-width: 31.25vw;
    max-height: 31.25vw;
    transition: max-height .3s linear, max-width .5s linear 0.3s;
}

.pro1_imgbox ul li.active .line:before {
    max-width: 10px;
    max-height: 10px;
    transition: all .3s ease 0.5s;
    border: 1px solid var(--li1);
}

.pro1_imgbox ul li.active .line span {
    opacity: 1;
    transition: all .3s ease 0.5s;
}

.pro1_imgbox ul li:nth-of-type(2) {
    left: 55%;
    top: 43%;
}

.pro1_imgbox ul li:nth-of-type(2) .line {
    border: 1px solid var(--li1);
    border-style: solid solid none none;
    width: 27.865vw;
    height: 11.198vw;
}

.pro1_imgbox ul li:nth-of-type(3) {
    left: 49%;
    top: 29%;
    z-index: 3;
}

.pro1_imgbox ul li:nth-of-type(3) .line {
    border: 1px solid var(--li1);
    border-style: solid solid none none;
    width: 14.583vw;
    height: 2.865vw;
    bottom: 0;
    right: 5px;
}

.pro1_imgbox ul li:nth-of-type(4) {
    left: 49%;
    top: 43%;
}

.pro1_imgbox ul li:nth-of-type(4) .line {
    border: 1px solid var(--li1);
    border-style: solid solid none none;
    width: 14.583vw;
    height: 3.698vw;
    bottom: 0;
    right: 5px;
}

.pro1_imgbox ul li:nth-of-type(5) {
    left: 47%;
    top: 40%;
}

.pro1_imgbox ul li:nth-of-type(5) .line {
    border: 1px solid var(--li1);
    border-style: solid solid none none;
    width: 18.229vw;
    height: 1px;
    bottom: 5px;
    right: 5px;
}

.pro1_imgbox ul li:nth-of-type(6) {
    left: 23.4%;
    bottom: 28.5%;
}

.pro1_imgbox ul li:nth-of-type(6) .line {
    border: 1px solid var(--li1);
    border-style: none solid solid none;
    width: 7.813vw;
    height: 3.125vw;
    top: 0;
    bottom: auto;
}

.pro1_imgbox ul li:nth-of-type(6) .line:before {
    bottom: 0;
    top: auto;
    transform: translate(-50%, 50%) scale(1);
}

.pro1_imgbox ul li:nth-of-type(6) .line span {
    top: auto;
    bottom: 0;
    transform: translateY(50%);
}

.pro1_imgbox ul li:nth-of-type(7) {
    left: 58%;
    top: 38%;
}

.pro1_imgbox ul li:nth-of-type(7) .line {
    border: 1px solid var(--li1);
    border-style: solid none none solid;
    width: 20.833vw;
    height: 7.292vw;
}

.pro1_imgbox ul li:nth-of-type(8) {
    left: 69%;
    top: 38%;
}

.pro1_imgbox ul li:nth-of-type(8) .line {
    border-top: 1px solid var(--li1);
    width: 13.281vw;
    height: 1px;
    bottom: 5px;
}

.pro1_imgbox ul li:nth-of-type(9) {
    left: 56%;
    top: 64%;
}

.pro1_imgbox ul li:nth-of-type(9) .line {
    border: 1px solid var(--li1);
    border-style: solid none none solid;
    width: 22.24vw;
    height: 3.802vw;
}

.pro1_imgbox ul li:nth-of-type(10) {
    left: 65%;
    top: 60%;
    z-index: 2;
}

.pro1_imgbox ul li:nth-of-type(10) .line {
    border-top: 1px solid var(--li1);
    width: 16.042vw;
    height: 1px;
    bottom: 5px;
}

.pro1_imgbox ul li:nth-of-type(11) {
    left: 59%;
    top: 69%;
    z-index: 2;
}

.pro1_imgbox ul li:nth-of-type(11) .line {
    border-top: 1px solid var(--li1);
    width: 20.208vw;
    height: 1px;
    bottom: 5px;
}


.pro1_imgbox ul li:nth-of-type(12) {
    left: 49%;
    top: 72%;
}

.pro1_imgbox ul li:nth-of-type(12) .line {
    border: 1px solid var(--li1);
    border-style: none none solid solid;
    width: 26.823vw;
    height: 6.615vw;
    top: 0;
    bottom: auto;
}

.pro1_imgbox ul li:nth-of-type(12) .line span {
    top: auto;
    bottom: 0;
    transform: translateY(50%);
}

.pro1_imgbox ul li:after,
.pro1_imgbox ul li:before {
    content: '';
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--li1);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
}

.pro1_imgbox ul li:before {
    animation-delay: 0s;
}

.pro1_imgbox ul li:after {
    animation-delay: 2s;
}

.pro_com_app {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
}

.pro_com-slide {
    width: calc(((100% - 4vw) / 5));
    text-align: center;
    font-size: max(14px, 0.835vw);
    color: var(--li);
    line-height: 175%;
    cursor: pointer;
}

.pro_com-slide .Limg_cov {
    padding-bottom: 100%;
    margin-bottom: 4%;
}

.pro_com-slide:hover img {
    transform: scale(1.2);
}

/* 新闻 */
ul.h_five_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    text-align: left;
}

.h_five_ul li.h_five_li {
    width: calc((100% - 4vw) / 3);
    background: #F7F7F7;
    transition: all .5s ease;
}

.h_five_ul li.h_five_li:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.h_five_ul li.h_five_li a.news_bigbox {
    display: flex;
    flex-wrap: wrap;
}

.h_five_ul li.h_five_li .Limg_cov {
    padding-bottom: 43%;
    width: 100%;
}


.news_text {
    position: relative;
    width: 100%;
    padding: 6%;
}

.h_five_ul li.h_five_li:hover img {
    transform: scale(1.05);
}

.news_text>div .news_tit {
    font-size: max(18px, 1.25vw);
    color: var(--li);
    line-height: 140%;
    min-height: 67px;
}

.news_text>div p {
    font-size: max(14px, 0.835vw);
    line-height: 140%;
    color: var(--li);
    margin: 9% 0;
    opacity: .5;
    min-height: 44px;
}

.h_five_li .L_summary {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.news_text>div span {
    color: var(--li1);
    font-weight: 700;
    font-size: max(16px, 0.94vw);
    transition: all .5s ease;
    text-transform: uppercase;
}

.news_text>div span:hover {
    letter-spacing: 1px;
}



.news_text_word {
    background: #fff;
    margin: 5% 0 10%;
}

.news_text_word h1 {
    font-size: max(36px, 1.8vw);
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 0.781vw;
    margin-bottom: 0.781vw;
    color: #000;
}
 
.news_word ol,
.news_word ul {
    padding-inline-start: 1.302vw;
}

.news_word li {
    list-style-type: disc;
}

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

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

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

.news_word {
    font-weight: 300;
    font-size: max(16px, 0.833vw);
    line-height: 187%;
    color: #000;
}

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

.news_word video {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 85vh;
    object-fit: contain;
}

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

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

.news_word h2 {
    font-size: max(24px, 1.2vw);
    margin: 2.5rem 0 .5rem;
}

.news_word h3 {
    font-size: max(18px, 0.9vw);
    margin: 1.5rem 0 .5rem;
}

.news_word h4 {
    font-size: max(16px, 0.85vw);
    margin: 1.5rem 0 .5rem;
}

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

.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;
    margin: 10px 0;
}

.news_word a {
    color: initial;
}

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

div#autoMenu {
    width: auto !important;
}

div#autoMenu .tan_title {
    font-size: max(16px, 1.05vw);
    color: #000;
    line-height: 167%;
    font-weight: bold;
}

div#autoMenu ul {
    border: 1px solid #eee;
    padding: 20px;
    background: #fefefe;
    margin: 10px 0 20px;
}

div#autoMenu li a {
    font-size: max(16px, 0.938vw);
    color: #000;
    line-height: 167%;
}

div#autoMenu li.sub a {
    font-size: max(14px, 0.833vw);
    color: #666;
    padding-left: 1.042vw;
    font-weight: 400;
}

div#autoMenu li {
    margin: 1% 0 5px;
}

div#autoMenu li.sub {
    margin: 0;
}


/* 服务 */
.ser_one {
    background: #f0f2f5;
    padding: 5% 0 8%;
}

.ser_one h2 {
    text-align: center;
    color: var(--li);
    font-size: max(24px, 1.875vw);
    margin: 0 auto 4%;
    line-height: 145%;
}

.ser_one ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: max(30px, 4vw);
}

.ser_one ul:before {
    content: '';
    position: absolute;
    border-left: 3px dashed #DEDEDE;
    top: 0;
    left: 50%;
    margin-left: -1.5px;
    height: 100%;
}

.ser_one ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    counter-increment: Advantage;
    background: #fff;
    border-radius: 30px;
    padding: 3% 5%;
    position: relative;
    z-index: 1;
    transition: all .5s ease;
    cursor: pointer;
}

.ser_one ul li .left:before {
    content: counter(Advantage);
    transition: all .5s ease;
}

.ser_one ul li .left {
    font-size: max(50px, 5.2vw);
    color: var(--li1);
    text-align: center;
    width: max(70px, 5.2vw);
    text-align: center;
}

.ser_one ul li .right {
    color: var(--li);
    width: calc(100% - max(70px, 5.2vw));
    padding-left: 2%;
}

.ser_one ul li h3 {
    font-size: max(18px, 1.25vw);
    margin-bottom: 1%;
    transition: all .5s ease;
}

.ser_one ul li p {
    font-size: max(14px, 0.94vw);
    line-height: 178%;
    transition: all .5s ease;
}

.ser_one ul li:hover {
    background: var(--li1);
    box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
}

.ser_one ul li:hover * {
    color: #fff;
}

.ser_bottom {
    background: linear-gradient(90deg, #D7141C 0%, #9E0F14 100%);
    padding: 4.5% 0 2.5%;
    text-align: right;
}

.ser_bottom p {
    color: #fff;
    font-size: max(16px, 1.042vw);
    line-height: 200%;
    margin-bottom: 2%;
    text-align: left;
}

.ser_bottom a {
    display: inline-block;
    color: #fff;
    font-size: max(18px, 1.25vw);
    font-weight: bold;
    border: 1px solid #FFFFFF;
    padding: 0 5%;
    line-height: 242%;
    background: transparent;
    transition: all .5s ease;
}

.ser_bottom a:hover {
    background: #fff;
    color: var(--li1);
}

/* 常见问题 */
.prod_faq_slide {
    width: 100%;
    line-height: 200%;
    margin-bottom: 2%;
    background: #F7F7F7;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    counter-increment: Advantage;
    font-size: max(14px, 0.833vw);
    transition: all .5s;
}

.prod_faq_slide.active {
    background: #fff;
}

.prod_faq_slide:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 4px;
    background: var(--li1);
    z-index: 2;
    opacity: 0;
    transition: all .5s ease;
}

.prod_faq_slide.active:before {
    opacity: 1;
}

.prod_faq_slide .prod_info_left {
    text-align: left;
    color: #666;
    display: block;
    padding: 2% 3%;
    position: relative;
    cursor: pointer;
}

.prod_faq_slide .prod_info_left:before {
    content: counters(Advantage, " ") '.';
    margin-right: 5px;
}

.prod_faq_slide .prod_info_left .icon {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s linear;
    width: max(16px, 0.833vw);
    height: auto;
    fill: #969CA4;
}

.prod_faq_slide.active .prod_info_left .icon {
    transform: translateY(-50%) rotate(90deg);
    fill: var(--li1);
}

.prod_faq_slide .prod_info_right {
    color: #666;
    position: relative;
    z-index: 1;
    display: none;
    padding: 2% 3%;
    background: #eff1f2;
    width: 100% !important;
}

.prod_faq_slide .prod_info_right:before {
    content: 'A:';
    margin-right: 5px;
}


/* 联系我们 */
.con_top {
    background: #F7F7F7;
    padding: 6% 0 5%;
}

.con_top ul {
    border-top: 1px solid rgb(151 151 151 / 40%);
    margin-top: 3%;
    padding-top: 3%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.con_top ul li {
    width: 29%;
    background: #fff;
    transition: all .5s ease;
}

.con_top ul li .Limg_cov {
    padding-bottom: 57%;
}

.con_top ul li .txt {
    padding: 5% 10% 10%;
}

.con_top ul li h3 {
    font-size: max(14px, 0.835vw);
    color: var(--li);
}

.con_top ul li p {
    color: var(--li);
    line-height: 142%;
    margin-top: 3%;
}

.con_top ul li:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.con_top ul li:hover img {
    transform: scale(1.2);
}

.con_center {
    padding: 5% 0;
}

.con_bottom {
    padding: 5% 0;
    background: #F7F7F7;
}

.con_bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4%;
}

.con_bottom ul li {
    width: 32%;
    background: #fff;
    text-align: center;
    padding: 5%;
    transition: all .5s;
}

.con_bottom ul li img {
    display: block;
    margin: 0 auto;
}

.con_bottom ul li:hover {
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.con_bottom ul li p {
    color: var(--li);
    font-weight: 700;
    margin: 4% 0;
    font-size: max(18px, 1.25vw);
}

.con_bottom ul li a {
    display: block;
    font-size: max(16px, 0.94vw);
    color: var(--li);
    line-height: 150%;
}

.con_bottom ul li a:hover {
    color: var(--li1);
}

.con_bottom ul li:hover img {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}










@media only screen and (max-width:1200px) {
    .nei_banner {
        margin-top: 70px;
    }
}





@media only screen and (max-width:768px) {
    .nei_banner {
        height: 300px;
    }
        .faq_li {
        padding: 20px;
    }

    .nei_banner .nei_txt h1,
    .nei_banner .nei_txt .h1 {
        font-size: 24px;
        margin-bottom: 3%;
    }

    .n_ab_one .center>div {
        width: 100%;
        margin: 10px 0;
    }

    .n_ab_one .left img {
        width: 75%;
        object-fit: contain;
    }

    .hist_list {
        flex-wrap: wrap;
    }

    .hist_list>div {
        width: 100%;
        padding: 0;
    }

    .hist_img {
        width: 100%;
    }

    .hist_nei {
        width: 100%;
        margin: 0;
        background: #eee;
        margin-bottom: 10px;
    }

    .hist_nei:before {
        display: none;
    }

    .hist_list:nth-of-type(2n-1) .hist_nei {
        margin: 0 0 10px;
    }

    .hist_list:nth-of-type(2n-1) .left {
        order: 0;
        justify-content: normal;
    }

    .hist_list:nth-of-type(2n-1) {
        justify-content: normal;
        text-align: left;
    }

    .n_ab_three {
        padding: 45px 0;
        margin-bottom: 45px;
    }

    .n_ab_four .list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .n_ab_four h2 {
        margin-bottom: 45px;
    }

    .n_ab_three ul {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 0px !important;
    }

    .n_ab_three ul li {
        padding: 45px 30px;
        position: relative;
    }

    .n_ab_three ul li h2 {
        font-size: 28px;
    }

    .progressbar {
        display: none;
    }

    .n_ab_five {
        padding: 30px 20px;
        margin: 45px auto;
        overflow: hidden;
        width: 94%;
    }

    #spotlight .header div {
        margin: 0 5px;
    }

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

    .fact_an a {
        font-size: 12px;
        padding: 0 20px;
    }

    ul.honor_ul {
        width: 100%;
    }

    ul.honor_ul li {
        width: calc((100% - 5vw) / 2);
    }

    .honor_box a {
        font-size: 14px;
    }

    section.Inside .Inside_left {
        width: 100%;
        position: relative;
        top: 0;
    }

    section.Inside .Inside_right {
        width: 100%;
        padding-top: 25px;
    }

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

    .tit_name {
        font-size: 20px;
    }

    .product-details .product_swiper {
        width: 100%;
        padding: 0;
        position: relative;
    }

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

    .product-details .product_swiper .smail_swiper {
        position: relative;
        padding: 0 max(45px, 3.125vw);
        width: 100%;
        margin-top: 20px;
    }

    .product-details .mySwiper>.swiper-wrapper {
        flex-direction: inherit;
    }

    .product-details .product_swiper .Limg_con,
    .product-details .product_swiper .L_imgswiper {
        padding-bottom: 100%;
        width: 100%;
    }

    .product-details .product_swiper .smail_swiper .aniu {
        width: 30px;
        height: 100%;
    }

    .product-details .product_swiper .smail_swiper .aniu svg {
        transform: rotate(-90deg);
        width: 50%;
    }

    body .product-details .product_swiper .next {
        bottom: 0;
        left: auto !important;
        right: 0;
    }

    .prod_tit {
        font-size: 20px;
    }

    .prod_button .L_messbut {
        padding: max(5px, 0.47vw) max(10px, 1vw);
    }

    .prode_word {
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .prode_word .prod_aoosmail ul li {
        width: calc((100% - 2vw) / 3);
        cursor: pointer;
    }

    .product-details .center {
        padding: 50px 0;
    }

    .prode_word .prod_aoosmail {
        padding: 20px 10px 10px;
        margin-top: 20px;
    }

    .prode_word .prod_sub {
        margin: 50px 0 20px;
    }

    .prode_word .three .prod_info_slide {
        width: 100%;
    }

    .Message_Form .form_left {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .Message_Form .form_left>div {
        width: 100%;
        margin-top: 10px;
    }

    .Message_Form .required textarea {
        margin-top: 10px;
    }

    .Message_Form .required textarea,
    .Message_Form .required input {
        padding-left: 30px;
    }

    section.pro_ab .left {
        width: 100%;
        order: 2;
    }

    section.pro_ab .right {
        width: 100%;
        margin-bottom: 20px;
    }

    section.pro_ab {
        padding: 50px 0 80px;
    }

    .h_five_ul li.h_five_li {
        width: 100%;
    }

    .news_text>div .news_tit {
        min-height: auto;
    }

    .news_text>div p {
        margin: 10px 0;
    }

    .ser_one h2 {
        font-size: 18px;
        margin: 20px auto 30px;
        max-width: 350px;
    }

    .ser_one ul li {
        flex-direction: column;
    }

    .ser_one ul li .right {
        width: 100%;
        padding: 2%;
        text-align: center;
    }

    .ser_bottom p {
        line-height: 167%;
        margin-bottom: 20px;
        text-align: center;
    }

    .ser_bottom {
        padding: 50px 0;
        text-align: center;
    }

    .ser_bottom a {
        font-size: 16px;
    }

    .prod_faq_slide .prod_info_left {
        padding: 10px 50px 10px 15px;
    }

    .con_top {
        padding: 50px 0;
    }

    .con_top ul li {
        width: 100%;
    }

    .con_bottom,
    .con_center {
        padding: 50px 0;
    }

    .con_bottom ul li {
        width: 100%;
        margin: 5px 0;
    }

    .pro11_top {
        padding: 50px 0;
    }

    .pro_com-slide {
        width: calc(((100% - 1vw) / 2));
    }

    .Related_pro {
        margin-top: 50px;
    }

    .tit_name {
        margin-bottom: 20px;
    }

    .Related_pro .Swiper_Related {
        padding-bottom: 40px;
    }

    .pro_composite {
        padding: 50px 0 80px;
    }

    .honor_big {
        padding: 0 0 50px;
    }

    .fact_ul {
        padding-top: 30px;
    }

}