@charset "utf-8";
/* 
design:103495819

*/

.top{background: #fff;width: 100%;display: inline-block;overflow: hidden;}
.head{margin: 0 auto;width: 1200px;padding: 15px 0 22px;overflow: hidden;}
.head .logo{float: left;}
.head .logo img{max-height: 80px;}
.head .tel{float: right;}
.head .tel p{text-align: right;left: 30px;font-size: 16px;}
.head .tel p i{padding-right: 10px;}
.head .tel h2{font-size: 24px;line-height: 30px;}
.header{width: 100%;background: #A6262C;height: 50px;display: inline-block;}

.nav{position:relative; z-index:1;margin: 0 auto;width: 1200px;height: 50px;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 30px; font-size:16px;line-height: 50px;width: 72px;margin-right: 1px;text-align: center;  }
.nav .sub{ display:none; width:120px; left:0; top:50px;  position:absolute; background:#A6262C;  line-height:26px; padding:10px;  }
.nav .sub li{ zoom:1;text-align: center;line-height: 34px;font-size: 14px; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#8a1f24; color:#fff;  }
.nav .on h3 a{ background:#fff; color:#A6262C;   }

.banner{ width:100%;  position:relative;  height:600px; background:#000;margin-top: -8px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:inline-block; height:200px;width: 400px;margin-top: 200px;color: #fff;text-align: left;}
.banner .bd li a h2{font-size: 50px;}
.banner .bd li a p{font-size: 22px;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.banner .hd ul .on{ background:#f00;  }
.banner .prev,
.banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{ left:auto; right:15%; background-position:-6px -137px; }

.falv{margin: 40px auto;width: 1200px;overflow: hidden;}
.falvl{float: left;width: 580px;position: relative;}
.falvl .faimg{width: 100%;}
.falvl .faimg img{width: 100%;height: 420px}
.fatxt{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.7);color: #fff;}
.fatxtl{float: left;width: 140px;text-align: center;padding:10px;background: #A6262C;font-size: 12px;}
.fatxtl p{font-size: 18px;}
.fztxtr{width:360px;padding: 10px 40px 10px 20px;line-height: 32px;font-size: 14px;float: right; }
.falvr{float: right;width: 580px;}
.fatj{width: 100%;font-size: 14px;}
.fatj a h2{font-size: 20px;color: #A6262C;line-height: 50px;}
.fatj a p{line-height: 40px;padding-bottom: 40px;padding-top: 10px}
.fam{width: 100%;}
.fam li{float: left;width: 100%;line-height: 40px;box-sizing: border-box;font-size: 14px}
.fam li span{float: right;}

.service{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.service-tit{width: 100%;text-align: center;padding: 20px 0;border-bottom: 1px solid #f1f1f1;display: inline-block;margin-bottom: 20px;}
.service-tit h2{font-size: 26px;line-height: 40px;color: #A6262C;}
.service-tit p{font-size: 14px;}
.service-m{width: 100%;display: inline-block;box-sizing: border-box;}
.service-m li{float: left;width: 280px;margin: 10px;text-align: center;}
.service-m li img{border: 1px solid #f1f1f1;}
.service-m li b{font-size: 20px;line-height: 60px;display: block;}
.service-m li a{padding: 10px 40px;border: 1px solid #A6262C;display: inline-block;border-radius: 50px;}

.case{width: 100%;height: 646px;background: url("../images/xmbg.jpg")top center no-repeat;display: inline-block;}
.case-m{width: 1200px;margin: 0 auto;}
.case-tit{width: 100%;text-align: left;padding: 40px 0;}
.case-tit h2{font-size: 26px;color: #fff;font-weight: bold;padding-top: 20px;}
.case-tit p{font-size: 14px;color: #fff;}
.case-txt{width: 100%;}
.case-txt li{float: left;width: 360px;margin-right: 40px;}
.case-txt li:last-child{margin-right: 0;}
.case-txt li img{width: 360px;height: 200px;padding-bottom: 20px;}
.case-txt b{color: #fff;font-size: 20px;line-height: 40px;font-weight: 100;}
.case-txt p{color: #fff;font-size: 14px;line-height: 30px;}

.lvshi{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.lvshi-tit{width: 100%;padding-top: 20px;}
.lvshi-tit h2{font-size: 26px;color: #A6262C;padding-top: 20px;}
.lvshi-tit p{font-size: 14px;}
.lvshi-m{width: 100%;box-sizing: border-box;padding-top: 40px;}
.lvshi-m li{float: left;width: 345px;margin-right: 63px;border: 1px solid #f1f1f1;}
.lvshi-m li:last-child{margin-right: 0;}
.lst{width: 100%;}
.lst img{width: 345px;}
.lsm{width: 100%;text-align: center;}
.lsm h2{font-size: 18px;line-height: 40px;padding-top: 20px;}
.lsm span{font-size: 14px;line-height: 30px;display: block;}
.lsm p{padding:10px 40px 40px 40px;box-sizing: border-box;font-size: 14px;}

.lvshi-m1{width: 100%;box-sizing: border-box;padding-top: 40px;}
.lvshi-m1 li{float: left;width: 268px;margin-right: 30px;border: 1px solid #f1f1f1;margin-bottom: 30px;}
.lvshi-m1 li:last-child{margin-right: 0;}
.lvshi-m1 .lst{width: 100%;}
.lvshi-m1 .lst img{width: 268px;height: 360px;}
.lvshi-m1 .lsm{width: 100%;text-align: center;}
.lvshi-m1 .lsm h2{font-size: 18px;line-height: 40px;padding-top: 20px;}
.lvshi-m1 .lsm span{font-size: 14px;line-height: 30px;display: block;}
.lvshi-m1 .lsm p{padding:10px 40px 40px 40px;box-sizing: border-box;font-size: 14px;}

.news{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.news-m{margin: 0 auto;padding-top: 40px;overflow: hidden;width: 100%;}
.news-m-l{width: 580px;margin-right: 20px;float: left;font-size: 16px;}
.news-m-l a{color: #333;}
.news-m-l a:hover{color:#A6262C }
.news-m-l img{width: 100%;height: 190px;padding-bottom: 20px;}
.news-m-l span{float: right;font-size: 14px}
.news-m-l p{line-height: 30px;padding: 10px 0;color: #808080;font-size: 14px;}
.news-m-r{width: 580px;float: right;border-left: 1px solid #cccccc;}
.news-m-r ul{margin-left: -5px;}
.news-m-r li{width: 100%;float: left;padding-bottom: 20px;}
.news-m-r li a{padding-left: 40px;position: relative;font-size: 16px;}
.news-m-r li i{width: 10px;height: 10px;background: #cccccc;border-radius: 5px;position: absolute;left: 0;top: 5px;}
.news-m-r li p{padding-left: 40px;font-size: 14px;color: #808080;}

.gbook{width: 100%;display: inline-block;overflow: hidden;background: url("../images/newsbg.jpg")top center no-repeat;padding: 40px 0;margin-bottom: -20px;}
.gbm{width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 40px;}
.gbml{float: left;width: 580px;color: #fff;}
.gbml1{padding-bottom: 40px;}
.gbml1 h2{font-size: 26px;line-height: 40px;}
.gbml1 p{font-size: 14px;line-height: 30px;}
.gbml2{padding-bottom: 40px;}
.gbml2 p{font-size: 14px;line-height: 40px;}
.gbml3{font-size: 14px;}
.gbml3 b{font-size: 30px;}
.gbmr{float: right;width: 580px;color: #fff;}
.gbmr1{padding-bottom: 40px;}
.gbmr1 h2{font-size: 26px;line-height: 40px;}
.gbmr1 p{font-size: 14px;line-height: 30px;}

.gbmr2{width: 100%;box-sizing: border-box;}
.gbmr2 li{float: left;padding-bottom: 20px;width: 100%;box-sizing: border-box;}
.gbmr2 li lable{width: 60px;display: inline-block;font-size: 14px;}
.gbmr2 li input{border: 0;line-height: 45px;width: 480px;color: #000;padding-left: 10px;}
.gbmr2 .nei{vertical-align: top;}
.gbmr2 .nei textarea{width: 480px;height: 100px;color: #000;padding-left: 10px;}
.gbmr2 li .code{width: 150px;margin-right: 10px;}
.gbmr2 li button{background: #A6262C;padding: 10px 80px;color: #fff;font-size: 14px;border: 0;margin-left: 60px;}

.about{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.about-tit{border-bottom: 1px solid #f1f1f1;padding: 20px 0;text-align: center;width: 100%; }
.about-tit h2{font-size: 26px;line-height: 60px;}
.about-tit p{font-size: 14px;line-height: 40px;color: #737373;}
.about-m{width: 100%;box-sizing: border-box;padding: 40px 0;}
.nbanner{width: 100%;height: 400px;margin-top: -20px;}

.casel{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.casel-tit{border-bottom: 1px solid #f1f1f1;padding: 20px 0;text-align: center;width: 100%; }
.casel-tit h2{font-size: 26px;line-height: 60px;}
.casel-tit p{font-size: 14px;line-height: 40px;color: #737373;}
.caselm{width: 1200px;padding-top: 40px;}
.caselm li{width: 358px;border: 1px solid #f1f1f1;margin-right: 40px;margin-bottom: 40px;float: left;}
.caselm li:last-child{margin-right: 0;}
.caselm li img{width: 100%;height: 200px;}
.caselm li h2{font-size: 18px;line-height: 40px;padding: 20px 15px 0 15px;}
.caselm li p{font-size: 14px;padding: 0 15px 20px 15px;}
.caselist{width: 1200px;margin: 40px auto;overflow: hidden;}
.caselist-tit{text-align: center;padding-top: 20px;border-bottom: 1px solid #f1f1f1;}
.caselist-tit h2{line-height: 50px;}
.caselist-m li{float: left;width: 100%;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;}
.caselist-m li a{font-size: 16px;line-height: 40px;}
.caselist-m li a span{float: right;font-size: 14px}
.caselist-m li p{font-size: 14px;line-height: 30px;}
.caselist-m1{width: 100%;}
.caselist-m1 li{float: left;width: 100%;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;}
.caselist-m1 li a{font-size: 16px;line-height: 40px;}
.caselist-m1 li a span{float: right;font-size: 14px}
.caselist-m1 li p{font-size: 14px;line-height: 30px;}
.caselist-m-t{width: 180px;float: left;padding-right: 30px;}
.caselist-m-t img{width: 180px;}


.joblist{width: 1200px;margin: 40px auto;overflow: hidden;}
.joblist li{float: left;width: 100%;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;}
.joblist li a{font-size: 16px;line-height: 40px;}
.joblist li a span{float: right;font-size: 14px}
.joblist li p{font-size: 14px;line-height: 30px;}

.falvlist{width: 1200px;margin: 40px auto;overflow: hidden;}
.falvlist-m{width: 100%;box-sizing: border-box;display: inline-block;}
.falvlist-m{margin-left: -20px;}
.falvlist li{float: left;width: 580;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;margin-left: 20px;}
.falvlist li a{font-size: 16px;line-height: 40px;}
.falvlist li a span{float: right;font-size: 14px}
.falvlist li p{font-size: 14px;line-height: 30px;}

.page{margin: 20px auto;text-align: center;font-size: 14px;padding-bottom: 30px;width: 1200px;padding-top: 40px;display: inline-block;}
.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{padding: 10px 20px;border: 1px solid #f1f1f1;margin-right: 10px;}
.page .page-num-current{background:#48a5f4;color: #fff; }

.contact .gbml,.contact .gbmr{color: #000;}
.contact .gbmr li input{border: 1px solid #f1f1f1;}

.footer{background: #7d1a1f;}
.foot{width: 1200px; margin: 0 auto;padding-top: 40px;}
.foot-t{width: 100%;padding-bottom: 40px;border-bottom: 1px solid #f5d9a8;text-align: center;color: #fff;font-size: 14px;}
.foot-t h2{font-size: 30px;line-height: 50px;}
.foot-t p{line-height: 60px;}
.foot-b{line-height: 60px;text-align: center;font-size: 14px;color: #f5d9a8;}
.foot-b a{color: #f5d9a8;}.foot-c{line-height: 60px;font-size: 14px;color: #f5d9a8;}.foot-c a{color: #f5d9a8;}
.foot-t img{padding-top: 30px;display: none;}
.footnav{width: 100%;padding-bottom: 60px;}
.footnav li{float: left;}
.footnav li a{ display:block; padding:0 30px; font-size:16px;line-height: 50px;width: 72px;margin-right: 1px;text-align: center;  }
.up{width: 56px;height: 56px;bottom: 100px;right: 50px;position: fixed;}
.up a{display: block;width: 56px;height: 56px;background: url("../images/up.png")center center no-repeat;z-index: 99;}

.floating_ck{position:fixed;right:20px;bottom:20%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#A6262C;border-bottom:solid 1px #7d1a1f;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#A6262C;border-bottom:solid 1px #7d1a1f;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#A6262C;border-bottom:solid 1px #7d1a1f;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm img{width: 145px;height: 145px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

.modelTost {display: none;background: rgba(0, 0, 0, .5);z-index: 9999;width: 100%;height: 100%;	position: fixed;top: 0;	left: 0;}
.modelTostChile {width: 600px;margin-top: 90px;	background-color: #fff;	padding-bottom: 2.5%;position: absolute;top: 40%;left: 50%;	transform: translate(-50%, -50%);}
.modelTostChile p {	font-size: 24px;padding: 3%;}
.modelClose {float: right;cursor: pointer;}
.swiper-slide {	text-align: center;}
.swiper-slide img {width: 85%;text-align: center;}
.appBox +.appBox {margin-top: 3%;}
.nnav{width: 40px;float: right;padding-right: 20px;padding-top: 15px;cursor: pointer;display: none;}
.nnav img{width: 40px;}
.wnav{display: none;}
.wfoot{display: none;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 999;background: #f64328;}
.wfoot li{float: left;width: 25%;color: #fff;text-align: center;}
.wfoot li a{color: #fff;}
.wfoot h2{font-size: 14px;line-height: 30px;}
.wfoot i{font-size: 20px;line-height: 20px;padding-top: 10px;display: inline-block;}
.wapnav{display: none;width: 100%;padding: 20px 0;}
.wapnav li{float: left;width: 25%;box-sizing: border-box;padding:0 10px;text-align: center;font-size: 14px; }
.wapnav li .ic1{padding: 10px;width: 60%;background-image: linear-gradient(#07daff, #00c6ff);box-sizing: border-box;border-radius: 50%;}
.wapnav li .ic2{padding: 10px;width: 60%;background-image: linear-gradient(#ff6c3f, #ff4a33);box-sizing: border-box;border-radius: 50%;}
.wapnav li .ic3{padding: 10px;width: 60%;background-image: linear-gradient(#ff9f04, #ff8e00);box-sizing: border-box;border-radius: 50%;}
.wapnav li .ic4{padding: 10px;width: 60%;background-image: linear-gradient(#6085ff, #5072ff);box-sizing: border-box;border-radius: 50%;}
.fw100{width: 100%;display: inline-block;background: #f1f1f1;}
.ffnav{width: 1200px;margin: 0 auto;line-height: 40px;}
.ffnav ul{float: left;}
.ffnav ul li{float: left;padding: 10px 20px;font-size: 14px;}
.ffnav ul li:hover{background: #fff;}
.ffnav ul li.on{background: #fff;}
.ffnav p{float: right;padding: 10px 20px 10px 0;}
.newspage{padding-top: 20px;border-top: 1px solid #f1f1f1;margin-top: 20px;}
/* 东方中国风增强：宋体标题 + 金色分隔 */
.service-tit h2,.lvshi-tit h2,.about-tit h2,.casel-tit h2,.case-tit h2,.foot-t h2,.fatj a h2{font-family:"STZhongsong","SimSun","Microsoft YaHei",serif;}
.service-tit,.lvshi-tit,.about-tit,.casel-tit{border-bottom:2px solid #C9A063;}
.banner .bd li a h2{text-shadow:0 2px 12px rgba(0,0,0,.55);}
@media screen and (max-width: 1025px) {
    .nav{width: 100%;}
}
@media screen and (max-width: 769px) {
    .footnav{display: none;}
    .nnav{display: block;}
    .floating_ck{display: none;}
    .header{display: none;}
    .head{width: 100%;padding: 10px 0;}
    .tel{display: none;}
    .banner{height: 200px;margin-top: 80px;}
    .banner .bd li{height: 200px;}
    .banner .bd li a{margin-top: 70px;width: 75%;margin-left: 31%;}
    .banner .bd li a h2{font-size: 20px;}
    .falv,.service,.case-m,.lvshi,.news,.gbm,.foot{width: 100%;padding: 20px;box-sizing: border-box;}
    .ffnav{width: 100%;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;overflow: hidden;}
    .fw100{margin-top: 20px;}
    .falvl{width: 100%;margin-bottom: 20px;}
    .fatxt{display: flex;width: 100%;}
    .fztxtr{flex: 1;height: 68px;overflow: hidden;padding:10px 20px;line-height: 24px;}
    .falvr{width: 100%;}
    .service-m li{width: 100%;margin:0 0 20px;}
    .service-m li img{width: 100%}
    .case{height: auto;background: url("../images/xmbg.jpg")top center no-repeat #000;}
    .case-txt li{width: 100%;margin-bottom: 20px;}
    .case-txt li img{width: 100%;height: auto;}
    .lvshi{margin-bottom: 0;}
    .lvshi-m li{width: 100%;margin-bottom: 20px;}
    .lvshi-tit{padding-top: 0;}
    .lvshi-tit h2{padding-top: 0;}
    .lst img{width: 100%;height: auto;}
    .news-m-l{width: 100%;margin-right:0;margin-bottom: 20px;border-bottom: 1px solid #f1f1f1;}
    .news-m-r{width: 98%;margin-left: 2%;}
    .news-m-r ul{margin-left: -2%;}
    .gbook{background: url("../images/newsbg.jpg")top center no-repeat #a41414;}
    .gbml{width: 100%;margin-bottom: 20px;}
    .gbmr{width: 100%;}
    .fatxtl{width: 60px;}
    .fatxtl p{font-size: 14px;}
    .fatxtl span{display: none;}
    .falvl .faimg img{height: auto;}
    .fatj a p{line-height: 30px;}
    .fam li{height: 40px;overflow: hidden;}
    .falv{margin: 20px 0;}
    .gbmr2 li input{width: 100%;box-sizing: border-box;}
    .gbmr2 .nei textarea{width: 100%;box-sizing: border-box;}
    .gbmr2 li .code{width: 100px;}
    .foot-t h2{font-size: 20px;}
    .gbml2{padding-bottom: 0px;}
    .gbml3 b{font-size: 20px;}
    .top{position: fixed;width: 100%;z-index: 999;top: 0;left: 0;}
    .about ,.page{width:100%;padding:20px;box-sizing: border-box;}
    .caselist,.falvlist,.casel,.joblist{width: 100%;padding:0 20px;box-sizing: border-box;}
    .page-status{display: none;}
    .page-status, .page-index, .page-pre, .page-num, .page-next, .page-last{padding: 10px;}
    .nbanner{margin-top: 80px;height: 200px;}
    .caselm{width: 100%;margin-top: 20px;}
    .caselm li{width: 100%;}
    .caselm li img{height: auto;}
    .gbm{width: 100%;}
    .lvshi-m1 li{width: 100%;}
    .lvshi-m1 .lst img{width: 100%;height: auto;}
    .modelTostChile{width: 100%;}
    .head .logo img{max-height: 57px;padding-left: 20px;}
    .nnav img{width: 30px;}
    .caselist-m-t{width: 100%;padding-right: 0;}
    .caselist-m-t img{width: 100%;}
    .wapnav{display: block;}
    .ffnav p{display: none;}
/*  手机菜单  */
    .wnav {width: 100%;height: 100%;background: #a41414;transition: all .3s;position: fixed;left: 0;top: 80px;z-index: 999;padding-top: 30px;}
    .wnav a {display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px; color: #ffffff;transition: all .3s;font-size: 14px;}
    .wnav a span { margin-left: 30px}
    .nav-item { position: relative}
    .nav-item.nav-show { border-bottom: none}
    .nav-item ul {display: none; background: rgba(0, 0, 0, .1)}
    .nav-item.nav-show ul {display: block}
    .nav-item > a:before {content: ""; position: absolute;left: 0; width: 2px; height: 46px;background: #34a0ce; opacity: 0; transition: all .3s}
    .nav .nav-icon {font-size: 20px;position: absolute; margin-left: -1px}
    .icon_1::after {content: "\e62b"}
    .icon_2::after {content: "\e669"}
    .icon_3::after {content: "\e61d"}
    .nav-more { float: right; margin-right: 20px; font-size: 12px; transition: transform .3s}
    .nav-more::after { content: "\e621"}
    .nav-show .nav-more {transform: rotate(90deg)}
    .nav-show, .nav-item > a:hover {color: #fff; background: rgba(0, 0, 0, .1)}
    .nav-show > a:before, .nav-item > a:hover:before { opacity: 1}
    .nav-item li:hover a {color: #fff;  background: rgba(0, 0, 0, .1)}
    .nav-mini.wnav { width: 60px}
    .nav-mini.wnav .nav-icon {}
    .nav-mini.wnav .nav-item > a span { display: none}
    .nav-mini.wnav .nav-more { margin-right: -20px}
    .nav-mini.wnav .nav-item ul {position: absolute;top: 0;left: 60px;width: 180px;z-index: 99;background: #3c474c; overflow: hidden}
    .nav-mini.wnav .nav-item:hover {background: rgba(255, 255, 255, .1)}
    .nav-mini.wnav .nav-item:hover .nav-item a {color: #fff}
    .nav-mini.wnav .nav-item:hover a:before {opacity: 1}
    .nav-mini.wnav .nav-item:hover ul {  display: block}
    .wfoot{display: block;}
        
}
@media screen and (max-width: 320px) {
    .wapnav li{font-size: 12px;padding: 0;}
    
}