.mobileonly {
    display: none;
}

/*media start*/
@media screen and (max-width: 769px) {
    body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    html {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    form,
    fieldset,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {}

    fieldset,
    img {}

    input,
    textarea {}

    address,
    caption,
    cite,
    code,
    dfn,
    em,
    th,
    var {}

    ol,
    ul {}

    caption,
    th {}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {}

    q:before,
    q:after {}

    abbr,
    acronym {}

    a {}

    img {}

    html {
        overflow-x: hidden;
    }

    .c {
        width: 100%;
        padding: 0;
    }

    .height10 {}

    .height15 {}

    .height20 {}

    .height25 {}

    .height30 {}

    .height35 {}

    .height40 {}

    .height45 {}

    .height50 {}

    .height55 {}

    .height60 {}

    .height65 {}

    .height70 {}

    .height75 {}

    .height80 {}

    .height85 {}

    .height90 {}

    .height100 {}

    .header+.height120 {
        display: none;
    }

    .header .collapse * {}

    .header .collapse .right1 {
        flex: 0 0 100%;
    }

    .header .collapse .right1 img {}

    .header .collapse .right1 img a {}

    .header .collapse .right1 a {}

    .header .collapse .right1 em {}

    .header .collapse>ul {
        width: 85%;
        background: #fff;
    }

    .header .collapse>ul>li {}

    .header .collapse>ul>li>a {
        color: #333;
        font-weight: bold;
        font-size: 13px;
        display: inline-block;
        padding: 5px 0;
    }

    .header .collapse>ul .act {}

    .header .collapse>ul .act>a {}

    .header .collapse>ul ol {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        background: #eee;
        padding: 15px 5px;
    }

    .header .collapse>ul ol li {
        display: flex;
        flex-wrap: wrap;
        padding-left: 20px;
        align-items: center;
        gap: 0 14px;
        flex: 0 0 100%;
    }

    .header .collapse>ul ol li a {
        font-size: 12px;
        line-height: 1.6;
        white-space: nowrap;
        color: #555;
    }

    .header .collapse>ul ol li>a {
        flex: 0 0 100%;
        font-weight: bold;
        margin-left: -10px;
        margin-bottom: 1px;
        margin-top: 1px;
        white-space: normal;
    }

    .header .collapse>ul ol li>a+p {
        line-height: 1.5;
    }

.header .collapse>ul ol li>a+p:nth-child(2) {
    margin-top: 4px;
}

    input,
    textarea {}

    .cc {}

    .left {}

    .right {}

    a {}

    p {}

    span {}

    a:hover {}

    .clear {
        display: none !important;
    }

    .f8 {}

    input::-webkit-input-placeholder {}

    input::-moz-placeholder {}

    input:-moz-placeholder {}

    input:-ms-input-placeholder {}

    .header {
        height: auto;
        padding: 0 10px;
        position: relative !important;
    }

    .header_top {}

    .header_top p {}

    .header_top span {}

    .header_top span img {}

    .header_top span em {}

    .headroom--unpinned {}

    .headroom--pinned {}

    .header_mid .right1 {}

    .header_mid .right1 em {}

    .header_mid .right1 a.active {}

    .header_mid .right1 img {}

    .header_mid .right1 a {}

    .header_mid .right1 span {}

    .header_mid {
        display: none;
    }

    .header_mid+.right1 {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px;
    }

.header_mid+.right1 svg {
    height: 14px;
    fill: #206fef;
}

.header_mid+.right1 em {
    white-space: nowrap;
    font-size: 13px;
}

    .header_mid>ul {}

    .header_mid>ul>li {}

    .header_mid>ul>li:hover {}

    .header_mid>div.right {}

    .header .c>a.left {
        display: flex;
        width: 39vw;
        /* height: 60px; */
        padding: 5px 0 0;
        margin: 0;
        align-items: center;
        line-height: 1;
    }

    .header_mid>ul>li:hover>a,
    .header_mid>ul>li.active>a {}

    .header_mid>ul>li>a {}

    .header_mid>ul>li>a>span {}

    .header_mid>ul>li.nav1 {}

    .header_mid>ul>li.nav1 ol {}

    .header_mid>ul>li.nav1:hover ol {}

    .header_mid>ul>li.nav1 ol li {}

    .header_mid>ul>li.nav1 ol li:last-child {}

    .header_mid>ul>li.nav1 ol li>a {}

    .header_mid>ul>li.nav1 ol li p {}

    .header_mid>ul>li.nav1 ol li p>a {}

    .header_mid>ul>li.nav1 ol li p>a:hover {}

    .header_mid>ul>li.act ol {}

    .header_mid>ul>li.act:hover ol {}

    .header_mid>ul>li.act ol>li {}

    .header_mid>ul>li.act ol>li:hover {}

    .header_mid>ul>li.act ol li a {}

    .header_mid>ul>li.act ol li:hover a {}

    .header_mid>ul>li.act ol>li>dl {}

    .header_mid>ul>li.act ol>li:hover>dl {}

    .header_mid>ul>li.act ol>li>dl dd {}

    .header_mid>ul>li.act ol>li>dl dd:nth-child(2n+1) {}

    .header_mid>ul>li.act ol>li>dl dd a {}

    .banner {
        height: 55vw;
    }

    .banner .swiper-slide div {
        background-size: auto 100% !important;
        height: 55vw;
    }

    .banner .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px;
    }

    .banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .banner .swiper-pagination-bullet-active {}

    .ys_t {
        height: auto;
    }

    .ys_t ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 10px 20px;
    }

    .ys_t li {
        width: auto;
    }

    .ys_t li h3 {
        font-size: 17px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-top: 15px;
    }

    .ys_t li h3 span {
        font-size: 12px;
    }

    .ys_t li hr {
        height: 1px;
        width: 3em;
        margin: 4px auto;
    }

    .ys_t li p {
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
        white-space: nowrap;
    }

    .tit h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 25px auto;
    }

    .tit h2 img {
        display: none;
    }

    .tit img {}

    .tit hr {}

    .tit>div {}

    .ys_1 li {}

    .ys_1 li:nth-child(2) {}

    .ys_1 li h5 {}

    .ys_1 li p {}

    .p_menu {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 0 0;
        gap: 10px;
        padding: 0 15px;
    }

    .p_menu a {
        font-size: 12px;
        padding: 2px 10px;
        margin: 0 auto;
        display: block;
        flex: 1 0 auto;
        white-space: nowrap;
    }

    .p_menu a.active {}

    .p_prod ul {
        /* display: flex; */
    }

    .p_prod ul:first-child {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .p_prod li {
        width: 100%;
        height: auto;
        margin: 10px 0;
        float: none;
    }

    .p_prod li:nth-child(3),
    .p_prod li:nth-child(7) {}

    .p_prod li:first-child {
        width: 100%;
        padding: 25px;
        font-size: 14px;
        height: auto;
        margin: 20px auto 20px;
        grid-column: span 2;
    }

    .p_prod li:first-child h3 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .p_prod li:first-child p {
        height: auto;
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .p_prod li:first-child h4 {
        margin-bottom: 12px;
    }

    .p_prod li:first-child p a {
        display: block;
        float: none;
        /* text-align: center; */
        font-size: 12px;
        margin: 15px auto 0;
    }

    .p_prod li:first-child>a {
        font-size: 12px;
        height: auto;
        float: none;
        width: 100%;
        line-height: 1.8;
    }

    .p_prod li:first-child>a:hover {}

    .p_prod li:first-child>a em {}

    .p_prod li>div.p_pro_1 img {
        max-width: 90%;
        max-height: 90%;
    }

    .p_prod li>div.p_pro_1 {
        width: 100%;
        height: 45vw;
    }

    .p_prod li>div.p_pro_1>a {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .p_prod li p {
        height: auto;
    }

    .p_prod li p a {
        font-size: 12px;
        line-height: 1.6;
        display: inline-block;
    }

    .p_prod li:hover>div.p_pro_1 img {}

    .p_prod li:hover>p>a {}

    .prod_1>p.p {
        margin: 20px auto 30px;
    }

    .prod_1>p.p a {
        padding: 7px 15px;
        font-size: 14px;
        font-size: 12px;
    }

    .about {
        height: auto;
        background: #fff;
    }

    .about .c {}

    .about .tit {}

    .about .left {
        float: none;
        width: 100%;
        float: none;
        max-width: none;
        height: auto;
        padding: 20px;
        background: url("../images/ab_0.jpg") no-repeat center/cover;
    }

    .about .left1 {
        width: 100%;
        height: auto;
        float: none;
        margin: 0;
        padding: 10px 0;
    }

    .about .left1 h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .about .left1 h3 {
        display: none;
    }

    .about .left1>div {
        height: auto;
        margin: 0 auto;
    }

    .about .left1 p {
        line-height: 1.7;
        font-size: 14px;
        height: auto;
    }

    .about .left1 h5 span {
        padding: 10px 10px;
        margin: 0;
        font-size: 14px;
        flex: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }

    .about .left1 h5 span.active {}

    .about .left1 h5 {
        display: flex;
        margin: 20px auto;
        gap: 5px;
        flex-wrap: wrap;
    }

    .about .right {
        width: 100%;
        float: none;
        max-width: none;
        height: auto;
        padding: 35px 5px 15px;
    }


    .about .right .a_2,
    .about .right .a_3{
        display: none;;
    }
    .about .right>div {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .about .right>div:first-child {
        display: block;
    }

    .about .right .swiper-slide {
        height: auto;
        width: auto;
    }

    .about .right img {
        max-height: none;
    }

    .about .right .swiper-button-next,
    .about .right .swiper-button-prev {
    z-index: 333;
}

    .about .right .swiper-button-prev {}

    .about .right .swiper-button-next {}

    .about .right .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .services {
        height: auto;
        background: url("../images/so_bj.jpg") no-repeat center/auto 100%;
        padding: 0 15px 30px;
    }

    .c_menu {
        margin: 0 auto 35px;
        display: flex;
    }

    .c_menu a {
        margin: 0 5px;
        line-height: 1.5;
        white-space: nowrap;
        padding: 5px 0;
        flex: 1;
        font-size: 13px;
    }

    .c_menu a.active {}

    .services .c2 {}

    .services .tit h2 {
        margin: 35px auto;
    }

    .services .left {
        flex: 0 0 33%;
        padding: 0;
        height: auto;
        width: auto;
    }

    .services .left1 {
        padding: 10px 0;
    }

    .services .left1 h2 {}

    .services .left1 h3 {
        font-size: 16px;
        margin: 0 0 10px;
        padding: 0 10px;
    }

    .services .left1 li {
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }

    .services .left1 li.active {}

    .services .left1 li a {
        margin: 0 0 5px;
        font-size: 11px;
        line-height: 1.5;
        padding: 6px 10px;
        display: block;
    }

    .services .left1 li.active a {}

    .services .right {
        flex: 0 0 calc(67% - 10px);
        width: auto;
        height: auto;
        float: none;
        overflow: hidden;
    }

    .services .right1 {
        height: auto;
        width: auto;
        padding: 10px;
    }

    .services .right1+ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .services .right1 img {
        width: 100%;
        height: auto;
    }

    .services .right2 {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .services .right2 h3 {
        font-size: 14px;
        line-height: 1.5;
        padding: 10px;
    }

    .services .right2 p {
        font-size: 12px;
        line-height: 1.6;
        height: auto;
        padding: 10px 0;
    }

    .services .right2>a {
        font-size: 12px;
    }

    .services .right h4 {
        font-size: 14px;
        padding: 10px;
        grid-column: span 2;
    }

    .services .right h4 em {}

    .services .right li {
        float: none;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    .services .right li:nth-child(5) {}

    .services .right li div {
        width: 100%;
        height: 30vw;
        padding: 15px;
    }

    .services .right li div img {
        max-width: 100%;
    }

    .services .right li p {
        font-size: 12px;
        line-height: 1.5;
        padding: 8px 0;
    }

    .services .right li:hover img {}

    .services .right_1 {}

    .services .right_1:first-child {}

    .hezuo ul {
        margin: 30px 15px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .hezuo {
        padding: 30px 0;
    }

    .hezuo li {
        width: auto;
        height: auto;
        float: none;
        margin: 0 auto;
        padding: 5px 20px;
    }

    .hezuo li:nth-child(4n) {}

    .hezuo li img {}

    .hezuo li:hover img {}

    .news .p_right1 .a {}

    .news h6 {}

    .news .p_right1 .a em {}

    .news .p_right1 .a.active {}

    .news .p_right1 .p_more {}

    .news .news1 {
        height: auto;
        padding-bottom: 30px;
    }

    .news .news1>div {
        height: auto;
        display: none;
    }

    .news .news1>div:first-child {
        display: block;
    }

    .news .news1>div>div {}

    .news .news1 li {
        width: 100%;
        height: auto;
        margin: 15px auto;
    }

    .news .news1 li img {}

    .news .news1 li .news_1 {
        height: auto;
        background: transparent;
        padding: 15px 15px 0;
    }

    .news .news1 li a {}

    .news .news1 li h5 {
        font-size: 14px;
    }

    .news .news1 li h5 span {
        font-size: 12px;
    }

    .news .news1 li p {
        font-size: 12px;
        line-height: 1.6;
        margin: 0 auto;
    }

    .news .news1 li:hover .news_1 {}

    .news .news1 li:hover h5,
    .news .news1 li:hover p,
    .news .news1 li:hover h5 span,
    .news .news1 li:hover a {}

    .news .news1 .swiper-container-horizontal>.swiper-pagination-bullets {}

    .news .news1 .swiper-pagination-bullet-active {}

    .footer .link {
        display: none;
    }

    .link p {}

    .link p a {}

    .link p a:hover {}

    .footer {
        height: auto;
        padding: 30px 15px;
    }

    .footer .c {
        height: auto;
        margin: 0 auto;
    }

    .footer .c>div {
        height: auto;
        margin: 0 auto 15px;
        float: none;
        width: 100%;
    }

    .footer .foot_2 {}

    .footer h3 {}

    .footer div.line {}

    .footer .foot_2 p {
        font-size: 12px;
        line-height: 1.6;
        height: auto;
        margin: 0 auto;
        margin-top: 15px;
    }

    .footer .foot_3 {
        display: none;
    }

    .footer .foot_3 .n1 {}

    .footer .foot_3 .n1:nth-child(2n) {}

    .footer .foot_3 .n2 {}

    .footer .foot_3 .n2 p {}

    .footer .foot_3 .n2 p a {}

    .footer .foot_3 .n2>a {}

    .footer .foot_3 .n3 {}

    .footer .foot_3 .n3>a {}

    .footer .foot_3 .n4>a {}

    .footer .foot_3 .n2>a:hover {}

    .foot_1 {
        display: none;
    }

    .foot_1 ul {}

    .foot_1 li {
        height: auto;
    }

    .foot_1 li h5 {}

    .foot_1 li pre {}

    .foot_1 li img {}

    .foot_1 li:last-child {}

    .footer .c1 {
        height: auto;
    }

.footer .c1 * {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
}

    .footer .c1 p {
        line-height: 1.5;
        display: block;
    }

    .footer .c1 p a {}

    .footer .c1 p img {}

    .page p {
        line-height: 1;
    }

    .body_fix .page p span,
    .body_fix .page p a {
        font-size: 12px;
        padding: 6px;
        margin: 5px;
        line-height: 1.4;
    }

    .page .current {}

    .page p a:hover {}

    .yb_conct {}

    .yb_bar ul li {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}

    .yb_bar .yb_top {
    background: #007cf6 url(../images/fixCont.png) no-repeat 0 0/36px auto;
}

    .yb_bar .yb_QQ {
    background: #007cf6 url(../images/fixCont.png) no-repeat 0 -36px/35px auto;
}

    .yb_bar .yb_QQ_a {}

    .yb_bar .yb_phone {#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: auto;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: auto;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: aut;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: au;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: initial;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: initial;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/36px: a;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/FONT-VARIANT: JIS83;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/FONT-VARIANT: JIS83;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/TRANSFORM-STYLE: PRESERVE-3D;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/TRANSFORM-STYLE: PRESERVE-3D;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/TRANSFORM-STYLE: PRESERVE-3D;#007cf6 url(
    ../images/fixCont.png) no-repeat 0 -171px/TRANSFORM-STYLE: PRESERVE-3D;
    background: #007cf6 url(../images/fixCont.png) no-repeat 0 -151px/36px auto;
}

    .yb_bar .yb_mobile {}

    .yb_bar .yb_ercode {
    background: #007cf6 url(../images/fixCont.png) no-repeat 0 -190px/36px auto;
}

    .hd_qr {}

    .yb_QQ a,
    .yb_QQ_a a {
    line-height: 35px;
}

    .site_map h1 a {}

    .site_map li {}

    .site_map ul {}

    .site_map li a {}

    .site_map,
    .site_map a {}


    .body_fix .n_banner {
        height: 30vw;
        background-size: auto 100% !important;
    }

.body_fix_news .n_banner {
    background-position-x: -290px !important;
}

.body_fix_tech .n_banner {
    background-position-x: -350px !important;
}

.body_fix_case .n_banner {
    background-position-x: -110px !important;
}

.body_fix_product .n_banner {
    background-position-x: -300px !important;
}

.body_fix_about .n_banner {
    background-position-x: -260px !important;
}

.body_fix_contact .n_banner {
    background-position-x: -290px !important;
}

    .body_fix .here {
        height: auto;
        padding: 20px 15px 5px;
    }

    .body_fix .here p,
    .body_fix .here p a {
        font-size: 12px;
        line-height: 1.65;
    }

    .body_fix .here p a:hover {}

    .body_fix .here form span {}

    .body_fix .here form input {}

    .body_fix .here form input[type='submit'] {}

    .body_fix .menu_h p {
        margin: 15px auto 20px;
        display: flex;
        padding: 0 30px;
        align-items: center;
        column-gap: 20px;
    }

    .body_fix .menu_h a {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 3;
        flex: 1;
    }

    .body_fix .menu_h a.active {
        padding: 0;
    }

    .body_fix .menu_h a:hover {}

    .body_fix .menu_p {}

    .body_fix .menu_p p {
        display: flex;
        height: auto;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0 15px;
        box-shadow: none;
        margin: 15px auto;
    }

    .body_fix .menu_p p a {
        padding: 5px 8px;
        flex: 1;
        font-size: 12px;
        display: block;
        white-space: nowrap;
        border: 1px solid #ddd;
    }

    .body_fix .menu_p a.active,
    .menu_p a:hover {}

    .body_fix .menu_p p span {
        display: none;
    }

    .body_fix .menu_p p span:last-child {}

    .body_fix .content p,
    .content span {}

    .body_fix .content h2 a {}

    .body_fix .content h2 a:hover {}

    .body_fix .content img {}

    .body_fix_about .ab1 h2 {
    margin: 25px auto 15px;
    font-size: 18px;
    line-height: 1.3;
}

    .body_fix_about .ab1 .left {
    width: 100%;
    height: auto;
    padding: 10px;
    line-height: 1.6;
}

.body_fix_about .ab1 .left * {
    font-size: 14px;
    line-height: 1.6;
}

    .body_fix .ab1 .left p {}

    .body_fix .ab1 .right img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 10px auto;
}

    .body_fix .ab2 h2 {}

    .body_fix .ab2 .left img {}

    .body_fix .ab2 .right {}

    .body_fix .ab2 .right p {}

    .body_fix .ab3 {
    height: auto;
    background: url("../images/hj_bj.jpg") no-repeat center/cover;
    padding: 15px 40px 50px;
}

    .body_fix .ab3 h2 {}

    .body_fix .ab3 .c img {
    float: none;
    width: 100% !important;
    height: auto !important;
    margin: 10px auto;
    border: 10px solid #fff;
}

    .body_fix .ab3 .c img:first-child {}

    .body_fix .ab5 {
    padding-bottom: 50px;
}

    .body_fix .ab_imgs li {
    float: none;
    width: 100%;
    height: auto;
    border: none;
    margin: 10px auto !important;
}

    .body_fix .ab_imgs li:nth-child(3n+2),
    .ab_imgs li:nth-child(3n) {}

    .body_fix .ab_imgs li:nth-child(4),
    .ab_imgs li:nth-child(5),
    .ab_imgs li:nth-child(6) {}

    .body_fix .ab_imgs li .ab_imgs_1 {
    height: 50vw;
}

    .body_fix .ab_imgs li img {
    max-width: 80%;
    max-height: 90%;
}

    .body_fix .ab_imgs li p {
    font-size: 12px;
    padding: 5px 5px 0;
}

    .body_fix .ab_imgs li:hover p {}

    .body_fix .ab5 h2 {}

    .body_fix .ab5 li {
    margin: 10px auto 0;
}

    .body_fix .ab5 li:nth-child(4n) {}

    .body_fix .ab5 li img {}

    .body_fix .ab5 li:hover img {}

    .body_fix .ab6 {}

    .body_fix .ab6 h3 {}

    .body_fix .ab6 h6 {}

    .body_fix .ab6 hr {}

    .body_fix .ab6 .swiper-button-prev,
    .ab6 .swiper-button-next {}

    .body_fix .ab6 .swiper-button-prev {}

    .body_fix .ab6 .swiper-button-next {}

    .body_fix .ab6 .swiper-slide {}

    .body_fix .team {}

    .body_fix .team div img {}

    .body_fix .team .swiper-slide p {}

    .body_fix .team .swiper-slide:hover p {}

    .body_fix .team .swiper-slide span {}

    .body_fix .ab_t img {}

    .body_fix .c_list {}

    .body_fix .c_list li {}

    .body_fix .c_list li:nth-child(3n) {}

    .body_fix .c_list li img {}

    .body_fix .c_list li p {}

    .body_fix .p_list li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .body_fix .p_list li:nth-child(4n) {}

    .body_fix .p_list li .p_list_1 {
        width: 100%;
        height: auto;
    }

    .body_fix .p_list li a {
        font-size: 12px;
    }

    .body_fix .p_list li .p_list_1 a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .body_fix .p_list li .p_list_1 img {}

    .body_fix .p_list li h5 {
        font-size: 12px;
        height: auto;
        line-height: 1.6;
        padding: 10px 10px 20px;
    }

    .body_fix .p_list li:hover h5 {}

    .body_fix .p_list li:hover .p_list_1 img {}

    .body_fix marquee {
        margin: 10px auto 25px;
    }

    .body_fix marquee ul li {
        width: auto;
        margin-right: 15px;
    }

    .body_fix marquee ul li h5 {
        font-size: 12px !important;
    }

    .body_fix marquee ul li img {
        width: 30vw;
        height: auto !important;
    }

    .body_fix marquee ul li h5 {}

    .body_fix .infos_a h1 {
        font-size: 16px;
        line-height: 1.5;
        margin: 20px auto;
    }

    .body_fix .menu_fl h4 {}

    .body_fix .menu_fl h4 span {}

    .body_fix .menu_fl h4 span.active {}

    .body_fix .menu_fl h4 span:last-child {}

    .body_fix .menu_fl p a {}

    .body_fix .menu_fl p a:hover {}

    .body_fix .menu_fl p:last-child {}

    .body_fix #preview {}

    .body_fix .jqzoom img {
        width: 80% !important;
        height: auto !important;
    }

    .body_fix .zoomdiv {}

    .body_fix .list-h li {}

    .body_fix #spec-n5 {
        width: 100%;
        /* display: flex; */
        /* justify-content: center; */
        padding: 10px;
        gap: 15px;
        /* border: 1px solid #eee; */
        height: auto;
    }

    .body_fix #spec-left {}

    .body_fix #spec-right {}

    .body_fix #spec-list {
        width: 100%;
        float: none;
    }

    .body_fix #spec-list ul li {
        float: none;
        width: auto;
        height: auto;
        border: 1px solid #eee;
        padding: 14px;
    }

    .body_fix #spec-list ul li img {
        width: auto;
        height: 60px;
    }

    .body_fix #spec-list ul li:last-child {}

    .body_fix .jqzoom {}

    .body_fix .zoomdiv {}

    .body_fix .bigimg {}

    .body_fix .jqZoomPup {}

    .body_fix #spec-list ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .body_fix #spec-list div {}

    .body_fix .product {}

    .body_fix .product_1 .left {}

    .body_fix .product_1 .left h3 {}

    .body_fix .product_1 .left h4 {}

    .body_fix .product_1 .left p {}

    .body_fix .product_1 .left p a {}

    .body_fix .product_1 .left p.active a,
    .product_1 .left p:hover a {}

    .body_fix .product_1 .left p a span {}

    .body_fix .product_1 .left h5 {}

    .body_fix .product_1 .left ul {}

    .body_fix .product_1 .left ul li a {}

    .body_fix .product_1 .left ul li a:hover {}

    .body_fix .product_1 .right {}

    .body_fix .product_1 li {}

    .body_fix .product_1 li:nth-child(3n) {}

    .body_fix .product_1 li>div {}

    .body_fix .product_1 li img {}

    .body_fix .product_1 li p {}

    .body_fix .product_1 li:hover img {}

    .body_fix .product_1 li:hover p {}

    .body_fix .infos_1 {}

    .body_fix .infos_1 .gallery-top {}

    .body_fix .infos_1 .gallery-top .swiper-slide {}

    .body_fix .infos_1 .gallery-top .swiper-slide img {}

    .body_fix .infos_1 .gallery-thumbs {}

    .body_fix .infos_1 .gallery-thumbs .swiper-slide img {}

    .body_fix .infos_1 .gallery-thumbs .swiper-slide-thumb-active img {}

    .body_fix .infos_1 .swiper-button-prev,
    .infos_1 .swiper-button-next {}

    .body_fix .infos_1 .swiper-button-prev {}

    .body_fix .infos_1 .swiper-button-next {}

    .body_fix .next span {}

    .body_fix .c_contact .cont_1 {}

    .body_fix .c_contact .cont_2 {}

    .body_fix .c_contact .cont_1 h3 {}

    .body_fix .c_contact .cont_1 p {}

    .body_fix .mess {}

    .body_fix .mess h2 {}

    .body_fix .mess h2 span {}

    .body_fix .mess>hr {}

    .body_fix .mess>.c form {}

    .body_fix .mess>.c form input[type='text'] {}

    .body_fix .mess>.c form input[name='email'] {}

    .body_fix .mess>.c form textarea {}

    .body_fix .mess>.c form input[type='submit'] {}

    .body_fix .job span {}

    .body_fix .job li.act span {}

    .body_fix .job li {}

    .body_fix .job li span {}

    .body_fix .job li div {}

    .body_fix .job li div p {}

    .body_fix .job li.active div {}

    .body_fix .product ul.right {}

    .body_fix .product>h5 {}

    .body_fix .product>h5 span {}

    .body_fix .product li {}

    .body_fix .product li:nth-child(3n) {}

    .body_fix .product li div.img img {}

    .body_fix .product li div.img {}

    .body_fix .product li div.hide {}

    .body_fix .product li div.hide p {}

    .body_fix .product li:hover div.hide {}

    .body_fix #table {}

    .body_fix #table td {}

    .body_fix #table th {}

    .body_fix #table tr:nth-child(2n+1) {}

    .body_fix #table tr:nth-child(1) {}

    .body_fix #table .tb-td {}

    .body_fix .mesg {}

    .body_fix .mesg h5 {}

    .body_fix .mesg p {}

    .body_fix .mesg p a {}

    .body_fix .mesg table th {}

    .body_fix .mesg table td {}

    .body_fix .mesg table {}

    .body_fix .detail>.left>ul {}

    .body_fix .detail>.left>ul li {}

    .body_fix .detail>.left>ul li a {}

    .body_fix .detail>.left>ul li a.active {}

    .body_fix .detail>.left>ul li a em {}

    .body_fix .detail>.right1 {
        width: 100%;
        float: none;
    }

    .body_fix .detail>.right1>div {
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .body_fix .detail>.right1 .right2 {
        padding: 15px;
    }

    .body_fix .detail>.right1 .right2>h2 {
        font-size: 16px;
        line-height: 1.6;
        /* text-align: center; */
    }

    .body_fix .detail>.right1 .right2>h3 {
        font-size: 12px;
    }

    .body_fix .detail>.right1 .right2>h4 {
        margin: 20px auto 0;
    }

    .body_fix .detail>.right1 .right2>h4 span {}

    .body_fix .detail>.right1 .right2>h5 {
        margin-top: 25px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .body_fix .detail>.right1 .right2>h5 a {
        /* width: 10em; */
        height: 40px;
        display: block;
        margin: 0 auto;
        flex: 0 0 10em;
    }

    .body_fix .detail>.right1 .right2>p {
        font-size: 12px;
        line-height: 1.7;
        padding: 15px 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .body_fix .detail>.right>p {}

    .body_fix .detail>.right p:first-child {}

    .body_fix .detail>.right h4 {}

    .body_fix .detail>.right h4 span {}

    .body_fix .detail>.right h5 {}

    .body_fix .detail>.right h5 a {}

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

    .body_fix .det h4 {
        margin: 15px auto;
        padding: 0 15px;
        display: flex;
        line-height: 1.6;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        border: none;
    }

    .body_fix .det h4 span {
        font-size: 13px;
        white-space: nowrap;
        padding: 5px 10px;
        border: none;
        flex: auto;
        text-align: center;
        border: 1px solid #ddd;
    }

    .body_fix .det h4 span:after {
        /* content: ""; */
        display: block;
        width: 1px;
        height: 10px;
        background: #ccc;
        flex: 0 0 1px;
    }

    .body_fix .det h4 span:first-child {
        padding: 5px 10px;
        /* text-align: center; */
    }

    .body_fix .det h4 span:last-child {
        border: 1px solid #ddd;
    }

    .body_fix .det h4 span.active {
        background: #3b94d2;
        color: #fff;
        border-color: #3b94d2;
    }

    .body_fix .menu_c {
        height: auto;
        margin: 0 auto 20px;
    }

    .body_fix .menu_c .menu_c1 {
        padding: 10px 15px;
        margin-top: 15px;
    }

    .body_fix .menu_c h5 {
        font-size: 14px;
        width: auto;
        float: none;
    }

    .body_fix .menu_c h5 a {}

    .body_fix .menu_c p {
        width: 100%;
        height: auto;
        float: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        margin-top: 8px;
    }

    .body_fix .menu_c p a {
        font-size: 12px;
        margin-right: 0;
        padding: 3px 5px;
        border: 1px solid #ccc;
        flex: 1;
        white-space: nowrap;
        text-align: center;
    }

    .body_fix .menu_c p a.active,
    .menu_c p a:hover {}

    .body_fix .menu_c .menu_c1 span {
        display: none;
    }

    .body_fix .para13 .right {
        width: 100%;
        float: none;
    }

    .body_fix .para13 .right h3 {
        font-size: 18px;
        font-weight: bold;
    }

    .body_fix .para13 .right p {
        font-size: 12px;
        line-height: 1.8;
        height: auto;
        margin: 0 auto 20px;
    }

    .body_fix .ca_list {}

    .body_fix .ca_list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 10px 15px;
    }

    .body_fix .ca_list h2 {
        padding: 30px 15px 15px;
        height: auto;
        font-size: 18px;
        font-weight: bold;
        line-height: 2;
    }

    .body_fix .ca_list li {
        width: auto;
        float: none;
        margin: 0 auto 10px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .body_fix .ca_list li a:first-child {
        width: 100%;
        height: 40vw;
        background: #fff;
    }

    .body_fix .ca_list li:nth-child(4n) {}

    .body_fix .ca_list li img {
        max-width: 80%;
        max-height: 80%;
    }

    .body_fix .ca_list li h5 {
        font-size: 12px;
        line-height: 1.6;
        height: auto;
    }

    .body_fix .product_a h5 {}

    .body_fix .product_a h5 span {}

    .body_fix .product_a li {}

    .body_fix .product_a li>a.img {}

    .body_fix .product_a li img {}

    .body_fix .product_a li p {}

    .body_fix .product_a li:hover p {}

    .body_fix .det_ys {}

    .body_fix .det_ys li {}

    .body_fix .det .left .aa .det_ys li div {}

    .body_fix .det .left .aa .det_ys li div h3 {}

    .body_fix .det .left .aa .det_ys li div p {}

    .body_fix .det .left .aa .det_ys li:hover div h3,
    .det .left .aa .det_ys li:hover div p {}

    .body_fix .det .left .aa .det_ys li:hover {}

    .body_fix .ms input {}

    .body_fix .ms input[type='submit'],
    .ms input[type='reset'] {}

    .body_fix .ms textarea {}

    .body_fix .ms p {}

    .body_fix .case_list {}

    .body_fix .news_list {
        width: 100%;
        padding: 0 15px;
    }

    .body_fix .case_list li {
        height: auto;
        margin: 0 0 15px;
    }

    .body_fix .news_list li {
        display: flex;
    }

    .body_fix .news_list li>a {
        flex: 0 0 26vw;
    }

    .body_fix .case_list li:first-child {
        margin: 0 0 15px;
    }

    .body_fix .case_list li .case_2 {
        width: auto;
        height: auto;
        flex: 1;
    }

    .body_fix .case_list li>a>img {
        width: 25vw;
        height: auto;
    }

    .body_fix .case_list li h5 {
        font-size: 14px;
        line-height: 1.6;
    }

    .body_fix .news_list li .case_2 img {
        height: 14px;
        margin-right: 5px;
    }

    .body_fix .case_list li .case_2 span {
        font-size: 12px;
    }

    .body_fix .news_list li .case_2 p {
        font-size: 12px;
        margin: 1px 0 15px;
        line-height: 1.6;
    }

    .body_fix .news_list li .case_2 .xq {
        display: none;
    }

    .body_fix .case_list li:hover h5 {}

    .body_fix .con_right {}

    .body_fix .con_right h3 {}

    .body_fix .con_right ul {}

    .body_fix .con_right li {}

    .body_fix .con_right li a {}

    .body_fix .con_right li:hover a {}

    .body_fix .con_right li i {}

    .body_fix .infos {
        width: 100%;
        padding: 15px;
    }

    .body_fix .infos p.next {
        line-height: 1.6;
        margin: 20px auto;
        text-align: left;
        padding: 10px 0 0;
    }

    .body_fix .infos p.next a {}

    .body_fix .infos p.next a:hover {}

    .body_fix .infos p.next span {
        float: none !important;
        margin-top: 10px !important;
        display: block;
    }

    .body_fix .infos h1 {
        font-size: 16px;
        line-height: 1.6;
    }

    .body_fix .infos h6 {
        font-size: 12px;
    }

    .body_fix .infos h6 img {
        height: 13px;
        margin: 0;
        margin-right: 1em;
    }

    .body_fix #list {
        display: block;
        margin: 0 auto;
        position: static;
    }

    .body_fix #list img {}

    .body_fix .news>h3 {}

    .body_fix .news .news1>div {}

    .body_fix .news .news1>div>div.swiper-pagination {}

    .body_fix .case li {}

    .body_fix .case li h5 {}

    .body_fix .technical .left {}

    .body_fix .technical .left h2 {}

    .body_fix .technical .left>p {}

    .body_fix .technical .left>p a {}

    .body_fix .technical .left>p.p1 a {}

    .body_fix .technical .left>p a:hover,
    .technical .left>p a.active {}

    .body_fix .technical .left>img {}

    .body_fix .technical .left .left1 {}

    .body_fix .technical .left .left1 p {}

    .body_fix .technical .right {
        width: 100%;
        float: none;
    }

    .body_fix .detail>.left>p a {}

    .body_fix .content_a h3 {}

    .body_fix .content_a h2 {}

    .body_fix .content_a>p {}

    .body_fix .hh {}

    .body_fix .hh .c {}

    .body_fix .hh .c li {}

    .body_fix .hh .c li img {}

    .body_fix .content_a dl dd {}

    .body_fix .content_a dl dd img {}

    .body_fix .content_a .swiper-slide {}

    .body_fix .content_a .swiper-slide img {}

    .body_fix .content_a .swiper-container {}

    .body_fix .content_a .swiper-pagination-bullet {}

    .body_fix .content_a .swiper-pagination-bullet-active {}

    .body_fix .content_a li {}

    .body_fix .content_a li:nth-child(3n) {}

    .body_fix .content_a li img {}

    .body_fix .content_a li p {}

    .body_fix .messages {}

    .body_fix .messages>div {
    height: auto;
}

    .body_fix .messages h2 {}

    .body_fix .messages>hr {}

    .body_fix .messages>.c form {
    padding: 10px;
}

    .body_fix .messages>.c form input[type='text'] {
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin: 0 0 10px;
    border-radius: 4px;
}

    .body_fix .messages>.c form textarea {
    width: 100%;
    height: auto;
    margin: 0 auto;
    width: 100%;
    height: 10em;
    margin: 0 auto;
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin: 0 0 10px;
    border-radius: 4px;
}

    .body_fix .messages>.c form input[type='submit'] {
    width: auto;
    height: 38px;
    margin: 10px auto 30px;
    font-size: 14px;
    padding: 0 30px;
    display: inline-block;
}

    .body_fix .service {}

    .body_fix .service_1 {}

    .body_fix .service_1 ul {}

    .body_fix .service_1 ul li {}

    .body_fix .service_1 ul li h5 {}

    .body_fix .service_1 ul li p {}

    .body_fix .download li {}

    .body_fix .download li p {}

    .body_fix .video li {}

    .body_fix .video li:nth-child(2n) {}

    .body_fix .video li p {}

    body .c_contact {
    padding: 20px 15px;
}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {}

    body .c_contact * {
    font-size: 14px !important;
    line-height: 1.8 !important;
}
body .messages{
    height: auto;
}
body .messages *{}
body .messages *{}
body .messages *{}
body .messages *{}
body .messages *{}
body .fix03{
    padding: 0 20px !important;
    background: none !important;
    display: block !important;
    margin-top: 20px !important;
}

body .fix03 .h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    height: auto;
}
    #onlinemsgbox .close1 {
    font-size: 16px;
}

#onlinemsgbox * {}

#onlinemsgbox input[type=submit] {
    font-size: 14px;
}

    #onlinemsgbox .t {
    font-size: 16px;
}

    html body .yb_bar {
    transform: translateX(17px);
}

    html body #onlinemsgbox {
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}


    html body .yb_conct {
    /* transform: scale(0.7) translateX(22px); */
    transform-origin: left;
    /* margin-left: 10px; */
    /* scale: .7; */
}

    html body .ab4 li .ab4_1 {
    height: auto;
}

    html body .ab_imgs ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

html body .ab_imgs ul li {}

    html body.body_fix_about .menu_h {
    display: none;
}

    .body_info .c.menu_fl {
        display: none;
    }

    html body .c .content {
        padding: 15px;
    }

    html body .c .content,
    html body .c .content * {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    html body.body_news_detail .content {
        padding: 0;
    }

    html body .c .content img {
        max-width: 100% !important;
        height: auto !important;
    }

    html body .c.para13 {
        padding: 0 15px 20px;
    }

    html body .c.para13 div+img {
        margin: 15px auto;
        width: 100% !important;
        height: auto !important;
    }

    html body .pconly {
        display: none !important;
    }
    html body .mobileonly {
        display: unset;
    }

    .header>.c {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
        /* padding-right: 60px; */
        height: 60px;
    }

    body.open {
        overflow: hidden;
        height: 100vh;
    }

    body.open .header .collapse {
        left: 0;
        opacity: 1;
    }


    body.open #mobileNavHdl {}

    body.open #mobileNavHdl .icon-bar {}

    body.open #mobileNavHdl .icon-bar:nth-child(1) {}

    body.open #mobileNavHdl .icon-bar:nth-child(2) {
        transform: rotate(45deg) translateY(7px);
    }

    body.open #mobileNavHdl .icon-bar:nth-child(3) {
        opacity: 0;
    }

    body.open #mobileNavHdl .icon-bar:nth-child(4) {
        transform: rotate(-45deg) translateY(-7px);
    }

    .header .collapse {
        background: #0000008c;
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 100%;
        top: 0;
        z-index: 333;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        align-items: flex-start;
        transition: left .3s, opacity .1s;
        opacity: 0;
    }

    .header .collapse ul {
        display: block;
        background: #fff;
        padding: 30px;
        height: 100vh;
        overflow: scroll;
        padding-right: 25px;
    }

    html body .navCollapse {
        /* position: absolute; */
        right: 10px;
        top: 23px;
        width: 20px;
        height: auto;
        outline: none !important;
        z-index: 3333;
        order: 10;
    }

    html body .navCollapse button {
        display: block;
        border: none;
        width: 100%;
        height: auto;
        background: transparent;
        padding: 0;
        outline: none !important;
    }

    html body .navCollapse span+span {
        height: 2px;
        background: #333;
        margin: 0 0 3px;
        display: block;
        transition: all .3s;
    }

    html body .det_s {
        padding: 0 15px;
    }

    html body .det_s * {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    html body .det_s table {
        max-width: 100%;
        width: 100%;
    }

    html body .det_s td {
        padding: 5px;
    }

    body.body_fix .technical>.left {
        display: none;
    }

    body .news>h3 {
        font-size: 18px;
        text-align: center;
        background: none;
        font-weight: bold;
        margin: 25px auto 10px;
    }

    html body .page {
        margin: 20px auto 30px;
    }

    .body_fix .page {
        grid-column: 1 / span 2;
    }

    html body.body_fix .p_list {}

    html body.body_fix .p_list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 20px 15px 0;
    }

    html body.body_fix .p_list img {
        max-width: 80%;
        max-height: 80%;
    }

    html body .here {
        padding: 0 15px;
        font-size: 12px;
    }

    html body .services .c1.c3 {
        display: flex;
        column-gap: 10px;
    }

    html body * {
        box-sizing: border-box;
    }

    html body .swiper-container {
        margin: 0;
        width: 100%;
    }

    html body img {
        max-width: 100%;
        /* max-height: 100%; */
    }






}

/*media end*/