@charset "utf-8";
* {
 margin-right: auto;
 margin-left: auto;
}

.fnav {
 height: auto;
 width: 100%;
 background-color: #242424;
 clear: both;
 align:center;
 margin-top:30px;
}
.fnav_n {
 zoom:1;
 overflow:hidden;
 height: auto;
 width: 1000px;
 padding-top:25px;
margin:0 auto;
}
.fnav_nll {
 float:left;
 height: 100%;
 width: 30%;
 text-align:left;
}

.fnav_nll p {
 float: left;
 height: 30px;
 width: 100%;
 color: #FFF;
 font-size: 20px;
 display: block;
}
.fnav_nll a:hover {
 color: #D1DBBD;
}

.fnav_nll a {
 color: #CCC;
 float: left;
 height: 25px;
 width: 100%;
 line-height: 25px;
}
.fnav_nll .ftel {
 background-image: url(../images/fmail.png);
 background-repeat: no-repeat;
 background-position: left center;
 float: left;
 height: 30px;
 width: 100%;
 line-height: 30px;
 padding-left: 25px;
 font-size: 14px;
 color: #CCC;
}
.fnav_nll .fmail {
 background-image: url(../images/ftel.png);
 background-repeat: no-repeat;
 background-position: left center;
 float: left;
 height: 30px;
 width: 40%;
 line-height: 30px;
 padding-left: 25px;
 font-size: 14px;
 color: #CCC;
}
.fnav_nll .wx {
 background-image: url(../images/wx.png);
 background-repeat: no-repeat;
 background-position: left center;
 float: left;
 height: 30px;
 width: 40%;
 line-height: 30px;
 padding-left: 25px;
 font-size: 14px;
 color: #CCC;
}
.fnav_nll .faddr {
 background-image: url(../images/faddr.png);
 background-repeat: no-repeat;
 background-position: left center;
 float: left;
 height: 30px;
 width: 100%;
 line-height: 30px;
 padding-left: 25px;
 font-size: 14px;
 color: #CCC;
}

.f {
 background-color: #2d2d2d;
 height: 35px;
 width: 100%;
 clear: both;
}
.foot {
 height: 35px;
 width: 100%;
 color: #FFF;
 line-height: 35px;
}
.foot .fl {
 float: left;
 width: 45%;
 text-align:right;
}
.foot .fr {
 float: right;
 width: 45%;
 text-align:left
}


.lx{
width:40%;
}
#qrcode img {
            position: absolute;
            width: 100px;
            height: 100px;
            display: block;
}
#qrcode {
            position: fixed;
            bottom: 0;
            right: 0;
            width: 100px;
            height: 100px;
            background: rgba(255, 255, 255, 0.6);
            z-index: 9999;
            display: none;
}


@media screen and (max-width:1100px) and (min-width:300px){
.takeplace{
display:none;
}
.fnav {
height: 768px;
width: 100%;
background-color: #242424;
clear: both;
align:center;
padding-left:8px;
}


.fnav_n {
 zoom:;
 overflow:;
 height: auto;
width: 100%;
padding-top:0px;

}
.fnav_nll {
clear:both;
height: auto;
width: 100% !important;
text-align:left;
padding:0px;
padding-top:30px;
}


.fnav_nll div {
clear:both; 
width: 100% !important;
}
.faddr{
display:none;
}
.f{
clear:both;
width:100%;
height:auto;
}
.foot{
height:70px;
}
.foot .fl,
.foot .fr{
 width: 100%;
 text-align:left;
}
.fnav_nll .wx {
 width: 100%;
}
}