html,
body {
margin: 0;
padding: 0;
font-size: 62.5%;
}
img{display: block;}
ul {list-style: none;margin: 0; padding: 0;}
a{text-decoration:none;cursor:pointer;outline:none;color: #333333}
/* 主菜单 */
.m_img{display: none;}
.head{position: relative;width:100%;z-index: 9999}
.head .nav{display: flex; flex-wrap: nowrap;justify-content: center;}
.head .nav ul {display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;}
.head .nav ul li{position: relative;box-sizing: border-box;z-index: 20;}
.head .nav ul li .f_a{display:block;text-align:center;font-size:1.6rem;color:#fff;overflow: hidden;height: 80px;}
.head .nav ul li:hover .f_a{background-color:#B12626;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%;background-color: #EAEDF0;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a {height: auto;}
.head .nav ul li .s_navbox .s_a a{color:#051C33;font-size:14px;text-transform:uppercase;display:block;text-align: center;height: 30px;line-height: 30px;overflow: hidden}
.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}
header {
background: rgba(0, 0, 0, 0.75);
height: auto;
width: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 5000;
}
.nav_content {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 96%;
margin: 0 auto;
}
.logo_box {
width: 30%;
display: flex;
align-items:center;
}
.logo_box img {
display: block;
width: 270px;
/*height: 50px;*/
}
.nav_box {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 50%;
}
.nav_box .nav {
height: 80px;
line-height: 80px;
}
.nav_box .nav a {
font-size: 10px;
padding: 0 6px;
color: rgb(255, 255, 255);
}
.nav_search {
width: 20%;
display: flex;
align-items: center;
}
.search_box {
width: 184px;
height: 26px;
background: rgba(255, 255, 255, 0.3);
cursor: pointer;
margin: 12px auto;
position: relative;
}
.search_box input {
border: 0;
outline: none;
height: 26px;
padding-left: 0.4rem;
background: rgba(0, 0, 0, 0.1);
opacity: 1;
line-height: 26px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color: #FFF;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #FFF;
}
.cearch_logo {
width: 36px;
height: 26px;
background: rgba(214, 214, 214, 1);
opacity: 0.63;
position: absolute;
right: 0;
top: 0;
z-index: 20;
display: flex;
justify-content: center;
align-items: center;
}
/* 底部 */
.m-footer{display: none;}
.footer{width: 100%;background-color: #0B0E23;padding-top: 60px;padding-bottom: 80px;}
.footer_content{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: nowrap;}
.link_box{width: 38%;}
.xian{width: 1px; background-color: #3E3E3E;}
.erwm{width: 24%;display: flex;flex-wrap: nowrap;justify-content: center;}
.footer_logo{width: 32%;display: flex;align-content: space-between;flex-wrap: wrap;}
.link_title{font-size:1.6rem;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;color:rgba(209,217,225,1);opacity:1;}
.link_adder{flex-wrap: wrap;justify-content: flex-start;}
.link_adder .l_j{display: inline-block;width: 33%;font-size:1.4rem;font-family:Microsoft YaHei;font-weight:400;line-height:36px;color:rgba(217,217,217,1);opacity:1;}
.erwm .er_logo{display: flex;justify-items: center;flex-wrap: wrap;justify-content: center;}
.erwm .er_logo span{font-size:1.2rem;font-family:Microsoft YaHei;font-weight:400;line-height:16px;color:rgba(153,153,153,1);opacity:1;text-align: center;display: inline-block;}
.footer_logo span{font-size:1.2rem;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:rgba(153,153,153,1);opacity:1;}
/* 移动端导航 */
@media screen and (max-width: 1024px) and (min-width: 0px){
.msgNum{display: none;}
.slider{margin-top: 44px;}
header{display:none}
.m_img{display:block;height:50px;background:#0B0E23;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
.m_img_box{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;height: 100%;}
.m_img_box .headrg{padding-left:5%;height: 40px;display: flex;align-items: center;width: 10%;}
.headrg a .m_menuimg{height:26px;vertical-align:top;display: block}
.m_img .headlf{height: 40px;display: flex;align-items: center;}
.m_img .headlf .m_logo{height:26px;display: block}
.m_img .headers {height: 40px;display: flex;align-items: center;padding-right: 5%;width: 30px;}
.m_img .headers .a_suosou{height: 26px;}
.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{padding:10% 0;display: flex;justify-content: space-between;flex-wrap: nowrap;}
.m_nav .closeicon .close_logo{padding-left: 5%;width: 70%;}
.m_nav .closeicon .close_logo img{display: block;height: 36px;}
.m_nav .closeicon .close_guan{height: 36px;width: 20%;align-items: center;display: flex;}
.m_nav .closeicon .close_guan .a_closed{height: 26px;}
.m_nav .closeicon .close_guan .a_closed img{display: block;height: 26px;}
.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:50px;color:#fff;line-height:50px;padding-left:5%;font-size:2rem;color: #D1D9E1;}
.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(../img/m_img/guan.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../img/m_img/kai.png) 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:30px;line-height:30px;font-size:1.6rem;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;color: #D1D9E1;}
/* 移动端底部 */
.footer{display: none;}
.m-footer{width: 100%;padding-top: 30px;padding-bottom: 0;background-color: #0B0E23;padding-bottom: 20px;display: block;}
.m_footer_content{width: 90%;margin: 0 auto;}
.m_footer_top{display: flex;justify-content: space-between;align-items:center;}
.m_footer_top .m_l_j{font-size:1.8rem;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;color:rgba(209,217,225,1);opacity:1;}
.m_footer_top .d_xian{width: 36%;border: 1px dashed #D1D9E1;}
.m_footer_top .z_xian{width: 36%;height:1px;background:rgba(209,217,225,1);}
.m_link_adder{display: flex;flex-wrap: wrap;justify-content:space-between;}
.m_link_adder .m_l_j{display: block;width: 33%;font-size:1.4rem;font-family:Microsoft YaHei;font-weight:400;line-height:36px;color:rgba(217,217,217,1);opacity:1;}
.m_footer_log{display: flex;justify-content: center;margin-top: 30px;}
.m_footer_log img{width: 50%;}
.text{font-size:1.2rem;font-family:Microsoft YaHei;font-weight:400;line-height:21px;color:rgba(153,153,153,1);opacity:1;}
}