@media(max-width:1200px){
    .w{width:100%;}
    .tit h2 span{white-space:nowrap;}
    header .gd_alo{margin-left:-505px;}
    header .gd_aln nav li{width:9%;}
    header .gd_alk{width:100%;left:0;margin-left:0;}
    #third ul li h2{line-height:160px;}
    #container{margin:20px 2%;width:auto;}
    .righter{width:30%;}
}
@media(max-width:780px){
    header .gd_alo{margin-left:-378px;}
   header .gd_alk#qlink ul li{opacity:0;}
   header .gd_aln nav{margin-left:-350px;}
   #first ul li label{zoom:.8}
   #third ul li h2{line-height:128px;}
   #second li p span{display:none;}
   #second li p label{background: url(../img/logo_m.svg) no-repeat 4px 9px;background-size: 14px 14px;padding:0 6px 0 22px;text-align:justify;}
   #i_mianhu_zh .plus{margin:38px 1% 0;}
}
@media(max-width:480px){
    body{margin-top:50px;}
    .mt{margin-top:10px;}
    header #nav,#goleft{display:none;}
    header #qlink{display:none;}
    header #logo{margin:0;background:rgba(255,255,255,8);text-align:left;display:none;}
    header #logo_{width:180px;}
    header .gd_alo{width:100%;}
    header{position:fixed;width:100%;height:50px;top:0;left:0;z-index:9999;background:rgba(255,255,255,.8);}
    header nav li{width:100%;height:auto;float:none;padding:6px 4%;}
    #cshow{width:60%;height:50px;background:rgba(0,0,0,0);top:0;content:"";z-index:99999;right:0;position:fixed;display:none;}
    #m_nav{display:block;}
    #m_logo img{height:40px;margin-top:5px;}
    #Nav_show{position:fixed;content:"";right:10px;top:14px;width:24px;height:22px;transition:.5s all;}
    #Nav_show:before{position:absolute;width:100%;height:2px;top:0;left:0;content:"";background:rgba(0,0,0,.8);transition:.9s all;}
    #Nav_show:hover:before{transform:rotate(-45deg);top:10px;}
    #Nav_show dt{position:absolute;width:100%;height:2px;top:44%;left:0;content:"";background:rgba(0,0,0,.8);transition:.4s all;}
    #Nav_show:hover dt{opacity:0;}
    #Nav_show:after{position:absolute;width:100%;height:2px;bottom:0;left:0;content:"";background:rgba(0,0,0,.8);transition:.9s all;}
    #Nav_show:hover:after{transform:rotate(225deg);top:10px;}
    #Nav_show:hover{background:rgba(0,0,0,.05);}
    #m_nav nav{position:fixed;top:-100%;background:rgba(255,255,255,.8);left:0;width:100%;height:260px;padding:14px 0;transition:.6s all;}
    #Nav_show:hover nav{top:50px;}
    #m_qlink{text-align:center;padding-top:6px;}
    #m_qlink li{width:24px;height:24px;border-radius:6px;background:rgba(0,0,0,0.5);display:inline-block;padding:3px;margin:2px 1%;}
    #m_qlink li img{width:24px;height:24px}
    #m_qlink li .hshow{position:fixed;width:100%;background:red;left:0;bottom:-100%;height:220px;transition:.5s all;}
    #m_qlink li .hshow h2{font-size:14px;color:white;}
    #m_qlink li .hshow img{margin-top:20px;width:38%;height:auto;}
    #m_qlink li:hover .hshow{position:fixed;width:100%;background:red;left:0;bottom:0%;}
    header #m_qlink li#s_wx{background:rgba(7,193,96,1);}
    header #m_qlink li#s_wx .hshow{background:rgba(7,193,96,.75);}
    header #m_qlink li#s_dy{background:#2F1457;}
    header #m_qlink li#s_dy .hshow{background:rgba(47,20,87,.75);}
    header #m_qlink li#s_wb{background:#fa2f2f;}
    header #m_qlink li#s_wb .hshow{background:rgba(250,47,47,.75);}
    header #m_qlink li#s_dh{background:#e00404;}
    header #m_qlink li#s_dh .hshow{background:rgba(224,4,4,.75);}
    header #m_qlink li#s_kf {background:rgba(224,1,1,.75);}
    .frontCover{padding:0;}
    .frontCover li{width:15px;height:15px;}
    #first ul li label{zoom:.4}
    .tit h2 span{width:56%;margin:0 22%;font-size:12px;}
    .tit h2 {font-size:24px;}
    .tit {10px 0 13px}
    /*#second li{width:100%;min-height:auto;padding-bottom:10px;}*/
    /*#second li:after{width:90px;height:90px;background-size:110px 111px;opacity:.24;}*/
    /*#second li p label{width:40%;float:left;background:url(../img/logo_m.svg) no-repeat 4px 6px;background-size:14px 14px;}*/
    /*#second li p{line-height:26px;}*/
    /*#second li h2{text-align:left;padding-left:24%;}*/
    /*#second li:before{zoom:.7}*/
    /*#second li h2{padding-top:24px;}*/
    #second ul{display:flex;width:100%;padding:0;box-sizing:border-box}
    #second li{flex:1;overflow:hidden;transition:.5s;margin:0 0%;box-shadow:0 20px 30px rgba(0, 0, 0, 0.1);line-height:0}
    #second li > img{width:200%;height:calc(100% - 10vh);-o-object-fit:cover;object-fit:cover;transition:.5s}
    #second li > span{font-size:3.8vh;display:block;text-align:center;height:10vh;line-height:2.6}
    #second li>h2{writing-mode:vertical-lr;padding:80px 0 0 8px;font-size:18px;width:18px;word-wrap:break-word;word-break:nomal;line-height:20px;}
    #second li#box_1:before{background-position:4px -16px;}
    #second li#box_2:before {background-position:-128px -16px;}
    #second li#box_3:before {background-position:-277px -16px;}
    #second li#box_4:before {background-position:-428px -16px;}
    #second li#box_5:before {background-position:-574px -16px;}
    
    #second li:hover#box_1:before{background-position:32px -16px}
    #second li:hover#box_2:before{background-position:-100px -16px}
    #second li:hover#box_3:before{background-position:-250px -16px}
    #second li:hover#box_4:before{background-position:-400px -16px}
    #second li:hover#box_5:before{background-position:-542px -16px}
    /*;writing-mode: tb-lr;*/
    #second li:hover{flex:1 1 50%}
    #second li.active{flex:1 1 50%}
    #second li:hover h2,#second li.active h2{writing-mode:horizontal-tb;padding:60px 0 20px 0;width:100%;}
    #second li:hover p,#second li.active p{opacity:1;}
    #second li:hover > img{width:100%;height:100%}
    #second li p{opacity:0;height:160px;overflow:hidden;}
    #third ul li{width:32%;margin-bottom:0;}
    #third ul li:nth-child(2){float:right;margin-right:0;}
    #third ul li:nth-child(n+4){display:none;}
    #third ul li h2{font-size:16px;line-height:110px;}
    #fifth{height:200px;}
    #fifth #saimg{margin-right:-10%;opacity:.4;width:60%;}
    #fifth #saimg img{width:100%;}
    #fifth #atext{position:absolute;left:0;top:0;padding:20px 4%;width:90%;text-align:left;}
    #fifth #atext h1 {FONT-SIZE:24PX;}
    #fifth #atext h2 {font-size:18px;}
    #fifth #atext h4{font-size:16px;margin:16px 0 0;}
    .buybtn{text-align:left;}
    .buybtn li{margin:18px 6px;}
    .buybtn li.koubei #qrcode{background:rgba(255,255,255,.89);position:fixed;left:0;top:auto;z-index:998;bottom:-70%;width:100%;padding-bottom:60px;}
    .buybtn li.koubei:hover #qrcode{background:rgba(255,255,255,.7);position:fixed;left:0;top:auto;z-index:998;bottom:0;width:100%;}
    .buybtn li.koubei:hover #qrcode img,.buybtn li.koubei:hover #qrcode h2,.buybtn li.koubei #qrcode img{display:none;width:0;height:0;}
    #fifth #openAlipay{display:block;;}
    #fifth #openAlipay h5{font-size:14px;color:#666;margin:15px 5%;font-weight:normal;}
    #fifth #openAlipay a{background:url(../img/alipay.svg) no-repeat 20% 8px #02A9F1;display:block;margin:0 5%;text-align:center;color:white;padding:10px 0;text-indent:1.5em;background-size:24px 24px;}
    #isTable td{padding:5px 0;font-size:12px;}
    #isTable td img{width:40px;}
    footer #cons,footer #cons a,footer #cons a:link,footer #cons a:visited{font-size:12px;}
    #i_buwei_a .buweicons .fronts{width:100%}
    #i_buwei_a .buweicons .fronts, #i_buwei_a .behind{margin:20px auto;}
    #i_buwei_a .buweicons span.hot:before{right:2px;}
    #i_buwei_a .buweicons .behind{WIDTH:100%;margin:20px auto;}
    .buybtn{z-index:98;position:relative}
.buybtn ul{margin-left:-50px}
.buybtn li{display:inline-block;margin:30px 0px;margin-right:12px;color:#676767;font-size:14px;z-index:999;position:relative;}
.buybtn li span{color:#e90222}
.buybtn li dt{display:block;width:128px;height:55px;margin-bottom:12px;background-image:url(../img/buybn.gif);background-repeat:no-repeat}
.buybtn li.dazhong dt{background-color:white;box-shadow:-2px 3px 3px #9a8e89}
.buybtn li.meituan dt{background-position:-154px 0;background-color:#358d8f;box-shadow:-2px 3px 3px #044647}
.buybtn li.koubei dt{background-position:right 0;background-color:#fffffe;box-shadow:-2px 3px 3px #780a26}
.buybtn li.koubei:hover #qrcode{opacity:1;left:95px;top:-60px;width:100px;}
.buybtn li.koubei #qrcode{display:block;position:absolute;left:100px;width:100px;height:120px;top:-60px;background:white;padding:8px;box-shadow:0 0 5px 0 rgba(0,0,0,.1);opacity:0;transition:.9s all;left:110px;width:1px;overflow:hidden;}
.buybtn li.koubei #qrcode img{width:100%;}
.buybtn li.koubei #qrcode h2{font-size:12px;color:#555;}
.buybtn li.nuomibu dt{background-position:right 0;background-color:#f63161;box-shadow:-2px 3px 3px #780a26}
#hugea{height:310px;background: linear-gradient(to top right, rgba(0,0,0,.08), #fefefd);z-index:97;position:relative}
#hugea .linkk{height:180px;position:absolute;cursor:pointer;width:100%;left:0;top:0;content:''}
#hugea #saimg{margin-right:3%;}
#hugea #saimg img{width:380px;}
#hugea #atext{padding:40px;width:50%;}
#hugea #atext h1{font-size:34px;font-weight:bold;color:#333}
#hugea #atext h2{font-size:28px;font-weight:normal;color:#333}
#hugea #atext h3{font-size:22px;font-weight:bold;color:#333;padding-top:12px}
#hugea #atext p{text-transform:uppercase;font-size:22px;color:#cacaca;margin:2px auto 24px}
#hugea #atext h4{font-size:20px;color:white;border-bottom-left-radius:18px;border-top-right-radius:18px;color:#dd206f;display:inline-block;font-weight:normal;padding:2px 18px 1px;margin:28px 0 0;border:2px solid #dd206f;}
#hugea .buybtn{z-index:98;position:relative}
#hugea .buybtn ul{margin:0}
#hugea .buybtn li{float:none;}
#hugea .buybtn li dt{width:90px;height:40px;background-size:416px 40px;box-shadow:-2px 2px 1px;margin-bottom:6px}
#hugea .buybtn li.meituan dt{background-position:-112px 0}
#hugea .buybtn li.lituang{border:1px solid #d6d6d6;padding:0 12px;padding-left:40px;height:52px;font-size:22px;color:#333;line-height:52px;background:url(../img/bg.png) no-repeat 9px -219px}
#hugea #atext #qrcode h2{font-size:14px;color:#555;white-space:nowrap;}
#hugea{height:200px;}
#hugea #saimg{margin-right:-10%;opacity:.4;width:60%;}
#hugea #saimg img{width:100%;}
#hugea #atext{position:absolute;left:0;top:0;padding:20px 4%;width:90%;text-align:left;}
#hugea #atext h1 {FONT-SIZE:24PX;}
#hugea #atext h2 {font-size:18px;}
#hugea #atext h4{font-size:16px;margin:16px 0 0;}

    .buybtn{text-align:left;}
    .buybtn li{margin:18px 6px;}
    .buybtn li.koubei #qrcode{background:rgba(255,255,255,.89);position:fixed;left:0;top:auto;z-index:998;bottom:-70%;width:100%;padding-bottom:60px;}
    .buybtn li.koubei:hover #qrcode{background:rgba(255,255,255,.7);position:fixed;left:0;top:auto;z-index:998;bottom:0;width:100%;}
    .buybtn li.koubei:hover #qrcode img,.buybtn li.koubei:hover #qrcode h2,.buybtn li.koubei #qrcode img{display:none;width:0;height:0;}
 #hugea #openAlipay{display:block;;}
 #hugea #openAlipay h5{font-size:14px;color:#666;margin:15px 5%;font-weight:normal;}
 #hugea #openAlipay a{background:url(../img/alipay.svg) no-repeat 20% 8px #02A9F1;display:block;margin:0 5%;text-align:center;color:white;padding:10px 0;text-indent:1.5em;background-size:24px 24px;}
 #i_yanhu_zh ul li{width:48%;height:208px;}
 #i_yanhu_yl .l,#i_yanhu_yl .r,#i_yanhu_dd .bimg,#i_yanhu_dd .cons{width:92%;margin:0 4%;}
 #i_yanhu_dd .cons img{margin:20px 0 4px;}
 #i_yanhu_dd .cons h2,#i_yanhu_dd .bimg{margin-top:20px;}
 #i_yanhu_dr li{width:40%;margin:0 5% 10px;}
 #i_yanhu_dr li h2{padding-top:6px;}
 #i_mianhu_zh ul{margin:20px 5% 0;}
 #i_mianhu_zh li{margin:2px auto 0;width:44%;}
 #i_mianhu_lc li{width:45%;margin:6px 2%;}
 #i_mianhu_zh .plus{width:8%;}
 #i_mianhu_zh .plus {margin:38px 1.2% 0 ;}
 #i_mianhu_zh .plus:nth-child(4) {width:8%;margin:5px 46%;}
 #i_mianhu_by .bimg,#i_mianhu_by .info{width:100%;}
 #i_mianhu_by{position:relative;}
 #i_mianhu_by .info h1{color:white;}
 #i_mianhu_by .info{padding:0;position:absolute;bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.6);color:white;}
 .lefter{width:100%;}
 .lefter #here{display:none;}
 .righter{width:100%;}
 .tip_ span{padding:0;text-align:justify;}
 .tip_ {padding:6px 2%;}
 #hr_list li dt {width:22%;}
 #hr_list li dd{width:76%;margin-right:2%;}
 #hr_list li h2 span {width:100%;text-align:right;}
 #contact_list li dd .address{width:50%;display:block;float:left;}
 #contact_list li dd .tel2{margin-right:0;display:block;text-align:right;width:48%;margin-top:5px;}
 #salon_list li label{width:42%;margin:0 2% 0 0;}
 #salon_list li h2{font-size:20px;}
 #salon_list li {padding:5px 0;}
 #salon_list li h4{font-size:14px;}
 #salon_list li a {height:120px;}
 #salon_list li .enails{top:8px;}
 #dituContent{height:300px;}
 #b_bar{display:block;position:fixed;height:66px;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.6));content:"";left:0;bottom:-66px;z-index:9999;transition:.5s all;}
 #b_bar>ul>li{float:left;position:relative;width:33.3%;text-align:center;color:white;}
 #b_bar>ul>li:before{position:absolute;width:1px;height:100%;left:0;bottom:0;content:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.5));content:"";}
 #b_bar>ul>li>a{color:white;line-height:21px;}
 #b_bar li img{height:30px;margin-top:6px;}
 #guanzhu_ li{width:140px;}
}