@media screen and (min-width: 768px) {

    .news1400 {

        width: 750px;

        margin: 0 auto

    }







}



@media screen and (min-width: 992px) {

    .news1400 {

        width: 970px;

        margin: 0 auto

    }

    .develop{

         height: 920px;

    }

    .timeline-item {

        max-width: 180px;

    }



    .timeline-line {

        display: flex;

    }



    .timeline-item {

        position: absolute;

        margin-bottom: 0;

    }



    .item-2006 {

        left: 8%;

        bottom: 12%;

    }



    .item-2010 {

        left: 26%;

        bottom: 12%;

    }



    .item-2012 {

        left: 43%;

        bottom: 15%;

    }



    .item-2018 {

        left: 60%;

        bottom: 31%;

    }



    .item-2025 {

        left: 76%;

        bottom: 50%;

    }

    .craft-banner{

        padding: 80px 0 160px;

    }

}



@media screen and (min-width: 1200px) {

    .news1400 {

        width: 1200px;

        margin: 0 auto

    }



    .banner .mySwiper .swiper-slide {

        height: 100vh;

    }



    .custom-btn {

        padding: 16px 24px;

        font-size: 16px;

    }



    .productTwo-box {

        margin: 60px 0 80px;

    }



    .swiperBox h2 {

        margin-top: 0;

    }



    .button-container {

        margin-top: 94px;

         gap: 40px;

    }



    .swiperBox h2 span {

        font-size: 20px;

    }



    .header h1 img {

        height: 64px;

    }



    .btn-learn-more {

        font-size: 16px;

        padding: 18px 60px;

    }



    .swiperBox p {

        font-size: 40px;

    }



    .feature-section {

        margin-top: 80px;

    }

    .craft-banner{

        padding: 120px 0 220px;

    }

 

    .feature-row {

        margin-bottom: 80px;

    }

    .timeline-item .timeline-year,

    .feature-title {

        font-size: 30px;

    }

    .craft-banner .banner-desc,

    .feature-tagline,

    .feature-desc,

    .section-title-tag {

        font-size: 18px;

    }



    .contact-form .form-row .form-group input,

    .contact-form .form-row .form-group textarea,

    .info-label,

    .intro-text p {

        font-size: 18px;

    }



    .contact-title,

    .craft-banner .banner-title,

    .intro-text h2 {

        font-size: 26px;

    }



    .info-value {

        font-size: 20px;

    }



    .nav {

        display: block;

    }



    .menuBtn {

        display: none;

    }



    .nav>ul>li>a {

        margin-right: 50px;

    }



    .padding120 {

        padding: 120px 0;

    }



    .team-section {

        margin-top: 80px;

    }



    .develop,

    .stats-section-index {

        margin-top: 120px;

    }



    .process-section,

    .product-section,

    .concept-container {

        margin-top: 60px;

    }



    .contact-info-section {

        margin-bottom: 120px;

    }



    .intro-text {

        width: 600px;

    }



    .ziyebanner {

        height: 600px;

    }



    .intro-image {

        width: 550px;

    }



    .stat-number {

        font-size: 44px;

    }



    .ziyebanner h5 {

        font-size: 36px;

    }



    .contact-subtitle,

    .craft-banner .banner-subtitle {

        font-size: 20px;

    }



    .team-section .team-content .team-desc,

    .contact-tip {

        font-size: 16px;

    }



    .stat-unit {

        font-size: 18px;

    }



    .feature-row {

        flex-direction: row;

        height: 430px;

    }



    .feature-row .image-col {

        width: 44%;

    }



    .feature-row .text-col {

        width: 56%;



    }



    .feature-row .text-col {

        padding: 40px 50px;

    }



    .productTour {

        margin-bottom: 220px;

    }



    .team-section .team-content {

        padding-right: 20px;

    }



    .team-section .team-content .logo-watermark img {

        height: 80px;

    }



    .item-01 {

        top: 40px;

    }



    .item-02 {

        top: 90px;

    }



    .productTwo-box {

        display: flex;

    }



    .productTwo-box-left {

        width: 250px;

    }



    .productTwo-box-right {

        width: calc(100% - 290px);

    }



    .timeline-item {

        max-width: 200px;

    }



}



@media screen and (min-width: 1500px) {

    .news1400 {

        width: 1600px;

        margin: 0 auto

    }



    .productTwo-box-left {

        width: 300px;

    }



    .productTwo-box-right {

        width: calc(100% - 340px);

    }



    .team-section .team-image-wrapper {

        flex: 0 0 760px;

        padding-left: 40px;

    }



    .team-section .team-content .team-desc {

        margin-bottom: 20px;

    }



    .productTwo-box {

        margin: 100px 0 120px;

    }



    /* .team-section .team-content .team-title {

        margin-bottom: 60px;

    } */



    .stats-section-index {

        padding: 26px 80px;

    }



    .nav>ul>li>a {

        margin-right: 80px;

    }



    .swiperBox h2 span {

        font-size: 26px;

    }



    /* .swiperBox p {

        font-size: 52px;

    } */



    .ziyebanner h5 {

        font-size: 48px;

    }



    .intro-text {

        width: 800px;

    }



    .contact-subtitle,

    .craft-banner .banner-subtitle,

    .section-title-tag {

        font-size: 24px;

    }

    .timeline-item .timeline-year,

    .contact-title,

    .craft-banner .banner-title,

    .intro-text h2 {

        font-size: 36px;

    }



    .team-section .team-content .team-desc,

    .contact-tip {

        font-size: 18px;

    }



    .intro-image {

        width: 724px;

    }



    .stat-number {

        font-size: 64px;

    }



    .stat-unit {

        font-size: 20px;

    }



    .stat-label {

        font-size: 18px;

    }



    .feature-row .text-col {

        padding:80px 40px;

    }



    .team-section::after {

        height: 95%;

    }



    .team-section .team-content {

        padding-right: 35px;

    }



    .timeline-item {

        max-width: 270px;

    }



}



@media screen and (max-width: 1200px) {

    .stats-section{

        margin-top: 20px;

    }

    .shadow .videll{

        width: 90%;

    }

}



@media screen and (max-width: 767px) {

    .news1400 {

        width: 92%;

        margin: 0 auto

    }



    .banner .swiper-button-next,

    .banner .swiper-button-prev {

        display: none;

    }

     .pcImage{
    display: none;
}
.moblieImage{
    display: block;
}

    .product-desc {

        max-width: 300px;

    }

    

    .card-kids .product-info {

        bottom: 135px;

        transform: revert-rule;

        /* max-width: 200px; */

    }



    .jiaxue-container .section-title {

        font-size: 24px;

    }



    .productTwo-box-left .shopLeft-title {

        font-size: 20px;

    }



    .shopLeft-box .menu-child a,

    .shopLeft-box .menu-top,

    .jiaxue-container .text-list li {

        font-size: 16px;

    }



    .knitwear-showcase .goods-name,

    .productTwo-box {

        margin-top: 20px;

    }

}