body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, abbr { border: 0; } address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var { font-weight: normal; font-style: normal; } ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 1.0em; } q:before, q:after { content: ”; } a, ins { text-decoration: none; } .contain{ width:100%; min-width: 1200px; } .contain img{ width: 100%; line-height:0; display:block; } #head{ width: 100%; height: 101px; position: fixed; left:0; right:0; margin: auto; transition: background-color 0.3s; } .header { width:1200px; margin: 0 auto; overflow: hidden; display: flex; justify-content: space-between; align-items: center; } .header .logo { width:147px; height: 43px; margin:29px 0; cursor: pointer; } .header .nav{ display: flex; justify-content: space-between; } .header .nav li a{ padding:0 40px; font-weight: 400; font-size: 16px; cursor: pointer; width:64px; text-align: center; } .header .nav li a:hover{ color: #000000; } .active{ color: #000000 !important; } .header .nav li a{ color: #8991A7; } .foot{ background: #121821; padding: 40px 0; font-weight: 400; font-size: 13px; color: #999999; border-bottom: 1px solid #2B374A; } .footer{ width:800px; margin: 0 auto; } .footer .link{ display: flex; justify-content: space-between; } .footer .white{ font-weight: 500; font-size: 16px; color: #FFFFFF; margin-bottom: 20px; } .footer .link p{ width: 38%; } .footer span{ cursor: pointer; } .foot .footer .p3{ margin-top:20px; } .foot2{ text-align: center; padding:20px 0 30px; } .foot .footer .p3 img{ width: 16px; margin-right:4px; display: inline-block; vertical-align: middle; }