html { color: #000; background: #FFF; font-family: "微软雅黑"; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal } ol, ul { list-style: none } caption, th { text-align: left } q:before, q:after { content: '' } abbr, acronym { border: 0; font-variant: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100% } legend { color: #000 } a { text-decoration: none; color: rgb(51, 51, 51); } .h100 { height: 100px; } *:focus { outline: none; } .clear { clear: both; } img { display: block; } .fr { float: right!important; } .fl { float: left!important; } .header { width: 100%; box-shadow: 0px 3px 7px 0px rgba(234, 234, 234, 0.69); } header { width: 1200px; height: 95px; margin: 0 auto; } header .logo { width: 181px; margin-top: 19px; display: block; float: left; } header span { float: left; margin-top: 35px; font-size: 16px; color: rgb(102,102,102); margin-left: 20px; font-weight: 500; } header .logo-time { display: block; width: 114px; margin-left: 37px; margin-top: 23px; float: left; } header ul { /* width: 629px; */ height: 100%; float: right; } header ul li { line-height: 100px; float: left; margin-right: 37px; } header ul li:nth-last-child(1) { margin-right: 0; } header ul li a { font-size: 17px; } header ul li a:hover { color: rgb(30, 148, 255); } header .cur { color: rgb(30, 148, 255); } .header .wrapper { position: relative; width: 1200px; height: 22px; margin: 0 auto; } .header .top-title { position: absolute; left: 0; font-size: 14px; line-height: 22px; } .header .top-tel { position:absolute; right:0; font-size: 14px; line-height: 22px; } footer { min-width: 1200px; background: url(../img/31@3x.png) 100% 100% no-repeat; } footer>div { width: 1200px; margin: 0 auto; } footer .nav { width: 880px; } footer .nav>ul { float: left; margin-right: 85px; margin-top: 63px; margin-bottom: 35px; } footer .nav>ul:nth-last-child(1) { margin-right: 0; } footer .nav>ul>li { font-size: 14px; line-height: 36px; } footer .nav>ul>li:nth-child(1) { font-size: 16px; color: rgb(255, 255, 255); line-height: 48px; } footer .nav>ul>li a { color: rgb(149, 156, 174); } footer .nav>ul>li a:hover { color: rgb(32, 151, 219); } footer .city { width: 1200px; } footer .city>div { float: left; position: relative; } footer .city>div:nth-child(1) img { width: 14px; height: 54px; } footer .city>div:nth-child(2) img { width: 32px; height: 32px; } footer .city>div:nth-child(3) img { width: 33px; height: 45px; } footer .city>div:nth-child(4) img { width: 27px; height: 51px; line-height: 79px; } footer .city>div>div { float: left; } footer .city>div>div:nth-child(1) { width: 40px; height: 100px; margin-right: 20px; font-size: 20px; color: rgb(130, 139, 159); } footer .city>div img { display: inline-block; vertical-align: middle; } footer .city>div>div:nth-child(1)>div { height: 79px; text-align: center; line-height: 60px; } footer .city>div>div:nth-child(2) { width: 208px; margin-right: 42px; font-size: 20px; color: rgb(145, 156, 178); line-height: 58px; } footer .city>div:nth-last-child(1)>div:nth-child(2) { margin-right: 0; } footer .city>div>div:nth-child(2) p { font-size: 16px; color: rgb(98, 106, 121); line-height: 30px; } footer .record { color: rgb(66, 72, 83); font-size: 16px; margin-top: 30px; padding-bottom: 54px; } footer .record a{ color: rgb(66, 72, 83); } footer .code { width: 130px; float: right; margin-top: 63px; color: rgb(255, 255, 255); font-size: 18px; text-align: center; } footer .code p { margin-bottom: 28px; } footer .code img { width: 130px; }