.top,
.banner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}
@media only screen and (min-width: 640px) {
	/*发展历程*/
	.top,.banner {
		width: 640px;
	    left: 50%!important;
	    transform: translateX(-50%);
	}
	.content .yearsList {
		width: 640px!important;
	    left: 50%!important;
	    transform: translateX(-50%);
	}
}
.banner {
    margin-top: 1.466667rem;
    background: url(../images/company/banner.jpg) no-repeat;
    background-size: 100%;
    padding-top: 1.413333rem;
    z-index: 99
}

.banner>p {
    font-family: MicrosoftYaHeiLight;
    font-size: .8rem;
    color: #fff;
    text-align: center
}

.banner>span {
    display: block;
    text-align: center;
    font-family: MicrosoftYaHeiLight;
    font-size: .32rem;
    color: #fff;
    margin-top: .106667rem
}

.content {
    width: 100%;
    box-sizing: border-box;
    background-color: #f4f4f4
}

.content .yearsList {
    width: 100%;
    height: 1.2rem;
    display: flex;
    flex-flow: row nowrap;
    box-sizing: border-box;
    background-color: #2f323c;
    position: fixed;
    left: 0;
    top: 6.8rem;
    z-index: 99
}

.content .yearsList>li {
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #32353f
}

.content .yearsList>li>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.2rem;
    text-align: center;
    color: #999;
    text-decoration: none
}

.content .yearsList>li.active {
    background-color: #0486f4
}

.content .yearsList>li.active>a {
    color: #fff
}

.content .year {
    width: 100%;
    background-color: #f4f4f4;
    /* padding-top: 8rem */
}

.content .year .part1 {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: .773333rem .466667rem 1rem
}

.content .year .part1 .imgs {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    display: flex;
    flex-flow: row nowrap;
    padding: .426667rem .4rem .533333rem;
    background-color: #fff
}

.content .year .part1 .imgs>div {
    height: 100%
}

.content .year .part1 .imgs>div:first-of-type {
    width: 2.453333rem;
    margin-right: .2rem
}

.content .year .part1 .imgs>div:first-of-type>img {
    display: block;
    width: 100%;
    height: 1.733333rem
}

.content .year .part1 .imgs>div:nth-of-type(2) {
    width: 2.586667rem;
    margin-right: .2rem
}

.content .year .part1 .imgs>div:nth-of-type(2)>img {
    display: block;
    width: 100%;
    height: 1.733333rem
}

.content .year .part1 .imgs>div:last-of-type {
    width: 2.72rem
}

.content .year .part1 .imgs>div:last-of-type>img {
    display: block;
    width: 100%;
    height: 100%
}

.content .year .part1 .txt {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 .866667rem;
    margin-top: .6rem
}

.content .year .part1 .txt>p {
    width: .906667rem;
    height: .36rem;
    line-height: .36rem;
    font-size: .32rem;
    font-weight: 600;
    font-family: TrumpGothicPro-Bold;
    box-sizing: border-box;
    padding-left: .106667rem;
    color: #fff;
    background-color: #019cff;
    border-radius: .146667rem 0 0 .146667rem;
    position: relative
}

.content .year .part1 .txt>p:after {
    position: absolute;
    display: block;
    content: "";
    width: .173333rem;
    right: -0.346667rem;
    top: .013333rem;
    border-left: .173333rem solid #019cff;
    border-top: .173333rem solid transparent;
    border-bottom: .173333rem solid transparent
}

.content .year .part1 .txt>span {
    display: block;
    font-family: MicrosoftYaHeiLight;
    font-size: .373333rem;
    line-height: .613333rem;
    color: #333;
    box-sizing: border-box;
    margin-top: .24rem
}

.content .year .part2 {
    margin-top: .266667rem;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 1.2rem 0 1.066667rem .906667rem
}

.content .year .part2>ul {
    width: 100%
}

.content .year .part2>ul>li {
    width: 100%;
    height: 1.013333rem;
    margin-bottom: .746667rem;
    border-left: 1px solid #e8e8e8;
    padding-left: .44rem;
    box-sizing: border-box
}

.content .year .part2>ul>li:last-of-type {
    margin-bottom: 0
}

.content .year .part2>ul>li>p {
    font-size: .4rem;
    color: #666;
    font-weight: 600;
    margin-bottom: .066667rem
}

.content .year .part2>ul>li>span {
    font-size: .32rem;
    color: #666
}