/**********************分辨率样式***********************/
@media (min-width:1600px) {
    .container {
        width: 1400px;
        margin: 0 auto;
    }

    .cd-timeline-navigation a.prev {
        top: 50%;
    }

    .cd-timeline-navigation a.next {
        top: 50%;
    }
}

@media (max-width:1600px) {
    .container {
        width: 1400px;
        margin: 0 auto;
    }

    .cd-timeline-navigation a.prev {
        top: 50%;
    }

    .cd-timeline-navigation a.next {
        top: 50%;
    }
}

@media (max-width:1500px) {
    .container {
        width: 1300px;
        margin: 0 auto;
    }

}

@media (max-width:1400px) {
    .container {
        width: 1100px;
        margin: 0 auto;
    }

    .cd-timeline-navigation a.prev {
        left: -10px;
    }

    .cd-timeline-navigation a.next {
        right: -10px;
    }

    .cd-timeline-navigation a {
        scale: 0.9;
    }

}

@media (max-width:1200px) {
    .container {
        width: 940px;
        margin: 0 auto;
    }

    .cd-timeline-navigation a {
        scale: 0.7;
    }

    .cd-timeline-navigation a.prev,
    .cd-timeline-navigation a.next {
        top: 35%;
    }



}

@media (max-width:992px) {
    .container {
        width: 740px;
        margin: 0 auto;
    }

}

@media (max-width:769px) {
    .container {
        width: 620px;
        margin: 0 auto;
        margin-bottom: 20px;
    }


}

@media (max-width:640px) {
    .container {
        width: 450px;
        margin: 0 auto;
    }

    .cd-horizontal-timeline {
        display: none;
    }

    .mtb50 {
        margin-top: 0;
    }

    .fadeInUp {
        height: 20px;
    }

    ul {
        line-height: 30px !important;
        font-size: 14px !important;
    }
}

@media (max-width:460px) {
    .container {
        width: 340px;
        margin: 0 auto;
    }

    .bannerN {
        height: 270px;
    }

    .banH2 {
        font-size: 20px;
        bottom: 150px;
    }

    .bannerN h3 {
        font-size: 15px;
        bottom: 106px;
    }

    p {
        font-size: 12px;
    }

    .strength {
        margin-top: 20px !important;
    }

    ul {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10px !important;
    }
}

@media (max-width:360px) {
    .container {
        width: 290px;
        margin: 0 auto;
    }


}

@media (max-width:300px) {
    .container {
        width: 270px;
        padding-left: 0;
        padding-right: 0;
    }

    .bannerN {
        height: 200px;
    }

    .banH2 {
        font-size: 14px;
        bottom: 104px;
    }

    .bannerN h3 {
        font-size: 10px;
        bottom: 56px;
    }

    ul {
        font-size: 9px !important;
    }
}