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

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

@media screen and (max-width:1700px) {
    .container {
        width: 1400px;
    }
}

@media screen and (max-width:1600px) {
    .footer .top .center .nav ul li {
        margin: 0 30px;
    }

    .home_join .main .left {
        padding: 60px 60px 60px 100px;
    }
}

@media screen and (max-width:1440px) {
    .container {
        width: 1200px;
    }
    .pageBanner .text h4{
        font-size: 30px;
    }
    .pageBanner .text h5{
        font-size: 24px;
    }
    .about1 .container .title h4,.about1 .container .bottom .right h4,.about2 .list .swiper-slide h4{
        font-size: 20px;
    }
    .about1 .container .title h3,.about1 .container .bottom .right h3{
        font-size: 24px;
    }
    .about2 .list .swiper-slide h5{
        font-size: 18px;
    }
    .about2 .bottom .gallery-thumbs .swiper-slide{
        width: calc(100% / 6);
    }
    .about3{
        padding: 45px 45px;
    }
    .case ul li a h4{
        font-size: 20px;
    }
    .case ul li a{
        padding: 30px 20px;
    }
    .join1{
        width: 1200px;
        margin: 0 auto;
    }
    .join1 .list .right{
        width: 50%;
    }
    .join1 .list .right ul li h4{
        padding: 15px 0;
    }
    .Support .list ul li h4{
        font-size: 18px;
    }
    .Support .list ul li .munber{
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .network .box{
        width: 350px;
        right: 45px;
    }
    .news ul li a h4{
        font-size: 18px;
    }
    .news ul li{
        padding: 20px 15px;
    }
    .news ul{
        margin: 0 -15px;
    }
    .newPro .list .swiper-slide .text h4{
        font-size: 18px;
    }
    #but div{
        width: 50px;
        height: 50px;
    }
    .comPro .list .swiper-container .swiper-slide a .text h4{
        font-size: 20px;
    }
    .classPro .top .item .right ul li a .text p{
        margin-top: 10px;
    }
    .classPro .top .item .right ul li a .text h4{
        font-size: 20px;
    }
    .product ul li{
        width: 33.33%;
    }
    .product ul li a .text h4,.showCom .list ul li a .text h4{
        font-size: 20px;
    }
    .video ul li a h4{
        font-weight: 400;
    }
}

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


@media screen and (max-width:1200px) {
    .container {
        width: 94.66%;
        padding: 0 2.6%;
        box-sizing: border-box;
    }

    .header .container {
        padding: 0;
    }

    .header .nav ul {
        margin: 0 -10px;
    }

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

    .footer .top .center .nav ul {
        margin: 0 -20px;
    }

    .footer .top .center .nav ul li {
        margin: 0 20px;
    }
    .about1 .container .bottom .left{
        width: 45%;
    }
    .about1 .container .bottom .left img{
        width: 100%;
    }
    .about2 .bottom .gallery-thumbs .swiper-slide{
        width: calc(100% / 5);
    }
    .about4 .list .swiper-container{
        overflow: hidden;
    }
    .contact .list ul li h4{
        font-size: 20px;
    }
    .contact .list ul li h3{
        font-size: 30px;
    }
    .join1{
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
    }
    .join1 .list .right ul li p{
        padding: 20px;
        font-size: 16px;
    }
    .global .container .left .title p{
        font-size: 20px;
    }
    .global .container .left .title h4{
        font-size: 24px;
    }
    .global .container .left .text{
        margin-top: 40px;
    }
    .classPro .top .item .right ul li{
        width: calc(100% / 3 - 10px);
        margin-left: 10px;
    }
    .classPro .top .item .left .title h3{
        font-size: 24px;
    }
    .classPro .top .item .left .title p{
        font-size: 20px;
    }
    .classPro .bottom .right h4{
        font-size: 24px;
    }
    .classPro .bottom .right p{
        font-size: 20px;
    }
    .product ul li{
        padding: 20px 10px;
    }
    .showCom .list ul{
        flex-wrap: wrap;
        display: flex;
    }
    .showCom .list ul li{
        width: 50%;
        box-sizing: border-box;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .showCom{
        padding: 40px 0;
    }
    .productShow .top .left .thum{
        height: 270px;
        overflow: hidden;
    }
    .productShow .top .left .thum .swiper-container{
        height: 270px;
    }
    .video ul li{
        padding: 20px 10px;
    }
    .videSidebar .container .right ul li a{
        font-size: 16px;
    }
    .videSidebar .container .left{
        font-size: 18px;
    }
    .video ul li a h4{
        font-size: 16px;
    }
}


@media screen and (max-width:1024px) {
    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .home_proDes .content {
        width: 74%;
    }

    .home_join .main {
        flex-direction: column;
    }

    .home_join .main .left {
        width: 100%;
    }

    .home_join .main .right {
        width: 100%;
    }

    .home_about .left {
        width: 100%;
    }

    .home_about .right {
        display: none;
    }

    .home_about .right::after {
        display: none;
    }

    .home_about::before {
        background: url(../images/home_about_bg.png) no-repeat 0 62% / 95%;
    }

    .header .submenu {
        display: none;
    }

    .header .nav {
        margin: 0;
    }

    .header .nav ul li {
        padding: 0 5px;
    }

    .header .container {
        height: 65px;
    }

    .header .logo {
        height: 40px;
    }

    .home_title h2 {
        font-size: 25px;
    }

    .home_title em {
        font-size: 21px;
    }

    .home_about .left h1,
    .home_join .main .left h1 {
        font-size: 22px;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .home_about .left .des p {
        line-height: 2em;
    }

    .home_about .left .data {
        margin-top: 5%;
    }

    .home_about {
        padding: 120px 0;
    }

    .home_about .left .data ul li .top h3 {
        font-size: 40px;
    }

    .home_about .left .data ul li .top i {
        right: -13px;
        top: -1px;
    }

    .home_product .home_title {
        margin-bottom: 75px;
    }

    .home_product .content ul li .center .icon {
        max-height: 45px;
    }

    .home_product .content ul li .center h5 {
        padding: 25px 0 15px 0;
    }

    .home_proDes {
        padding: 120px 0;
    }

    .home_proDes .content h1 {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .home_proDes .content em {
        font-size: 20px;
    }

    .home_proDes .content .des {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .home_proDes .content .des p {
        line-height: 2em;
    }

    .home_join .main .left {
        padding: 5%;
    }

    .home_join .main .left .des p {
        line-height: 2em;
    }

    .home_join .main .left .seemore {
        margin-top: 50px;
    }

    .home_case .content .seemore {
        margin-top: 50px;
    }

    .home_news .content {
        margin-top: 50px;
    }

    .home_news .content .box h1 {
        font-size: 20px;
    }


    .header .menu {
        background: url(../images/menu_icon.png) no-repeat center/ contain;
    }

    .headerfix .menu {
        background: url(../images/menu_icon_black.png) no-repeat center/contain;
    }

    .headerfixmenu .menu {
        background: url(../images/menu_icon_close.png) no-repeat center/80%;
    }

    .home_case .content .swiper-slide-active .text::after {
        background-color: #04257e;
        width: 100%;
    }

    .home_case .content .swiper-slide-active .text .box .arrow img {
        position: unset;
        filter: unset;
    }

    .home_case .content .swiper-slide-active .text .box h5 {
        color: #fff;
    }

    .home_news .home_title {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .about5 .list .swiper-container .swiper-slide p{
        margin-top: 20px;
    }
    .about5 .list .swiper-container .swiper-slide h4{
        font-size: 16px;
    }
    .about4 .list .swiper-container .swiper-slide .text p{
        font-size: 20px;
    }
    .case ul li{
        width: 50%;
        padding: 20px 10px;
    }
    .case ul{
        margin: 0 -10px;
    }
    .caseShow .top .right .text p{
        line-height: 1.8em;
        font-size: 14px;
    }
    .caseShow .top .right .dis{
        height: auto;
        padding: 10px 0;
        display: block;
    }
    .caseShow .top .right .text h3{
        font-size: 24px;
    }
    .contact .top .left .text span{
        font-size: 30px;
    }
    .contact .top .left .text{
        font-size: 14px;
    }
    .contact .list ul li h4{
        font-size: 18px;
    }
    .contact .list ul li h3{
        font-size: 24px;
    }
    .contact .list ul li P{
        font-size: 14px;
    }
    .join1 .list .left{
        display: none;
    }
    .join1 .list .right{
        width: 100%;
    }
    .join1 .list .right ul li p{
        display: block;
    }
    .join1 .list .right ul li h4 i{
        padding: 0;
        width: 40px;
        height: 40px;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #04257e;
        color: #fff;
        transition: all 0.5s;
    }
    .open .form select,.open .form input{
        width: calc(100% / 2 - 20px);
        margin-bottom: 10px;
    }
    .open .form{
        flex-wrap: wrap;
    }
    .global .container{
        display: block;
    }
    .global .container .left{
        width: 100%;
    }
    .global .container .right{
        width: 100%;
        margin-top: 40px;
    }
    .Cooperation .list{
        display: block;
    }
    .Cooperation .list .left{
        width: 100%;
        padding: 0;
    }
    .Cooperation .list .right{
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .Support .list ul li{
        padding: 0 15px;
    }
    .joinForm .list .right{
        display: none;
    }
    .joinForm .list .left{
        width: 100%;
    }
    .news ul li{
        width: calc(100% / 2);
    }
    .newsShow .container .right{
        display: none;
    }
    .newsShow .container .left{
        width: 100%;
    }
    .newPro .list .swiper-slide .img{
        width: 50%;
    }
    .newPro .list .swiper-slide .text{
        width: 50%;
        box-sizing: border-box;
        padding: 15px;
    }
    .newPro .list .swiper-slide .text h4{
        font-size: 16px;
    }
    .newPro .list .swiper-slide .text a{
        font-size: 12px;
        height: 30px;
    }
    .newPro .list .swiper-slide .text a:after{
        height: 28px;
    }
    .newPro .title p,.comPro .title p{
        font-size: 20px;
    }
    .newPro .title h3,.comPro .title h3{
        font-size: 24px;
    }
    #but div{
        width: 40px;
        height: 40px;
    }
    .comPro .list .swiper-container .swiper-slide{
        width: calc(100% / 2 - 26px);
    }
    .comPro .list .swiper-container .swiper-slide a .text{
        padding: 15px;
    }
    .comPro .list .swiper-container .swiper-slide a .text h4{
        font-size: 16px;
    }
    .classPro .top .item{
        display: block;
    }
    .classPro .top .item .left{
        background: none;
        width: 100%;
    }
    .classPro .top .item .left .title{
        padding: 0;
        background: none;
        border-left: 5px solid #04257e;
        padding-left: 10px;
    }
    .classPro .top .item .left .img{
        display: none;
    }
    .classPro .top .item .left .title p{
        font-size: 14px;
    }
    .classPro .top .item .left .title h3{
        font-size: 18px;
    }
    .classPro .top .item .right{
        width: 100%;
        margin-top: 25px;
    }
    .classPro .top .item .right ul li{
        margin-right: 10px;
        margin-left: 0;
    }
    .classPro .bottom .right a{
        height: 40px;
    }
    .classPro .bottom .right a:after{
        height: 38px;
    }
    .classPro .bottom .right h4{
        font-size: 18px;
    }
    .classPro .bottom .right p{
        font-size: 16px;
    }
    .product ul li{
        width: calc(100% / 2);
    }
    .product{
        padding-top: 40px;
    }
    .proCat .top .left ul li{
        margin-right: 25px;
    }
    .proCat .top .left ul li a{
        font-size: 16px;
    }
    .proCat .top .right form{
        height: 40px;
    }
    .proCat .subClass ul li a{
        font-size: 14px;
    }
    .proCat .subClass ul li a:after{
        height: 2px;
    }
    .product ul li a .text h4, .showCom .list ul li a .text h4{
        font-size: 16px;
    }
    .product ul li a .text p{
        margin-top: 10px;
    }
    .product ul li a .text{
        padding: 20px;
    }
    .productShow .top{
        display: block;
    }
    .productShow .top .left{
        width: 100%;
    }
    .productShow .top .right{
        width: 100%;
        margin-top: 40px;
    }
    .productShow .top .left .thum .swiper-container{
        height: 410px;
    }
    .productShow .top .left .thum{
        height: auto;
    }
    .showCom .title h3{
        font-size: 24px;
    }
    .showCom .list ul li a .text{
        padding: 20px;
    }
    .video ul li{
        width: calc(100% / 2);
    }

}



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


@media screen and (max-width:767px) {
    .home_news .content {
        margin-top: 40px;
    }

    .home_case .content .text .box .arrow img {
        width: 10px;
    }

    .header .nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 20px 0;
        line-height: 46px;
        background: #fff;
        border-top: 1px solid rgba(188, 157, 95, 0.2);
    }
    .header .logo img{
        height: 35px;
    }
    .header .menu {
        display: block;
    }

    .footerWap .top .nav ul li span {
        font-size: 18px;
    }

    .footerWap .top .nav ul li a {
        padding: 18px 0;
    }

    .footerWap .top .tel span {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .footerWap .top .tel {
        margin-top: 40px;
    }

    .footerWap .top {
        padding-bottom: 50px;
    }

    .footerWap .bottom p,
    .footerWap .bottom p a {
        font-size: 16px;
        line-height: 1.5em;
    }

    .footerWap .bottom {
        padding: 10px 0;
    }

    .footFixed ul li p {
        font-size: 16px;
        padding-top: 10px;
    }

    .footFixed ul li .icon {
        height: 20px;
    }

    .footFixed {
        height: 60px;
        padding: 7px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footerWap {
        padding: 45px 0 60px 0;
    }

    .home_news .content .mySwiper_home_news .swiper-wrapper {
        flex-direction: column;
    }

    .home_news .content .mySwiper_home_news .swiper-wrapper .swiper-slide {
        margin-bottom: 15px;
    }

    .home_about .left .data ul {
        justify-content: space-between;
    }

    .home_about .left .data ul li {
        margin-right: 0;
    }

    .home_about .left .data ul li:last-child {
        margin-right: 20px;
    }

    .home_about,
    .home_product,
    .home_proDes,
    .home_case,
    .home_news {
        padding: 60px 0;
    }

    .header .container {
        height: 60px;
    }

    .header .logo {
        height: 35px;
    }

    .header .menu {
        width: 28px;
        height: 28px;
    }

    .home_title h2 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .home_title em {
        font-size: 16px;
    }

    .go .go_text,
    .seemore .seemore_text {
        font-size: 12px;
        height: 28px;
    }

    .home_about .left .seemore .seemore_text,
    .home_proDes .content .seemore_text,
    .home_join .main .left .seemore .seemore_text,
    .go .go_text,
    .seemore .seemore_text {
        width: 90px;
    }

    .home_about .left .data {
        margin-top: 10%;
    }

    .home_about .left h1,
    .home_join .main .left h1 {
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 15px;
    }

    .home_about .left .des p {
        line-height: 1.8em;
    }

    .home_about .left .seemore {
        margin-top: 30px;
    }

    .home_about .left .data ul li .top h3 {
        font-size: 30px;
    }

    .home_product .home_title {
        margin-bottom: 40px;
    }

    .home_product .content ul {
        margin: 0 -5px;
    }

    .home_product .content ul li {
        padding: 0 5px;
    }

    .home_product .content ul li .center .icon {
        max-height: 27px;
    }

    .home_product .content ul li .center h5 {
        padding: 15px 0 10px 0;
        font-size: 15px;
    }

    .home_product .content ul li .center img:last-child {
        width: 10px;
    }

    .home_proDes .content h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .home_proDes .content em {
        font-size: 14px;
    }

    .home_proDes .content {
        width: 100%;
    }

    .home_proDes .content .des p {
        line-height: 1.8em;
    }

    .home_join {
        padding: 15px 0;
    }

    .home_join .main {
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .home_join .main .left {
        padding: 0;
    }

    .home_about .left .data ul li .top i {
        font-size: 10px;
    }

    .home_about .left .data ul li p {
        font-size: 12px;
    }

    .home_proDes .content .des {
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .home_join .main .left .des p {
        line-height: 1.8em;
    }

    .home_join .main .left .seemore {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .home_case .content {
        margin-top: 40px;
    }

    .home_case .content .seemore {
        margin-top: 40px;
    }

    .home_case .content .text .box h5 {
        font-size: 14px;
    }

    .home_case .content .text {
        height: 45px;
    }

    .home_news .content .box {
        padding: 30px 15px;
    }

    .home_news .content .box .time p {
        font-size: 12px;
        padding-bottom: 15px;
    }

    .home_news .content .box h1 {
        margin: 15px 0;
        font-size: 16px;
    }

    .home_news .content .box .des p {
        font-size: 12px;
        line-height: 1.6em;
    }

    .home_news .content .box .go {
        margin-top: 30px;
        display: flex;
        justify-content: right;
    }

    .home_news .seemore {
        margin-top: 25px;
    }

    .footerWap .bottom p,
    .footerWap .bottom p a {
        font-size: 14px;
    }

    .header .nav ul {
        flex-direction: column;
        margin: 0;
        height: auto;
        align-items: unset;
        padding: 0 5%;
    }

    .header .nav ul li a {
        color: #333;
    }

    .header .nav ul li.active::after {
        display: none;
    }

    .header .nav ul li {
        padding: 0;
        margin: 0;
        height: unset;
        max-width: unset;
        display: unset;
    }

    .header .nav ul li a {
        font-size: 16px;
    }
    .about1 .container .bottom .left{
        display: none;
    }
    .about1 .container .bottom .right{
        width: 100%;
    }
    .about2 .list .swiper-slide{
        width: calc(100% / 2 - 10px);
        margin-right: 20px;
    }
    .about2 .bottom .gallery-thumbs .swiper-slide{
        width: calc(100% / 3 );
    }
    .about2 .bottom .gallery-thumbs .swiper-slide h4{
        font-size: 16px;
    }
    .about2 .bottom .gallery-thumbs .swiper-slide h5{
        font-size: 14px;
    }
    .about2 .bottom .gallery-thumbs .swiper-slide p span{
        margin-left: -8.5px;
    }
    .about3{
        padding: 40px 15px;
    }
    .about4{
        padding-top: 0;
        padding-bottom: 0;
    }
    .about4 .title h4,.about5 .title h4,.about6 .title h4{
        font-size: 16px;
    }
    .about4 .title h5,.about5 .title h5,.about6 .title h5{
        font-size: 18px;
    }
    .about4 .list .swiper-container .swiper-slide .text p{
        font-size: 14px;
        line-height: 1.8em;
    }
    .about5 .list .swiper-container .swiper-slide{
        width: calc(100% / 2 - 10px);
        margin-right: 20px;
    }
    .about5 .list .swiper-container .swiper-slide h4{
        font-size: 14px;
        font-weight: 400;
    }
    .about5 {
        padding: 40px 0;
    }
    .about6{
        padding-top: 20px;
    }
    .caseBanner{
        padding-top: 65px;
    }
    .location{
        height: 50px;
    }
    .case{
        padding-top: 15px;
    }
    .case ul li a{
        padding: 10px;
    }
    .case ul li a h4{
        font-size: 16px;
    }
    .case ul li a p{
        font-size: 12px;
    }
    .caseShow .top{
        display: block;
    }
    .caseShow .top .left{
        width: 100%;
        padding-right: 0;
    }
    .caseShow .top .right{
        width: 100%;
        padding-left: 0;
        margin-top: 25px;
    }
    .caseShow .top .right .return a{
        height: 40px;
        font-size: 14px;
    }
    .caseShow .top .right .return a:after{
        height: 38px;
    }
    .contact .top {
        display: block;
    }
    .contact .top .left{
        width: 100%;
        padding-right: 0;
    }
    .contact .top .right{
        width: 100%;
        padding-left: 0;
        height: 230px;
        margin-top: 40px;
    }
    .contact .list ul li{
        padding: 15px;
    }
    .contact .list ul li h3{
        font-size: 18px;
    }
    .contact .list ul li h4{
        font-size: 16px;
    }
    .contact .list ul li P{
        font-size: 12px;
    }
    .contact .list ul li button{
        padding: 5px 45px;
    }
    .moType .box .list .group input{
        height: 40px;
    }
    .moType .box .list .code input{
        height: 40px;
    }
    .moType .box .list .code img{
        height: 40px;
    }
    .moType .box .title h4{
        font-size: 20px;
    }
    .join1 .title p,.open .title p,.Application .title p,.Cooperation .title p,.Support .title p,.joinForm .title p{
        width: 100%;
    }
    .join1 .list .right{
        padding-left: 0;
    }
    .pageBanner .text{
        top: 70px;
    }
    .pageBanner .text h4{
        font-size: 18px;
    }
    .pageBanner .text h5{
        font-size: 16px;
    }
    .pageBanner .text p{
        margin-top: 20px;
        font-size: 14px;
    }
    .join1 .title h5,.open .title h5{
        font-size: 15px;
    }
    .join1 .title h4,.open .title h4{
        font-size: 18px;
    }
    .join1 .title p,.open .title p{
        line-height: 1.8em;
    }
    .join1 .list .right ul li h4 span{
        font-size: 16px;
    }
    .join1 .list .right ul li.active h4 em{
        display: block;
    }
    .join1 .list .right ul li.active h4 i{
        font-size: 16px;
    }
    .open .form select, .open .form input{
        width: calc(100% / 2 - 10px);
    }
    .open,.joinForm{
        padding: 45px 0;
    }
    .global .container .left .title p{
        font-size: 16px;
    }
    .global .container .left .title h4,.Application .title h4,.Cooperation .title h4,.Support .title h4,.joinForm .title h4{
        font-size: 18px;
    }
    .global .container .left .text h5,.Application .title h5,.Cooperation .title h5,.Support .title h5,.joinForm .title h5{
        font-size: 16px;
    }
    .global .container .left .text p,.Application .title p,.Cooperation .title p,.Support .title p,.joinForm .title p{
        font-size: 14px;
        line-height: 1.8em;
    }
    .global .container .left .bottom ul li span{
        font-size: 24px;
    }
    .global .container .left .bottom ul li{
        font-size: 14px;
    }
    .global .container .right ul li{
        width: calc(100% / 2 - 8px);
        margin-bottom: 15px;
    }
    .Cooperation .more a{
        margin-top: 0;
    }
    .Cooperation,.Support{
        padding: 45px 0;
    }
    .Support .list ul{
        flex-wrap: wrap;
        display: flex;
    }
    .Support .list ul li{
        width: calc(100% / 3);
        margin-bottom: 25px;
    }
    .Support .list ul li .munber{
        margin: 10px auto;
    }
    .Support .list ul li h4{
        font-size: 16px;
    }
    .joinForm .list .left .top{
        font-size: 14px;
    }
    .joinForm .list .left .form .input select ,.joinForm .list .left .form .input input{
        width: calc(100% / 3 - 5px);
    }
    .joinForm .list .left .form .but button{
        height: 40px;
    }
    .joinForm .list .left .form .but button:after{
        height: 38px;
    }
    .network .box{
        position: static;
        width: 100%;
    }
    .network .box .title{
        padding-top: 0px;
    }
    .network .box .list{
        height: 140px;
    }
    .network .box .list ul li{
        padding: 15px 0;
    }
    .network .box .list ul li h4{
        font-size: 16px}
    .network .map{
        height: 260px;
    }
    .network{
        height: auto;
    }
    .news ul li{
        padding: 10px 5px;
    }
    .news ul li a{
        padding: 10px;
    }
    .news ul li a h4{
        font-size: 16px;
        line-height: 1.8em;
    }
    .news ul li a p{
        font-size: 13px;
        line-height: 1.8em;
        display: none;
    }
    .news ul li a em{
        font-size: 12px;
    }
    .newsShow .container .left .title h3{
        font-size: 18px;
    }
    .newsShow .container .left .content{
        font-size: 14px;
    }
    .newsShow .container .left .content img{
        width: 100%;
    }
    .newsShow .container .left .return a{
        height: 38px;
    }
    .newPro .title p, .comPro .title p{
        font-size: 15px;
    }
    .newPro .title h3, .comPro .title h3{
        font-size: 18px;
    }
    .newPro .list .swiper-slide{
        margin-right: 15px;
        display: block;
    }
    .newPro .list .swiper-slide .img{
        width: 100%;
    }
    .newPro .list .swiper-slide .text{
        width: 100%;
    }
    .comPro{
        padding: 40px 0;
    }
    .comPro .list .swiper-container .swiper-slide{
        width: calc(100% / 2 - 5px);
        margin-right: 10px;
    }
    .classPro .top .item .right ul li a .img{
        height: 160px;
    }
    .classPro .top .item .right ul li a .text{
        padding-top: 15px;
        padding-bottom: 25px;
    }
    .classPro .top .item .right ul li a .text h4{
        font-size: 16px;
    }
    .classPro .top .item .right ul li a .text p{
        font-size: 12px;
    }
    .classPro .bottom .right a{
        margin-top: 15px;
    }
    .classPro .bottom .right em{
        margin-top: 15px;
    }
    .classPro .bottom .right h4{
        font-size: 16px;
    }
    .classPro .bottom .right p{
        font-size: 14px;
    }
    .classPro .bottom .right a{
        font-size: 12px;
        height: 35px;
    }
    .classPro .bottom .right a:after{
        height: 33px;
    }
    .proCat .top{
        display: block;
        padding: 20px;
    }
    .proCat .top .right{
        margin-top: 15px;
        display: none;
    }
    .proCat .top .right form{
        height: 35px;
        width: 100%;
    }
    .proCat .top .right form input{
        width: calc(100% - 60px);
    }
    .proCat .subClass{
        padding: 20px;
    }
    .product ul li a .text p{
        display: none;
    }
    .productShow .top .left .thum .swiper-container{
        height: 250px;
    }
    .showBanner{
        padding-top: 65px;
    }
    .showBanner .container{
        padding: 30px 0;
    }
    .showBanner .container h3,.showCom .title h3{
        font-size: 18px;
    }
    .showBanner .container a{
        height: 35px;
        font-size: 14px;
    }
    .showCom .list ul li a .text p{
        display: none;
    }
    .videSidebar .container .left{
        font-size: 16px;
    }
    .videSidebar .container .right ul li a{
        font-size: 15px;
        font-weight: 400;
    }
    .video ul li p{
        margin-top: 15px;
        font-size: 12px;
    }
    .video ul li a h4{
        font-size: 15px;
        padding-bottom: 15px;
    }
    .mo .box .img{
        display: flex;
        justify-content: center;
    }
    .mo .box .img video{
        width: 98%;
        height: 320px;
        margin: 0 auto;
    }
    .mo .box .icon{
        right: 15px;
        color: #fff;
        top: -20px;
    }
}






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

    .footerWap .bottom p,
    .footerWap .bottom p a {
        font-size: 12px;
    }

    .footerWap .top .nav ul li span {
        font-size: 14px;
    }

    .footerWap .top .nav ul li a {
        padding: 15px 0;
    }

    .footerWap .top .nav ul li img {
        width: 10px;
    }

    .footerWap .top .tel span {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .footFixed ul li p {
        font-size: 12px;
        padding-top: 7px;
    }

    .header .logo {
        height: 30px;
    }

    .header .menu {
        width: 24px;
        height: 24px;
        background: url(../images/menu_icon.png) no-repeat center/ contain;
    }

    .headerfix .menu {
        background: url(../images/menu_icon_black.png) no-repeat center/contain;
    }

    .headerfixmenu .menu {
        background: url(../images/menu_icon_close.png) no-repeat center/80%;
    }

    .banner .swiper-pagination {
        bottom: 20px;
    }
}