/* 以1920px宽度，100px字体大小为基准动态的根元素字体大小 */




/*发展历程*/
.history {
    padding:1rem 0;
}
.history-box {
    position: relative;
    padding: 30px 0 0 0;
}
.history-box .Bottomyear {
    margin:0.3rem 0 1rem 0;
}
.history-box .Bottomyear ul {}
.history-box .Bottomyear ul li {
    cursor: pointer;
}
.history-box .Bottomyear ul li h6 {
    font-size: 0.24rem;
    color:#666;
}
.history-box .Bottomyear ul li.swiper-slide-thumb-active h6 {
    color: #df2228;
}


.history-box .Topyear {
    overflow:hidden;
}
.history-box .Topyear ul {

}
.history-box .Topyear ul li {
}


.history-box .Topyear ul li .word {
    float:left;
    width:50%;
}
.history-box .Topyear ul li .word h4 {
    font-size: 36px;
    color: #3e3e3e;
    font-weight: bold;
}
.history-box .Topyear ul li .word h5 {
    padding:0.8rem 0 0.4rem 0;
    font-size: 0.36rem;
    color: #1d1d1f;
}
.history-box .Topyear ul li .word .content {
    max-width:8.5rem;
    padding:20px 20% 0 0;
}
.history-box .Topyear ul li .word .content p {
    font-size: 0.14rem;
    color: #666;
    text-indent: 0em;
    margin: 0 0 0.1rem 0;
}
.history-box .Topyear ul li .word .content p::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #e62129;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.history-box .Topyear ul li .photo {
    float:right;
    width:45%;
    overflow: hidden;
}
.history-box .Topyear ul li .photo figure {
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
    position: relative;
}
.history-box .Topyear ul li .photo img {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.6s ease;
}


.history-box .Topyear ul li .word .content {
    height:1.8rem;
    overflow-x: auto;
}
.history-box .Topyear ul li .word .content::-webkit-scrollbar {
    width: 2px;
    height: 4px;
    background:#f6f6f6;
}
.history-box .Topyear ul li .word .content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #f1f1f1;
}

.swiper-Toggle {
    position:relative;
    position: absolute;
    bottom: 2rem;
    right: 0px;
    width: 100%;
    padding: 0;
    z-index: 2;
    display: flex;
    justify-content: center;/*中心对齐*/
    *justify-content: flex-start;/*开头对齐*/
    *justify-content: flex-end;/*末端对齐*/

    *align-items: center;/*中间对齐*/
    *align-items: flex-start;/*顶部对齐*/
    *align-items: flex-end;/*底部对齐*/

    transform: translate(0.8rem,0px); /*平移*/
}
.swiper-Toggle div{
    float:left;
    width: 0.5rem;
    height:1rem;
    line-height:1rem;
    background: #df2228;
    font-size: 0.28rem;
    color: #fff;
    font-family: '宋体';
    text-align: center;
    cursor: pointer;
}
.swiper-Toggle div.prev {
    border-radius: 50px 0 0 50px;
}
.swiper-Toggle div.next {
    border-radius: 0 50px 50px 0;
}

@media screen and (max-width:1024px) {
.history {
    padding:0.5rem 0 1rem 0;
}
.history-box {
    position: relative;
}
.history-box .Bottomyear {
    margin:0.3rem 0 1rem 0;
}
.history-box .Bottomyear ul {}
.history-box .Bottomyear ul li {
}
.history-box .Bottomyear ul li h6 {
    font-size: 0.24rem;
}
.history-box .Bottomyear ul li.swiper-slide-thumb-active h6 {
    color: #1d1d1f;
}

.history-box .Topyear {
    overflow:hidden;
}
.history-box .Topyear ul {

}
.history-box .Topyear ul li {
}


.history-box .Topyear ul li .word {
    width:100%;
    margin:0 0 0.1rem 0;
}
.history-box .Topyear ul li .word h4 {
    font-size: 0.36rem;
}
.history-box .Topyear ul li .word h5 {
    padding:0.4rem 0 0.2rem 0;
    font-size: 0.24rem;
}
.history-box .Topyear ul li .word .content {
    max-width: 100%;
    padding:0 0.1rem 0 0;
}
.history-box .Topyear ul li .word .content p {
    font-size: 0.14rem;
    margin: 0 0 0.1rem 0;
}

.history-box .Topyear ul li .photo {
    width:100%;
}
.history-box .Topyear ul li .photo img {
    width:100%;
    animation: myfirst 20s linear infinite normal;
}
}
/*发展历程*/