/*media start*/
@media screen and (min-width:768px) {
    html.html_en body #header .li_174 .sub a {
        white-space: nowrap;
        text-align: left;
        padding: 1.5rem 1rem;
        font-size: 1.8rem;
        font-weight: 400
    }

    html.html_en body #header .li_174 .nextulisshow {
        color: var(--color1) !important;
        font-weight: bolder !important
    }

    html.html_en body #header .li_174 .a_depth1.nextulisshow {
        font-size: 1.8rem;
    }

    html.html_en body.fixhd #header .li_174 .nextulisshow {
        font-size: 1.95rem
    }

    html.html_en body #header .li_174 .li_depth1 {
        display: block
    }

    html.html_en body #header .li_174 .depth2,
    html body #header .li_174 .depth3 {
        display: none;
        position: absolute;
        left: 100%;
        top: 0
    }

    html.html_en body #header .li_174 .a_depth1.nextulisshow+.depth2,
    html body #header .li_174 .a_depth2.nextulisshow+.depth3 {
        display: block;
        padding: 3rem 6rem 3rem;
        padding-right: 0
    }

    html.html_en body #header .li_174 .depth1 {
        width: auto;
        transform: translateX(-40rem);
        padding-bottom: 11.5rem;
        margin: 0;
        margin-top: 3rem
    }

    html.html_en body #header .li_174 .navpic {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 3;
        top: 50%;
        transform: translateY(-57%) translateX(calc(-50% + 71rem));
        left: 50%
    }

    html.html_en body #header .li_174 .navpic img {
        max-height: 32rem;
        max-width: 32rem
    }

    #header .li_174 .dropdown-menu {
        display: flex;
        justify-content: center
    }

    html.html_en body #header .li_174 .depth2 {}

    html.html_en body #header .li_174 .depth2:before,
    html body #header .li_174 .depth3:before {
        content: "";
        display: block;
        width: 1px;
        min-height: 37rem;
        max-height: 48rem;
        height: 100%;
        position: absolute;
        left: 3rem;
        top: 4rem;
        border-left: .1rem solid #fff;
        opacity: 0.3
    }

    html.html_en body.fixhd #header .li_174 .depth2:before,
    html body.fixhd #header .li_174 .depth3:before {
        border-color: #ddd
    }

    html.html_en body #header .li_174 .depth3 {}

    html.html_en body #header .li_174 .depth4 {}

    html.html_en body #header .li_174 .li_depth2 {
        display: block
    }

    html.html_en body #header .li_174 .li_depth3 {
        display: block
    }

    html.html_en body #header .li_174 .li_depth4 {}

    html.html_en body #header .li_174 .a_depth1 {
        text-align: left;
        font-size: 1.8rem;
        font-weight: 700
    }

    html.html_en body #header .li_174 .a_depth2 {
        color: #2f2e2e
    }

    html.html_en body #header .li_174 .sub a.a_depth3 {
        color: #3d3b3b;
        padding: 1.1rem;
        font-size: 1.7rem;
    }

    html.html_en body #header .li_174 .a_depth3.on {
        color: var(--color1) !important
    }

    html.html_en body #header .li_174 .a_depth4 {}



    html.html_en body * {}

    html.html_en body * {}

    .slt_list .item {
        max-width: 38%;
    }

    #pageban .p2 {
        font-size: 2.4rem;
    }

    #pageban .p1 {
        font-weight: 400;
        font-size: 5rem;
        letter-spacing: 0;
    }

    #products_detail .remark table td:first-child,
    #products_detail .remark table th {
        width: 24rem;
    }

    #footer .footcontact .item span {
        font-size: 1.4rem;
    }

    #products_detail .btns a {
        width: 24rem;
        font-size: 1.8rem;
        letter-spacing: 0;
    }

    #products_detail .hdls4 li {
        width: 29rem;
        font-size: 2.2rem;
    }

    #pageban .ban_detail .cs h1 {
        font-size: 3.2rem;
    }

    ul.nav>li.li_174>a>i {
        /* display: block; */
        transform: translateX(0.4rem) translateY(0.2rem);
    }

    #header .dropdown-menu .sub a {
        font-size: 1.8rem;
        padding-left: 0;
        padding-right: 0;
    }

    .sct_guanyu1 .con1 .h2 {
        font-size: 3rem;
        margin: 2rem 0 0;
    }

    .sct_huoban .p1 {
        font-size: 2rem;
        letter-spacing: 0.4px;
    }

    .sct_huoban .h2 {
        font-size: 3.9rem;
    }

    .sct_guanyu3 .rr .txt {
        /* font-size: 1.8rem; */
        line-height: 1.5;
    }

    .sct_guanyu2 .p2 {
        font-size: 1.6rem;
        line-height: 1.4;
        height: 7rem;
    }

    .sct_guanyu1 .remark * {
        font-size: 1.8rem;
        line-height: 1.7;
    }

    .sct_guanyu1 .remark {
        font-size: 1.6rem;
    }

    .sct_guanyu1 .num4 .d1+div {
        max-width: 24rem;
        font-size: 1.6rem;
    }

    .sct_guanyu1 .num4 .count,
    .sct_guanyu1 .num4 .dw {
        font-size: 4rem;
    }

    html.html_en body #sort_nav_pro li a {
        padding: 0 2rem;
        min-width: 22rem;
    }

    html.html_en body #sort_nav_pro li span {
        white-space: normal;
        line-height: 1.3;
        height: 9rem;
        display: inline-flex;
        align-items: center;
        padding: 0;
        font-size: 1.9rem;
    }

    html.html_en body #footer_nav .depth2 {
        line-height: 1.3;
        padding-bottom: 1rem;
    }

    html.html_en body #sct_about_index .sinfo {
        line-height: 2;
    }

    html.html_en body #footer_nav .depth1.ul_1>li.li_1 {
        max-width: 14rem;
    }

    html.html_en body #footer_nav .depth1.ul_1>li.li_1.fnav_li_177 {
        display: none;
    }

    html.html_en body #footer_nav .ul_1 .li_1 .depth2 a {
        font-size: 1.4rem;
        white-space: normal;
    }

    html.html_en body #footer .footcontact .item_phone span {
        font-size: 2.5rem;
    }

    html.html_en body .sct_news1 .morenews span {
        font-weight: 400;
    }

    html.html_en body #sct_about_index .info0 {
        font-size: 2.7rem;
    }

    html.html_en body .sct_part_2 .num4 p {
        font-size: 2rem;
    }

    html.html_en body .sct_part_2 .num4 .count {
        font-weight: 400;
        font-size: 4rem;
    }

    html.html_en body .sct_youshi1 .t {
        font-size: 2.2rem;
        height: 7rem;
    }

    html.html_en body .sct_youshi1 .on .t {
        height: 4rem;
        font-size: 3rem;
    }

    html.html_en body .h2_sct_ttl {
        /* font-weight: 400; */
        font-size: 3.2rem;
    }

    html.html_en body .sct_product .item .arrow {
        width: 4rem;
        height: 4rem;
    }

    html.html_en body .sct_product .img {
        height: 26rem;
    }

    html.html_en body .sct_product .wp.on {
        gap: 2rem;
    }

    html.html_en body .sct_product .h3 .s2 {
        font-size: 1.4rem;
    }

    html.html_en body .sct_product .h3 .s1 {
        font-size: 1.9rem;
        height: 5rem;
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
        line-height: 1.4;
        white-space: normal;
        text-overflow: inherit;
        overflow: visible;
    }

    html.html_en body.body_p_174 .sct_product .h3 .s1 {
        height: 10rem;
    }

    html.html_en body .sct_product .item {
        flex: 0 0 calc(25% - 0rem);
        max-width: 23%;
        height: 52rem;
    }

    .sct_product1.sct_product li a {
        padding: 0 1rem;
        max-width: 19.4rem;
        align-items: center;
        min-height: 0rem;
    }

    .header ul.nav>li>a {
        font-size: 1.8rem;
        letter-spacing: 0.5px;
    }

    ul.nav {
        column-gap: 4.2rem;
    }



    .body_p_174 #sort_nav_pro {
        margin-bottom: 0.7rem;
    }

    .body_p_174 #sort_nav_pro .depth1 {
        /* justify-content: flex-start; */
    }

    .body_p_174 #sort_nav_pro .depth2 {
        display: none;
    }

    .body_p_174 .ctype .depth2 {
        /* position: absolute; */
        width: var(--container-width);
        justify-content: center;
        /* background: var(--color1); */
        display: flex;
    }

    .body_p_174 #sort_nav_pro .ctype ul {
        display: flex;
    }

    .body_p_174 .depth3 {
        display: none;
    }

    .body_p_174 .ctype2 .depth3 {
        display: flex;
        /* position: absolute; */
        width: var(--container-width);
        /* background: goldenrod; */
        justify-content: center;
        flex-wrap: wrap;
    }

    .body_p_174 #sort_nav_pro .li_depth1 {}

    .body_p_174 .ctype .li_depth3 {}

    .body_p_174 .ctype .a_depth2 {
        font-size: 1.7rem;
    }

    .body_p_174 .ctype .a_depth2.nextulisshow {
        color: var(--color1) !important;
    }

    .body_p_174 .ctype .a_depth3 {
        font-size: 1.5rem;
        height: 5rem;
    }

    .body_p_174 .ctype .a_depth3:hover {
        color: var(--color1) !important;
    }

    .body_p_174 .ctype .li_depth2 {
        color: #333;
    }

    .body_p_174 #sort_nav_pro .li_depth3 {}

    .body_p_174 #sort_nav_pro .li_depth3 a {
        display: flex;
        height: 7rem;
        align-items: center;
        justify-content: center;
        font-size: 1.7rem;
    }


    .body_p_174 #sort_nav_pro .a_depth1.nextulisshow {
        color: var(--color1);
        font-weight: bold;
        background: var(--color1);
        color: #fff;
    }

    .body_p_174 .ctype a {
        color: #333 !important;
        white-space: nowrap;
        padding: 0 3rem;
        font-size: 1.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 7rem;
    }

    .body_p_174 #sort_nav_pro .a_depth3 {
        white-space: nowrap;
        color: #333 !important;
    }


    .body_p_174 #sort_nav_pro * {}

    .body_p_174 #sort_nav_pro * {}

    .body_p_174 #sort_nav_pro * {}

    .body_p_174 #sort_nav_pro * {}

    html.html_en body.body_p_174 #sort_nav_pro li span {
        font-size: 1.8rem;
    }

    .body_p_174 #sort_nav_pro .nextulisshow+ul {
        /* display: flex; */
    }

    .link_zx {
        font-size: 1.6rem;
    }

    .sct_huoban .h2 {
        font-size: 3rem;
    }

    .body_job .in .p2 {
        margin-bottom: 1rem;
    }

    .jpart3 ul li {
        margin: 0 auto 2rem;
    }

    .jpart2 ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .jpart2 ul li {
        height: 14rem;
    }

    .jpart2 ul li i img {
        max-height: 100%;
        max-width: 100%;
    }

    .jpart2 ul li span {
        font-size: 1.4rem;
        line-height: 1.4;
        display: block;
        height: 4rem;
    }

    .jpart2 ul li i {
        width: 3rem;
        height: 5rem;
        margin: 0 auto 1rem;
    }

    .body_job .in .p3 {
        margin-top: 2rem;
        line-height: 1.6;
    }

    .body_job .in .p1 {
        font-size: 3rem;
        margin: -2rem 0 0.9rem;
    }

    .body_job .in .p2 {
        font-size: 1.9rem;
    }

    .article_list1 .item h3 {
        font-size: 2.4rem;
    }

    .sct_news1 .hdl_3 li span {
        font-size: 1.9rem;
    }

    .downloadlist .item .li_2 {
        font-size: 1.8rem;
    }

    .downloadlist .item li {
        font-size: 1.6rem;
    }

    .slt_list .s1 {
        font-size: 2.4rem;
    }

}

/*media start*/
@media screen and (max-width:769px) {
    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    html.html_en body * {}

    .hdl_1.hdl_2 li span {
    line-height: 1.2;
}

    .sct_news1 .i_ttl .r.hdl_3 {
    display: block;
    overflow-x: scroll;
}

    .sct_news1 .i_ttl .r.hdl_3 ul {
    max-width: none;
    overflow-x: scroll;
    display: block !important;
    width: auto;
    white-space: nowrap;
}

.sct_news1 .i_ttl .r.hdl_3 ul li {
    display: inline-block;
    margin-right: 16px;
}

    .sct_news1 .hdl_3 li span {
    white-space: nowrap;
}

    #products_detail .slick-dots {
    gap: 0px;
}

    #products_detail .hdls4 li {
    white-space: nowrap;
    padding: 8px 7px;
    font-size: 12px;
}

    #products_detail .btns a {
    width: auto;
    white-space: nowrap;
    /* padding: 5px; */
}

    html.html_en body.body_index .sct_product .h3 .s1 {
        font-size: 1.5rem;
        height: 5rem;
    }

    html.html_en body.body_index .sct_product .item {
        flex: 1;
        max-width: calc(50% - 5px);
        height: auto;
    }
}

/*media end*/