@charset "UTF-8";
@import url("../font/iconfont.css");

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: none;
}

img {
    display: inline-block;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ul, ol {
    list-style: none;
}

body {
    color: #333;
    font: 12px/20px "微软雅黑", HELVETICA;
    background-color: #f5f5f5;
    background-size: 100%;
    /* overflow-y:scroll; */
    overflow-x: hidden;
}

a {
    color: #666;
    text-decoration: none;
}

.clear {
    zoom: 1;
}

.clear:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.margin {
    margin: 0 auto
}

.header-top {
    width: 100%;
    height: 34px;
    background: #000000;
}

.header-top .top-front {
    width: 1200px;
    height: 34px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: #000000;
    position: relative;
}

.header-top .top-front .state {
    float: left;
    height: 34px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 34px;
    color: #fff;
}

.header-top .top-front .link {
    float: right;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0;
    color: #fff;
}

.header-top .top-front .link li {
    display: inline-block;
    padding: 0 12px;
    height: 14px;
    line-height: 15px;
}

.header-top .top-front .link li a {
    color: #fff;
}

.header-top .top-front .link li.border-left {
    border-left: 2px solid #7f7f7f;
    padding-right: 0;
}

.header-top .top-front .search-button {
    width: 24px;
    height: 34px;
    float: right;
    background: url(../newimg/search.png) no-repeat 0 10px;
    cursor: pointer;
    position: relative;
}

.header-top .top-front form.search-bar {
    width: 442px;
    height: 66px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 10px solid #7b7b7b;
    position: absolute;
    right: 0px;
    top: 41px;
    z-index: 9999999;
    background: #fff url(../newimg/form-search.png) no-repeat 13px center;
}

.header-top .top-front form.search-bar input.search {
    margin-left: 40px;
    height: 44px;
    width: 330px;
    border: none;
    font-size: 16px;
    line-height: 46px;
    outline: none;
    padding: 0;
}

.header-top .top-front form.search-bar .button {
    width: 52px;
    height: 46px;
    color: #fff;
    font-size: 18px;
    background: #7b7b7b;
    text-align: center;
    line-height: 46px;
    float: right;
    cursor: pointer;
}

.header-top .top-front .search-button.show {
    background: url(../newimg/search2.png) no-repeat 0 10px;
}

.header-nav-wrap {
    width: 100%;
    height: 117px;
}

.header-nav-wrap .header-nav {
    width: 1200px;
    height: 117px;
    margin: 0 auto;
}

.header-nav-wrap .header-nav .logo-wrap {
    width: 210px;
    height: 117px;
    float: left;
}

.header-nav-wrap .header-nav .logo-wrap .logo {
    display: block;
    width: 182px;
    height: 93px;
    background: url(../newimg/logo.png) no-repeat;
    margin-top: 10px;
}

.header-nav-wrap .header-nav .nav {
    margin-top: 1px;
    height: 97px;
    float: right;
}

.header-nav-wrap .header-nav .nav li {
    display: inline-block;
    line-height: 97px;
    font-size: 18px;
    cursor: pointer;
    margin-left: 5px;
}

.header-nav-wrap .header-nav .nav li a {
    display: block;
    height: 97px;
    color: #333333;
    cursor: pointer;
    padding: 0 19px;
}

.header-nav-wrap .header-nav .nav li a:hover, .header-nav-wrap .header-nav .nav li .active {
    color: #fff;
    background: #8c3915;
}

.header-nav-wrap .header-nav .nav li:first-child {
    margin-left: 0;
}

.footer-wrap {
    width: 100%;
    /*   margin-top: 280px; */
    background: #000000;
    background-position: cover;
}

.footer-wrap .footer {
    width: 1200px;
    padding-top: 26px;
    background: #000000;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-wrap .footer .footercode {
    width: 1200px;
    padding-bottom: 16px;
    border-bottom: 1px solid #1b1b1b;
    text-align: center;
}

.footer-wrap .footer .footercode img {
    display: inline-block;
    width: 118px;
    height: 140px;

}

.footer-wrap .footer .footer-top {
    width: 100%;
    height: 126px;
    border-bottom: 2px solid #1b1b1b;
}

.footer-wrap .footer .footer-top .link {
    height: 126px;
    color: #808080;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    line-height: 170px;
}

.footer-wrap .footer .footer-top .link li {
    display: inline-block;
    padding: 0 23px;
    color: #fff;
    line-height: 52px;
}

.footer-wrap .footer .footer-top .link li a {
    color: #fff;
    font-weight: normal;
}

.footer-wrap .footer p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 32px;
}

.footer-wrap .footer .mar {
    border-top: 1px solid #0e0e0e;
    padding-top: 40px;
}

.main-wrap:after, .main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.main-wrap {
    width: 100%;
    min-height: 475px;
    height: auto !important;
    _height: 475px;
}

.main-wrap .main {
    width: 1200px;
    min-height: 475px;
    height: auto !important;
    _height: 475px;
    margin: 0 auto;
}
