@media (min-width: 750px) {
    .experience {
        background-image: url("/imgs/weabg.png");
        background-size: 100%;
        background-position: top center;
        padding-bottom: 1px;
    }

    .experience .content {
        padding-top: .5rem;
    }

    .experience .content .item {
        overflow: hidden;
        margin-bottom: .6rem;
    }

    .experience .content .item .pic {
        width: 7.4rem;
        height: 5.4rem;
    }

    .experience .content .item .pic img {
        width: 100%;
        height: 100%;
    }

    .experience .content .item:nth-of-type(1) .info {
        padding-right: 1.5rem;
    }

    .experience .content .item:nth-of-type(1) .info::after {
        right: 1.1rem;
    }

    .experience .content .item:nth-of-type(2) .info {
        padding-left: .3rem;
    }

    .experience .content .item:nth-of-type(2) .info::before {
        left: .3rem;
    }

    .experience .content .item:nth-of-type(3) .info {
        padding-right: .3rem;
    }

    .experience .content .item:nth-of-type(3) .info::after {
        right: .3rem;
    }

    .experience .content .item .info {
        width: 5.6rem;
        position: relative;
        padding-left: .37rem;
        padding-top: .5rem;
    }

    .experience .content .item .info::after,
    .experience .content .item .info::before {
        display: block;
        content: '';
        width: .54rem;
        height: .42rem;
        position: absolute;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .experience .content .item .info::before {
        background-image: url("/imgs/ab1.png");
        top: .5rem;
        left: 0;
    }

    .experience .content .item .info::after {
        background-image: url("/imgs/ab2.png");
        bottom: -0.6rem;
        right: 0;
    }

    .experience .content .item .info h1 {
        font-weight: normal;
        font-size: .4rem;
        line-height: 1;
        color: #85c023;
        padding-top: .9rem;
        margin-bottom: .28rem;
    }

    .experience .content .item .info p {
        font-size: .24rem;
        color: #666;
        line-height: 1.4;
    }

    .we-do .product-line {
        background-color: #000;
        position: relative;
    }

    .we-do .product-line .product-line-box .imgs {
        width: 100%;
        height: 10.38rem;
        display: block;
    }

    .we-do .product-line .product-line-box .product-line-box-item {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 9;
    }

    .we-do .product-line .product-line-box .product-line-box-item h1 {
        color: #fff;
        padding-top: 60px;
        display: none;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 6.8rem;
        height: 6.8rem;
        border: 4px solid #FFFFFF;
        border-radius: 50%;
        margin: 0 auto;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan {
        position: absolute;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan .t {
        position: absolute;
        white-space: nowrap;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan .t a {
        color: #fff;
        font-size: .24rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan .f {
        width: .28rem;
        height: .28rem;
        background: #3C4F2F;
        border: .04rem solid #FFFFFF;
        border-radius: 50%;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:hover .f {
        animation: wave8 1s linear infinite;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(1) {
        left: 2rem;
        top: .05rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(1) .t {
        top: -.6rem;
        right: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(2) {
        left: 4.32rem;
        top: .05rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(2) .t {
        top: -0.67rem;
        left: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(3) {
        left: .1rem;
        top: 1.87rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(3) .t {
        top: -0.67rem;
        right: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(4) {
        left: 6.29rem;
        top: 1.87rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(4) .t {
        top: -0.67rem;
        left: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(5) {
        left: 0rem;
        top: 4.35rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(5) .t {
        top: .3rem;
        right: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(6) {
        left: 6.32rem;
        top: 4.53rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(6) .t {
        top: .3rem;
        left: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(7) {
        left: 2.07rem;
        top: 6.4rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(7) .t {
        top: .3rem;
        right: .8rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(8) {
        left: 4.22rem;
        top: 6.43rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan:nth-of-type(8) .t {
        top: .21rem;
        left: 1.4rem;
    }

    .we-do .product-smart {
        display: flex;
        padding: 1.1rem 1rem;
        background-size: 100% 103%;
        background-position-y: -3px;
    }

    .we-do .product-smart .pic {
        width: 7.95rem;
        height: 4.5rem;
        margin-right: .7rem;
    }

    .we-do .product-smart .pic img {
        width: 100%;
        height: 100%;
    }

    .we-do .product-smart .info {
        color: #fff;
        width: 5rem;
    }

    .we-do .product-smart .info h1 {
        font-size: .4rem;
        font-weight: normal;
    }

    .we-do .product-smart .info p {
        font-size: .2rem;
    }

    .history .floor.f1 .item {
        width: 14rem;
        margin: 0 auto;
    }

    .history .floor.f1 .item .top {
        display: flex;
        justify-content: space-between;
        padding: .75rem 0;
    }

    .history .floor.f1 .item .top .top-list {
        width: 4rem;
    }

    .history .floor.f1 .item .top .pic {
        width: 1rem;
        height: 1rem;
        margin: 0 auto;
        margin-bottom: .31rem;
    }

    .history .floor.f1 .item .top .pic img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .history .floor.f1 .item .top .info {
        text-align: center;
    }

    .history .floor.f1 .item .top .info h1 {
        font-size: .4rem;
        line-height: 1;
        margin-bottom: .3rem;
    }

    .history .floor.f1 .item .top .info .c1 {
        color: #9CC774;
    }

    .history .floor.f1 .item .top .info .c2 {
        color: #37A59F;
    }

    .history .floor.f1 .item .top .info .c3 {
        color: #C68953;
    }

    .history .floor.f1 .item .top .info p {
        font-size: .18rem;
        color: #999;
    }

    .history .floor.f2 .item {
        width: 14rem;
        margin: 0 auto;
        margin-bottom: .6rem;
    }

    .history .floor.f2 .item .title {
        font-size: .4rem;
        text-align: center;
        padding: .5rem 0;
        color: #333;
    }

    .history .floor.f2 .item .list {
        display: flex;
        justify-content: space-between;
    }

    .history .floor.f2 .item .list .list-item {
        width: 4rem;
    }

    .history .floor.f2 .item .list .list-item .pic {
        width: 3rem;
        height: 2.4rem;
    }

    .history .floor.f2 .item .list .list-item .pic img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .history .floor.f2 .item .list .list-item .name {
        font-size: .16rem;
        color: #85c023;
        padding: .2rem 0;
    }

    .history .floor.f2 .item .list .list-item .con p {
        font-size: .14rem;
        color: #999;
        line-height: 2;
    }

    .history .floor.f3 .item {
        /* warn  wave */
    }

    .history .floor.f3 .item .title {
        background-image: url("/imgs/titleewer.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        height: 3rem;
    }

    .history .floor.f3 .item .line {
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #ccc;
    }

    .history .floor.f3 .item .milestone {
        position: relative;
        overflow: hidden;
        padding: .66rem 0;
        width: 13.5rem;
        margin: 0 auto;
        margin-bottom: .8rem;
    }

    .history .floor.f3 .item .milestone-item {
        width: 50%;
        position: relative;
        height: 1rem;
    }

    .history .floor.f3 .item .milestone-item .time {
        font-size: .2rem;
        color: #666;
        font-family: 'manropeBold';
    }

    .history .floor.f3 .item .milestone-item .data {
        font-size: .14rem;
        color: #666;
    }

    .history .floor.f3 .item .milestone-item:nth-of-type(2n) {
        margin-right: 1.2rem;
        text-align: right;
        float: left;
        padding-right: 1.2rem;
    }

    .history .floor.f3 .item .milestone-item:nth-of-type(2n+1) {
        margin-left: 1.2rem;
        text-align: left;
        float: right;
        padding-left: 1.2rem;
    }

    .history .floor.f3 .item .yuan {
        position: absolute;
        width: 1rem;
        height: 1px;
        top: .16rem;
        background-color: #ccc;
    }

    .history .floor.f3 .item .yuan::after {
        display: block;
        content: '';
        width: .08rem;
        height: .08rem;
        border-radius: 50%;
        background-color: #B5D37C;
        position: absolute;
        top: -.04rem;
    }

    .history .floor.f3 .item .milestone-item:nth-of-type(2n) .yuan {
        right: -.04rem;
    }

    .history .floor.f3 .item .milestone-item:nth-of-type(2n) .data {
        float: right;
    }

    .history .floor.f3 .item .milestone-item:nth-of-type(2n) .yuan::after {
        right: 0;
    }

    .history .floor.f3 .item .milestone-item:nth-of-type(2n +1) .yuan {
        left: -.04rem;
    }

    .history .floor.f3 .item .milestone-item:first {
        background: #000;
    }

    .history .floor.f3 .item .milestone-item:first-of-type .yuan::after {
        width: .3rem;
        height: .3rem;
        animation: warn 1s linear infinite;
        box-shadow: 0 0 4px #9cbc61, 0 0 10px #9cbc61 inset;
        background-color: #fff;
        border: 2px solid #B5D37B;
        top: -.17rem;
        right: .79rem;
    }

    .history .floor.f3 .item .milestone-item:first-of-type .yuan::before {
        display: block;
        content: '';
        width: .08rem;
        height: .08rem;
        border-radius: 50%;
        background-color: #B5D37C;
        position: absolute;
        top: -.04rem;
    }

    .history .floor.f3 .item .about .about-floor .course {
        padding-top: .86rem;
        padding-bottom: 1rem;
    }

    .history .floor.f3 .item .new-pages {
        display: flex;
        justify-content: space-between;
        padding: .1rem .2rem;
    }

    .history .floor.f3 .item .new-pages a {
        padding: .03rem .2rem;
        background-color: #B5D37B;
        color: #fff;
        margin-top: .3rem;
        border-radius: .05rem;
        box-shadow: 0px 0px 8px #b5d37b;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box {
        margin-bottom: .97rem;
        display: block;
        overflow: hidden;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box:last-of-type {
        margin-bottom: 0;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .pic {
        width: 700px;
        height: 500px;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .pic img {
        width: 100%;
        height: 100%;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .con {
        position: relative;
        margin-top: 100px;
        padding-left: 48px;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .con::before {
        display: block;
        content: '';
        width: 48px;
        height: 36px;
        background: url("/web/imgs/ab1.png") no-repeat;
        position: absolute;
        left: 0;
        background-size: 100% 100%;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .con .p2 {
        font-size: 30px;
        color: #B5D37C;
        padding-top: 55px;
        font-family: 'manropeBold';
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .con .p3 {
        font-size: 20px;
        color: #666;
        width: 500px;
        position: relative;
        line-height: 1.4;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .con .p3.f1 {
        width: 400px;
        margin-right: 150px;
    }

    .history .floor.f3 .item .about .about-floor .course .course-box .con .p3::after {
        display: block;
        content: '';
        width: 48px;
        height: 36px;
        background: url("/web/imgs/ab2.png") no-repeat;
        position: absolute;
        right: 0px;
        margin-top: 25px;
        background-size: 100% 100%;
    }

    .history .floor.f3 .item .about .about-floor .ab2 {
        position: relative;
        height: 749px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item {
        position: absolute;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item .num {
        width: 131px;
        height: 114px;
        font-size: 60px;
        text-align: center;
        line-height: 114px;
        color: #B5D37C;
        background: url("/web/imgs/6sex.png") no-repeat center;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item .txt {
        position: absolute;
        width: 460px;
        word-break: keep-all;
        word-wrap: break-word;
        color: #fff;
        top: 70px;
        font-size: 16px;
        left: 130px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item .txt span {
        font-size: 30px;
        padding: 0 5px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item.abso1 {
        left: 0;
        top: 62px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item.abso2 {
        left: 848px;
        top: 112px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item.abso3 {
        left: 500px;
        top: 312px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item.abso4 {
        left: 231px;
        top: 462px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item.abso4 .txt {
        width: 500px;
    }

    .history .floor.f3 .item .about .about-floor .ab2 .item.abso5 {
        left: 0;
        top: 72px;
    }

    .history .floor.f3 .item .about .about-floor .ab3 {
        height: 618px;
        padding-left: 70px;
        padding-top: 110px;
    }

    .history .floor.f3 .item .about .about-floor .ab3 .item {
        color: #fff;
        margin-bottom: 57px;
    }

    .history .floor.f3 .item .about .about-floor .ab3 .item h1 {
        font-size: 30px;
    }

    .history .floor.f3 .item .about .about-floor .ab3 .item p {
        font-size: 24px;
    }

    .research .floor {
        background-size: 100% 100%;
        background-position: center;
    }

    .research .floor.f1 .item {
        width: 14rem;
        margin: 0 auto;
        padding-top: .9rem;
        padding-bottom: .6rem;
        display: flex;
        justify-content: space-between;
    }

    .research .floor.f1 .item .list-item {
        width: 5rem;
        font-size: .16rem;
        color: #666;
    }

    .research .floor.f1 .item .list-item .title {
        text-align: center;
        font-size: .2rem;
        flex: 1;
        line-height: 1;
    }

    .research .floor.f1 .item .list-item .pic {
        width: 2.3rem;
        height: 2.3rem;
        position: relative;
        margin: 0 auto;
        margin-bottom: .25rem;
    }

    .research .floor.f1 .item .list-item .pic img {
        width: 2.3rem;
        height: 2.3rem;
    }

    .research .floor.f1 .item .list-item .pic .info {
        position: absolute;
        top: 0;
        left: 2.3rem;
        width: 2rem;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item {
        display: flex;
        align-items: center;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item .icon {
        width: .1rem;
        height: .1rem;
        margin-right: .05rem;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item .icon.c1 {
        background: #85c023;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item .icon.c2 {
        background: #F5CB5A;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item .icon.c3 {
        background: #E6E568;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item .icon.c4 {
        background: #AECB89;
    }

    .research .floor.f1 .item .list-item .pic .info .info-item .icon.c5 {
        background: #FFB24E;
    }

    .research .floor.f2 {
        height: 7.6rem;
    }

    .research .floor.f2 .item {
        width: 13rem;
        margin: 0 auto;
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.08rem 0 1.5rem 0;
    }

    .research .floor.f2 .item .top {
        font-size: .16rem;
        width: 7rem;
        color: #fff;
    }

    .research .floor.f2 .item .bot {
        display: flex;
        justify-content: space-between;
    }

    .research .floor.f2 .item .bot .bot-item h1 {
        font-size: .6rem;
        color: #85c023;
        font-weight: normal;
    }

    .research .floor.f2 .item .bot .bot-item p {
        font-size: .18rem;
        color: #fff;
    }

    .research .floor.f3 .item {
        width: 13rem;
        margin: 0 auto;
        text-align: center;
    }

    .research .floor.f3 .item .title {
        font-size: .4rem;
        padding-top: .6rem;
    }

    .research .floor.f3 .item .info {
        font-size: .18rem;
        margin-top: .2rem;
    }

    .research .floor.f3 .item .pic img {
        height: .94rem;
    }

    .research .floor.f4 {
        padding-bottom: .8rem;
    }

    .research .floor.f4 .item {
        width: 10rem;
        margin: 0 auto;
        color: #fff;
    }

    .research .floor.f4 .item .title {
        text-align: center;
        font-size: .5rem;
        padding: .5rem 0;
    }

    .research .floor.f4 .item .list {
        display: flex;
        margin-bottom: .2rem;
    }

    .research .floor.f4 .item .list img {
        flex-shrink: 0;
        width: .14rem;
        height: .12rem;
        margin-top: .1rem;
        margin-right: .2rem;
    }

    .research .floor.f4 .item .list .list-info {
        font-size: .18rem;
    }

    .research .floor.f5 .item {
        width: 13rem;
        margin: 0 auto;
    }

    .research .floor.f5 .item .title {
        text-align: center;
        font-size: .4rem;
        color: #333;
        padding: .5rem 0 .4rem 0;
    }

    .research .floor.f5 .item .list {
        display: flex;
        flex-wrap: wrap;
    }

    .research .floor.f5 .item .list .list-item {
        display: flex;
        align-items: center;
        width: 50%;
        margin-bottom: .15rem;
    }

    .research .floor.f5 .item .list .list-item img {
        width: .5rem;
        height: .5rem;
        margin-right: .25rem;
    }

    .research .floor.f5 .item .list .list-item p {
        font-size: .24rem;
        color: #666;
    }

    .research .floor.f6 {
        text-align: center;
        padding-top: 1rem;
    }

    .research .floor.f6 .title {
        font-size: .4rem;
        line-height: 1;
        margin-bottom: .7rem;
    }

    .research .floor.f6 .pic {
        width: 13.09rem;
        margin: 0 auto;
        overflow: hidden;
    }

    .research .floor.f6 .pic .pic-box img {
        height: 1rem;
    }
}

.research .floor.f6 .pic .pic-box {
    display: flex;
    animation-name: slide-top;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: 1000
}

.mine .research .floor.f6 .pic .pic-box img {
    width: 100%;
}



@media (max-width: 750px) {
    .we-do .product-line .product-line-box {
        padding: .14rem;
        position: relative;
    }

    .we-do .product-line .product-line-box .imgs {
        width: 100%;
        height: 2.3rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        padding: .4rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item h1 {
        display: none;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt {
        background: rgba(0, 0, 0, 0.5);
        padding: .1rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan {
        background: url("/imgs/rt.png") no-repeat center left;
        background-size: auto 80%;
        padding-left: .23rem;
        font-size: .1rem;
    }

    .we-do .product-line .product-line-box .product-line-box-item .txt .yuan a {
        color: #85c023;
    }

    .we-do .product-smart {
        background-image: none !important;
        display: flex;
        justify-content: flex-end;
        flex-direction: column-reverse;
    }

    .we-do .product-smart .pic {
        width: 100%;
        padding: 0 .34rem;
    }

    .we-do .product-smart .pic img {
        width: 100%;
        margin-top: .2rem;
        margin-bottom: .2rem;
    }

    .we-do .product-smart .info {
        padding: 0 .34rem;
    }

    .we-do .product-smart .info h1 {
        font-size: .21rem;
        color: #85c023;
    }

    .we-do .product-smart .info p {
        color: #333333;
    }

    .experience .item {
        padding: .14rem;
    }

    .experience .item .pic {
        float: none;
    }

    .experience .item .pic img {
        width: 100%;
        display: block;
    }

    .experience .item .info {
        float: none;
    }

    .experience .item .info h1 {
        font-size: .21rem;
        color: #85c023;
        line-height: 1;
        margin-top: .2rem;
        margin-bottom: .1rem;
    }

    .experience .item .info p {
        font-size: .1rem;
        color: #666;
    }

    .history .f1 .item .top-list {
        display: flex;
        padding: .14rem .14rem .12rem .3rem;
        border-bottom: 1px solid #eee;
    }

    .history .f1 .item .top-list .c1 {
        color: #85C023;
    }

    .history .f1 .item .top-list .c2 {
        color: #37A59F;
    }

    .history .f1 .item .top-list .c3 {
        color: #C68953;
    }

    .history .f1 .item .top-list .pic {
        margin-right: .16rem;
    }

    .history .f1 .item .top-list img {
        width: .28rem;
        height: .28rem;
    }

    .history .f1 .item .top-list h1 {
        font-size: .17rem;
        font-weight: normal;
    }

    .history .f1 .item .top-list p {
        font-size: .1rem;
    }

    .history .f2 {
        display: none;
    }

    .history .f2 .title {
        font-size: .2rem;
        text-align: center;
        color: #85c023;
        padding-top: .2rem;
    }

    .history .f2 .list .list-item {
        text-align: center;
        padding: .3rem;
        border-bottom: 1px solid #eee;
    }

    .history .f2 .list .list-item .name {
        font-size: .16rem;
        color: #85c023;
    }

    .history .f2 .list .list-item p {
        text-align: left;
    }

    .history .f3 {
        padding: .14rem;
    }

    .history .f3 .title {
        background: url("/imgs/titleewer.png") no-repeat center;
        height: 1.5rem;
        background-size: auto 100%;
        margin-bottom: .15rem;
    }

    .history .f3 .milestone {
        height: 4rem;
        overflow-y: auto;
    }

    .history .f3 .milestone-item {
        margin-bottom: .15rem;
    }

    .history .f3 .milestone-item .time {
        font-size: .1rem;
        color: #333;
    }

    .history .f3 .milestone-item .data {
        font-size: .08rem;
        color: #666;
    }

    .history .f3 .milestone-item .data br {
        display: none;
    }

    .research .floor.f1 .item {
        display: flex;
        padding: .14rem .1rem;
    }

    .research .floor.f1 .item .list-item {
        display: flex;
        width: 33%;
        flex-direction: column-reverse;
        justify-content: space-between;
    }

    .research .floor.f1 .item .list-item .pic {
        height: 1.5rem;
    }

    .research .floor.f1 .item .list-item:nth-of-type(3) .info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .research .floor.f1 .item .list-item:nth-of-type(3) .info .info-item:nth-of-type(3),
    .research .floor.f1 .item .list-item:nth-of-type(3) .info .info-item:nth-of-type(4) {
        display: none;
    }

    .research .floor.f1 .item .list-item:nth-of-type(3) .info .info-item:nth-of-type(5) {
        flex: 1;
    }

    .research .floor.f1 .item .list-item .title {
        font-size: .06rem;
    }

    .research .floor.f1 .item .list-item .pic img {
        width: 1rem;
    }

    .research .floor.f1 .item .list-item .info-item {
        font-size: .06rem;
        display: flex;
        align-items: center;
        margin-bottom: .05rem;
    }

    .research .floor.f1 .item .list-item .info-item .icon {
        width: .1rem;
        height: .1rem;
        background-color: #ccc;
        margin-right: .05rem;
    }

    .research .floor.f1 .item .list-item .info-item .icon.c1 {
        background: #85c023;
    }

    .research .floor.f1 .item .list-item .info-item .icon.c2 {
        background: #F5CB5A;
    }

    .research .floor.f1 .item .list-item .info-item .icon.c3 {
        background: #E6E568;
    }

    .research .floor.f1 .item .list-item .info-item .icon.c4 {
        background: #AECB89;
    }

    .research .floor.f1 .item .list-item .info-item .icon.c5 {
        background: #FFB24E;
    }

    .research .floor.f2 .item {
        background: url("/imgs/sfsd.png") no-repeat center;
        background-color: 100%;
        padding: .14rem;
    }

    .research .floor.f2 .item .top {
        color: #fff;
    }

    .research .floor.f2 .item .bot {
        color: #fff;
        display: flex;
        justify-content: space-between;
        padding-top: .1rem;
    }

    .research .floor.f2 .item .bot .bot-item {
        margin-right: .06rem;
    }

    .research .floor.f2 .item .bot .bot-item h1 {
        font-size: .21rem;
        color: #85c023;
    }

    .research .floor.f2 .item .bot .bot-item p {
        font-size: .06rem;
    }

    .research .floor.f3 .item {
        padding: .21rem 0 .21rem 0;
    }

    .research .floor.f3 .item .title {
        font-size: .21rem;
        color: #85c023;
        padding: 0 .14rem;
        line-height: 1;
        text-align: center;
    }

    .research .floor.f3 .item .info {
        padding: .14rem;
    }

    .research .floor.f3 .item .pic {
        background: url("/imgs/ddds.png") no-repeat center;
        height: .5rem;
        background-size: 100% 100%;
    }

    .research .floor.f3 .item .pic img {
        display: none;
    }

    .research .floor.f4 {
        background-position: center;
    }

    .research .floor.f4 .item {
        padding: .21rem .14rem;
        color: #fff;
    }

    .research .floor.f4 .item .title {
        font-size: .21rem;
        margin-bottom: .14rem;
        line-height: 1;
    }

    .research .floor.f4 .item .list {
        margin-bottom: .14rem;
    }

    .research .floor.f4 .item .list img {
        display: none;
    }

    .research .floor.f4 .item .list-info {
        font-size: .08rem;
    }

    .research .floor.f5 .item .title {
        font-size: .21rem;
        color: #85c023;
        line-height: 1;
        text-align: center;
        padding-top: .21rem;
        margin-bottom: .14rem;
    }

    .research .floor.f5 .item .list {
        display: flex;
        flex-wrap: wrap;
    }

    .research .floor.f5 .item .list .list-item {
        width: 50%;
        display: flex;
        padding: 0 .14rem;
    }

    .research .floor.f5 .item .list .list-item img {
        width: .21rem;
        height: .21rem;
        margin-right: .1rem;
    }

    .research .floor.f5 .item .list .list-item p {
        font-size: .08rem;
    }

    .research .floor.f6 .item {
        margin-bottom: .1rem;
    }

    .research .floor.f6 .item .title {
        font-size: .21rem;
        line-height: 1;
        text-align: center;
        color: #85c023;
        padding-top: .21rem;
        margin-bottom: .14rem;
    }

    .research .floor.f6 .item .pic {
        padding: 0 .14rem;
        width: 100%;
        overflow: hidden;
    }

    .research .floor.f6 .item .pic img {
        height: .27rem;
    }
}

@keyframes slide-top {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}