@charset "utf-8";

/* CSS Document */
/* html {
    font-size: 12px;
}

@media (min-width:768px) {
    html {
        font-size: 13.5px;
    }
}

@media (min-width:992px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:1200px) {
    html {
        font-size: 14.5px;
    }
}

@media (min-width:1360px) {
    html {
        font-size: 15px;
    }
}

@media (min-width:1500px) {
    html {
        font-size: 16px;
    }
} */

html {
    font-size: 12px;
}

@media (min-width:768px) {
    html {
        font-size: 6.4px;
    }
}

@media (min-width:992px) {
    html {
        font-size: 8.3px;
    }
}

@media (min-width:1200px) {
    html {
        font-size: 10px;
    }
}

@media (min-width:1400px) {
    html {
        font-size: 11.66666px;
    }
}

@media (min-width:1360px) {
    html {
        font-size: 11.33333px;
    }
}

@media (min-width:1500px) {
    html {
        font-size: 13.3px;
    }
}

@media (min-width:1800px) {
    html {
        font-size: 16px;
    }
}

/*1280X720 1366X768 1440X900 1920X1080*/
/*手机样式*/
@media (min-width:992px) {

    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus {
        background: none;
        /* color: #ffffff; */
        box-shadow: none;
    }

    .pagination .page-item:first-child .page-link:hover::before,
    .pagination .page-item:last-child .page-link:hover::before {
        border-color: #fff;
    }

    .newsSideNav ul.listNav li a:hover {
        background-color: #f69600;
        color: #ffffff;
    }
}

@media (min-width:576px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:992px) {
    .container {
        max-width: 100%;
        padding-left: 9vw;
        padding-right: 9vw;
    }
}

@media (min-width:1200px) {


    .container {
        max-width: 100%;
        padding-left: 12.5vw;
        padding-right: 12.5vw;
    }

}

@media (max-width: 1200px) {
    header .header-nav>ul>li {
        margin-right: 1vw;
    }
}

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

@media screen and (max-width:991px) {
    #menu_toggle1 {
        display: block;
    }

    .menu_botton {
        right: 15px;
        top: 69%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .menu_botton strong {
        display: none;
    }

    .menu_botton span,
    .menu_botton span:after,
    .menu_botton span:before {
        width: 26px;
    }

    .menu_botton span:before {
        top: -8px;
    }

    .menu_botton span:after {
        bottom: -8px;
    }

    /**/

    header .header-nav,
    header .header-language {
        display: none;
    }

    header .logo {
        padding: 4px 0;
    }

    header .header-language .header_language,
    header .header-language .header_href {
        display: none;
    }

    header .header-language .header_search {
        margin-right: 4.15rem;
    }

    .header_column {
        position: relative;
        right: 50px;
        display: none;
    }

    .container-fluid {
        padding-left: 3.375vw;
        padding-right: 3.375vw;
    }


    footer .footer_nav {
        width: 100%;
        display: none;
    }

    footer .footer_box {
        width: 100%;
    }

    footer .footer_main {
        padding: 3.25rem 0;
    }

    .footer_share {
        display: none;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }



    header .logo {
        padding: 10px 0;
        width: 8.25rem;
    }

    header .header-main {
        /* position: relative; */
    }

    footer .footer_copyright .box {
        display: block !important;
    }

    footer .fCopyleft {
        text-align: center;
        margin-top: 1rem;
    }

}

@media screen and (max-width:767px) {
    body {
        font-size: 1rem;
    }

    header .logo a .img {
        width: 8.333rem !important;
        height: 2.19rem !important;
    }

    footer .footer_main {
        display: none;
    }

    header .header_languagebox {
        margin-right: 50px;
    }

    .ft_54 {
        font-size: 2.375rem;
    }

    .ft_46 {
        font-size: 2rem;
    }

    .mg_b33 {
        margin-bottom: 1.0625rem;
    }

    footer .footer_copyright {
        border-top: 1px solid #fff;
    }

    .pt_150 {
        padding-top: 4.375rem;
    }

    .pb_150,
    .pb_120 {
        padding-bottom: 4.375rem;
    }

    .ft_26 {
        font-size: 1.4rem;
    }

    .ft_25 {
        font-size: 1.3rem;
    }

    .ft_64 {
        font-size: 2.5rem;
    }

    .ft_40 {
        font-size: 2rem;
    }


    .lh_60 {
        line-height: 2.75rem;
    }

    .ft_50 {
        font-size: 2rem;
    }

    .lh_76 {
        line-height: 2.7496rem;
    }

    .ft_56 {
        font-size: 2rem;
    }

    .ft_18 {
        font-size: 1.1256rem;
    }

    .lh_30 {
        line-height: 1.8756rem;
    }

    .lh_34 {
        line-height: 2.1252rem;
    }

    .ft_32 {
        font-size: 1.7rem;
    }

    .ft_24 {
        font-size: 1.25rem;
    }

    .ft_28 {
        font-size: 1.7496rem;
    }

    .ft_20 {
        font-size: 1rem;
    }

    .ft_14 {
        font-size: 0.8748rem;
    }

    .mg_b15 {
        margin-bottom: 0.9372rem;
    }

    .mg_b40 {
        margin-bottom: 2.4996rem;
    }

    .ft_52 {
        font-size: 2.5rem;
    }

    .lh_72 {
        line-height: 2.5rem;
    }

    .ft_16 {
        font-size: 0.9996rem;
    }

    .ft_19 {
        font-size: 1.188rem;
    }

    .lh_38 {
        line-height: 2.3748rem;
    }

    .mg_b30 {
        margin-bottom: 1.5rem;
    }

    .ft_22 {
        font-size: 1.2rem;
    }

    .ft_36 {
        font-size: 1.5rem;
    }

    .mg_b20 {
        margin-bottom: 1.2504rem;
    }

    .hMore1 a {
        width: 9.9996rem;
        height: 3.1248rem;
        border-radius: 0.3756rem;
        font-size: 1.1256rem;
    }

    footer .footer_copyright .fCopyright {
        font-size: 0.9996rem;
        line-height: 1.5rem;
        color: #fff;
    }

    footer .footer_copyright {
        padding-top: 2.1876rem;
        padding-bottom: 2.1876rem;
        font-size: 0.9996rem;
    }

    .pagination a,
    .pagination span {
        margin: 0 0 0 15px;
        font-size: 0.9996rem;
        color: #000;
        font-weight: 400;
        padding: 0;
        overflow: hidden;
        position: relative;
        background: #F1F1F1;
        width: 2.8752rem;
        height: 2.8752rem;
        line-height: 2.8752rem;
        text-align: center;
        border-radius: 0vw;
        border: none;
        display: block;
        border-radius: 50%;
    }

    .pagination li:first-child a:before,
    .pagination li:first-child span:before,
    .pagination li:last-child a:before,
    .pagination li:last-child span:before {
        height: 0.6504rem;
        width: 0.6504rem;
        margin-top: -0.3rem;
        border-left: 0.0624rem solid #222222;
        border-top: 0.0624rem solid #222222;
    }

    /* 可删除 */


    .headernav .box_l,
    .headernav .box_l a {
        font-size: 1rem;
    }

    .headernav .box_r .img {
        width: 5.0628rem;
        height: 1.6872rem;
    }

    .headernav .box_r {
        display: none;
    }

    .webModal .modal-content {
        width: 92%;
    }

    .webModal .modal-content .modalMain {
        padding: 3rem 1.2504rem;
    }

    .boxbutton .getInto,
    .boxbutton .signOut {
        width: 12.1248rem;
        height: 2.75rem;
        border-radius: 6.2496rem;
        font-size: 1rem;
    }

    .home_banner .box {
        padding: 15px;
    }

    .hProduct .box .box_sm {
        width: 100%;
    }

    .hProduct .box .box_smm .img {
        height: 21rem;
    }

    .hProduct .box .box_smm .jump a {
        padding-right: 2.1252rem;
        font-size: 1.24rem;
    }

    .hProduct .box .box_smm .jump a::before {
        width: 1.5rem;
        height: 1.5rem;
    }

    .hProduct .box .box_smm .box_textbg {
        height: auto;
    }

    .hProduct .box .box_smm {
        padding: 1rem;
    }

    .hProduct .box .box_smm .img {
        margin-bottom: 1.2rem;
    }

    .hProduct .box .box_smm .jump {
        margin-top: 1.3752rem;
    }

    .hProduct .box .box_sm {
        margin-bottom: 2.4996rem;
    }

    .lh_37 {
        line-height: normal;
    }

    .mechanism a {
        width: 12.75rem;
        height: 3.1248rem;
        border-radius: 6.2496rem;
    }

    .mg_t30 {
        margin-top: 1.5rem;
    }

    .mechanism a span {
        padding-right: 2.1252rem;
    }

    .mechanism a span::before {
        width: 1.5rem;
        height: 1.5rem;
    }

    .mg_b10 {
        margin-bottom: 0.6252rem;
    }

    .boxbutton {
        margin-top: 3.1248rem;
    }

    .pb_80 {
        padding-bottom: 3rem;
    }

    .pt_80 {
        padding-top: 3rem;
    }

    #wBanner .box .title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    #wBanner .box {
        padding-left: 15px;
        padding-right: 15px;
    }

    #wBanner .box .text {
        font-size: 1rem;
        width: 100%;
    }

    #wBanner {
        height: 18rem;
        width: 100%;
    }

    .improve .box {
        width: 100%;
        margin-top: 1.8756rem;
        padding: 2.1248rem;
    }

    .improve {
        margin-bottom: 2.4996rem;
    }

    .improve .box .ft_25 {
        padding-bottom: 1.1248rem;
        margin-bottom: 1.1248rem;
    }

    #main {
        width: 100%;
        height: 20rem;
    }

    .Pbox {
        padding-left: 0;
    }

    .mg_b25 {
        margin-bottom: 1.5624rem;
    }

    .lineChartbox {
        display: block;
    }

    .lineChartbox .box {
        width: 100%;
        height: 18rem;
        margin-bottom: 2rem;
    }

    .lineChartbox .text {
        position: absolute;
        left: -16%;
        top: 23%;
        transform: translateY(-50%) rotate(90deg);
    }

    .safetytable .th {
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3rem;
    }

    .safetytable .tbody .tr {
        padding: 10px;
    }

    .safetytable .thead {
        padding-left: 1.2504rem;
        padding-right: 1.2504rem;
        padding-top: 1.2504rem;
    }

    .safetyintroduction {
        flex-direction: column-reverse;
    }

    .safetyintroduction .boxtext {
        width: 100%;
        margin-bottom: 2rem;
    }

    .safetyintroduction .boximg {
        width: 100%;
               height: 57vw;
    }

    .safetytext {
        display: block;
    }

    .safetytext .box_l {
        width: 100%;
    }

    .safetytext .box_l .box {
        flex-wrap: wrap;
        padding: 1.25rem;
    }

    .safetytext .box .box_sm:first-child,
    .safetytext .box .box_sm:nth-child(2) {
        width: 47%;
        margin-top: 0;
    }

    .safetytext .box .box_sm {
        width: 47%;
        margin-top: 1.5rem;
    }

    .safetytext .box .box_sm .img {
        width: 3rem;
        height: 3rem;
    }

    .safetytext .box_r {
        width: 100%;
        margin-top: 2rem;
    }

    .usagebox {
        flex-direction: column;
    }

    .container .usagebox:nth-child(2) {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
     .container .usagebox:nth-child(2) .boximg{
        height: 17rem !important;
        width: 95% !important;
    }

    .usagebox .boxtext {
        width: 100%;
        margin-bottom: 2rem;
    }

    .usagebox .boximg {
        width: 100% !important;
        height: 20rem !important;
    }

    .ft_30 {
        font-size: 1.5rem;
    }

    .usagebox .boxtext .ft_30 .ico {
        width: 2.1876rem;
        height: 2.1876rem;
        margin-right: 1.2504rem;
    }

    .usagebox .boxtext .ft_30 {
        display: flex;
        align-items: center;
        margin-bottom: 1.5624rem;
    }

    .mg_t50 {
        margin-top: 2.5rem;
    }

    .mechanismico {
        flex-wrap: wrap;
    }

    .mechanismico::after {
        content: '';
        flex-basis: 33%;
    }

    .mechanismico .box {
        width: 33%;
    }

    .mechanismico .box .ico {
        width: 6.2496rem;
        height: 6.2496rem;
        margin-bottom: 1.2504rem;
    }

    .hInformation {
        box-shadow: 0px 0.2496rem 1.5rem 0px rgba(0, 0, 0, 0.15);
    }
    
        .pchomebanner{
    display: none;
}
.mohomebanner{
    display: block;
}


.safetytext .box_r .box{
        justify-content: center;
}
#teamModal2 .modalMain .box{
        max-height: 30rem;
}


.webModal .close {

    width: 2rem;
    height: 2rem;

    background-size: 1rem 1rem;
 
    border-radius: 100%;
    margin-top: 1.042vw;
    margin-right: 1.042vw;
}

.contactusbox .ico{
    width: 2.5rem;
    height: 2.5rem;
}

.newsd {
    padding-left: 15px;
    padding-right: 15px;
}
.contactusbox{
    font-size: 1.2rem;
}
}

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

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

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