@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑', 'Simsun';
}

body {
    -webkit-text-size-adjust: none;
}

html {
    color: #000;
    background: #FFF
}

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
}

ul,ol{
    list-style: none;
}

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
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

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
}

input, textarea, select {
    *font-size: 100%
}

legend {
    color: #000
}

div:after,header:after,footer:after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

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

a:hover {
    color:#808080;
}

/*让图片灰化*/
.undisable {
    -webkit-filter: grayscale(100%);
}

header {
    position: relative;
}

.top {
    width: 80%;
    margin: auto;
    padding: 1rem 0;
    position: relative;
}

.logo {
    float: left;
}

.banner {
    position: absolute;
}

.tel, .qq, .wx{
    height: 47px;
    width: 50px;
    background: url("../image/biao.png");
    float: right;
}

header .wx {
    cursor: pointer;
    background-position: -33px -43px;
}

header .wx .wx-boxs {
    width: 10rem;
    position: absolute;
    top: 5rem;
    right: 0;
    display: none;
}

header .wx .ret {
    border: 0.8rem solid transparent;
    border-bottom-color: white;
    position: absolute;
    right: 0.6rem;
    top: -1.6rem;
}

header .wx .wx-boxs img {
    width: 100%;
    border-radius: .3rem;
}

header .qq {
    cursor: pointer;
    background-position: -85px -43px;
}

header .qq a{
    float:left;
    width:100%;
    height:100%;
}

header .wx a {
    float: left;
    width: 100%;
    height: 100%;
}
.top1,.top2,.top3,.top4{float: none;width:100%;}
.top1 {
    font-size: 3rem;
    color: #ffffff;
    margin-top: 5rem;
    text-align: center;
}

.top1 span {
    font-size: 4rem;
    color: #e5b341;
    padding: 0 1rem;
}

.top2 {
    font-size: 1.5rem;
    color: #ffffff;
    padding: 2rem 0;
    text-align: center;
}

.top3 {
    margin: 6.4rem auto;
    text-align: center;
    background-color:rgba(0,0,0, .8);
    width:80%;
    border-radius:1rem;
    padding:1rem 0;
}

.top3 div {
    display: block;
    color: #ffffff;
    padding: 0 2rem;
    width: 50%;
    text-align: left;
    float:left;
}

.top3 div:first-child {
    border-right: 1px solid #ffffff;
    text-align: right;
}

.top3 p {
    font-size: 1rem;
}

.top3 p span {
    font-size: 3rem;
}


.top4{
    color:#808080;
    height: 100px;
    background-color:#ffffff;
    margin-top:1.2rem;
    border-bottom:1px solid #f1f1f1
}

.top4 ul{height:100%;}
.top4 li{width:33.33%;float:left;text-align: center;height:100%;margin-left:-1px;}
.top4 li i{float:right;height:60%;width:1px;border-right:1px solid #d1d1d1;margin-top:20px;}
.top4 li:last-child i{float:left;}
.biao1, .biao2, .biao3{
    height: 55px;
    width: 50px;
    background: url("../image/biao.png") 7px -88px;
    top:1rem;
    display: inline-block;
    position: relative;
}
.top4 .biao2{
    background-position: -45px -90px;
}

.top4 .biao3{
    background-position: -89px -91px;
}