ul,ol { list-style: none } a { text-decoration: none } .w1200 { width: 1200px; margin: 0 auto } .w1200:after { content: ""; width: 0; height: 0; display: block; clear: both } .bottom .register { background: url(../images/foot_sgin.jpg) no-repeat center top; height: 160px; padding-top: 70px; color: #fff; box-sizing: initial; } .bottom .register h2 { text-align: center; font-size: 24px; color: #fff; line-height: 0px; margin: 0; } .bottom .register a { display: block; width: 170px; height: 45px; line-height: 44px; color: #fff; background: #14a8ff; border-radius: 5px; margin: 30px auto; font-size: 18px; text-align: center } .bottom .footer { padding-top: 50px; background: #222 } .bottom .footer .w1200 { padding: 0 10px } .bottom .footer .footer_top ul li { float: left; width: 278px; height: 78px; line-height: 78px; border: 1px solid #333; text-indent: 98px; color: #aaa; margin-right: 20px; font-size: 16px; } .bottom .footer .footer_top ul li:last-child { margin-right: 0 } .bottom .footer .footer_top:after,.bottom .footer .footer_down:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden } .bottom .footer .footer_top ul li:nth-child(1) { background: url(../images/foot_icon1.png) no-repeat 34px center } .bottom .footer .footer_top ul li:nth-child(2) { background: url(../images/foot_icon2.png) no-repeat 34px center } .bottom .footer .footer_top ul li:nth-child(3) { background: url(../images/foot_icon3.png) no-repeat 34px center } .bottom .footer .footer_top ul li:nth-child(4) { background: url(../images/foot_icon4.png) no-repeat 34px center } .bottom .footer .footer_tel { border-bottom: 1px solid #333; height: 90px; margin: 0 auto; width: 1180px; padding-top: 30px; color: #aaa } .bottom .footer .footer_tel .tel { float: left; font-size: 16px; width: 180px; height: 65px; background: url(../images/foot_icon5.png) no-repeat 30px 0; padding-left: 100px; -webkit-box-sizing: initial; } .bottom .footer .footer_tel ul li { height: 90px; line-height: 60px; display: inline-block; padding: 0 20px; font-size: 16px; } .bottom .footer .footer_tel ul li:first-child { padding-left: 0 } .bottom .footer .footer_down { padding-top: 50px; } .bottom .footer .footer_down .left { float: left; width: 450px; padding-right: 20px } .bottom .footer .footer_down .left h3,.bottom .footer .footer_down .flink h3 { font-size: 16px; color: #fff; font-weight: 400 } .bottom .footer .footer_down .left p,.bottom .footer .footer_down .flink p { font-size: 14px; padding-top: 20px; line-height: 15px; } .bottom .footer .footer_down .left p a,.bottom .footer .footer_down .flink p a { font-size: 14px; color: #888; margin: 0 20px 15px 0; white-space: nowrap; display: inline-block } .bottom .footer .footer_down .left p a:hover,.bottom .footer .footer_down .flink p a:hover { color: #fff } .bottom .footer .footer_down .flink { float: left; width: 150px; padding-right: 20px } .bottom .footer .footer_down .right ul li { float: left; width: 120px; height: 150px; margin-right: 40px; text-align: center } .bottom .footer .footer_down .right ul li:last-child { margin-right: 0 } .bottom .footer .footer_down .right ul li h3 { color: #888; padding-top: 15px; font-weight: 400; font-size: 14px; text-align: center } .bottom .footer .footer_copyright { padding: 30px 0 } .bottom .footer .footer_copyright p { line-height: 30px; color: #888; font-size: 14px; margin-bottom: 0px; } .bottom .footer .footer_copyright p.beian a { color: #888; padding-right: 20px; display: inline-block } .bottom .footer .footer_copyright p.beian a img { vertical-align: middle } .footer_copyright { text-align: center; }