header .wapnav{float:right; display:none;}
.mainnav{clear: both; max-width: 1300px; margin: 0 auto; }
.mainnav ul>li.fmenu{ float:left; width:8.5%; margin:0 2.5%; text-align:center;position:relative; }
.mainnav ul>li a,.mainnav ul>li a:link,.mainnav ul>li a:visited{ text-decoration:none; display:block;  line-height:55px; font-size:18px;color:#fff; text-align:center; text-decoration:none;}
.mainnav ul>li a:hover,.mainnav ul>li a.active,.mainnav ul>li a.active:link,.mainnav ul>li a.active:visited{ color:#ff001}
.mainnav ul>li:hover>a {color:#ff001}
.mainnav ul>li a:after{content: "";width: 0; height: 2px; background: #f24f04;position: absolute; top: 100%;left: 50%;transition: all 1s;}
.mainnav ul>li a:hover:after,.mainnav ul>li a.active:after{left: 0%;width:100%;}


.mainnav ul>li.fmenu>ul{ display:none;background-color:rgba(0,80,150,0.8); position:absolute; top:58px; z-index:9999;width: auto;}
.mainnav ul>li.fmenu>ul li{white-space: nowrap;box-sizing: border-box; padding:0 15px;position: relative;
}
.mainnav ul>li.fmenu li>a{text-align: left;}
.mainnav ul>li.fmenu ul>li a{ line-height:36px; font-size:15px; color:#fff; font-weight:normal; border-bottom: 1px solid #5ca5e6;}
.mainnav ul>li.fmenu ul>li>ul>li a{ border:none; color:#fff;}
.mainnav ul>li.fmenu>ul>li a:hover:after{display:none;}


.sec li{position: relative}
.sec li ul{position: absolute;left: 100%;/*background-color:rgba(20,90,180,0.8);*/background-color:rgba(200,150,90,0.8);display: none;top: 0px; }
.sec li ul li {border-bottom: 1px solid #ecc597;}
.sec li ul li a{font-size: 13px !important;}




.div2{ display:none;}

@media screen and (max-width:1366px)
{
.mainnav ul>li.fmenu{ float:left; width:9.5%; margin:0 2.2%; text-align:center;position:relative; }	
}	


@media screen and (max-width:960px)
{
    header .wapnav{display:block; width:50px; text-align:right; padding-right:1%;  margin-top:20px;}
    header .wapnav img{padding:10px;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; }
    .navbg{ height: 0;}
    .mainnav{ width:100%; height:0; background:#0b0d19; position:fixed; z-index:999999; top:0; left:0; overflow:hidden; }
    .mainnav ul{ width:80%; margin-left:20%; }
    .mainnav ul li.fmenu {
        float: none;
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        text-align: center;
        z-index:9999;
        border-bottom:dashed #666 1px;
    }
    .mainnav ul li.fmenu a,.mainnav ul li.fmenu a:link,.mainnav ul li.fmenu a:visited{ text-decoration:none; display:block;   color:#fff; line-height:45px; font-size:18px; text-align:center; text-decoration:none;padding:0;}
    .mainnav ul li.fmenu a:hover {
        float: none;
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        text-align: center;
        z-index:9999;


    }
    .div2{ display:block; position:absolute; left:0; width:20%; height:100%; background:#313237;}
    .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{ }

}