.m4-title_nav {
                height: 4.7rem;
                line-height: 4.7rem;
                box-sizing: border-box;
                padding: 0 13.5%;
                position: relative;
                background-color:#db0010;
            }
            
            .m4-title_nav h2 {
                text-align: center;
                color: #fff;
                font-weight: normal;
            }
            
            .m4-goback {
                width: 0.8rem;
                height: 0.8rem;
                border-left: solid 0.1rem #fff;
                border-top: solid 0.1rem #fff;
                overflow: hidden;
                text-indent: -999px;
                display: block;
                top: 2.1rem;
                position: absolute;
                left: 6.5%;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                /* IE 9 */
                -moz-transform: rotate(-45deg);
                /* Firefox */
                -webkit-transform: rotate(-45deg);
                /* Safari and Chrome */
                -o-transform: rotate(-45deg);
            }
            
            .m4-t-sear1 {
                width: 2.5rem;
                height: 1.5rem;
                float: right;
                cursor: pointer;
                margin-top: 1.5rem;
                position: relative;
            }
            
            .m4-t-sear1:after {
                content: "";
                display: block;
                width: 1.4rem;
                height: 1.4rem;
                box-sizing: border-box;
                border: 2px solid #fff;
                border-radius: 100%;
            }
            
            .m4-t-sear1:before {
                content: "";
                display: block;
                width: 2px;
                height: 0.5rem;
                position: absolute;
                bottom: 0;
                left: 1.3rem;
                background: #fff;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                /* IE 9 */
                -moz-transform: rotate(-45deg);
                /* Firefox */
                -webkit-transform: rotate(-45deg);
                /* Safari and Chrome */
                -o-transform: rotate(-45deg);
                /* Opera */
            }
            
            .m4-title_nav #m4-topclick {
                width: 1.5rem;
                height: 1.5rem;
                position: absolute;
                top: 1.5rem;
                right: 0.9rem;
                display: block;
                box-sizing: border-box;
                border-top: 0.15rem solid #fff;
                border-bottom: 0.15rem solid #fff;
                overflow: hidden;
            }
            
            #m4-topclick:after {
                content: "";
                display: block;
                width: 100%;
                height: 0.15rem;
                background: #fff;
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -0.0525rem;
            }
        

            .m4-t-sear2 {
                height: 100%;
                width: 100%;
                position: fixed;
                top: 0;
                left: 0;
                background: #fff;
                display: none;
                z-index: 22;
            }
            
            .m4-t-sear2-txt {
                height: 4.4rem;
                background: #1d4576;
                margin-bottom: 2.5rem;
                overflow: hidden;
            }
            
            .m4-t-sear2-inp {
                width: 78.12%;
                height: 2.5rem;
                margin: 0.8rem 0 0 1.0rem;
                position: relative;
                box-sizing: border-box;
                border-radius: 1.5rem;
                background: #fff;
                overflow: hidden;
            }
            
            .m4-t-sear2-inp input {
                height: 100%;
                outline: none;
                border:0;
            }
            
            .m4-t-sear2-inp-text {
                width: 100%;
                font-size: 1.4rem;
                padding-left: 1.5rem;
                color: #00d0b1;
                box-sizing: border-box;
                border-radius: 1rem;
                border: 1px solid #d6d7d9;
            }
            
            .m4-t-sear2-inp-but {
                width: 3.2rem;
                border: 0;
                border-left: 1px solid #d6d7d9;
                ;
                position: absolute;
                top: 0;
                right: 0;
                cursor: pointer;
                background: #ededed;
            }
            
            .m4-t-sear2-inp span {
                width: 3.2rem;
                height: 2.5rem;
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                cursor: pointer;
            }
            
            .m4-t-sear2-inp span:after {
                content: "";
                display: block;
                width: 1.4rem;
                height: 1.4rem;
                box-sizing: border-box;
                border: 2px solid #999;
                position: absolute;
                top: 0.4rem;
                left: 0.6rem;
                border-radius: 100%;
            }
            
            .m4-t-sear2-inp span:before {
                content: "";
                display: block;
                width: 2px;
                height: 0.5rem;
                background: #999;
                position: absolute;
                top: 1.5rem;
                left: 1.7rem;
                z-index: 22;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                /* IE 9 */
                -moz-transform: rotate(-45deg);
                /* Firefox */
                -webkit-transform: rotate(-45deg);
                /* Safari and Chrome */
                -o-transform: rotate(-45deg);
                /* Opera */
            }
            
            .m4-t-sear2-txt p {
                width: 14%;
                float: right;
                font-size: 1.5rem;
                color: #fff;
                line-height: 4.4rem;
                cursor: pointer;
            }
            
            .m4-t-sear2-txt2 {
                height: 100%;
                background: #fff;
            }
            
            .m4-t-sear2-txt2 h3 {
                width: 93.75%;
                font-size: 1.4rem;
                color: #333;
                line-height: 2.25rem;
                margin: 0 auto 1.5rem;
                border-bottom: 1px solid #d5d6d8;
            }
        

        .m4-crumbs-1 {
            line-height:2.6rem;
            height:3rem;
            color: #575757;
            padding: 1rem 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .m4-crumbs-1 a:nth-child(1){margin-left:0;}
        .m4-crumbs-1 a {
            color: #575757;
            margin: 0 0.5rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        } 
.m4-crumbs-1 a:nth-last-child(1) {
            color: #575757;
        }
                  .m4-crumbs-1 a.cur{color:#db0010;}
    

        .m4-prod-content-1-con {
            overflow: hidden;
            padding: 0 0 2rem;
        }
        
        .m4-prod-content-1-con-ly {
            font-size: 1.3rem;
            height: 3rem;
            line-height: 1.3rem;
            color: #999;
        }
        
        .m4-prod-content-1-con-ly span {
            padding: 0 2rem 0 0;
        }
        
    

        .m4-nsws-list-content-1 {
            padding: 0 0 0rem;
            display: block;
            clear: both;
        }
        
        .m4-nsws-list-content-1-con p,
        .m4-nsws-list-content-1-con p img {
            width: 100%;
            display: block;
        }
        
        .m4-nsws-list-content-1-con li {
            line-height: 3.8rem;
            height: 3.8rem;
            border-bottom: dashed 1px #c9c7c6;
            padding: 0 3%;
            position: relative;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        
        .m4-nsws-list-content-1-con li:before {
            content: "";
            position: absolute;
            width: 0.5rem;
            height: 0.5rem;
            border-top: solid 1px #7d7d7d;
            border-right: solid 1px #7d7d7d;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            right: 3%;
            top: 1.9rem;
        }
        
        .m4-nsws-list-content-1-con a:last-child li {
            border: 0;
        }
    

        .m4-product-2{position:relative;}
        .swiper-container {
            width:80%;
            margin:2rem auto 0;padding-bottom:2rem;
        }
        
        .m4-product-2-con li {
            width: 50%;
            overflow: hidden;
        }
        
        .m4-product-2-con li img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
        
        .m4-product-2-con li span {
            display: block;
            max-height:4.8;
            text-align: center;
            overflow:hidden;
        }
        
        .m4-product-2 .swiper-button-prev,
        .m4-product-2 .swiper-button-next {
            display: block;
            border: 0; 
            width: 21px;
            height: 32px;
            background: url(images/m1-skinVI.png) 0px -2328px no-repeat; 
            overflow: hidden;
            position: absolute;
            z-index: 0;
            top: 63%;
            margin-top: -0.8rem;
            text-indent: -9999px;
            
        }
        .m4-product-2 .swiper-button-next{
            background: url(images/m1-skinVI.png) 0px -2390px  no-repeat;
        }
        .m4-product-2 .swiper-button-prev {
            left: 0.5rem;
        }
        
        .swiper-slide {
            height: auto!important;
        }
        
        .m4-product-2 .swiper-button-next {
            right: 0.5rem;
        }
    

        .g-ft {
            height: auto;
            padding: 0 0 5.2rem;
            position: relative;
            z-index: 99;
            font-size: 1.2rem;
            line-height: 1.6rem;
            text-align: center;
            z-index: 9;
            color: #333;
            z-index: 1;
        }
        
        .g-ft:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 0.4rem;
            background: #f3f3f3;
            left: 0;
            top: 2.5rem;
            z-index: -1;
        }
        
        .ontop {
            width: 15.78%;
            height: 6rem;
            display: block;
            text-align: center;
            margin: 0 auto;
            overflow: hidden;
            font-family: Arial;
            font-size: 1.3rem;
            background: url(images/ontop.gif) no-repeat center 0;
            -webkit-background-size: 100%;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            background-size: 100%;
            color: #fff;
            font-weight: bold;
            line-height: 6.8rem;
        }
        
        .ontop span {
            display: block;
            margin: 0 auto;
        }
        
        .f_con {
            height: 22.8rem;
        }
        
        .f_con p.f_lxx {
            height: 4.4rem;
            padding: 0.9rem 0 0;
        }
        
        .f_con p.f_lxx a {
            height: 2.6rem;
            width: 27.34%;
            border: solid 0.05rem #cd2f21;
            line-height: 2.6rem;
            font-weight: bold;
            color: #000;
            font-size: 1.2rem;
            display: inline-block;
        }
        
        .f_con p.f_lxx a:nth-child(2) {
            margin-left: 1.2rem;
        }
        
        .f_con p.f_code {
            position: relative;
            z-index: 1;
        }
        
        .f_con p.f_code img {
            display: block;
            width: 24%;
            margin: 0 auto;
            background: #fff;
            padding: 5px;
        }
        
        .f_con p.f_code span {
            display: block;
            line-height: 2.9rem;
            color: #555;
        }
        
        .f_con p.f_code:before {
            position: absolute;
            content: "";
            width: 59%;
            height: 9.2rem;
            z-index: -1;
            border: solid 1px #c8c8c8;
            left: 20.156%;
            top: 1.9rem;
        }
        
        .f_con a {
            color: #333;
        }
        
        .social_nav5 {
            height: 5.2rem;
            position: fixed;
            bottom: 0;
            min-width: 320px;
            max-width: 640px;
            width: 100%;
            z-index: 999;
            background: #db0010;
            text-align: center;
            line-height: 5.2rem;
        }
        
        .social_nav5 li {
            height: 5.2rem;
            width: 25%;
            font-size: 1.1rem;
            float: left;
            color: #fff;
            position: relative;
            font-weight: bold;
        }
        
        .social_nav5 li:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 5.2rem;
            background: #e23340;
            left: 0;
            top: 0;
        }
        
        .social_nav5 ul a:nth-child(1) li {
            background: url(images/f_lbg.gif) no-repeat center 0;
            -webkit-background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            -o-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        
        .social_nav5 li span {
            display: block;
            width: 2.95rem;
            height: 1.8rem;
            display: block;
            padding: 1.15rem 0 0;
            margin: 0 auto;
        }
        
        .social_nav5 li span img {
            width: 2.95rem;
            display: block;
        }