@media screen and (max-width:1460px) {
    .fz-22 {
        font-size: 19px;
    }

    .xnav a {
        font-size: 19px;
    }

    .indexHeaderLogo .logo img {
        padding: 5px;
        height: 50px;
    }

    .indexHeaderLogo {
        padding: 5px 20px 5px;
    }

    .indexBox1 {
        padding-top: 60px;
    }

    .slideTxtBox {
        padding: 0 3%;
    }

    .slideTxtBox .bd li h4 {
        font-size: 20px;
    }

    .pageTitle {
        font-size: 40px;
    }

    .indexBox2 .itemHd .picImg {
        width: 600px;
    }

    .indexBox2 .itemBd h3 {
        font-size: 26px;
    }

    .indexBox2 .itemBd {
        font-size: 18px;
    }

    .indexBox3Abs {
        padding-top: 60px;
    }

    .indexBox3Txt {
        padding-bottom: 90px;
    }

    .indexBox3Txt {
        font-size: 34px;
    }

    .indexBox4 {
        padding-top: 20px;
       
    }

    #cpIndex .swiperTitle {
        font-size: 60px;
        width: 60px;
        color: #1b972b;
        margin-top: 20px;
    }

    .swiperBoxx {
        padding: 3% 3% 0;
    }

    .xnav {
        padding: 10px 60px;
    }

    .indexHeader .nav a {
        margin-left: 10px;
    }

    #cpIndex .swiperTitlePtxt {
        font-size: 20px;
        padding-left: 4%;
        display: none;
    }

    #cpIndex {
        height: 450px;
    }

    .indexBox6 {
        padding: 60px 3% 40px;
    }

    .indexAl {
        padding: 0;
       
    }

    .indexBox6Right {
        width: 48%;
    }

    .case-container {
        padding: 0 20px;
    }

    .case-container .case-header {
        font-size: 40px;
        font-weight: normal;
        color: #333333;
        margin: 20px auto;
        padding: 20px 0;
        text-align: center;
        position: relative;
    }

    .case-container .case-header::after {
        position: absolute;
        content: "";
        left: 50%;
        margin-left: -58px;
        background: #008c3f;
        bottom: 0;
        width: 116px;
        height: 3px;
    }

    .case-container .case-list .case-item {
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }

    .case-container .case-list .case-item p {
        font-size: 18px;
        font-weight: normal;
        color: #070101;
        line-height: 18px;
        padding: 10px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

}
@media screen and (max-width:1200px) {
    .newsD{
        padding-left: 0;
    }
    .slideTxtBox li img{
        width: auto;
    }
    #cpIndex .swiperTitlePtxt{
        line-height: 1.8;
    }
    .indexAl li{
        padding: 0 20px;
        box-sizing: border-box;
        width: 33.333%;
    }
    .slideTxtBox .bd li{
        box-sizing: border-box;
        padding: 0 10px;
    }
    .indexBox2 .itemBd{
        padding: 0 20px;
    }
    .indexBox6left{
        width: 100%;
    }
    .indexBox6Box{
        flex-direction: column;
    }
    .indexBox6Right{
        padding-top: 20px;
        width: 100%;
    }
    #cpIndex .pic{
        margin-right: 4%;
    }
    .slideTxtBox{
        padding: 0 10px;
    }
    .swiperBoxx{
        padding:0 10px 0;
    }
    .indexBox6 {
        padding: 20px 10px 20px;
    }
    #cpIndex {
        height: auto;
    }
    .swiperAbs{
        margin-top: 20px;
    }

    .indexHeader .nav{
        display: none;
    }
    .xnav{
        display: none;
    }
    #mnav{
        padding: 15px 0;
    }


    .a_js{
        display: block;
    }
    #videoBox video{
        width: 100% !important;
    }
    .qywmLeft{
        font-size: 18px;
    }
    .qywmLeft a.on {
        background: #25a564;
        color: #fff;
        font-size: 20px;
        padding: 0 30px;
    }
    .qywmBox{
        padding: 0 10px;
    }


    .newsBox{
        padding: 0 10px;
        flex-direction: column;
    }
    .newsBoxLeft {
        border-right:none;
        width:100%;
        box-sizing: border-box;
        padding-right: 0;
    }
    .listHot h3{
        font-size: 22px;
    }
    .listHot h3 span{
        font-size: 16px;
    }
    .listHotTxt{
        font-size: 16px;
    }
    .listHot .mores{
        font-size: 16px;
    }
    .newsListRight h2{
        font-size: 22px;
    }
    .newsListRight .txt1{
        font-size: 16px;
    }
    .mbxBox{
        display: none;
    }
    .newsBoxRight{
        padding-left: 0;
    }
    .newsBoxrUl{
        width: 100%;
    }
    .newsBoxrUl li .pic{
        width: 100%;
    }
    .newsBoxrUl li .pic img{
        width: 100%;
    }
}

@media screen and (max-width:890px) {
    .article h1{
        font-size: 30px;
    }
    .articleTxt{
        font-size: 18px;
    }
    .article{
        padding-bottom: 10px;
    }
    .newsBoxRightList h3{
        font-size: 22px;
    }
    .newsBoxrUl li h2{
        font-size: 20px;
    }
    .newsListRight{
        margin-left: 10px;
    }
    .newsList li .newsListleft span{
        font-size: 30px;
    }
    .newsList li .newsListleft p{
        font-size: 16px;
    }
    .topBan h2{
        font-size: 40px;
        padding-top: 50px;
    }


    .topBan {
        height: 200px;
        background: url(../css/img/topBan.jpg) no-repeat;
        background-size: cover;
    }
    .qywmLeft a.on{
        padding: 0 10px;
        font-size: 16px;
    }
    .qywmBox{
        flex-direction: column;
        padding-right: 0;
        border: none;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .qywmLeft {
        flex-direction: row;
        padding-right: 0;
        border: none;
        font-size: 16px;
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .qywmLeft a{
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .qymwRight{
        padding: 0;
    }
    .indexBox2{
        padding-top: 20px;
    }
    .footBox{
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footerLeft{
        width: 100%;

    }
    .indexBox2 .itemBd h3{
        font-size: 20px;
    }
    .indexBox2 .itemBd{
        font-size: 14px;
    }
    .indexBox2 .hd li{
        height: 36px;
        line-height: 36px;
        text-align: center;
        padding: 0 10px;
        margin: 0 10px;
        font-size: 16px;
        border-radius: 18px;
        cursor: pointer;
    }
    .indexBox2 .itemBd{
        padding: 0 10px;
    }
    .footer{
        padding: 20px 0;
    }
    .footerLeft h3, .footerRight h3 {
        font-weight: 500;
        font-size: 30px;
        margin-bottom: 10px;
        padding:0;;
    }
    .footerRight{
        margin-top: 20px;
        width: 100%;
    }
    .footerRight li{
        font-size: 20px;
    }
    .footGz{
        font-size: 20px;
        margin-top:0;
    }
    .indexBox6Righr h3{
        font-size: 18px;
    }
    .indexBox6lefta p{
        font-size: 20px;
    }
    .indexBox6Righr .indexBox6Righrtxt{
        font-size: 14px;
    }
    .indexBox1{
        padding-top: 20px;
    }
    .slideTxtBox{
       
    }
    .slideTxtBox .bd li{
        width: 50%;
        margin-bottom: 15px;
    }
    .slideTxtBox .hd{
        padding-top: 0;
    }
    .slideTxtBox .pic{
        width: 12rem;
        height: 12rem;
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .slideTxtBox .bd li h4{
        font-size: 16px;
        margin-bottom: 8px;
    }
    .slideTxtBox .bd li p{
        display: none;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .slideTxtBox .hd li{
        padding: 0;
        padding-bottom: 10px;
    }
    .indexHeader{
        top: 0;
        position: relative;
    }
    /*.indexHeader.active{*/
    /*    background: #fff;*/
    /*    position: fixed;*/
    /*}*/
    .swiper-button-next, .swiper-button-prev{
        //top: 80%;
    }
    #index .swiper-button-next{
        right: 20px;
    }
    #index .swiper-button-prev{
        left: 20px;
    }
    .slideTxtBox li img{
        margin-bottom: 0;
    }
    .slideTxtBox .bd li span{
        font-size: 14px;
    }
    .pageTitle{
        font-size: 30px;
    }
    .pageTitle img{
        padding: 0 100px;
    }
    .indexBox6{
        padding-bottom: 0;
    }
    .indexAl li{
        padding: 0 10px;
    }
    .indexBox6Righr h6{
        font-weight: 500;
        font-size: 16px;
    }
    .indexBox6Rightl p{
        font-size: 14px;
    }
    .indexBox6Rightl{
        width: 65px;
        margin-right: 10px;
    }
    .indexBox2 .itemHd .pic{
        border: none;
    }
    .indexBox2 .itemHd .picImg{
        width: auto;
    }
    #cpIndex .itemSw{
        flex-direction: column;
    }
    #cpIndex .pic{
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #cpIndex .pic img{
        max-width: 90%;
    }
    #cpIndex .swiperTitle{
        width: 100%;
        font-size: 24px;
        text-align: center;
    }
    #cpIndex .swiperTitlePtxt{
        padding: 15px 0;
    }
    #cpIndex .swiperTitlePtxt{
        font-size: 14px;
    }
    .swiperTitlePtxt11{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .indexMore{
        margin: 0 0 20px;
    }
    .swiperAbs a {
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        font-size: 18px;
        border-radius: 20px 0 20px 0;
        background: #38a569;
        animation: shareCodeBtnAn 0.45s ease-in-out infinite alternate;
    }



    .productBox{
        padding: 0 3%;
    }
    .productBox .productTab{
        margin: 10px 0 20px;
        overflow-x: auto;
    }
    .productBox .productTab a.on {
        border-color: #008b3f;
    }
    .productBox .productTab a {
        flex: none;
        font-size: 16px;
        line-height: 1;
        margin-right: 20px;
        border-bottom: 4px transparent solid;
    }
    .productBox .product-list{
        padding: 20px;
    }
    .productBox .product-list .product-item{
        display: flex;
        flex-direction: column;
    }
    .productBox .product-list .productLeft{
        margin: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        height: auto;
        background: #9cd2b4;
        align-content: center;
        justify-content: center;
    }
    .productBox .product-list .productLeft img{
        /*width: 683px;*/
        /*height: 564px;*/
        min-width: 163px;
        max-height: 266px;
    }

    .productBox .product-list .productRight{
        padding:10px 20px;
    }
    .productBox .product-list .product-header{
        font-size: 25px;
        font-weight: normal;
        color: #040602;
        padding: 10px 0 10px;
    }
    .productBox .product-list .product-content{
        font-size: 22px;
        font-weight: normal;
        color: #040602;
        line-height: 1;
        padding-bottom: 0;
    }
    .productBox .product-button{
        width: 144px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        font-size: 22px;
        font-weight: normal;
        color: #F6F9F5;
        border-radius: 2px;
        background: #e30920;
        margin: 20px 0;
        cursor: pointer;
    }
    .case-container .case-list .case-item .case-text{
        font-size: 20px;
    }


    .productBox .product-list{
        padding: 20px;
    }
    .productBox .product-list .product-item{
        width: 50%;
        margin-bottom: 15px;
    }
    .productBox .product-list .product-item .pic {
        width: 160px;
        height: 160px;
        padding: 0 5px;
        margin-bottom: 20px;
    }
    .productBox .product-list .product-item .pic img {
        margin-bottom: 0;
    }
    .productBox .product-list .product-item h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .productBox .product-list .product-item  p {
        display: none;
    }

    .productBox .product-list .product-item  span {
        font-size: 14px;
    }

    /*产品中心详情*/
    #product_dt .product-detail {margin: 30px 0;}
    #product_dt .product-detail .tops-box {flex-wrap:wrap;}
    #product_dt .product-detail .tops-box .banner {width:100%;height: auto;}
    #product_dt .product-detail .tops-box .banner .swiper-pro{height: auto;width: 100%;}
    #product_dt .product-detail .tops-box .banner .swiper-pagination-pro {bottom:-15px;}
    #product_dt .product-detail .tops-box {padding:0.6rem;}
    #product_dt .product-detail .tops-box .info-box {padding-left:0;width: 100%;}
    #product_dt .product-detail .tops-box .info-box .title-box {padding-top:1.2rem;}
    #product_dt .product-detail .tops-box .info-box .title-box .t1 {font-size:16px;}
    #product_dt .product-detail .tops-box .info-box .title-box .t2 {font-size:14px;line-height:24px;margin-top:0.3rem;}
    #product_dt .product-detail .tops-box .info-box .desc {height:auto;margin-top:20px;font-size:14px;line-height:20px;}
    #product_dt .product-detail .tops-box .info-box .bottoms {margin-top:1.2rem;}
    #product_dt .product-detail .tops-box .info-box .bottoms .query {width:120px;height:40px;line-height:40px;font-size:14px;}
    #product_dt .product-detail .pro-cont .pro-nav {height:40px;padding:0 0.6rem;display:flex;align-items:center;}
    #product_dt .product-detail .pro-cont .pro-nav .item {line-height:40px;margin-right:0;padding:0 0.5rem;font-size:14px;}
    #product_dt .product-detail .pro-cont .content {padding:0.6rem;}
    #product_dt .product-detail .pro-cont #cont01.content,#product_dt .product-detail .pro-cont #cont02.content {width: 100%;}
    #product_dt .product-detail .pro-cont .content .download-item {width:100%;height:auto;}
    #product_dt .product-detail .pro-cont .content .download-item .info {width:75%;padding:0.6rem;}
    #product_dt .product-detail .pro-cont .content .download-item .download {width:60px;flex-shrink:0;height:100%;}
    #product_dt .product-detail .pro-cont .content .download-item .info .t1 {font-size:14px;}
    #product_dt .product-detail .pro-cont .content .download-item .info .t2 {font-size:14px;}

    .about-honor-item{
        width: 50% !important;
    }
    .tabulbox .li{
        padding: 0 20px;
    }


    .footer_b h3{
        line-height: 1.5;
    }

    .pc-top-ban{
        display: none;
    }
    .h5-top-ban{
        display: block;
    }
    /*.navBox .form-search input[type=search]{*/
    /*    background: url(/assets/addons/wwh/css/img/icon11.png) no-repeat 10px center !important;*/
    /*}*/

    .interlock-container .left-container{
        width:100%;
    }
    .interlock-container .left-container .picImg{
        width:100%;
        height: auto;
        min-height:240px;
    }
    .interlock-container .right-container{
        display: none;
    }

    .poster-container{
        height:300px;
    }
    .poster-container .poster-img{
        height:200px;
    }
    .poster-container .poster-text{
        height:100px;
        color: #fff;
        padding: 5px 10px;
        font-size: 14px;
    }
	
	#caseSwiper .swiper-slide img{
max-height: 380px;
   }
}