@charset "utf-8";


header .wapnav{float:right; display:none;}


.div2{ display:none;}

@media screen and (max-width:859px)
{
header .wapnav{display:block; width:15%; margin-top:16px; text-align:right; padding-right:1%; }	
header .wapnav img{padding:6px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }	
.mainnav{ width:100%; height:0; background:#0a51a3; position:fixed; z-index:999999; top:0; left:0; overflow:hidden;}
.mainnav ul{ width:80%; margin-left:20%;}
.mainnav ul>li {
    float: none;
    width: 100%;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
	z-index:9999;
	border-bottom:dashed #97b8c9 1px;
}
.mainnav ul li:hover > ul {
	display:none;
}

.mainnav ul li a,.mainnav ul li a:link,.mainnav ul li a:visited{ text-decoration:none; display:block; color:#fff; line-height:46px; font-size:18px; text-align:center; text-decoration:none;padding:0;}
.mainnav ul li a:hover {
    float: none;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
	z-index:9999;
	cursor:pointer;
}

.div2{ display:block; position:absolute; left:0; width:20%; height:100%; background:#034189;}
.div2 span{ display:block; text-align:center; margin:20px auto; padding:0 0; text-align:center; width:100%; cursor:pointer;}
.div2 span img{ margin:0 auto; display:block; text-align:center; float:none;}
.nav{ display:none}
}