@charset "utf-8";

.warmp{min-width:320px;width:100%;max-width:750px;margin:0 auto;position:relative;overflow:hidden;}
.mask{width:100%;height:100%;background-color:rgba(51,51,51,0.2);display:block;position:fixed;left:0;top:0;display:none;z-index:99998;}
.new-nav{width:5.98rem;height:100%;background-color:#fff;position:fixed;right:-5.98rem;top:0;-webkit-transition:right .5s ease;transition:right .5s ease;z-index:99999;}
.new-nav h3{padding:.42rem 0 .38rem .4rem;background-color:#1589ec;overflow:hidden;}
.new-nav h3 .logo{width:4.95rem;height:.89rem;background:url(logo.png) no-repeat;background-size:100% 100%;display:block;}
.new-nav ul{padding-left:.3rem;overflow:hidden;}
.new-nav li{height:1.04rem;border-bottom:#eee solid 1px;}
.new-nav li a{position:relative;height:1.04rem;padding-left:.64rem;display:block;color:#666;font-size:.42rem;line-height:1.04rem;}
.new-nav li i{position:absolute;left:.05rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:.39rem;height:.37rem;background:url(icon.png) no-repeat;background-size:4rem .6rem;}
.new-nav li:nth-child(2) i{left:.07rem;width:.31rem;height:.33rem;background-position:-.5rem 0;}
.new-nav li:nth-child(3) i{left:.06rem;width:.36rem;height:.34rem;background-position:-1rem 0;}
.new-nav li:nth-child(4) i{left:.04rem;width:.4rem;height:.35rem;background-position:-1.5rem 0;}
.new-nav li:nth-child(5) i{left: .06rem;width:.32rem;height:.32rem;background-position:-2rem 0;}
.new-nav li:nth-child(6) i{left:.04rem;width:.36rem;height:.32rem;background-position:-2.5rem 0;}
.new-nav li:nth-child(7) i{left:.06rem;width:.4rem;height:.34rem;background-position:-3rem 0;}
.new-nav li:nth-child(8) i{left:.06rem;width:.37rem;height:.34rem;background-position:-3.5rem 0;}
.new-nav li .arrow{position:absolute;right:.3rem;top:50%;margin-top:-.15rem;width:.17rem;height:.31rem;background:url(arrow.png) no-repeat;background-size:100% 100%;}
.new-nav .swiper-nav{width:100%;height:100%;}
.new-nav .swiper-nav .swiper-slide{font-size:12px;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;}
.new-nav a.call{width:5.65rem;height:1.12rem;background:url(tel.png) no-repeat;background-size:100%;display:block;margin:.45rem auto .34rem;}
.new-nav.active{right:0;}