
            /*头部开始*/
            .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-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:#2252a6;}
		.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: #2252a6;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:#2252a6;}
        .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;
        }
        /*详情页图片自适应*/
        .endit-content img{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;
        }
    

     
/*底部开始*/
.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;
        }
    }
/*底部结束*/
 
