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

    .nav-height {
        display: block;
    }

    .nav {
        display: none;
    }
#navindex{
display:none !important;
    opacity: 0 !important;
}
    #section0 {
        height: 35vh;
    }
#section2{
padding-top:0px;
}
    #section0 .title {
        left: 5vw;
        top: 25vw;
    }

    #section0 .title .En-title,
    #section0 .title .CH-title {
        font-size: 8vw;
        line-height: 8vw;
    }

    #section1 {
        padding: 1vw;
        /* padding-top: 25vw; */
        /* margin-top: 25vw; */
    }

    #section1 .introduce .introduce-title {
        font-size: 8vw;
        margin-bottom: 5vw;
    }
.contact .left .phone, .chuanzhen, .email, .web{
line-height: 40px;
}
.footer3{
    margin-bottom: 50px;
}
    #section1 .introduce-content {
        flex-wrap: wrap;

    }

    #section1 .introduce .introduce-content .introduce-right {
        width: 100%;
        position: relative;
        right: 0px;
        top: 10vw;
        padding: 5vw;
        padding-bottom: 10vw;
        overflow: hidden;
        height: 50vh;
    }

    #section1 .introduce .introduce-left {
        font-size: 10vw;
    }

    #section1 .slide-img {
        width: 75vw;
        height: 75vw;
        position: absolute;
        left: 24vw;
        top: 36vw;
    }

    .footer1 {
        padding: 5vw;
        flex-wrap: wrap;
    }

    .footer1 ul {
        width: 100%;
    }

    .footer2 {

        height: 100% !important;
        /* padding: 10vw; */
        
    }

    .footer2 .wrapper {
        width: 100% !important;
        flex-wrap: wrap;
    }

    .footer2 .wrapper .left ul li:nth-child(1) a {
        font-size: 12px;
    }

    .footer2 .wrapper .left {
        width: 100% !important;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0px 2vw;
    }

    #section2 .container .wrapper {
        flex-wrap: wrap;
        width: 100% !important;
    }

    #section2 .container {
        width: 100% !important;
    }

    #section2 .container .wrapper .left-box {
        width: 100%;
        flex-shrink: 0;
    }

    #section1 .container {
        width: 100% !important;
    }

    #section1 .container .header {
        margin: 25px 0px;
    }
    #section1 .container .header .left p {
        font-size: 14px;
    }
    #section1 .container .wrapper .swiper-container {
        width: 100%;
    }
    #section2 .container .header {
        margin: 25px 0px;
    }
    #section2 .container .header .left p {
        font-size: 14px;
    }
   

    #section1 .swiper-container .swiper-slide .title {
        height: 16%;
    }

    #section1 .container .wrapper .news-list {
        margin-left: 0px;
    }

    #section1 .First-new {
        height: auto;
    }

    #section1 .First-new .left {
        width: 30%;
        height: 100%;
    }

    #section1 .First-new .left img {
        width: 100%;
        height: 100%;
    }

    .First-new .right h1 {
        font-size: 15px;
        line-height: 20px;
    }

    .First-new .right p {
        margin-top: 0px;
    }

    #section1 .container .wrapper .news-list ul li {}

    #section1 .container .wrapper .news-list ul li a {
        width: 100%;
        height: 100%;
        overflow: hidden;

    }

    #section1 .newsTitle {
        width: 100% !important;
        height: auto !important;

    }

    #section1 .newsTitle img {
        width: 100%;
        height: 100%;
    }


.footer2 .wrapper .right {
    margin-left: 30px;
}

.my-pagination {
    width: 100%;
}


.drop-nav {
    margin-top: 0px;
}

.news-detail {
    padding: 5vw;
}

/* #section2 {
        height: 80vh;
    } */
#section2 .maxImg {
    border-radius: 3vw;
    overflow: hidden;
    width: 90vw;
    left: 5vw;
    height: 65vw;
    top: 50vw;
}

#section2 .top {
    height: 37%;
}

#section2 .bottom {
    margin-top: 32vw;
}

#section2 .bottom img {
    vertical-align: bottom;
}

#section2 .top h3 {
    font-size: 8vw;
}

#section2 .top h1 {
    font-size: 8vw;
}

#section2 .bottom .number {
    font-size: 10vw;
    left: -25%;
    top: 5vw;
}

#section2 .bottom a {
    font-size: 5vw;
}

#section3 h2 {
    font-size: 10vw;
}

#section3 h1 {
    font-size: 10vw;
}

#section3 {
    height: 80vh;
}

.introduce {
    padding: 0px;
}

.introduce .itr-container {
    display: flex;
    flex-wrap: wrap;
}

.introduce .itr-container .left {

    width: 95%;
    height: 50%;
    margin: 0 auto;
}

.introduce .itr-container .right {
    width: 100%;
    box-sizing: border-box;
    padding: 2%;
}

.itr-container2 {
    flex-wrap: wrap;
    padding-bottom: 10vw;
    box-sizing: border-box;
    padding: 10vw 5vw 10vw 5vw;
}

.introduce .itr-container2 .introduce-title {
    margin-top: 10vw;
}

.introduce .itr-container2 .framework {
    position: inherit;
    top: 0;
    left: 0;
}

.Honors {
    padding: 10vw;
}

.introduce-title {
    font-size: 10vw;
}

.my-pagination ul {
    flex-wrap: wrap;
    justify-content: unset;
}

.my-pagination .left-arrow,
.my-pagination .left-arrow,
.my-pagination ul li {
    margin-right: 1.2vw;
    margin-top: 2vw;
}

.new-container .product-list li {
    width: 100%;
    margin-top: 10vw;
}

.new-title {
    background-size: 70% 60%;
}

.new-title h1 {
    font-size: 14vw;
}

.contact-container {
    flex-wrap: wrap;
}

.contact-container .right {
    width: 100%;
    height: fit-content;
}

.contact-container ul li {
    /* min-height: 140px; */
    padding-bottom: 5vw;

}

.contact-list li span {
    font-size: 2vw;
    white-space: nowrap;
}

.contact-list li span:nth-of-type(2) {
    margin-left: 0px;
}

.contact-container ul li .icon img {
    width: 55px;
}

.swiper-container .notice {
    display: none;
}

.swiper-pagination {
    display: none;
}

#section0 .swiper-container {
    /* margin-top: 90px; */
}

#section0 .nav {
    display: none !important;
}

#section1 .wrapper {
    flex-wrap: wrap;
}

.fp-overflow {
    max-height: auto;
}

#section1 .aside,
#section2 .aside {
    display: none;
}
#section2 .container .wrapper .right-box{
    width: 100% !important;
    height: auto;

}
#section2 .container .wrapper .left-box{
    margin: 0 ;
    padding: 10px;
}
#section2 .container .wrapper .swiper-container{
    height: auto !important;
}
#section2 .container .wrapper .right-box ul li p{
    font-size: 12px;
}
#section2 .container .wrapper ul{
    flex-wrap: wrap;
    background: white;
}
#section2 .container .wrapper ul li{
    width: 25% !important;
    height: 95px;
}
#section1 .notice{
    width: 100% !important;
display:none;
}
.nav2{
    display: none !important;
}
.gxHead {
    display: block !important;
}
.mobileNav ul {
    padding: 0;
}
.introduce-container .container, .yewu-container .container{
    width: 90% !important; 
}
.banner{
    height: auto !important;
}
.drop-nav{
    width: 96% !important;
    left: 2% !important;
    height: 40px !important;
    line-height: 40px !important;
}
.drop-nav .left{
    width: 100% !important;


    max-width: unset !important;;
}
.drop-nav ul{
    overflow-x: scroll;
}
.drop-nav .left ul li{
    line-height: 40px !important;
    margin-right: 10px;
}
.drop-nav .right{
    display: none;
}
.drop-nav .left ul li::after{
    display: none;
}
.introduce-container .container .content:nth-of-type(2){
    flex-direction: column-reverse;
}
.introduce-container .container .content:nth-of-type(2) .card{
    width: 100%;
    height: auto;
    margin-left: 0;
}
.news-show-data li .number .counter{
    font-size: 34px !important;
}
.introduce-container .container .content:nth-of-type(2) .content-p{
    width: 100%;
}
.news-show-data li .title{
display: none !important;
}
.linian-container .container{
    width: 100%;
}
.linian-container .container .list{
    padding-left: 0;
}
.linian-container .container .list li{
    height: 180px;
}
.introduce-container .container .content p{
    width: 100% !important;
}
.introduce-container .container .content p img{
    width: 100% !important;
    height: auto !important;
}
.news-container .container{
    width: 95%;
    max-width: 100% !important;
}
.news-container{
    padding-top: 50px;
}
.news-container .container .news{
    padding: 10px;
}
.news-container .container .active .right{
   padding-top: 0px !important;
}
.news-container .container .active .right h2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
}
.news-container .container .news{
    height: 120px;
}
.news-container .container .news .time{
    width: 50px;
    height: 50px;
}
.news-container .container .news .time h2{
    font-size: 16px;
}
.news-container .container .news .time p{
    font-size: 12px;
}
.news-container .container .news .right h1{
    margin: 0 ;
    font-size: 16px;
}
.news-container .container .news .right{
    margin-left: 10px;
}
.news-container .container .news .right a{
    line-height: 20px !important;
}
.news-container .container .news .left{
   height: auto;
}
.news-container .container .active .right h3{
    margin: 0 ;
}
.news-container .container .active{
    height: auto !important ;
}
.yewu-container .container .yewu{
padding: 10px;
flex-wrap: wrap;
height: auto;
}
.yewu-container .container .yewu .left{
    max-width: 100%;
}
.yewu-container .container .yewu .right{
    margin-left: 0px;
}
.info-container .container .info{

}
.info-container .container .info .left div:nth-child(1) p{
    font-size: 26px;
}
.info-container .container .info .left .middle{
    margin-left: 14px;
}
.info-container .container .info .right{
    padding-right: 10px;
    padding-top: 18px;
}
.info-container .container{
    width: 96%;
}
.news-container .container .news .right p{
    display: -webkit-box;
    margin: 10px 0px;
    width: 88%;
}
.news-container .container .news .right h1{
    width: 85%;
}
.contact{
    flex-wrap: wrap;
    height: auto;
}
.contact .left{
    margin-right: 0px;
    padding: 15px;
}
.linian-container .container{
    max-width: 100%;
}
.histroy .historyitem{
    width: 100%;
}
.news-container .container .active .right button a{
    line-height: 40px !important;
}
}


@media screen and (max-width: 1200px){
.nav .hanlder .search input{
width:150px;
}
}
@media screen and (max-width: 1400px) {
    #section1 .newsTitle {
        max-width: 1200px;
    }

    .nav {
        padding: 0px 10px 0px 20px;
    }

    .nav ul {
        min-width: auto;
    }

    .nav ul li {
        margin: 0 4px;
    }

    .aside .backTop .line::after {
        height: 50%;
        top: -50%;
    }

    #section1 .notice {
        width: 1200px;
    }

    #section1 .aside,
    #section2 .aside {
        width: 60px;
    }

    #section1 .container {
        width: 1200px;
        margin-top: 10px;

    }

    .aside .backTop {
        left: 20px;
    }

    #section1 .container .header {
        margin-bottom: 10px;
    }

    #section1 .fp-overflow {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #swiper-news .swiper-pagination {
        display: none;
    }

    #section2 .container {
        width: 1200px;
    }

    #section2 .container .wrapper .right-box {
        width: 60%;
    }

    #section2 .fp-overflow {
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .footer1 {
        width: 1200px;
    }
}


@media screen and (max-width: 1600px) {
    #section1 .newsTitle {
        max-width: 1200px;
    }

    .nav ul {
        min-width: auto;
    }

    .nav ul li {
        margin: 0 10px !important;
    }

    .aside .backTop .line::after {
        height: 50%;
        top: -50%;
    }

    #section1 .notice {
        width: 1200px;
    }

    #section1 .aside,
    #section2 .aside {
        width: 60px;
    }

    #section1 .container {
        width: 1200px;
        margin-top: 10px;

    }

    .aside .backTop {
        left: 20px;
    }

    #section1 .container .header {
        margin-bottom: 10px;
    }

    #section1 .fp-overflow {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #swiper-news .swiper-pagination {
        display: none;
    }

    #section2 .container {
        width: 1200px;
    }

    #section2 .container .wrapper .right-box {
        width: 60%;
    }

    #section2 .fp-overflow {
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .footer1 {
        width: 1200px;
    }

   .news-container .container{
max-width: 90%;
}
.drop-nav{
width:90%;
left:5%;
}
}


@media screen and (min-width: 1600px) {
    #section1 .newsTitle {
        max-width: 1400px;
    }

    .nav ul {
        min-width: 600px;
    }

    .nav ul li {
        /* margin: 0 5px; */
    }

    .aside .backTop .line::after {
        height: 50%;
        top: -50%;
    }

    #section1 .notice {
        width: 1400px;
    }

    #section1 .aside,
    #section2 .aside {
        width: 80px;
    }

    #section1 .container {
        width: 1400px;
        margin-top: 10px;

    }

    .aside .backTop {
        left: 20px;
    }

    #section1 .container .header {
        margin-bottom: 10px;
    }

    #section1 .fp-overflow {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #swiper-news .swiper-pagination {
        display: none;
    }

    #section2 .container {
        width: 1400px;
    }

    #section2 .container .wrapper .right-box {
        width: 60%;
    }

    #section2 .fp-overflow {
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .footer1 {
        width: 1400px;
    }

}