/*头部开始*/
            .g-hd{ height:6.9rem; overflow: hidden;}
            .g-hd .m-logo{ padding:1.7rem 0 0 1.3rem; width:41.5%; display:block; float:left;}
            .g-hd .m-logo img{width:100%;}
            .g-hd .m-tel{ width:49.5%; float:right;margin:2.9rem 0 0; font-size:1.5rem; color:#323232; box-sizing:border-box; padding-left:2rem;background:url('/mobile/Images/Common/tel.gif') no-repeat 0 0.2rem;background-size:1.21rem 1.21rem; line-height:100%;}
            /*头部结束*/
        
            .m4-title_nav {
                height: 4.7rem;
                line-height: 4.7rem;
                box-sizing: border-box;
                padding: 0 13.5%;
                position: relative;
                background-color:#2252a6;
            }
            
            .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:#2252a6;}
    

        .m4-prod-content-1-con {
            overflow: hidden;
            padding: 0 0 2rem;
            color: #575757;
            line-height: 2.4rem;
        }
        .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-prod-content-1-con p {
            box-sizing: border-box;
            padding:1.5rem 6%;
            background: #f5f5f5;
            border: solid 1px #d7d7d7;
            border-top: 0;
        } 
/*详情页图片自适应*/ 
.endit-content img {
            display: block;
            max-width: 100% !important;
            height: auto !important;
        }
    

        .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; clear:both; padding-bottom:20%; background:#f6f6f6; padding-top:2rem; position:relative;}
.g-ft img{width:100%; height:auto; display:block;}
.u-top{width: 2.5rem;position:fixed; bottom:8rem; right: 0px;z-index: 999}
.map{ overflow:hidden; margin-bottom:1rem; text-align:center; height:2.5rem;}
.map i a{ display: inline-block; width:38%; height:2.1rem; line-height:2.1rem; text-align:center; color:#333; font-size:1rem; border:1px solid #aaa; margin-top:0.8rem; margin:0 3%; box-sizing:border-box;}
.map i a span{ display:inline-block; width:1.2rem; margin-right:0.5rem;}
.map i a span img{ vertical-align:middle;}
.g-ft .copy1{ text-align:center; color:#666; font-size:0.92rem;}
.g-ft .copy1 span{ display:block; box-sizing:border-box; border:0.25rem solid #fff;font-size:0; margin:0 auto; width:32%;}
.g-ft .copy1 span img{ box-sizing:border-box; border:0.2rem solid #fff; }
.g-ft .copy{ text-align:center; color:#666; font-size:0.9rem; margin-top:1rem; line-height:1.5rem;}
.g-ft .copy span{ display:block;}
.g-ft .copy a{ color:#666;}



.social_nav5{height:4rem;position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;  z-index:999;background: #323232; }
.social_nav5 li{ width:25%; float:left; position:relative;border-right:1px solid #202020;border-left:1px solid #515151; font-size:1rem; text-align:center; color:#fff;line-height:1rem; height:4rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.social_nav5 li:last-child{border-right:none;}
.social_nav5 li em{ width:33%; display:block; margin:0 auto; padding:0.5rem 0 0.2rem 0;}
.social_nav5 li a{ color:#fff;}
.social_nav5 li.cur{ position:relative;}
.social_nav5 li.cur i{ display:block; position:absolute; left:0; width:100%; bottom:4rem;}
.social_nav5 li.cur i a{ display:block; height:2.38rem; background:#323232; line-height:2.38rem; margin-bottom:1px;}
.social_nav5 li:first-child em img{width:80%;}

@media screen and (min-width: 320px) {
    .g-ft{
        font-size: 11.25px;
    }
}
@media screen and (min-width: 360px) {
    .g-ft {
        font-size: 12.5px;
    }
}
@media screen and (min-width: 375px) {
    .g-ft{
        font-size: 14px;
    }
}
@media screen and (min-width: 400px) {
    .g-ft {
        font-size: 12.5px;
    }
}
@media screen and (min-width: 440px) {
    .g-ft {
        font-size: 13.75px;
    }
}
@media screen and (min-width: 480px) {
    .g-ft .copy {
        font-size: 15px;
    }
}
@media screen and (min-width: 520px) {
    .g-ft  {
        font-size: 16.25px;
    }
}
@media screen and (min-width: 560px) {
    .g-ft {
        font-size: 17.5px;
    }
}
@media screen and (min-width: 600px) {
    .g-ft  {
        font-size: 18.75px;
    }
}
@media screen and (min-width: 640px) {
        .g-ft {
            font-size: 20px;
        }
    }
/*底部结束*/