@charset "UTF-8";

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

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

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

.nei_banner .nei_txt {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}

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

.nei_banner .nei_txt .n_ban_sub {
    color: #fff;
    max-width: calc(var(--f16) * 35);
    width: 100%;
    margin: 2% auto 0;
}


.ab_one {
    padding: 6% 0;
    overflow: hidden;
}

.ab_one .ab_tit {
    text-align: center;
    font-size: var(--f36);
    color: #000;
    font-weight: bold;
    line-height: 133%;
    margin-bottom: 3%;
}

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

.scrool_link ul {
    overflow: hidden;
    display: flex;
    gap: 1vw;
    margin-top: 1vw;
}

.scrool_link li {
    width: calc(var(--f16) * 28);
    float: left;
    position: relative;
}

.scrool_link li .Limg_cov {
    padding-bottom: 56%;
    border-radius: .5vw;
}

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

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

.ab_two h2 {
    font-size: var(--f48);
    line-height: 100%;
    margin-bottom: 3%;
}

.ab_two p {
    line-height: 150%;
    margin-bottom: 2%;
    max-width: calc(var(--f16) * 34);
}

.ab_three {
    padding: 4% 0;
    overflow: hidden;
}

.ab_three .fiv_li {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ab_three .fiv_li+.fiv_li {
    border-left: 1px solid #c7c9cb;
}

.ab_three .fiv_li .im {
    width: 80px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2vw;
    transition: all .5s;
}

.ab_three .fiv_li:hover .im {
    margin-right: 1vw;
}

.ab_three .fiv_li .name {
    font-size: var(--f30);
    color: #000;
    line-height: 110%;
    margin-bottom: .5vw;
}

.ab_three .fiv_li a {
    color: var(--li);
}

/* 技术支持 */
video.video {
    width: 100%;
}

.tec_one {
    padding: 5% 0;
}

.tec_tit {
    text-align: center;
    color: #000;
    font-size: var(--f30);
    line-height: 100%;
    font-weight: bold;
}

.tec_swiper {
    margin: 3% 0 0;
}

.tec_swiper .swiper-slide {
    overflow: hidden;
    border-radius: .5vw;
}

.tec_swiper .swiper-pagination {
    position: static;
    margin-top: 2%;
}

.video_fm {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.playsinline {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
}

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

.playsinline span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tec_swiper p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    font-size: var(--f24);
    color: #fff;
    font-weight: bold;
    padding: 4%;
    width: 100%;
    background: linear-gradient(0deg, rgb(0 0 0 / 50%), transparent);
}

.down {
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    margin-top: 4%;
    padding-top: 4%;
}

.down .left {
    width: 31%;
}

.down .right {
    width: 69%;
}

.down .left p {
    color: #000;
    line-height: 150%;
    margin-bottom: 1.5vw;
    display: flex;
    align-items: center;
    gap: 1vw;
    cursor: pointer;
    transition: all .5s;
}

.down .left p.cur {
    color: var(--li);
    gap: .5vw;
}

.down .left p .icon {
    opacity: 0;
    transition: all .5s ease;
}

.down .left p.cur .icon {
    opacity: 1;
}

.down_li {
    display: none;
}

.down_li.cur {
    display: block;
}

.down_list {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 5%;
    margin-bottom: 5%;
}

.down_list+.down_list {
    border: none;
}

.down_list a {
    display: block;
    position: relative;
    padding-right: calc(var(--f16) * 6);
}

.down_list .down_tit {
    color: #000;
    font-weight: bold;
    transition: all .5s linear;
}

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

.down_list .down_sub {
    color: #000;
    line-height: 150%;
    margin-top: 4%;
}

.down_list a img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: calc(var(--f16) * 6);
}

.down_list .down_text {
    font-size: 88%;
    color: #999;
    line-height: 170%;
    margin-top: 7%;
}

.tec_three {
    padding: 5% 0;
}

.tec_three .faq_ul {
    margin-top: 3%;
    display: flex;
    flex-direction: column;
    gap: .5vw;
}

.tec_three .faq_ul li {
    background: #f1f3f5;
    border-radius: .25vw;
    padding: 4%;
    transition: all .5s linear;
}

.tec_three .faq_ul li:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.tec_three .faq_ul .faq_q {
    color: #000;
    font-weight: bold;
    padding-left: var(--f16);
    position: relative;
    margin-bottom: 2%;
}

.tec_three .faq_ul .faq_q:before {
    content: '';
    position: absolute;
    width: calc(var(--f16) / 3);
    height: calc(var(--f16) / 3);
    left: 0;
    top: calc(var(--f16) / 1.5);
    background: var(--li);
    border-radius: 50%;
}

.tec_three .faq_ul .faq_a {
    color: #999;
    line-height: 150%;
}

/* 联系我们 */
.con_one {
    padding: 5% 0;
    background: #fff;
    text-align: center;
}

.con_one a.con_tel {
    display: block;
    color: #000;
    font-size: var(--f30);
    font-weight: 500;
    margin-bottom: 3%;
}

.con_one .con_p {
    color: #999;
    line-height: 200%;
}

.con_sort {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4%;
    gap: var(--f22);
}

.con_sort .con_sr {
    position: relative;
    cursor: pointer;
}

.con_sort .con_sr>img {
    width: var(--f30);
    height: auto;
    object-fit: contain;
}

.con_sort .con_sr p {
    position: absolute;
    width: calc(var(--f16) * 7);
    max-width: max-content;
    left: 50%;
    top: 250%;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    padding: 2px;
    filter: drop-shadow(0 0 10px rgb(0 0 0 / 15%));
}

.con_sort .con_sr:hover p {
    opacity: 1;
    visibility: visible;
    top: 150%;
}

.con_sort .con_sr p:before {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

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

.con_two h2 {
    font-size: var(--f30);
    color: #000;
    font-weight: 400;
    margin-bottom: var(--f40);
}
.con_two .left{
    width: 28%;
}
.con_two .left p {
    color: #868686;
    line-height: 187%;
}

.con_two .right {
    width: 62%;
}

.con_two .right .form_left {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw 0.5vw;
    margin-bottom: 2%;
}

.con_two .right .form_left .ver-errbox {
    width: calc((100% - .5vw) / 2);
}

.con_two .right label {
    color: #213238;
    font-size: var(--f18);
    display: block;
    margin-bottom: 3%;
}

.con_two .right textarea.form-control,
.con_two .right .form_left input.form-control {
    background: #fff;
    width: 100%;
    border: 1px solid #dcdcdc;
    line-height: var(--f60);
    font-size: var(--f16);
    color: #bbbbbb;
    padding: 0 var(--f16);
    border-radius: .25vw;
}


.con_two button.btn-primary {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    font-size: var(--f16);
    line-height: var(--f72);
    max-width: max(200px, 16vw);
    display: block;
    width: 100%;
    border-radius: .25vw;
    margin-top: 2%;
    cursor: pointer;
    transition: all .5s ease;
}

.con_two button.btn-primary:hover {
    background: var(--li);
}

.con_two .verbox {
    position: absolute;
    right: 2%;
    bottom: 0;
    height: var(--f60);
    align-items: center;
    display: flex;
    gap: 3%;
    cursor: pointer;
    width: 50%;
}

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


/* 产品 */
.pro_top {
    background: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_list a {
    padding: var(--f18) var(--f30);
    transition: all .5s ease;
    display: block;
    color: #111;
    font-size: 88%;
}

.product_list a.active,
.product_list a:hover {
    background: #e6e7e9;
    color: var(--li);
}

.pro_top .Limg_con {
    height: calc(var(--f16) * 7);
}


ul.product_box {
    padding: 1vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
}

ul.product_box .h_one_box {
    width: calc((100% - 1vw) / 2);
    position: relative;
}

ul.product_box .h_one_box:first-child {
    width: 100%;
}

ul.product_box .Limg_cov {
    padding-bottom: 77.5%;
}

ul.product_box .h_one_box:first-child .Limg_cov {
    padding-bottom: 38%;
}

ul.product_box .h_one_box:hover img {
    transform: scale(1.05);
}

ul.product_box .h_one_text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 10%;
    text-align: center;
    padding: 0 5%;
}

ul.product_box .h_one_text .tit {
    font-size: var(--f40);
    color: #fff;
    font-weight: bold;
    line-height: 110%;
}

ul.product_box .h_one_text .tit sup {
    font-size: var(--f16);
    vertical-align: top;
    display: inline-block;
    line-height: 100%;
}

ul.product_box .h_one_text p {
    font-size: var(--f18);
    color: #fff;
    margin: var(--f16) 0 var(--f36);
}

ul.product_box .h_one_mb a {
    display: inline-block;
    background: rgb(255 255 255 / 10%);
    min-width: calc(var(--f48) * 3);
    line-height: var(--f48);
    border-radius: 5vw;
    border: 2px solid rgb(255 255 255 / 50%);
    color: #fff;
    transition: all .5s ease;
    margin: 0 5px;
}

ul.product_box .h_one_mb .h_one_btn {
    background: #fff;
    color: #000;
}

.prode_bottom {
    position: relative;
    padding: 3% 0;
}

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

.prode_bottom .left {
    width: calc(59% - var(--f16));
}

.prode_bottom .right {
    width: 41%;
    background: #f1f3f5;
    position: sticky;
    top: 3vw;
    left: 0;
    padding: 3% 3%;
    border-radius: .5vw;
}

.prode_bottom .right .prod_tit {
    font-size: var(--f30);
    color: #000;
    line-height: 133%;
    margin-bottom: 1%;
}

.prode_bottom .right .prod_info {
    color: #666;
    line-height: 180%;
    min-height: calc(var(--f16) * 21);
}

.prode_bottom .right .prod_info sup {
    font-size: 50%;
    line-height: 100%;
}

.prode_bottom .right .prod_info strong {
    font-size: var(--f18);
    display: block;
    margin: .8rem 0 .3rem;
}

.prode_bottom .right .prod_info hr {
    margin: 4% 0;
}

.prode_bottom .right .prod_bz {
    color: #666;
    line-height: 150%;
    padding: 4% 0;
}

.prode_bottom .right .de_link {
    display: block;
    text-align: center;
    background: #fff;
    color: #000;
    line-height: var(--f48);
    margin-top: var(--f24);
    border-radius: var(--f30);
    transition: all .5s ease;
}

.prode_bottom .right .de_link.cur {
    background: var(--li);
    color: #fff;
}

.prode_top {
    position: relative;
    padding-left: 9rem;
}

.prode_top .mySwiper2 .Limg_cov {
    padding-bottom: 100%;
    border-radius: .3rem;
}

.prode_top .mySwiper2 .Limg_cov video {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.6s;
    object-fit: cover;
}

.prode_top .mySwiper2 .play_fm {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    cursor: pointer;
}

.prode_top .mySwiper2 .play_fm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prode_top .mySwiper2 .play_fm i {
    font-family: 'iconfont' !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    font-size: var(--f72);
}

.prode_top .swiper_bottom {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swiper_bottom .mySwiper {
    height: 100%;
}

.swiper_bottom .icon {
    position: absolute;
    width: 92%;
    background: #fff;
    z-index: 2;
    border-radius: .3rem;
    left: 4%;
    cursor: pointer;
    color: #000;
    text-align: center;
    line-height: 150%;
    font-size: 1rem;
}

.prode_top .swiper_bottom .Limg_cov {
    height: 100%;
    border-radius: .3rem;
    border: 1px solid transparent;
    cursor: pointer;
}

.prode_top .swiper_bottom i {
    font-family: 'iconfont' !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    font-size: var(--f30);
}

.prode_top .swiper_bottom .swiper-slide-thumb-active .Limg_cov {
    border-color: #000;
}

.swiper_bottom .swiper-prev {
    top: 1%;
}

.swiper_bottom .swiper-next {
    bottom: 1%;
}

.swiper_bottom .swiper-button-disabled {
    opacity: 0;
}

.anchor {
    margin: 7% 0 5%;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    gap: var(--f42);
    line-height: var(--f60);
}

.anchor a {
    color: #000;
    cursor: pointer;
    position: relative;
}

.anchor a:first-child {
    color: var(--li);
}

.anchor a:first-child:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 2px;
    background: var(--li);
}

.prode_xq2 {
    background: linear-gradient(to right, #404141 75%, #6f6f6f);
    border-radius: .3rem;
    margin: 1rem 0;
    padding: 5rem 3rem;
    color: #fff;
    line-height: 200%;
}

.gh_tit {
    font-size: var(--f30);
    line-height: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 3rem;
}

.prode_xq2 table {
    border-bottom: 1px solid #eee;
    margin: 3% 0;
}

.prode_xq2 table sup {
    font-size: 40%;
    vertical-align: text-bottom;
}

.prode_xq2 table td {
    padding: 3% 0;
}

.prode_xq2 hr {
    margin-bottom: 3%;
}

.prode_pj {
    background: #f1f3f5;
    padding: 5% 0 13%;
    border-radius: .3rem;
    margin-top: 2%;
}

.prode_pj h2 {
    font-size: var(--f18);
    color: #000;
    border-bottom: 1px solid #d8dadc;
    padding: 0 4% 3%;
    margin-bottom: 3%;
}

ul.pj_word {
    padding: 0 4%;
}

ul.pj_word li {
    border-bottom: 1px dashed #ccc;
    padding-bottom: var(--f24);
    margin-top: var(--f24);
}

ul.pj_word li .flex {
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    color: rgb(0 0 0 / 70%);
}

ul.pj_word li .valuetype {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
}

ul.pj_word li .valuetype img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.pj_word li .pressure {
    color: #000;
    line-height: 150%;
    margin: 2% 0;
}

ul.pj_word li .imgbox {
    display: flex;
    gap: .5rem;
}

ul.pj_word li .imgbox .wl {
    width: calc((100% - 1.5rem) / 4);
}

ul.pj_word li .Limg_cov {
    padding-bottom: 100%;
    border-radius: .3rem;
}

ul.pj_word li .Limg_cov:hover img {
    transform: scale(1.05);
}

.tec_from {
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: .5rem;
    margin: 4% auto 0;
    max-width: 30rem;
    display: flex;
    align-items: center;
}

.tec_from input#search-input {
    border: none;
    line-height: 3rem;
    background: transparent;
    padding: 0 1.5rem;
    border-right: 1px solid rgb(0 0 0 / 20%);
    width: 85%;
    font-size: 1rem;
    color: #000;
}

.tec_from svg.icon {
    margin: auto;
    width: 1.5rem;
    cursor: pointer;
}

.tec_from svg.icon:hover {
    fill: var(--li);
}

@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) {
    .mo_pd {
        padding: 50px 0 !important;
    }

    .nei_banner .nei_txt .n_ban_tit {
        font-size: 20px;

    }

    .nei_banner {
        height: 75vw;
    }

    .nei_banner .nei_txt {
        top: 50%;
    }

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

    .white_nav_top {
        height: 70px;
    }

    .pro_top {
        display: none;
    }

    ul.product_box .h_one_box {
        width: 100%;
    }

    ul.product_box .h_one_box:first-child .Limg_cov {
        padding-bottom: 77.5%;
    }

    ul.product_box .Limg_cov {
        background-color: #000;
    }

    ul.product_box .Limg_cov img {
        opacity: .8;
    }

    ul.product_box .h_one_text .tit {
        font-size: 20px;
    }

    ul.product_box .h_one_text p {
        font-size: 14px;
    }

    ul.product_box .h_one_mb a {
        display: inline-block;
        background: rgb(255 255 255 / 10%);
        min-width: 100px;
        line-height: 35px;
        border-width: 1px;
    }

    .prode_bottom .left {
        width: 100%;
    }

    .prode_bottom .right {
        width: 100%;
        padding: 20px;
        position: static;
    }

    .prode_top .swiper_bottom {
        position: static;
        height: auto;
        width: 100%;
        margin: 5px 0;
    }

    .swiper_bottom .icon {
        display: none;
    }

    .prode_top .mySwiper2 .Limg_cov {
        padding-bottom: 75%;
    }

    .prode_top {
        position: relative;
        padding-left: 0;
    }

    .prode_top .swiper_bottom .Limg_cov {
        padding-bottom: 75%;
    }

    .prode_bottom .right .prod_tit {
        font-size: 20px;
    }

    .prode_bottom .right .de_link {
        line-height: 40px;
        margin-top: 10px;
    }

    .tec_one {
        padding: 50px 0;
    }

    .tec_tit {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .tec_swiper p {
        font-size: 16px;
        font-weight: normal;
    }

    .playsinline span {
        width: 40px;
    }

    .down .left {
        width: 100%;
    }

    .down .right {
        width: 100%;
    }

    .down .left {
        gap: 10px;
        margin: 10px 0 20px;
        display: flex;
    }

    .down .left p {
        width: calc((100% - 10px) / 2);
        background: #eee;
        padding: 10px;
        justify-content: center;
    }

    .down .left p.cur {
        background: var(--li);
        gap: .5vw;
        color: #fff;
    }

    .con_two .flex>div {
        width: 100%;
    }

    .con_two .right {
        margin-top: 30px;
    }

    .con_two .right .form_left .ver-errbox {
        width: 100%;
    }

    .con_two .Message_Form .verbox:after {
        display: none;
    }

    .con_two .verbox {
        right: 0;
    }

    .ab_three .fiv_li {
        width: 100%;
        padding: 20px;
        background: #fff;
        margin-bottom: 10px;
        border: 1px solid #eee;
    }

    .ab_three .fiv_li+.fiv_li {
        border-left: none;
    }

    .ab_three .fiv_li .im {
        width: 40px;
        height: 40px;
        margin-right: 20px;
    }

    .ab_three .fiv_li .name {
        font-size: 17px;
        line-height: 150%;
    }

    .nei_banner.ab_banner {
        margin-top: 70px;
    }

    .ab_one .ab_tit {
        font-size: 20px;
    }

    .scrool_link li {
        width: calc(var(--f16) * 10);
    }
}

@media only screen and (max-height:800px) {
    .prode_bottom .right {
        top: 0;
        padding: 1% 3%;
    }
}