* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: '';
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #D61919;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: top;
    outline-width: 0ch;
}

.clear {
    clear: both;
}


/* 样式初始化 */

@media screen and (min-width: 996px) {
    .contact01 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 30px 0;
    }
    .contactL {
        width: 174px;
        height: 174px;
    }
    .contactL a {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .contactL a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .contactR {
        width: 70%;
        text-align: center;
    }
    .contactR h4 {
        font-size: 30px;
        font-family: Tahoma;
        background-color: transparent;
        color: #666666;
        font-weight: normal;
    }
    .contactR span {
        width: 100%;
        display: block;
        font-family: Tahoma;
        background-color: transparent;
        color: #666666;
        text-align: center;
    }
    .contact_02 {
        width: 100%;
        padding: 30px 15px;
    }
    .mess {
        color: #666666;
        font-size: 14px;
        font-family: ;
        display: block;
        padding-bottom: 30px;
    }
    .lxwm {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }
    .lxwm01 {
        width: 31%;
        display: flex;
        align-items: center;
    }
    .lxwm01 span {
        color: #666666;
        font-size: 14px;
        font-family: ;
        display: block;
        margin: 0 6px;
    }
    .lxwm01 input {
        height: 35px;
        line-height: 35px;
        border: 1px solid #dadada;
        outline: none;
    }
    .lxwom {
        padding: 20px 0;
    }
    .lxwom span {
        border: 1px dashed transparent;
        _border-color: tomato;
        _filter: chroma(color=tomato);
        margin: 0 5px 0 0;
        text-align: right;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 55px;
        display: block;
    }
    .lxwom input {
        width: 256px;
        height: 66px;
        border: 1px solid #dadada;
        min-width: 104px;
        text-indent: 6px;
    }
    .lxwm03 {
        display: flex;
        align-items: center;
    }
    .lxwm03 span {
        border: 1px dashed transparent;
        _border-color: tomato;
        _filter: chroma(color=tomato);
        margin: 0 5px 0 0;
        text-align: right;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 55px;
        display: block;
        color: #666666;
        font-size: 14px;
        font-family: ;
    }
    .lxwm03 input {
        height: 35px;
        line-height: 35px;
        border: 1px solid #dadada;
        outline: none;
    }
    .lxwm_btn {
        width: 158px;
        max-width: 219px;
        font: 14px ;
        height: 44px;
        line-height: 44px;
        float: left;
        color: #fff;
        cursor: pointer;
        background-color: #85c300;
        margin: 20px 0;
        text-align: center;
    }
    .coota {
        padding: 60px 0 !important;
    }
    /* contact */
    .news {
        width: 100%;
        padding: 30px 0;
    }
    .news_inner {
        max-width: 1000px;
        margin: 0 auto;
    }
    .news_mid {
        margin: 20px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .news_mid li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px dashed #e6e6e6;
    }
    .news_mid li a {
        color: #666666;
        font-size: 16px;
    }
    .news_mid li span {
        color: #666666;
        font-size: 16px;
    }
    /*  */
    .detials {
        width: 100%;
        background-color: #fff;
        padding: 30px 0;
    }
    .details_inner {
        max-width: 800px;
        margin: 0 auto;
    }
    .detials_mid {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 30px 0;
    }
    .detials_midL {
        width: 50%;
    }
    .detials_midL img {
        width: 100%;
    }
    .detials_midR {
        width: 40%;
        color: #585858;
        padding-top: 30px;
    }
    .detials_mid01 {
        width: 50%;
        display: flex;
        justify-content: space-between;
    }
    .detials_mid01 a {
        display: inline-block;
        *float: left;
        line-height: 28px;
        height: 28px;
        width: 80px;
        text-align: center;
        border: 1px solid #e9e9e9;
        padding: 0 0;
        font-weight: 400;
        color: #999;
        border-radius: 15px;
    }
    .detials_end {
        border: 1px solid #eaeaea;
        overflow: hidden;
        display: flex;
        line-height: 39px;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        margin: 20px 0;
    }
    .detials_end span {
        width: 16%;
        border-right: 1px solid #efefef;
        border-top: 5px solid #ff6537;
        font-weight: 400;
        font-size: inherit;
        transition: border-color .5s;
        display: block;
        text-align: center;
        font-size: 12px;
    }
    /* details */
    .about {
        width: 100%;
        padding: 30px 0;
    }
    .about_inner {
        max-width: 1000px;
        margin: 0 auto;
        height: 300px;
    }
    /*  */
    .solou {
        width: 100%;
        padding: 30px 0;
    }
    .solou ul {
        width: 100%;
        padding: 0 40px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .solou ul li {
        width: 23%;
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .solou ul li a {
        display: block;
        width: 100%;
    }
    .solou ul li a img {
        width: 100%;
    }
    .solou ul li span {
        display: block;
        width: 100%;
        text-align: center;
        color: #666666;
        font-size: 14px;
    }
    /*  */
    .solution {
        width: 100%;
        padding: 30px 0;
    }
    .solution_inner {
        max-width: 1000px;
        margin: 0 auto;
    }
    .solution01_inner {
        max-width: 1000px !important;
    }
    .con01_mid_row1 {
        width: 100%;
    }
    .con01_mid_row1 li {
        width: 100%;
        margin: 0 10px;
    }
    .con01_mid_row1 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid_row1 li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .con01_mid h4 {
        width: 100%;
        color: #66667d;
        padding: 10px 0;
        text-align: center;
    }
    /*  */
    .coo01 {
        width: 100%;
        background-color: #fff;
        padding: 30px 0;
    }
    .coo01 span {
        color: #673bc6;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        padding: 6px 0;
    }
    .coo02 {
        width: 100%;
        padding-top: 20px;
    }
    .coo02_inner {
        max-width: 1200px;
        margin: 0 auto;
    }
    .coo02_inner h4 {
        width: 100%;
        text-align: center;
        color: #673bc6;
    }
    .coo02_mid {
        width: 100%;
        padding: 30px 0;
    }
    .coo02_mid img {
        width: 100%;
    }
    /*  */
    .mbcon02 {
        display: none;
    }
    .mbcon03 {
        display: none;
    }
    .mask01 {
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0%;
        height: 100%;
        left: 0;
        display: none;
    }
    .exzoom01 {
        width: 800px;
        margin: auto auto;
        height: 650px;
        background-color: #fff;
        top: 20%;
        position: fixed;
        left: 26%;
    }
    .exzoom_img_ul li img {
        width: 400px !important;
    }
    #exzoom {}
    .exzoom_img_box {
        width: 100% !important;
    }
    /*  */
    .mbcon01 {
        display: none;
    }
    .mbcon04 {
        display: none;
    }
    .mbheadder {
        display: none;
    }
    .mbheadderR {
        display: none;
    }
    .headder {
        width: 100%;
        height: 120px;
    }
    .mbnav {
        display: none;
    }
    .headder_inner {
        max-width: 1200px;
        margin: 0 auto;
        height: 120px;
        line-height: 120px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .headderL {
        width: 18%;
        display: block;
        height: 60px;
        line-height: 60px;
    }
    .headdderR {
        width: 119%;
        display: flex;
        justify-content: space-between;
        margin: 0 20px;
    }
    .headdderR li {
        display: inline-block;
        position: relative;
    }
    .headdderR li a {
        display: inline-block;
        padding: 0 30px;
        color: #000000;
    }
    .headdderR li a:hover {
        color: #ff6637;
    }
    .headdderR li::after {
        content: '';
        position: absolute;
        width: 0;
        left: 0;
        right: 0;
        bottom: 20px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ff6637;
        height: 2px;
    }
    .headdderR li:nth-child(1):after {
        content: '';
        position: absolute;
        width: 100% !important;
        left: 0;
        right: 0;
        bottom: 20px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ff6637;
        height: 2px;
    }
    .headdderR li:hover::after {
        width: 100% !important;
    }
    .swiper {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .swiper {
        margin-left: auto;
        margin-right: auto;
    }
    .con01 {
        width: 100%;
        background-color: #fff;
    }
    .con01_inner {
        max-width: 1000px;
        margin: 0 auto;
    }
    .con01_top {
        margin-top: 30px;
    }
    .con01_top ul {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .con01_top ul li span {
        display: block;
        width: 100%;
        text-align: center;
        color: #512da7;
        font-size: 24px;
            margin-top: 20px;
    }
    .con01_top ul li {
        width: 31%;
        margin: 0 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
            margin-bottom: 23px;
    }
    .con01_top ul li a {
        width: 100%;
        display: block;
        text-align: center;
    }
    /* .con01_top ul li a img {
            display: block;
            width: 100%; */
    .con01_mid {
        width: 100%;
        padding: 30px 0;
    }
    .con01_mid ul {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .con01_mid_row3 {
        margin-top: 20px;
    }
    .con01_mid .con01_mid_row3 li {
        width: 32%;
        margin: 0 10px;
    }
    .con01_mid .con01_mid_row3 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid .con01_mid_row3 li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .con01_mid_row2 {
        margin-top: 20px;
    }
    .con01_mid_row2 li {
        width: 48%;
        margin: 0 10px;
    }
    .con01_mid_row2 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid_row2 li a img {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }
    .con01_mid_row4 {
        margin-top: 20px;
    }
    .con01_mid_row4 li {
        width: 23%;
        margin: 0 10px;
    }
    .con01_mid_row4 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid_row4 li a img {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }
    .foot {
        width: 100%;
        padding: 50px 0;
        background-color: #2d2d2d;
    }
    .foot_inner {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
    .foot_inner ul {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .foot_inner ul li {
        position: relative;
    }
    .foot_inner ul li::after {
        content: '';
        position: absolute;
        width: 2px;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #b6b6b6;
        height: 80%;
        margin: auto 0;
    }
    .foot_inner ul li:nth-child(3)::after {
        content: '';
        position: absolute;
        width: 0;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #b6b6b6;
        height: 80%;
        margin: auto 0;
    }
    .foot_inner ul li a {
        color: #b6b6b6;
        display: inline-block;
        padding: 0 8px;
        font-size: 14px;
    }
    .foot_inner ul li a:hover {
        color: #ff6637 !important;
    }
    .foot_inner p {
        color: #4e4e4e;
        font-size: 12px;
        margin: 10px 0;
    }
    .foot_end li a {
        color: #4e4e4e !important;
    }
    .foot_end li a:hover {
        color: #ff6637 !important;
    }
    .foot_end li:nth-child(2)::after {
        content: '';
        position: absolute;
        width: 0;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #b6b6b6;
        height: 80%;
        margin: auto 0;
    }
    .foot_end li:nth-child(1)::after {
        content: '';
        position: absolute;
        width: 0;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #4e4e4e;
        height: 80%;
        margin: auto 0;
    }
    .column {
        width: 100%;
    }
    .column img {
        width: 100%;
    }
    .products {
        width: 100%;
        background-color: #fff;
    }
    .products_inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 50px 0;
        display: flex;
        justify-content: space-between;
    }
    .productsL {
        width: 27%;
        border: 1px solid #f0f0f0;
            margin-right: 19px;
    }
    .productsL h4 {
        background-color: #ff6637;
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
    }
    .productsL ul li {
        padding: 0px 10px;
    }
    .productsL ul li a {
        color: #222222;
        display: block;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px dashed #f0f0f0;
    }
    .productsL ul li a:hover {
        color: #ff6637 !important;
    }
    .product_nav a {
        display: block;
        width: 100%;
        border: none !important;
        padding: 10px 10px !important;
    }
    .productsR {
        width: 76%;
    }
    .produtsR_top {
        width: 100%;
        position: relative;
    }
    .produtsR_top:before {
        content: '';
        position: absolute;
        width: 100px;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ff6637;
        height: 2px;
        margin: auto 0;
    }
    .produtsR_top h4 {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
    }
    .pro_top01 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 10px 0;
    }
    .pro_top01 i {
        color: #dedede !important;
    }
    .pro_top01 a {
        margin: 0 10px;
        color: #666666;
    }
    .pro_mid {
        width: 100%;
        padding: 20px 0;
    }
    .pro_mid ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pro_mid ul li {
        width: 22%;
        position: relative;
    }
    .pro_mid ul li:hover .prolist_bg {
        display: block !important;
    }
    .prolist_bg {
        position: absolute;
        top: 45px;
        left: 33%;
        display: none;
    }
    .pro_mid ul li a {
        display: block;
        width: 100%;
    }
    .pro_mid ul li a img {
        width: 100%;
    }
    .pro_mid ul li span {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        color: #666666;
        font-size: 14px;
    }
    .pro_page {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pageNo {
        padding: 5px 7px;
        display: inline-block;
    }
    .pageNo a {
        color: #666666;
        display: block;
        padding: 0 10px;
    }
    .pagePrev>span {
        color: #666;
        font-size: 14px;
    }
    .pageNext span {
        color: #666;
        font-size: 14px;
    }
}

@media screen and (max-width: 996px) {
    .contact01 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 30px 0;
    }
    .contactL {
        width: 174px;
        height: 174px;
    }
    .contactL a {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .contactL a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    .contactR {
        width: 70%;
        text-align: center;
    }
    .contactR h4 {
        font-size: 30px;
        font-family: Tahoma;
        background-color: transparent;
        color: #666666;
        font-weight: normal;
    }
    .contactR span {
        width: 100%;
        display: block;
        font-family: Tahoma;
        background-color: transparent;
        color: #666666;
        text-align: center;
    }
    .contact_02 {
        width: 100%;
        padding: 30px 15px;
    }
    .mess {
        color: #666666;
        font-size: 14px;
        font-family: ;
        display: block;
        padding-bottom: 30px;
    }
    .lxwm {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        flex-wrap: wrap;
    }
    .lxwm01 {
        width: 100%;
        display: flex;
        align-items: center;
        margin: 10px 0;
    }
    .lxwm01 span {
        color: #666666;
        font-size: 14px;
        font-family: ;
        display: block;
        margin: 0 6px;
    }
    .lxwm01 input {
        height: 35px;
        line-height: 35px;
        border: 1px solid #dadada;
        outline: none;
    }
    .lxwom {
        padding: 20px 0;
    }
    .lxwom span {
        border: 1px dashed transparent;
        _border-color: tomato;
        _filter: chroma(color=tomato);
        margin: 0 5px 0 0;
        text-align: right;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 55px;
        display: block;
    }
    .lxwom input {
        width: 256px;
        height: 66px;
        border: 1px solid #dadada;
        min-width: 104px;
        text-indent: 6px;
    }
    .lxwm03 {
        display: flex;
        align-items: center;
    }
    .lxwm03 span {
        border: 1px dashed transparent;
        _border-color: tomato;
        _filter: chroma(color=tomato);
        margin: 0 5px 0 0;
        text-align: right;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 55px;
        display: block;
        color: #666666;
        font-size: 14px;
        font-family: ;
    }
    .lxwm03 input {
        height: 35px;
        line-height: 35px;
        border: 1px solid #dadada;
        outline: none;
    }
    .lxwm_btn {
        width: 158px;
        max-width: 219px;
        font: 14px ;
        height: 44px;
        line-height: 44px;
        float: left;
        color: #fff;
        cursor: pointer;
        background-color: #85c300;
        margin: 20px 0;
        text-align: center;
    }
    .coota {
        padding: 60px 0 !important;
    }
    /*  */
    .news {
        width: 100%;
        padding: 30px 0;
    }
    .news_inner {
        max-width: 80%;
        margin: 0 auto;
    }
    .news_mid {
        margin: 20px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .news_mid li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px dashed #e6e6e6;
    }
    .news_mid li a {
        color: #666666;
        font-size: 16px;
    }
    .news_mid li span {
        color: #666666;
        font-size: 16px;
    }
    /*  */
    .detials {
        width: 100%;
        background-color: #fff;
        padding: 30px 0;
    }
    .details_inner {
        max-width: 70%;
        margin: 0 auto;
    }
    .detials_mid {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 30px 0;
    }
    .detials_midL {
        width: 50%;
    }
    .detials_midL img {
        width: 100%;
    }
    .detials_midR {
        width: 40%;
        color: #585858;
        padding-top: 30px;
    }
    .detials_mid01 {
        width: 50%;
        display: flex;
        justify-content: space-between;
    }
    .detials_mid01 a {
        display: inline-block;
        *float: left;
        line-height: 28px;
        height: 28px;
        width: 80px;
        text-align: center;
        border: 1px solid #e9e9e9;
        padding: 0 0;
        font-weight: 400;
        color: #999;
        border-radius: 15px;
    }
    .detials_end {
        border: 1px solid #eaeaea;
        overflow: hidden;
        display: flex;
        line-height: 39px;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        margin: 20px 0;
    }
    .detials_end span {
        width: 16%;
        border-right: 1px solid #efefef;
        border-top: 5px solid #ff6537;
        font-weight: 400;
        font-size: inherit;
        transition: border-color .5s;
        display: block;
        text-align: center;
        font-size: 12px;
    }
    /*  */
    .about {
        width: 100%;
        padding: 30px 0;
    }
    .about_inner {
        max-width: 80%;
        margin: 0 auto;
        height: 300px;
    }
    /*  */
    .solou {
        width: 100%;
        padding: 30px 0;
    }
    .solou ul {
        width: 100%;
        padding: 0 40px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .solou ul li {
        width: 43%;
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .solou ul li a {
        display: block;
        width: 100%;
    }
    .solou ul li a img {
        width: 100%;
    }
    .solou ul li span {
        display: block;
        width: 100%;
        text-align: center;
        color: #666666;
        font-size: 14px;
    }
    .solution {
        width: 100%;
        padding: 30px 0;
    }
    .solution_inner {
        max-width: 80%;
        margin: 0 auto;
    }
    .solution01_inner {
        max-width: 80% !important;
    }
    .con01_mid_row1 {
        width: 100%;
    }
    .con01_mid_row1 li {
        width: 100%;
        margin: 0 10px;
    }
    .con01_mid_row1 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid_row1 li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .con01_mid h4 {
        width: 100%;
        color: #66667d;
        padding: 10px 0;
        text-align: center;
    }
    /*  */
    .solution01 {
        display: block !important;
    }
    .coo01 {
        width: 100%;
        background-color: #fff;
        padding: 30px;
    }
    .coo01 span {
        color: #673bc6;
        font-size: 14px;
        display: block;
        width: 100%;
        text-align: center;
        padding: 6px 0;
    }
    .coo02 {
        width: 100%;
        padding-top: 20px;
    }
    .coo02_inner {
        max-width: 90%;
        margin: 0 auto;
    }
    .coo02_inner h4 {
        width: 100%;
        text-align: center;
        color: #673bc6;
    }
    .coo02_mid {
        width: 100%;
        padding: 30px 0;
    }
    .coo02_mid img {
        width: 100%;
    }
    /*  */
    .mask01 {
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0%;
        height: 100%;
        left: 0;
        display: none;
    }
    .column {
        width: 100%;
    }
    .column img {
        width: 100%;
    }
    /*  */
    .headder {
        display: none;
    }
    .mbheadder {
        background: #fff;
        -webkit-box-shadow: 0 0.2rem 0 #ce2122 inset;
        -ms-box-shadow: 0 .2rem 0 #ce2122 inset;
        -o-box-shadow: 0 .2rem 0 #ce2122 inset;
        box-shadow: 0 0.2rem 0 #ce2122 inset;
        color: #ce2122;
        position: relative;
        z-index: 999999;
    }
    .mbheadderL {
        width: 42%;
        position: relative;
        z-index: 999;
    }
    .mbheadderL a {
        display: block;
        width: 100%;
    }
    .mbheadderL a img {
        width: 100%;
    }
    .mbheadderR {
        position: fixed;
        bottom: 5rem;
        z-index: 1;
        float: left;
    }
    .mbheadderR a {
        display: flex;
        justify-content: center;
        border-radius: .3rem;
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        background: #ce2122;
        float: left;
        margin: 2.5rem 0 .25rem .5rem;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
        -ms-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
        -o-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
        box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    }
    .mbheadderR a i {
        color: #fff !important;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px !important;
    }
    .mbheadder_hide {
        position: fixed;
        z-index: 3;
        height: 100%;
        max-width: 640px;
        width: 100%;
        right: auto;
        left: auto;
        top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block;
        -webkit-transition: all 350ms;
        transition: all 350ms;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        display: flex;
        justify-content: space-between;
    }
    .mbheadder_hide ul {
        width: 45%;
        background: rgba(255, 255, 255, 1.0);
        /* background-color: #fff; */
    }
    .mask {
        right: 0px;
        bottom: 0px;
        /* background: #000; */
        left: 45%;
        width: 55%;
        height: 100vh;
        z-index: 600;
        background-color: rgba(0, 0, 0, .25);
        /* position: fixed; */
        position: absolute;
        top: 0;
    }
    /*  */
    /*  */
    /*  */
    /*  */
    .cover {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        z-index: 999;
        display: none;
    }
    .mbnav {
        width: 40%;
        background-color: #fff;
        height: 100%;
        position: fixed;
        top: 0;
        left: -40%;
        z-index: 1000;
        transition: all ease .4s;
    }
    .change {
        left: 0 !important;
    }
    .mbnav ul {
        width: 100%;
        height: 100%;
        margin-top: 52px;
    }
    .mbnav ul li {
        position: relative;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        padding: 0 20px;
        align-items: center;
    }
    .mbnav ul li:nth-child(1) {
        position: relative;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        padding: 0 20px;
        align-items: center;
        background-color: #f5d3d3;
    }
    .mbnav ul li i {
        font-size: 36px;
        color: #666666 !important;
    }
    .mbnav ul li a {
        color: #666666;
        margin: 0 10px;
    }
    /* /* .mbnav ul li:before {
        content: '';
        position: absolute;
        width: 0;
        left: 0;
        top: 0px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ce2122;
        height: 100%;
        margin: auto 0;
    } */
    .mbnav ul li:nth-child(1)::before {
        content: '';
        position: absolute;
        width: 4px;
        left: 0;
        top: 0px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ce2122;
        height: 100%;
        margin: auto 0;
    }
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    .swiper {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .swiper {
        margin-left: auto;
        margin-right: auto;
    }
    .con01 {
        display: none;
    }
    .con01_inner {
        max-width: 80%;
        margin: 0 auto;
    }
    .con01_top {
        margin-top: 30px;
    }
    .con01_top ul {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .con01_top ul li span {
        display: block;
        width: 100%;
        text-align: center;
        color: #512da7;
        font-size: 24px;
    }
    .con01_top ul li {
        width: 23%;
        margin: 0 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .con01_top ul li a {
        width: 100%;
        display: block;
        text-align: center;
    }
    .con01_top ul li a img {
        display: block;
        width: 100%;
    }
    .con01_mid {
        width: 100%;
        padding: 30px 0;
    }
    .con01_mid ul {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .con01_mid_row3 {
        margin-top: 20px;
    }
    .con01_mid .con01_mid_row3 li {
        width: 43%;
        margin: 0 10px;
    }
    .con01_mid .con01_mid_row3 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid .con01_mid_row3 li a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .con01_mid_row2 {
        margin-top: 20px;
    }
    .con01_mid_row2 li {
        width: 48%;
        margin: 0 10px;
    }
    .con01_mid_row2 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid_row2 li a img {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }
    .con01_mid_row4 {
        margin-top: 20px;
    }
    .con01_mid_row4 li {
        width: 43%;
        margin: 0 10px;
    }
    .con01_mid_row4 li a {
        display: block;
        width: 100%;
        height: 240px;
    }
    .con01_mid_row4 li a img {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }
    .foot {
        width: 100%;
        padding: 10px 0;
        background-color: #ffffff;
    }
    .foot_inner {
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .foot_inner ul {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .foot_inner ul li {
        position: relative;
    }
    .foot_inner ul li::after {
        content: '';
        position: absolute;
        width: 2px;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #b6b6b6;
        height: 80%;
        margin: auto 0;
    }
    .foot_inner ul li:nth-child(3)::after {
        content: '';
        position: absolute;
        width: 0;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #b6b6b6;
        height: 80%;
        margin: auto 0;
    }
    .foot_inner ul li a {
        color: #b6b6b6;
        display: inline-block;
        padding: 0 8px;
        font-size: 14px;
    }
    .foot_inner ul li a:hover {
        color: #ff6637 !important;
    }
    .foot_inner p {
        color: #4e4e4e;
        font-size: 12px;
        margin: 10px 0;
    }
    .foot_end li a {
        color: #4e4e4e !important;
    }
    .foot_end li a:hover {
        color: #ff6637 !important;
    }
    .foot_end li:nth-child(2)::after {
        content: '';
        position: absolute;
        width: 0;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #b6b6b6;
        height: 80%;
        margin: auto 0;
    }
    .foot_end li:nth-child(1)::after {
        content: '';
        position: absolute;
        width: 0;
        left: 100%;
        right: 0;
        top: 3px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #4e4e4e;
        height: 80%;
        margin: auto 0;
    }
    .mbcon01 {
        width: 100%;
        background-color: #fff;
        padding: 15px 0;
    }
    .mbcon01_inner {
        max-width: 90%;
        margin: 0 auto;
    }
    .mbcon01_search {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .mbcon01_search input {
        padding-left: .8rem;
        width: 90%;
        color: #919191;
        font-size: .6rem;
        outline: 0;
        height: 42px;
        line-height: 42px;
        border-radius: 30px;
        border: 1px solid #d7d7d7;
    }
    .mbcon01_search a {
        width: 16%;
        background-color: #e86754;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 42px;
        line-height: 42px;
        margin-left: -36px;
    }
    .mbcon01_search a i {
        color: #fff;
        font-size: 20px;
    }
    .mbcon01_inner ul {
        width: 100%;
        padding: 20px 0;
        display: flex;
        justify-content: center;
    }
    .mbcon01_inner ul li {
        width: 86px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .mbcon01_inner ul li a {
        display: block;
        width: 100%;
    }
    .mbcon01_inner ul li a img {
        width: 100px;
        height: 100px;
        object-fit: cover;
    }
    .mbcon01_inner ul li span {
        width: 100%;
        display: block;
        text-align: center;
    }
    .mbcon02 {
        width: 100%;
        padding: 15px 0;
        background-color: #f2f2f2;
    }
    .mbcon02_inner {
        max-width: 90%;
        margin: 0 auto;
        position: relative;
    }
    .mbcon02_inner:before {
        content: '';
        position: absolute;
        width: 4px;
        left: 0;
        top: 0px;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ce2122;
        height: 100%;
        margin: auto 0;
    }
    .mbcon02_inner h4 {
        padding: 0 20px;
        color: #000000;
        font-size: 18px;
        font-weight: 500;
    }
    .mbcon02_list {
        max-width: 90%;
        margin: 20px auto;
        background-color: #fff;
    }
    .mbcon02_list ul {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .mbcon03 {
        background-color: #fff;
    }
    .mbcon02_list ul li {
        width: 49%;
    }
    .mbcon02_list ul li a {
        width: 100%;
        display: block;
    }
    .mbcon02_list ul li a img {
        width: 100%;
    }
    .mbcon04 {
        width: 100%;
        background-color: #ce2122;
        padding: 15px 0;
    }
    .mbcon04 a {
        max-width: 80%;
        display: flex;
        justify-content: flex-end;
        color: #fff;
        align-items: center;
        font-weight: bold;
    }
    .mbcon04 a i {
        font-weight: bold !important;
        margin: 0 10px;
    }
    .products {
        width: 100%;
        background-color: #fff;
    }
    .products_inner {
        max-width: 80%;
        margin: 0 auto;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .productsL {
        width: 100%;
        border: 1px solid #f0f0f0;
    }
    .productsL h4 {
        background-color: #ff6637;
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
    }
    .productsL ul li {
        padding: 0px 10px;
    }
    .productsL ul li a {
        color: #222222;
        display: block;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px dashed #f0f0f0;
    }
    .productsL ul li a:hover {
        color: #ff6637 !important;
    }
    .product_nav a {
        display: block;
        width: 100%;
        border: none !important;
        padding: 10px 10px !important;
    }
    .productsR {
        width: 100%;
    }
    .produtsR_top {
        width: 100%;
        position: relative;
    }
    .produtsR_top:before {
        content: '';
        position: absolute;
        width: 100px;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        transition: all ease .3s;
        background: #ff6637;
        height: 2px;
        margin: auto 0;
    }
    .produtsR_top h4 {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
    }
    .pro_top01 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 10px 0;
    }
    .pro_top01 i {
        color: #dedede !important;
    }
    .pro_top01 a {
        margin: 0 10px;
        color: #666666;
    }
    .pro_mid {
        width: 100%;
        padding: 20px 0;
    }
    .pro_mid ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pro_mid ul li {
        width: 48%;
        position: relative;
    }
    .pro_mid ul li a {
        display: block;
        width: 100%;
    }
    .pro_mid ul li a img {
        width: 100%;
    }
    .pro_mid ul li span {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        color: #666666;
        font-size: 14px;
    }
    .pro_mid ul li:hover .prolist_bg {
        display: block !important;
    }
    .prolist_bg {
        position: absolute;
        top: 45px;
        left: 33%;
        display: none;
    }
    .pro_page {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pageNo {
        padding: 5px 7px;
        display: inline-block;
    }
    .pageNo a {
        color: #666666;
        display: block;
        padding: 0 10px;
    }
    .pagePrev>span {
        color: #666;
        font-size: 14px;
    }
    .pageNext span {
        color: #666;
        font-size: 14px;
    }
}