html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
        body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; } 
        li, ol { list-style:none; }
        ins { text-decoration:none; }
        i, em { font-style:normal; }
        a { text-decoration:none;font-family:"Microsoft Yahei";}
        a:hover { cursor:pointer; text-decoration:none;}
        a:active{star:expression(this.onFocus=this.blur());}
        :focus{outline:0;}
        .clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
        .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
        img{ padding:0; margin:0;}
        a img { border:none; }
        input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
        h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
            
        /* -- 页面整体布局 -- */
        .wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#FFF;}
        .wrap img{width:100%;display:block; margin:0 auto;max-width:640px;}
        .g-hd img{width:100%;display:block; margin:0 auto;max-width:640px;}
        /*头部开始*/
        .g-hd
        {
            height: 5rem;
            overflow: hidden;
        }
        .g-hd h1
        {
            float: left;
            margin: 1.5rem 0 0 2%;
            width: 28.3%;
        }
        .g-hd .toz
        {
            color: #333333;
            float: left;
            font-size: 1.0rem;
            line-height: 5rem;
            padding-left: 3%;
            width: 55%;
        }
        .g-hd .toz a
        {
            color: #333333;
            margin: 0 3%;
        }
        .g-hd .tok
        {
            display: block;
            float: right;
            margin: 1.5rem 3% 0 0;
            width: 2rem;
        }
       .g-hd .xl { position: absolute; left: 0; top: 4.38rem; width: 100%; height: 35.29rem; background:#EFCD23; z-index: 99; padding-top: 4.71rem; display:none;}
        .g-hd .xl ul { width: 48.3%; height: 24.75rem; repeat; margin: 0 auto;}
        .g-hd .xl li { width: 83.3%; margin: 0 auto; border-bottom: 1px dashed #999999;}
        .g-hd .xl li a { display: block; font-size: 1rem; color: #333333; text-align: center; line-height: 3.04rem;}
        .g-hd .xl li:last-child { border: 0;}
        .g-hd .xl p { width: 40.1%; height: 2.83rem; background: #ed6c00 url("images/tel.png") no-repeat 25% center; background-size: 1.5rem 1.46rem; border-radius: 0.2rem; margin: 0.17rem auto 0; font-size: 1.16rem; text-align: center; line-height: 2.83rem; padding-left: 8%;}
        .g-hd .xl p a { color: #ffffff;}
        /*头部结束*/
    

        .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:#ffb703;}
    

    .m4-prod-list-content-1-con li{width:48.56%;margin-bottom:2rem;}
    .m4-prod-list-content-1-con li img{display: block;width: 100%;
            box-sizing:border-box;
            border:solid 1px #d7d7d7;}
    .m4-prod-list-content-1-con span{display: block;color:#3b3e3d;line-height:1.8rem;padding:0 0 0.5rem;text-align: center;}

    

        
        .g-ft img{width:100%;display:block; margin:0 auto;max-width:640px;}
        .fnav {background:#eaeaea none repeat scroll 0 0;padding:0.5rem 0 4.5rem;}
        .fnav .fnv { text-align:center;height:3rem; line-height:2.2rem;font-size:0.8rem;}
        .fnav .fnv a{height:3rem;text-align:center;padding:0 0.6rem;font-size:0.8rem;color:Black;color:#333333;}
        .fnav p {display:block;font-size:0.75rem;color:#666666;line-height:1.6rem;text-align:center;}
        .fnav p a{color:#333333;}
          .fnav .code{width:33%;margin:0 auto; display:block;}
        .fnav .top{ width:2.8rem; height:2.8rem; position:fixed; right:0.4rem; bottom:8rem;}
        
/*底部开始*/
.social_nav5 {background:#7f7f7f none repeat scroll 0 0;bottom:0;height:3.6rem;max-width:640px;min-width:320px;position:fixed;width:100%;z-index:99;}
.social_nav5 li {border-right:1px solid white;color:#3b3b3b;float:left;font-size:0.92rem;height:3.6rem;line-height:3.6rem;position:relative;text-align:left;width:24.6%;}
.social_nav5 ul li:last-child{border:none;}
.social_nav5 li em {padding: 1.3rem 3% 0 12%;width: 1rem;height: 1rem;float: left;}
.social_nav5 li em img {height:1rem;width:1rem; display:block;}
.social_nav5 li a {color:#ffffff;}

.social_nav5 li .erji{ position: absolute; left: 0; bottom:3.6rem; z-index: 999; background: #666; width: 100%; border-bottom: 1px solid #FFD000; box-sizing: border-box; box-sizing: border-box; padding: 0.8rem 0.2rem; display: none; opacity: 0.8;text-align:center;}
			.social_nav5 li .erji a{ display: block; height: 2rem; line-height: 2rem; font-size: 0.75rem;padding:0;border-bottom: 1px dashed #9B9B9B;}
			.social_nav5 li .erji a:last-child{ border-bottom: none;}

        /**/
        @media screen and (min-width:320px) {
          html { font-size:75%;}
        }
        @media screen and (min-width:360px) {
          html { font-size:87%;}
        }
        @media screen and (min-width:480px) {
          html { font-size:112%;}

        }
        @media screen and (min-width:568px) {
          html { font-size:131%;}

        }
        @media screen and (min-width:639px) {
          html { font-size:150%;}
        }