*{padding:0px; margin:0px;}
.header{width:100%; background-color:rgba(255,255,255,.8); position:fixed; top:0; left:0; z-index:999; padding:15px 0; box-shadow:0 0 3px #aaa;}
.header .row{position:relative;}
.header .logo{width:200px; float:left;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:12px; right:15px; height:18px; width:30px; display:none;}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right;}
.header .nav i{font-size:12px; line-height:54px; text-align:right; position:absolute; width:50%; padding-right:10px; height:44px; right:0px; top:2px; display:none;}
.header .nav ul li{height:55px; font-size:15px; text-align:center; float:left; position:relative;}
.header .nav ul li a.o_lm{line-height:55px; color:#555; padding:0 20px; display:block;}
.header .nav ul li:hover a.o_lm{background-color:#285fa2; color:#fff;}
.header .nav .e_j{width:100%; background-color:#000; position:absolute; display:none; z-index:9999;}
.header .nav .e_j a{display:block; border-top:1px solid #000; font-size:14px; color:#fff; line-height:36px;}
.header .nav .e_j a:hover{background-color:#285fa2;}
.header .nav ul li:hover .e_j{display:block;}
@media only screen and (min-width:992px){
.header .nav ul li a.o_lm{padding:0 10px;}
}
@media only screen and (min-width:1200px){
.header .nav ul li a.o_lm{padding:0 20px;}
}
@media only screen and (max-width:992px){
.header{padding:20px 0;}
.header .logo{width:70%; margin-left:5px; height:auto}
.header .an{display:block;}
.header .nav{width:50%; padding:15px 5%; background-color:#0f3668; height:100%; position:fixed; top:0; left:-50%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{left:0;}
.header .nav i{display:block;}
.header .nav ul li{width:100%; height:auto; font-size:15px; text-align:left; border-bottom:1px solid #114280; float:none; margin-right:0;}
.header .nav ul li a.o_lm{color:#fff; padding:0;}
.header .nav ul li:hover a.o_lm{background:none;}
.header .nav ul li.on a.o_lm{background:none; color:#fff;}
.header .nav .e_j{background:none; position:relative; display:none; padding-bottom:10px;}
.header .nav .e_j a{border-top:0; font-size:12px; color:#f7f7f7; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
}

.head_h{width:100%; height:59px; background-color:#fff; display:none;}
@media only screen and (max-width:992px){
.head_h{display:block;}
}