.phone-nav{display:inline-block;width:100%;z-index:4;position:fixed;top:0;background:#fff}

.phone-nav .phone-head{width:100%;height:.9rem;background:url(../images/logo.png) no-repeat center center;background-size:3rem}

.phone-nav .phone-head .left-button{width:30px;height:38px;margin-left:5%;padding-top:9px}

.phone-nav .phone-head .left-button p{width:30px;height:2px;margin:8px 0;background:#0f4055;border-radius:50px;transition:transform .2s linear;-moz-transition:transform .2s linear;-webkit-transition:transform .2s linear;-o-transition:transform .2s linear}

.phone-nav .phone-head .left-button .top-line{transform-origin:0 0;transition:transform .2s linear;-moz-transition:transform .2s linear;-webkit-transition:transform .2s linear;-o-transition:transform .2s linear}

.phone-nav .phone-head .left-button .bottom-line{transform-origin:0 100%;transition:transform .2s linear;-moz-transition:transform .2s linear;-webkit-transition:transform .2s linear;-o-transition:transform .2s linear}

.phone-nav .phone-head .left-button .middle-line{transition:opacity .2s linear;-moz-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear}

.phone-nav .phone-head .right-button{margin-right:5%;width:36px;height:44px;margin-top:6px;background:url(/public/images/index/up-6ecd87cfc3.png) no-repeat center center;background-size:36px auto;transition:transform .2s linear;-moz-transition:transform .2s linear;-webkit-transition:transform .2s linear;-o-transition:transform .2s linear;display:none}

.phone-nav .phone-content{width:100%;background:#f0f0f0;z-index:3;position:absolute;height:0;overflow:hidden;transition:height .2s linear;-moz-transition:height .2s linear;-webkit-transition:height .2s linear;-o-transition:height .2s linear}

.phone-nav .phone-content ul{padding: 0; margin:0 .3rem;}

.phone-content li{list-style: none;}

.phone-nav .phone-content ul a{color:#333;font-size:16px; text-decoration:none; display:block;padding-top:10px;padding-bottom:10px;text-align:left}

.phone-nav .phone-content ul li.on a{color:#fff;}


.phone-nav .phone-content .other-menu{display:none}

.phone-nav .phone-content .other-menu .products{display:none}

.phone-nav .phone-content .other-menu .abouts{display:none}