.m4-title_nav {
                height: 4.7rem;
                line-height: 4.7rem;
                box-sizing: border-box;
                padding: 0 13.5%;
                position: relative;
                background-color:#0080cc;
                background-image: -webkit-gradient(linear, left top, right bottom, from(#4bc142), to(#0080cc)); 
    background-image: -webkit-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -moz-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -o-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -ms-linear-gradient(left, #4bc142, #0080cc); 
    background-image: linear-gradient(left, #4bc142, #0080cc);
            }
            
            .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-image: -webkit-gradient(linear, left top, right bottom, from(#4bc142), to(#0080cc)); 
    background-image: -webkit-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -moz-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -o-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -ms-linear-gradient(left, #4bc142, #0080cc); 
    background-image: linear-gradient(left, #4bc142, #0080cc);
                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:#0080cc;}
    
  
    	.m4-prod-showcase-1{position: relative;}                  
        .picScroll1>div a,.picScroll1>div img{
            box-sizing: border-box;
            width: 100%;
            height: auto;
            display: block;
        }
        .picScroll1 h3{font-size: 1.5rem;line-height:2rem;display:block;padding-bottom:1rem;color:#333;}
        .m4-bantil{display: block; width:100%;position: absolute;left:0;bottom:0;height: 1.8rem;text-align: center;}
		.m4-bantil li{width:0.55rem;height: 0.55rem;background:#d6cbc8;border-radius:0.55rem;margin: 0 0 0 0.2rem;display: inline-block;font-size:0;}
		.m4-bantil li.on{background:#0080cc;}
		.swiper-container {
            width: 100%;
            position: relative;
        }
        .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;
        }
    

        .m4-prod-content-1-con-txt{color: #666;line-height: 1.8rem;clear: both;}
        .m4-prod-content-1-con-txt p{color: #666;line-height:2.4rem;clear: both;padding: 0 3%;}
        .m4-prod-content-1-con-txt span{color: #424142;line-height: 1.8rem;clear: both;width:45%;display: block;float: left;}
        .m4-prod-content-1-con  h3{border-bottom: solid 1px #c9c9c9;padding: 0 3%;font-size: 1.5rem;height: 3.4rem;line-height: 3.2rem;color: #424142;margin-bottom:1.3rem;}
        .m4-pho{display: block;clear: both;text-align:center;width:100%;height: 3.35rem;line-height: 3.35rem;background: ${skins.vi and skins.vi.color?skins.vi.color: "#13a0b2";background-image: -webkit-gradient(linear, left top, right bottom, from(#4bc142), to(#0080cc)); 
    background-image: -webkit-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -moz-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -o-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -ms-linear-gradient(left, #4bc142, #0080cc); 
    background-image: linear-gradient(left, #4bc142, #0080cc);};color: #fff;font-size: 1.3rem;margin:1.5rem auto;}
        /*详情页图片自适应*/
        .endit-content img{max-width:100% !important;height:auto !important;}
    


        .m2-prod-content-1{overflow: hidden;}
        .m2-prod-content-1-nav {
            height: 3rem;
            position: relative;
            padding-right: 3rem;
            background: #eee;
        }
        
        .m2-prod-content-1-nav .togglebtn {
            position: absolute;
            top: 2px;
            right: 0px;
            line-height: 2.4rem;
            width: 2.8rem;
            text-align: center;
            border-radius: 3px;
        }
        
        .m2-prod-content-1-nav li {
            float: left;
            background: #eee;
            white-space: nowrap;
            color:#333;
            padding:0 1rem;
            text-align: center;
            font-weight: normal;
            font-size:1.5rem;
            line-height:3rem;
            height:3rem;
        }
        .m2-prod-content-1-nav .on{color:#fff;background:#0080cc;background-image: -webkit-gradient(linear, left top, right bottom, from(#4bc142), to(#0080cc)); 
    background-image: -webkit-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -moz-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -o-linear-gradient(left, #4bc142, #0080cc); 
    background-image: -ms-linear-gradient(left, #4bc142, #0080cc); 
    background-image: linear-gradient(left, #4bc142, #0080cc);}
        .m2-prod-content-1-nav .on h3{color:#fff;}
        
        
        .m2-prod-content-1-con {
            padding: 1rem;
        }
        
        .m2-prod-content-1-con>.con {
            display: none;
        }
        
       .m2-prod-content-1-con>.con.on {
            display: block;
        } 
    

        .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;
        }
    

		.g-ft{height:auto;padding:0.85rem 0 5rem;position:relative;z-index:99;font-size:1.2rem;line-height:1.5rem;text-align:center;z-index:9;color: #555;}
		.ontop{height:4.1rem;display: block;text-align: center;margin:0 auto;font-size: 1.2rem;background:#919191;color: #fff;line-height:5.1rem;position: relative;}
		.ontop span{color: #fff;}
		.ontop:before{content: "";position: absolute;width: 3.5rem;height: 2.3rem;background:url(images/ontop.gif) no-repeat center 0; -webkit-background-size:3.5rem 2.3rem; -moz-background-size: 3.5rem 2.3rem; -o-background-size: 3.5rem 2.3rem; background-size: 3.5rem 2.3rem; display: block;text-align: center;left: 50%;margin-left: -1.25rem;top: -0.85rem;}
		.f_con{height:7.3rem;padding:1.3rem 0 0;color: #666;}
		.f_con p{padding: 0 0 1rem;color: #666;}
		.f_con span{display: block;font-size: 1.3rem;}
		.f_con b{font-size: 1.35rem;color: #3b790d;}
		
		.f_con a{color: #666;display: inline-block;}

		.social_nav5{height:5rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;text-align: center;line-height:2.2rem;background:#4bc142;background-image: -webkit-gradient(linear, left top, right bottom, from(#4bc142), to(#4bc142), to(#0080cc), to(#0080cc)); 
    background-image: -webkit-linear-gradient(left, #4bc142, #4bc142, #0080cc, #0080cc); 
    background-image: -moz-linear-gradient(left, #4bc142, #4bc142, #0080cc, #0080cc); 
    background-image: -o-linear-gradient(left, #4bc142, #4bc142, #0080cc, #0080cc); 
    background-image: -ms-linear-gradient(left, #4bc142, #4bc142, #0080cc, #0080cc); 
    background-image: linear-gradient(left, #4bc142, #4bc142, #0080cc, #0080cc);}
		.social_nav5 li{height:6.5rem;width:25%;font-size:1.1rem;float:left;color:#fff;position:relative;}
		.social_nav5 li:before{content: "";position: absolute;left: 0;top: 0;height:5rem;width:1px;background: #83cb97;}
		.social_nav5 a:nth-child(1) li:before{width: 0;height: 0;}
		.social_nav5 li span{display: block;width:2rem;height:2rem;display:block;padding:0.65rem 0 0;margin:0 auto;}
		.social_nav5 li span img{ width:2rem; display:block;}