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

    .goods-list ul li {
        width: 48%;
        height: auto;
        max-height: unset;
    }

    .goods-list ul li a {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .goods-list ul li a .right {
        height: auto;
    }

    .goods-list ul li a .left {
        height: auto;
    }

    .goods-list ul li a .left button {
        font-size: 12px;
        margin-top: 20px;
    }

    .goods-list ul li a .right {
        width: 100%;
        margin-left: 0%;
        margin-bottom: 15px;
    }

    #section1 .content ul {
        padding: 10px 0px;
    }

    #section1 .content ul li h3 {
        font-size: 48px;
    }

    #section1 .wrapper .left h1 {
        font-size: 30px;
        line-height: 50px;
    }

    #section1 .wrapper .left {
        padding: 5% 8%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #section1 .wrapper .left button {
        margin-top: 20px;
    }

    #section1 .wrapper .left p:nth-of-type(2) {
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #section2 .header {
        margin-top: 20px;
    }

    #section2 .header .right {
        width: 180px;
        height: 50px;
        line-height: 50px;
    }

    #section2 .header .left {
        font-size: 36px;
    }

    #section2 .container {
        transform: scaleY(0.8);
        height: 80%;
        /* margin-top: -71px; */
    }

    #section2 .fp-overflow {
        overflow: auto;
    }

    #section4 .fp-overflow .news-container .right ul li p {
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .introduce-container .wap1 .content ul li {
        height: auto;
    }

    .introduce-container .wap1 .content ul li h3 {
        font-size: 32px;
    }

    .introduce-container .wap1 .right .content {
        bottom: 0px;
        height: 9vw;
    }

    .introduce-container .left p {
        /*width: 49%;*/
    }

    .introduce-container .wap1 .right .content {
        height: 22.7%;
        left: 33%;
    }

    .contact-type ul li .right p {
        font-size: 14px;

    }

    .contact-type ul li {
        width: 100%;
        flex: unset;
    }

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

    .news .news-wap {
        width: 90% !important;
        margin: 6% auto !important;
    }

    .domain .domain-wap {
        width: 90%;
        margin: 0 auto;
    }

    .nav ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1650px) {
    /*.introduce-container .wap1{*/
    /*    height: ;*/
    /*}*/
}

@media screen and (max-width: 1650px) {
    .introduce-container .wap1 {
        /*height: 730px;*/
    }


    .nav .hanlder {
        display: none;
    }

    .introduce-container .wap1 .right .content {
        height: 140px;
    }

    .news .news-wap {

        width: 85%;
        margin: 0 auto;
    }
}



@media screen and (max-width:1200px) {
    .nav .logo img {
        /* width: 100%; */
    }

    .nav .logo {
        width: 30%;
    }

    .banner {
        height: auto;
    }
}

@media screen and (min-width: 2000px) {
    .banner .content::after {
        /* display: none; */
        top: 126%;

    }
}







@media screen and (max-width: 1000px) {
    .gxHead {
        display: block;
        background: white;

    }

    .imgs-wrapper {
        padding: 5px !important;
        margin-top: 130px;
        width: 100vw !important;
        margin-left: -18px !important;
    }

    .imgs-wrapper img {
        margin-left: 23px !important;
        width: 98%;
        height: auto;


    }

    .qrcode {
        display: none;
    }

    .share {
        display: none;
    }

    .nav-height {
        display: block;
    }

    .nav {
        display: none;
    }

    .section .mobileNav {
        display: none;
    }

    .section .gxHead {
        display: none;
    }

    #section0 {
        height: 28vh;
    }

    .introduce-container .wap4 {
        padding: 2% 5%;
    }

    .introduce-container .wap4 .header .right {
        display: flex;
    }

    #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: 0vw;
    }

    #section1 .introduce .introduce-title {
        font-size: 8vw;
        margin-bottom: 5vw;
    }

    #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;
    }

    .ppage a {
        overflow: hidden;
    }

    #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 {
        flex-wrap: wrap;
        height: 100%;
        /*padding: 10vw;*/
        background-size: cover;
        padding: 7px;
    }

    .my-pagination {
        width: 100%;
    }

    .banner {
        height: 45vw;
        margin-top: 70px;
    }

    .drop-nav {
        margin-top: 0px;
        flex-wrap: wrap;
        left: 0;
        height: 50px;
        width: 100%;
        padding-right: 0px;
    }

    .drop-nav ul .active {
        box-sizing: border-box;
    }

    .drop-nav ul {
        /* overflow-x: scroll;
        overflow-y: hidden; */
        width: 100%;
        height: 100%;
    }

    .drop-nav ul li {
        line-height: 50px;
        flex-shrink: 0;
        /*width: 100px;*/
    }

    .drop-nav ul li a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        height: 50px;
        line-height: 50px;
    }

    .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;
    }

    #section1 .fp-overflow {
        overflow: auto;
        max-height: none;
    }

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

    #section1 .wrapper .left {
        width: 100%;
    }

    #section1 .wrapper .right {
        width: 100%;
    }

    .nav {
        display: none !important;
    }

    #section1 .wrapper .right {
        height: fit-content;
    }

    #section1 .wrapper .left {
        height: fit-content;
    }

    #section1 .content ul {
        flex-wrap: wrap;
        justify-content: inherit;
    }

    #section1 .content ul li {
        width: 50%;
    }

    #section2 {
        padding-top: 20px;
    }

    .nav2 {
        display: none;
    }


    .swiper-pagination {
        bottom: 10px !important;
    }

    .swiper-container .notice {
        left: 20px;
        bottom: 70px;
    }

    .empty {
        display: none;
    }

    .banner .content {
        width: 80%;
        height: 20vw;
        left: 5%;
        top: 2%;
    }

    .banner .content::after {
        bottom: 5%;
        left: 5%;
        top: 112%;
        width: 50px;
    }


    .banner .content p {
        /* display: none; */
        font-size: 22px;
        margin-top: 2%;
    }

    .banner .content h1 {
        font-size: 22px;
    }

    #swiperContainer {
        margin-top: 70px;
    }

    .drop-nav .right {
        display: none;
    }

    .introduce-container .wap1 {
        padding: 0px 20px;
        flex-wrap: wrap;
        height: fit-content;
        height: 100% !important;
        background-size: cover;
    }

    .introduce-container .left {
        width: 100%;
    }

    .introduce-container .left h1 {
        line-height: 40px;
        padding: 0px;
        text-align: center;
    }

    .introduce-container .wap1 .right {
        width: 100%;
        /* height: 120px; */
    }

    .introduce-container .wap1 .right .content {
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0%;
    }

    .introduce-container .wap1 .content ul li span {
        font-size: 14px;
    }

    .introduce-container .wap1 .content ul li {
        height: 100%;
    }

    .introduce-container .wap1 .content ul li h3 {
        font-size: 28px;
    }

    .introduce-container .left {
        padding-bottom: 30px;
    }

    .introduce-container .wap2 .curture_wap {
        width: 80%;
        /*background: #0d589e;*/
    }

    .introduce-container .wap2 .curture_wap {
        overflow: hidden;
        padding: 4% 5% 10% 5%;
    }

    .introduce-container .wap3 .left h1 {
        font-size: 32px;
    }

    .introduce-container .wap3 {
        height: auto;
        flex-wrap: wrap;
        padding: 2% 5%;
    }

    .introduce-container .wap3 .left {
        width: 100%;
    }

    .introduce-container .wap3 .left ul li {
        line-height: 30px;
        font-size: 14px;
    }

    .introduce-container .wap3 .right {
        width: 100%;
    }

    .introduce-container .wap3 .right img {
        width: 100%;
        height: fit-content;
    }

    .domain .domain-wap {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 0px 20px;
        margin: 20px 0px;
    }

    .news .news-wap {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0px 20px;
        margin: 100px 0px !important;
    }

    .news .news-wap .main-news {
        flex-wrap: wrap;
    }

    .news .news-wap .main-news .left {
        width: 100%;
    }

    .news .news-wap .party-list ul li .right h1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 18px;
    }

    .news .news-wap .party-list ul li {
        height: auto;
    }

    .news .news-wap .party-list ul li .time {
        display: none;
    }

    .news .news-wap .party-list ul li .right p {
        font-size: 14px;
        margin: 10px 0px;
    }

    .news .news-wap .party-list ul li .left {
        display: none;
    }

    .news .news-wap .party-list ul li .right {
        width: 100%;
    }

    .news .news-wap .main-news .news-detail .content img {
        margin: 0;
        width: 100%;
        height: fit-content;
    }

    .news .news-wap .main-news .news-detail .header h1 {
        font-size: 20px;
        line-height: 40px;
    }

    .news .news-wap .main-news .news-detail {
        padding: 0;
    }

    .news .news-wap .main-news .news-detail .content {
        padding: 10px;
    }

    .news .news-wap .main-news .news-detail .header {
        height: auto;
    }

    .goods-list ul li {
        width: 100% !important;
        height: auto;
        max-height: unset;
    }

    .goods-list ul li a {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .goods-list ul li a .right {
        height: auto;
    }

    .goods-list ul li a .left {
        height: auto;
    }

    .goods-list ul li a .left button {
        font-size: 12px;
        margin-top: 20px;
    }

    .goods-list ul li a .right {
        width: 100%;
        margin-left: 0%;
        margin-bottom: 15px;
    }

    .goods-list ul li a .right .logo-icon {
        width: 30%;
        top: 0%;
    }

    .goods-info {
        flex-wrap: wrap;
    }

    .goods-info .left {
        width: 100%;
    }

    .goods-info .right {
        width: 100%;
        padding: 0px;
    }

    .goods-info .right h1 {
        font-size: 22px;
        display: block;
        width: 100%;
        word-wrap: break-word;
    }

    .goods-info .right h2 {
        font-size: 24px;
        display: block;
        width: 100%;
        word-wrap: break-word;
    }

    .goods-table img {
        width: 100%;
        height: fit-content;
    }

    .js_jl .list li .left {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;

    }

    .js_jl .list li .right {
        display: none;
    }

    .contact-map {
        height: auto;
    }

    .contact-map img {
        width: 100%;
    }

    .contact-type {
        width: 100%;
        margin-top: 0;
        height: auto;
        box-sizing: border-box;
        padding: 10px;
        min-height: 250px;
    }

    .contact-type ul {
        flex-wrap: wrap;
        justify-content: start;
    }

    .contact-form .cell1 {
        flex-wrap: wrap;
    }

    .contact-form .cell1 input {

        margin: 10px 0px;
    }

    .field-container {
        flex-wrap: wrap;

    }

    .field-container .left {
        width: 100%;
        height: 300px;
    }

    .field-container .right {
        width: 100%;
        margin-left: 0;
    }

    #section0 .swiper-container .wrapper {
        display: none;
    }

    .field-container .pic1 {
        height: 300px;
    }

    #section3 .field-container h2 {
        font-size: 20px;
    }

    .field-container .footer a {
        height: 40vw;
    }

    #section4 {
        padding: 0px;
    }

    #section4 .news-container {
        flex-wrap: wrap;
    }

    #section4 .news-container .left {
        width: 100%;
    }

    #section4 .news-container .right {
        width: 100%;
    }

    #section4 .news-container .right ul {
        flex-wrap: wrap;
    }

    #section4 .news-container .right ul li {
        width: 100%;
        margin-top: 20px;
        padding: 10% 6%;
    }

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

    .footer3 {
        height: auto;
        flex-direction: column;
        line-height: 30px;
    }

    .introduce-container .left p {
        width: 100% !important;
    }

    .introduce-container .wap1 .right .content {
        height: 100% !important;
        left: 30% !important;
    }

    .introduce-container .wap1 .right {
        position: relative;
    }

    #section2 .goods-list ul li {
        width: 100% !important;
        padding: 5% !important;
    }

    #section0 .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    .domain .domain-wap img {
        width: 100%;

    }

    .drop-nav .sub-nav {
        width: 100vw;
    }

    .wrap-name {
        font-size: 40px;
        padding: 0px;
        color: #333333;
        text-align: center;
        width: 100%;
    }
    .introduce-container .wap1{
        width: 96%;
        padding: 0px 0px 40px 0px;

    }
    .introduce-container .left h1::after{
        top: 10px;
    }
    .introduce-container .wap1 ul li h3{
        font-size: 28px;
    }
    .introduce-container .wap4 .header .right{
        top: 60px;
    }
    .introduce-container .wap5 .header .right{
        top: 60px;
    }
    .introduce-container .wap5{
             width: 100%;
        margin: 0 auto;
        padding: 6% 5%;
    }
    .introduce-container .wap5 .mySwiper .swiper-slide{
        width: 100% !important;
    }
     .drop-nav ul li{
        box-sizing: border-box;
    }
     .drop-nav .sub-nav{
        position: unset;
    }
    .drop-nav{
        height: 100px !important;
    }
    #swiperContainer{
        height: 100% !important;
    }
    .contact-type ul li .left img{
        width: 50px;
    }
    .contact-type ul li{
        min-height: 70px;
    }
     .introduce-container .wap2{
        max-height: 300px;
    }
    .introduce-container .wap2 .curture_wap{
                width: 100%;
        left: 0;
    }
}