﻿@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:6rem;height:100%;background-color:#fff;position:fixed;right:-6rem;top:0;-webkit-transition:right .5s ease;transition:right .5s ease;z-index:99999;}
.new-nav h3{padding:.3rem 0 .3rem .37rem;background-color:#2eaaa9;overflow:hidden;}
.new-nav h3 .logo{width:5.2rem;height:1rem;background:url(../images/logonav.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.11rem;padding-left:.64rem;display:block;color:#666;font-size:.42rem;line-height:1.11rem;}
.new-nav li i{position:absolute;left:.05rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:.39rem;height:.37rem;background:url(../images/icon1.png) no-repeat;background-size:2.96rem .34rem;}
.new-nav li:nth-child(1) i{width:.32rem;height:.32rem;background-position:0 0;left:.06rem;}
.new-nav li:nth-child(2) i{width:.32rem;height:.32rem;background-position:-.36rem 0;left:.06rem;}
.new-nav li:nth-child(3) i{width:.33rem;height:.31rem;background-position:-.72rem 0;left:.04rem;}
.new-nav li:nth-child(4) i{width:.34rem;height:.31rem;background-position:-1.09rem 0;}
.new-nav li:nth-child(5) i{width:.32rem;height:.32rem;background-position:-1.47rem 0;left:.04rem;}
.new-nav li:nth-child(6) i{width:.37rem;height:.33rem;background-position:-1.83rem 0;left:.06rem;}
.new-nav li:nth-child(7) i{width:.33rem;height:.31rem;background-position:-2.24rem 0;left:.06rem;}
.new-nav li:nth-child(8) i{width:.35rem;height:.34rem;background-position:-2.61rem 0;left:.06rem;}


.new-nav li .arrow{position:absolute;right:.3rem;top:50%;margin-top:-.15rem;width:.17rem;height:.31rem;background:url(../images/arrow1.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:4.84rem;height:.86rem;background:url(../images/telnav.png) no-repeat;background-size:100%;display:block;margin:1rem auto 2.66rem;}
.new-nav.active{right:0;}

.new-footer{display:none;}
.newPopup img{width:200px;height:200px;}
@media only screen and (max-width: 750px){
    .public-footer-1{display:none!important;}
    .new-footer{position:relative;min-width:320px;width:100%;max-width:750px;padding-bottom:1.64rem;margin:0 auto;background-color:#fff;display:block;}
    .footer-info{width:auto;height:auto;background-color:#f1fbfa;padding:.5rem 0 .46rem;}
    .footer-info p{color:#999;font-size:.24rem;line-height:.4rem;text-align:center;}
    .footer-info p a{margin:0 .1rem;color:#999;}
    .footer-nav{position:fixed;bottom:0;z-index:100;min-width:320px;width:100%;max-width:750px;height:1.64rem;margin:0 auto;background-color:#fff;border-top:1px solid #eef2f1;padding-left:0;}
    .footer-nav a{float:left;position:relative;width:20%;height:1.64rem;display:block;}
    .footer-nav a span{height:1.02rem;padding-top:.62rem;display:block;color:#515151;font-size:.26rem;text-align:center;line-height:1.02rem;}
    .footer-nav a.active span{color:#12abc5;}
    .footer-nav a i{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:url(../images/icon.png) no-repeat;background-size:2.82rem 1.12rem;}
    .footer-nav a:nth-child(1) i{width:.5rem;height:.5rem;top:.34rem;}
    .footer-nav a:nth-child(2) i{width:.53rem;height:.54rem;background-position:-.54rem 0;top:.26rem;}
    .footer-nav a:nth-child(3) i{width:.47rem;height:.5rem;background-position:-1.11rem 0;top:.27rem;}
    .footer-nav a:nth-child(4) i{width:.49rem;height:.49rem;background-position:-1.62rem 0;top:.26rem;}
    .footer-nav a:nth-child(5) i{width:.38rem;height:.47rem;background-position:-2.15rem 0;top:.27rem;}
    .footer-nav a:nth-child(1).active i{background-position:0 -.58rem;}
    .footer-nav a:nth-child(2).active i{background-position:-1.19rem -.58rem;top:.2rem;}
    .footer-nav a:nth-child(3).active i{background-position:-.57rem -.58rem;top:.27rem;}
    .footer-nav a:nth-child(4).active i{background-position:-1.76rem -.58rem;top:.21rem;}
    .footer-nav a:nth-child(5).active i{background-position:-2.3rem -.58rem;top:.21rem;}
}