*{ margin:0;padding:0; font-family: microsoft yahei; } li{ list-style: none; } a{ text-decoration: none; } img{ float:left; } .w1400{ width:1400px; margin:0 auto; } .w100{ width:100%; float:left; } .clear{ clear:both; } header{ padding:30px 0; float:left; width:100%; background:#8c0000; } header a{ float:left; } header span{ float:left; border-left:1px solid #fff; font-size:28px; font-weight: bold; padding: 0 0 0 30px; margin: 28px 0 0 30px; color:#fff; } nav{ float:left; width:100%; } nav ul li{ float:left; padding:20px 20px; } nav ul li a{ color:#8c0000; font-size: 22px; font-weight: lighter; } nav ul li a:hover{ color:#600; } footer{ background:#8c0000; float:left; width:100%; margin-top:50px; padding:50px 0 0 0; /* background:url(../images/footer-bg.png) #895788 no-repeat right center; */ } footer .w1400{ position:relative; } .footer-left{ float:left; border-right:1px solid #fff; padding-right: 60px; } .footer-mid{ float:left; margin:0 60px 0 60px; padding-right:60px; } .footer-mid p{ color:#fff; font-size:16px; background:url(../images/phone-ico.png) no-repeat left center; padding:0 0 0 40px; margin-top:10px; margin-bottom:5px; line-height:150%; } .footer-mid p:nth-child(1){ background:url(../images/address-ico.png) no-repeat left center; } .footer-xiaoxun{ text-align:center; padding-top:10px; margin-bottom:30px; } .footer-xiaoxun img{ float:none; } .footer-right{ float:left; position:absolute; right:50px; top:0; width:100px; } .footer-right div{ float:left; width:120px; } .footer-right div img{ width:120px; } .footer-right img{ width:100%; border-radius:5px; } .footer-right p{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:180%; } .footer-bottom{ background:#740202; color:#fff; font-size:16px; float:left; width:100%; height:60px; line-height:60px; text-align: center; margin-top:30px; }