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;} }