﻿body {
  position: relative;
  padding-bottom: 351px; }

ul.list-inline li {
  display: inline-block; }


header {
  background: #eb9500;
  overflow: hidden; }

.header-top {
  height: 32px;
  color: #eb9500;
  background: #fff; }
  .header-top .company-phone {
    padding-left: 27px;
    line-height: 32px;
    background: url(../image/icon_phone.png) no-repeat left center; }
  .header-top ul {
    font-size: 0; }
  .header-top li a {
    display: inline-block;
    padding: 8px 10px;
    font-size: 14px;
    color: #eb9500; }
  .header-top li:first-of-type {
    position: relative; }
  .header-top li:first-of-type:after {
    position: absolute;
    top: 10px;
    right: 0;
    height: 12px;
    width: 1px;
    background: #eb9500;
    content: ""; }

.header-bottom {
  height: 115px;
  color: #fff;
  font-size: 16px; }
  .header-bottom img {
    margin-top: 14px; }
  .header-bottom a {
    color: #fff; }
  .header-bottom nav {
    height: 115px;
    font-weight: bold;
    font-family: "微软雅黑"; }
    .header-bottom nav ul {
      margin: 38px 0; }
    .header-bottom nav li a {
      display: inline-block;
      padding: 10px 23px;
      border-radius: 5px; }
    .header-bottom nav li.active a {
      color: #eb9500;
      background: #fefefe; }

.header-layout-box,
.bodies-layout-box,
.footer-layout-box {
  width: 1024px;
  margin: 0 auto; }

.wrap-page {
  width: 1000px;
  margin: 15px auto;
  padding: 20px;
  background: #fff; }


footer {
  position: absolute;
  bottom: 0;
  width: 100%; }
  footer a {
    display: inline-block;
    color: #fefefe; }
  footer a:hover {
    text-shadow: 0 0 1px #fff; }

.footer-top {
  background: #404040;
  color: #fefefe; }
  .footer-top .footer-logo-box {
    margin-top: 130px; }
  .footer-top .contact-us,
  .footer-top .friend-link {
    margin: 80px 50px 80px 80px; }
    .footer-top .contact-us p, .footer-top .contact-us li,
    .footer-top .friend-link p,
    .footer-top .friend-link li {
      line-height: 1.6em; }
  .footer-top .title {
    margin: 12px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #fff; }
  .footer-top .friend-link {
    margin-right: 0; }
    .footer-top .friend-link ul {
      font-size: 0; }
    .footer-top .friend-link li {
      position: relative;
      font-size: 14px; }
      .footer-top .friend-link li a {
        padding: 0 10px; }
    .footer-top .friend-link li:after {
      position: absolute;
      right: 0;
      top: 5px;
      display: inline-block;
      height: 1em;
      width: 1px;
      background: #fff;
      content: ""; }

.footer-bottom {
  padding: 10px 0;
  background: #323232;
  color: #fff; }
  .footer-bottom p {
    padding: 5px 0;
    text-align: center; }