@charset "utf-8"; body { margin: 0; padding: 0; line-height: 24px; font-size: 14px; line-height: 175%; color: #333; } .pub_header{ padding:10px 0; font-size: 16px; color: #333; line-height: 66px; background-color: #f1f1f1; overflow: hidden; min-width: 1200px; margin: 0 auto; } .menu-cloum { width: 1200px; margin: 0 auto; } .pub_header img{ width: 299px; height: 66px; float: left; } .pub_header span{ float: auto; padding: 0 0 0 40px; } .pub_header a{ color: #333; text-decoration: none; } .pub_header a:hover{ color:#cc0000; } ._m_moble_m{ display: none; } .banner{ background-position: center 0; } .pub_header-m{ display: none; } @media screen and (min-width:10px) and (max-width:768px){ body { margin: 0; padding: 0; line-height: 24px; font-size: 14px; line-height: 175%; color: #000; min-width: 100%; } .pub_header{ padding:10px 0; font-size: 16px; color: #333; line-height: 30px; background-color: #f1f1f1; overflow: hidden; } ._pc_pc{ display: none; } ._m_moble_m{ display: block; } .pub_header img{ width: 100%; height: auto; float: left; } .menu-cloum{ width: 100%; height: auto; } .pub_header span{ float: left; padding: 3px 0 3px 6px; } .pub_header{ display: none; } .pub_header-m{ display: block; overflow: hidden; background: #f02400; text-align: left; padding: 12px 10px; border: none; } .header-m-l{ float: left; } .header-m-r{ float: right; text-align: right; } .header-m-r img{ width: 50%; } .moble-popover { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1001; z-index: 100; background: rgba(0, 0, 0, 0.3); padding-top: 85px; } .moble-popover span a{ color: #000; text-decoration: none; } .moble-popover span{ display: inline-block; padding: 5px 10px; background: white; border-radius: 2px; margin:5px; } }