/* 主菜单 */

.head{position: relative;border-bottom:0px solid #ddd;z-index:9999;width: 200px;}
.head .navbox{width: 200px; position:absolute;}
.head .nav{display: block; float: left;width:calc(100% - 180px)}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;border-right: 1px solid #cccccc;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{border-left: 1px solid #cccccc;}
.head .nav ul li .f_a{line-height:52px;display:block;text-align:center;font-size:16px;color:#fff;}
.head .nav ul li:hover .f_a{background-color:#cf1322;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #00a2ff;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#cf1322;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
/*.active{background-color: #cf1322}
.activ2{background-color: #cf1322}*/

/* 下拉侧边菜单 */
.sidenav{position: relative;width:300px;display: block; float: left;}
.sidenav label {width:300px;display: block;padding-left:95px;box-sizing: border-box; background: #830d08;position: relative;height: 61px;line-height: 60px;color: #fff;font-size:1.2rem;margin-bottom:0px;}
.sidenav label:hover{cursor: pointer;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left:55px;top: -2px;}
.sidenav .side { display:none;position: absolute;left: 0;z-index: 999;width: 300px;border-top: none;background-color: rgba(131, 13, 8, .85);box-sizing: border-box; padding-top:50px;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #630904;box-sizing: border-box; padding-left:35px;}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a {color: #fff;height:80px;line-height:80px;display: block;font-size:1.2rem;}
.sidenav .side li a:hover {background: none;color: #fff;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:20px; margin-right:5px; width: 30px;height: 30px;display: inline-block;vertical-align: middle;background-size:28px;}
.sidenav .side li a:hover i {margin-left: 15px;}
.icon1{background: url(/images/con_4.png) no-repeat; background-size:70%;}
.icon2{background: url(/images/con_4.png) no-repeat;}
.icon3{background: url(/images/con_4.png) no-repeat;}
.icon4{background: url(/images/con_4.png) no-repeat;}
.icon5{background: url(/images/con_5.png) no-repeat;}
.icon6{background: url(/images/con_6.png) no-repeat;}
.icon7{background: url(/images/con_7.png) no-repeat;}
.icon8{background: url(/images/con_8.png) no-repeat;}
.icon9{background: url(/images/con_9.png) no-repeat;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 800px;position:absolute;left:300px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 0px #cecece solid;z-index: 7; background-color: rgba(131, 13, 8, .85);}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size:1.2rem;margin-bottom: 10px;color: #fff;font-weight: bold; margin-top:10px;}
.sidenav .side .side_main dl dt b{font-size: 1.2rem; color:#fff; position:relative; left:10px; top:-10px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #fff;font-size: 1.2rem;margin:0 4px ;padding:5px 8px;border-right: 0px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../imgs/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #fff;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #fff;}
.sidenav .side .side_main dl dd a:hover span {color: #fff;}


/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../imgs/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../imgs/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}