*{margin: 0;padding: 0;}
body{background-color: #F2F2F2}

.ad{
    width: 100%;
    background-color: #171F2C;
}
.ad .adImg{width: 1020px; margin: 0 auto;}
/*ad END*/

.about-history {
    padding-top: 15px;
    padding-bottom: 30px;
    background-color: #fff;
    margin-top: 20px;
}
.wfs {  width: 100%;  }
.fl {  float: left;  }
.about-history .content {
    background-image: url(../images/about-history-grey.png);
    background-repeat: repeat-y;
    background-position: center top;
}
.about-history .content span.circle-red {
    margin-bottom: 30px;
    background-position: 0 0;
}
.about-history .content span.circle-red, .about-history .content span.circle-pink,
.about-history .content span.circle-green, .about-history .content span.circle-blue,
.about-history .content span.circle-brown, .about-history .content span.circle-deepblue,
.about-history .content span.circle-purple {
    float: left;
    width: 83px;
    height: 83px;
    margin-left: 494px;
    line-height: 83px;
    color: #fff;
    text-align: center;
}
.about-history .content span.circle-red, .about-history .content span.circle-pink, .about-history .content span.circle-green, .about-history .content span.circle-blue, .about-history .content span.circle-brown, .about-history .content span.circle-deepblue, .about-history .content span.circle-purple, .about-history .content p i, .about-history .content b, .about-news .news-list span, .back-top {
    background-image: url(../images/about-us-sprites-2.png);
    background-repeat: no-repeat;
}
.about-history .content div {
    position: relative;
}
.about-history .content p.right {
    margin-right: 77px;
}
.about-history .content p {
    position: relative;
    width: 345px;
    *width: 339px;
    height: 70px;
    *height: 60px;
    margin: 0;
    padding-top: 10px;
    padding-right: 1px;
    padding-left: 18px;
    line-height: 25px;
    color: #fff;
}
.fr {
    float: right;
}
.about-history .content b.circle-grey {
    background-position: -100px -26px;
}
.about-history .content b {
    position: absolute;
    left: 482px;
    top: 27px;
    width: 16px;
    height: 16px;
}
.about-history .content span.circle-red, .about-history .content span.circle-pink,
.about-history .content span.circle-green, .about-history .content span.circle-blue,
.about-history .content span.circle-brown, .about-history .content span.circle-deepblue,
.about-history .content span.circle-purple, .about-history .content p i, .about-history .content b,
.about-news .news-list span, .back-top {
    background-image: url(../images/about-us-sprites-2.png);
    background-repeat: no-repeat;
}
b, strong {
    font-weight: 700;
}

.about-history .content p {
    position: relative;
    width: 345px;
    *width: 339px;
    height: 70px;
    *height: 60px;
    margin: 0;
    padding-top: 10px;
    padding-right: 1px;
    padding-left: 18px;
    line-height: 25px;
    color: #fff;
}
.about-history .content b.circle-grey {
    background-position: -100px -26px;
}
.about-history .content b {
    position: absolute;
    left: 482px;
    top: 27px;
    width: 16px;
    height: 16px;
}

b, strong {
    font-weight: 700;
}
.about-history .content p.purple {
    background-color: #CA8ED3;
}
.about-history .content p i.triangle-purple-r {
    background-position: -127px -87px;
}
.about-history .content p.right i {
    left: -14px;
}
.about-history .content p i {
    position: absolute;
    top: 25px;
    width: 14px;
    height: 23px;
}
.about-history .content b {
    position: absolute;
    left:526px;
    top: 27px;
    width: 16px;
    height: 16px;
}
.about-history .content p i.triangle-purple-l {
    background-position: -146px -87px;
}
.about-history .content p.left i {
    right: -14px;
}
.about-history .content p i {
    position: absolute;
    top: 25px;
    width: 14px;
    height: 23px;
}
.about-history .content p.left {
    margin-left: 77px;
}
.about-history .content span.circle-purple {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -67px -254px;
}
.about-history .content p.blue {
    background-color: #52C4E6;
}
.about-history .content p i.triangle-blue-r {
    background-position: -98px 0;
}
.about-history .content p.left {
    margin-left: 77px;
}
.about-history .content span.circle-blue {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -66px -360px;
}
.about-history .content p.red {
    background-color: #FC7878;
}
.about-history .content span.circle-red {
    margin-bottom: 30px;
    background-position: 0 0;
}
.about-history .content p.green {
    background-color: #92D206;}
.about-history .content span.circle-green {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -68px -566px;
}
.about-history .content p.blue {
    background-color: #52C4E6;
}
.about-history .content span.circle-blue {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -66px -360px;
}
.about-history .content p.purple {
    background-color: #CA8ED3;
}
.about-history .content span.circle-purple {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -67px -254px;
}
.about-history .content p.deepblue {
    background-color: #75C4BE;
}
.about-history .content span.circle-deepblue {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -67px -465px;
}
.about-history .content p.brown {
    background-color: #D48D7C;
}
.about-history .content span.circle-brown {
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: -67px -681px;
}
.about-history .content span.circle-red2 {
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 0;
}
.about-history .content span.circle-red2 i {
    display: block;
    margin-top: 28px;
    font-style: normal;
    line-height: 18px;
}
.about-history .content p i.triangle-blue-l {
    background-position: -146px -50px;
}
.about-history .content p.left i {
    right: -14px;
}
.about-history .content p i.triangle-red-l {
    background-position: -146px -177px;
}
.about-history .content p i.triangle-red-r {
    background-position: -126px -177px;
}
.about-history .content p i.triangle-green-l {
    background-position: -130px 0;
}
.about-history .content p i.triangle-green-r {
    background-position: -114px 0;
}
.about-history .content p i.triangle-deepblue-l {
    background-position: -146px -117px;
}
.about-history .content p i.triangle-brown-r {
    background-position: -128px -145px;
}

/*中间结束*/