.m4-title_nav {
                height: 4.7rem;
                line-height: 4.7rem;
                box-sizing: border-box;
                padding: 0 13.5%;
                position: relative;
                background-color:#25a4e7;
            }
            
            .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: #25a4e7;
                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:#25a4e7;}
    

        .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: 53%;
            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{padding-bottom:  5.9rem;}
		.top{height: 2.9rem;line-height: 2.9rem;background-color: #26aff5;font-size: 1.2rem;color: #fff;text-align: center;}
		.top img{display: inline-block;width: 6%;vertical-align: middle;margin-right: 4%;}
		.top a{display: block;height: 2.9rem;color: #fff;}
		.g-ft h2{height: 3.2rem;background: #24a5e8;text-align: center;position: relative;}
		.g-ft h2:after{position: absolute;width: 1px;height: 1rem;background: #fff;content: "";left: 50%;top: 1.1rem;}
		.g-ft h2 a{float: left;height: 3.2rem;line-height: 3.2rem;width:50%;font-size: 1.3rem;color: #fff;}
		.g-ft h2 a img{display:inline-block;width: 10%;vertical-align: middle;margin-right: 5%;}
		.info{height:6.6rem;font-size: 1.2rem;color: #686868;padding-top: 1.2rem;text-align: center;line-height: 2rem;}
		.f_nav{height: 5.9rem;background-color: #404040;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 999;}
		.f_nav li{float: left;width: 25%;height: 5.9rem;text-align: center;border-right: 1px solid #d9d9d9;box-sizing: border-box;}
		.f_nav li:last-child{border-right: 0;}
		.f_nav li:first-child{background-color: #24a5e8;}
		.f_nav li a{display:block;height:4.8rem;padding-top:1.1rem;}
		.f_nav li img{display:block;width: 25%;margin:0 auto;}
		.f_nav li:last-child img{width:33.1%;}
		.f_nav li span{display: block;color: #fff;font-size: 1.4rem;line-height: 2.7rem;}