
.g-hd{ width:100%; height:5rem;position: relative;background: #fff; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd .logo{width: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.g-hd .logo a{display: block;width: 21.25%;margin: 1rem 0 0 1rem;}
.g-hd .logo img{display: block;width: 100%;}

.m-nav{width: 55%;float: left; margin:0 0 0 35%;position: relative;z-index: 10;}
.m-nav ul li{display: block;width: 38%;height: 5rem;line-height: 5rem;text-align: center;float: left;position: relative;}
.m-nav ul li:last-child{width: 24%;}
.m-nav ul li a{font-size: 1.2rem;color: #333;}
.m-nav ul li:before{ content:"";width: 1px;height: 0.8rem;background: #c1c1c1;position: absolute;top: 2.2rem;right: 0;}
.m-nav ul li:last-child:before{ background:none;}
.m-nav ul li.cur a{color: #358ee4;}

.m-nav2{width: 1.6rem;position: absolute;top: 2rem;right: 1rem;z-index: 102; line-height:0;}
.m-nav2 .oo{display: block;}
.m-nav2 .oo img,.m-nav2 .xx img{width: 1.6rem;height: 1.3rem;}
.m-nav2 .xx{display: none;}
.m-nav2 .erji{display: none;position: absolute;top: 3rem;right: -1rem;z-index: 10; max-width:640px; min-width:320px;width: 32rem; padding:2rem 0; background:rgba(0,0,0,0.8);}
.erji ul li{line-height: 4rem;height: 4rem; border-bottom:#d9e2e6 1px solid;width: 100%;text-align: center;}
.erji ul li a{font-size: 1.4rem;color: #fff;width: 100%; display:block;}
.erji  .er_tel{display: block;font-size: 1.4rem;color: #fff;width: 56.25%;height: 3rem;text-align: center;line-height: 3rem;overflow: hidden; background:#358ee4; margin:2rem auto 0;border-radius:5rem; }


.u-cp{margin: 2rem 0 0;border:1px solid #ddd;box-sizing:border-box;border-bottom:0;}
.u-cp ul li{width: 25%;float: left;border-right:1px solid #ddd;box-sizing:border-box;border-bottom:1px solid #ddd;}
.u-cp ul li:nth-child(4n){ border-right:0;}
.u-cp ul li a{display: block;margin: 0 auto;}
.u-cp ul li span{display: block;font-size:0.7rem;color:#333;line-height:0.7rem;text-align:center;margin-bottom:0.5rem;}
.m-cp{margin-top: 1.8rem;}
.m-cp ul li{width: 45.16%;float: left;margin-left: 1rem;}
.m-cp ul li em{display: block;width: 100%;line-height: 0;box-shadow: 0 3px 0.8rem 3px rgba(0,0,0,0.1);}
.m-cp ul li span{display: block;width: 100%;text-align: center;font-size: 1rem;color: #363636;height: 3.5rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 

        .g-ft{width: 100%;height: 10rem; max-width:640px; min-width:320px; margin:0 auto; padding:1rem 0 0;background: #f2f2f2;}
        .g-ft h3{width: 4rem;height: 4rem; position:fixed; bottom:6.5rem; right:0.5rem;}
        .g-ft h3 img{width: 4rem;height: 4rem;}
        .fwz{color: #666; font-size:1rem;line-height: 1.8rem;text-align: center;}
        .fwz a{color: #666;}
        .fwz span{ padding:0 0 0 1rem;}
        .fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:3.5rem; background:#363636;z-index:50;}
        .fnav li{ width:25%; float:left; height:3.5rem; position:relative;line-height: 0;}
        .fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#5e5e5e;}
        .fnav li a{ display:block; text-align:center; color:#fff; font-size:1rem; height:3.5rem;}
        .fnav li em{ display:block; width:1.3rem; margin:0.5rem auto 0.8rem;}
        .fnav li em img{width: 1.3rem;height: 1.3rem;}
        .fnav li:first-child{background: #0c79cd;}
        .fnav li:last-child:before,.fnav li:first-child:before{ background:none;}
        
