@media (max-width: 1680px){
    #index_picture .text-con .desc{font-size: 40px;}

    .index-box .ind-news:after{height: 50%;}
    .index-box .pub-index .big{font-size: 60px;}
    .index-box .ind-news .right .con{width: 45%;padding-bottom: 50px;}
    .index-box .ind-news{padding-bottom: 10.6%;}
    .index-box .ind-news .right .con .center{width: 80%;}
    .index-box .ind-news .right .name{font-size: 20px;line-height: 30px;}
    .index-box .ind-news .right .con .n1{line-height: 28px;font-size: 20px;height: 56px;}

    #menu .right{padding-top: 60px;}
}
@media (max-width: 1620px){
    #menu .left .li .two{width: 60%;}
}
@media (max-width: 1580px){
    #news-top{width: 90%;margin: 38px auto 40px;}
    #news-top .swiper-button{bottom: 40px;}
}

@media (max-width: 1440px){
    /*#header .menu,
    #header .lang,
    #header .mall,
    #header .search,
    #header{height: 80px;}
    #header .mall,
    #header .menu,
    #header .search{width: 80px;}
    #header .lang .l1,
    #header .nav .dis .one{line-height: 80px;}
    #header .search .absolute{top: 80px;}
    #header .lang .absolute{top: 80px;}*/
    #header .nav .dis{margin-right: 40px;}
    #header .lang{padding: 0 20px 0 25px;}

    #header .logo{width: 140px;}


    #menu .left .li .one.on{margin-bottom: 25px;}
    #menu .left .li .two{width: 100%;}

    #inner-swiper .absolute .tit{font-size: 30px;margin-bottom: 1%;}
    #inner-swiper .absolute .img{width: 7%;}

    #index_picture .text-con .desc{margin-bottom: 8%;}

    #news-top .swiper-slide .img{}
    #news-top .swiper-slide{clear: both;}
    #news-top .swiper-slide .right{width: 39.7%;height: 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;display: block;top: 0;bottom: 0;margin: auto;padding: 0 0 0 5%;}
    #news-top .right .date{margin-top: 5%;float: none;margin-bottom: 3%;}
    #news-top .right .fr{float: none;width: 90%;}
    #news-top .right-box{display: none;}
    #news-top .swiper-button{position: relative;bottom: 0;right: 0;margin: 0 auto;text-align: center;margin-top: 35px;}
    #news-top .swiper-button .swiper-prev, #news-top .swiper-button .swiper-next{}

    .index-box .is-sales .swiper-slide .name{font-size: 18px;}
    .index-box .is-sales .swiper-slide .desc{margin: 15px 0 20px;}
    .index-box .is-sales .view-pic{top: 20px;}

    .about-box .aleft .company:before{display: none;}

    .index-box .pub-index .big{font-size: 40px;margin-bottom: 3%;}
    .index-box .ind-news{padding-bottom: 17.5%;}
    .index-box .ind-news:after{height: 55%;}
    .index-box .ind-news .intro{margin-bottom: 50px;}
    .index-box .ind-news .more{margin-top: 60px;width: 180px;height: 50px;line-height: 50px;}

}

@media (max-width: 1350px){
    #header .mall, 
    #header .menu, 
    #header .search{width: 75px;}
    /*#header .mall{display: none;}*/
    #header .lang{padding: 0 12px 0 16px;}
    
    #main.products-detail,
    #main .pub-title{margin-top: 80px;}
    .products-box,
    .news-box{margin-top: 0;}
    .products-box,
    .contact-box{margin-bottom: 80px;}
    .contact-box .contact .desc{margin: 0 0 20px;font-size: 20px;line-height: 30px;}

    #header .logo{width: 120px;}
    #header .nav .dis{margin-right: 30px;}
}
@media (max-width: 1300px){
    #footer .left .logo{margin-right: 0;}
    #footer .left .nav{width: 100%;display: block;margin-top: 20px;}
    #footer .left .img img{width: 100%;}

    .index-box .ind-news .right{width: 62%;}
}
@media (max-width: 1280px){
    #news-top .right .fr .name{font-size: 24px;}
    #news-top .right .date .d1{font-size: 50px;}

    .index-box .ind-about .number-list .d1{width: 200px;padding: 0 30px;}

    #index_picture .text-con .desc{font-size: 32px;}

}

@media (max-width: 1200px){
    #header .nav .dis{margin-right: 20px;}
    #header .mall, 
    #header .menu, 
    #header .search{width: 50px;border: none;}
    #header .lang{border-right: none;}

    #menu .left{width: 100%;}
    #menu .right{display: none;}

    #footer .left .nav .dis{margin-right: 10px;padding-right: 10px;}
    #footer .right{padding-left: 0;}
    
    .about-box .aleft{width: 43%;}
    .about-box .aleft .company{font-size: 30px;line-height: 32px;}

    #news-top:after{display: none;}

    .index-box{margin-top: 80px;}

    .index-box .is-sales .swiper-container{width: 35%;}
    
    .index-box .is-index{padding-bottom: 80px;}
    .index-box .is-index .pro .name{font-size: 20px;}

    .index-box .ind-about{padding: 130px 0;}
    .index-box .ind-about .desc{margin-bottom: 80px;}
    .index-box .ind-about .number-list .d1{width: 180px;}
    .index-box .ind-about .number-list .d1 .number .num{font-size: 40px;}

    .index-box .ind-news{padding-top: 100px;padding-bottom: 15%;}
    /*.index-box .ind-news .right{top: 100px;}*/
    .index-box .ind-news .right .con{width: 46%;margin-top: 0;padding-top: 20px;padding-bottom: 40px;}
    .index-box .ind-news .right .swiper-slide .name{font-size: 18px;line-height: 26px;}
    .index-box .ind-news .right .con .n1{font-size: 18px;line-height: 26px;height: 52px;}
}
@media (max-width: 1050px){
    #header .menu,
    #header .lang,
    #header .mall,
    #header .search,
    #header .logo,
    #header{height: 70px;}
    #header .mall,
    #header .menu,
    #header .search{width: 70px;}
    #header .lang .l1,
    #header .nav .dis .one{line-height: 70px;}
    #header .search .absolute,
    #header .lang .absolute{top: 70px;}
    #header .nav{display: none;}
    #header .search{display: inline-block;}
    #header .lang{border-left: none;}
    #header .menu{background-color: #fff;background-image: url(/images/menu.png);}
    #header .menu.close{background-image: url(/images/close.png);}

  .about-box .culture-list{margin-top: 160px;}
  .about-box .culture-list .w1200{height: 555px;}
  .about-box .culture-list .list-center{top: -111px;}
  .about-box .culture-list .list .dis .name{width: 100%;background-position: 100% center;padding-right: 0;}
  .about-box .culture-list .list .dis{width: 21%;height: 180px;margin-right: 2%;padding: 1% 1%;}
  .about-box .culture-list .list .dis .ico{margin: 30px 0 35px 0;}
  .about-box .culture-list .list .dis:last-child{margin-right: 0;}

  .about-box .about1{margin-bottom: 80px;}
    .about-box .culture-list .list .dis .name{font-size: 16px;}

    .news-detail .left{width: 100%;}
    .news-detail .right{display: none;}

    .products-detail .picture{height: 500px;}
    .products-detail .btn-list .btn{height: 40px;line-height: 40px;}
    .products-detail .btn-list .swiper-container{height: 380px;margin: 20px auto;}
    .products-detail .btn-list .swiper-slide .img{height: 112px;}
    
    .products-detail .detail .button{margin: 50px 0 40px;}
    .products-detail .detail .button .tt{line-height: 40px;height: 40px;width: 130px;}
    .products-detail .detail .dd .tt{margin-bottom: 20px;}

    
    .index-box .is-sales .view-pic{display: none;}
    .index-box .is-sales .swiper-container{width: 100%;}
    .index-box .is-sales .swiper-slide .img{margin-bottom: 4%;display: inline-block;width: 100%;height: auto;}
    .index-box .is-sales .swiper-slide .name{height: auto;}
    .index-box .is-sales .swiper-slide .img .p{padding-top: 43.3%;}
    
    .index-box .is-index .pro .name{font-size: 18px;margin-top: 22px;}
    
    .index-box .ind-about{padding: 100px 0;}
    .index-box .ind-about .title{font-size: 36px;}
    .index-box .ind-about .b1{margin-top: 20px;}
    .index-box .ind-about .desc{margin-bottom: 70px;font-size: 20px;width: 90%;}
    .index-box .ind-about .number-list .d1{width: 150px;}
    .index-box .ind-about .number-list .d1 .number .num{font-size: 30px;}
    .index-box .ind-about .number-list .d1 .number .add{top: 0;}

    .index-box .ind-news .right .swiper-slide .con{width: 100%;margin-top: 0;}

    #index_picture .text-con .desc{font-size: 24px;margin-bottom: 5%;margin-top: 3%;}
    #index_picture .text-con .more{font-size: 14px;padding-bottom: 10px;border-bottom: 2px solid #fff;}

}
@media (max-width: 981px){
     #footer .left,
     #footer .right{float: none;width: 100%;}
     #footer .left .img{margin-bottom: 30px;}
     #footer .right{margin-top: 18px;padding-top: 30px;background: url(/images/foot.jpg) no-repeat left top/100% 3px;}
    #main .pub-title{font-size: 30px;}

    #news-top .right .date{display: none;}
    #news-top .right .fr .name{margin-bottom: 20px;}
    #news-top .swiper-slide{overflow: hidden;}
    #news-top .swiper-slide .img{width: 50%;}
    #news-top .right .fr{width: 95%;}
    #news-top .swiper-slide .right{padding-top: 6%;padding-left: 2%;}
    #news-top .swiper-slide .right{width: 48%;}
    #news-top .right .fr .name{font-size: 18px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    #news-top .right .date2{display: block;height: 20px;color: #fff;font-size: 14px;margin-top: 20px;}

    .news-box .list .news .w1200{padding: 28px 0;}
    .news-box .list .news .fr{width: 80%;}

    .about-box .aleft .company{font-size: 18px;}
    .about-box .honor-list .li .name{font-size: 14px;}

    .about-box .culture-list .list{margin-bottom: 100px;}
    .about-box .culture-list .w1200{height: 518px;}

    .products-box .list .pro .btn .dis{font-size: 12px;}

}

@media (max-width: 950px){
    .index-box .is-index .swiper-pagination{display: block;position: static;margin-top: 40px;}
    .index-box .is-index .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;}
    .index-box .is-index .swiper-pagination .swiper-pagination-bullet-active{background: #2d3196;}

    .index-box .ind-about{padding: 80px 0;}
    .index-box .ind-about .number-list .d1{width: 22%;padding: 0;}
    .index-box .ind-about .desc{width: 100%;font-size: 16px;line-height: 26px;margin-bottom: 50px;}
    .index-box .ind-about .number-list .d1 .number .num{font-size: 22px;}

    .top-bread .select:nth-child(3){display: none;}
}
@media (max-width: 850px){
    .products-box .list .pro.dis:nth-child(4n),
    .products-box .list .pro.dis{width: 31.2%;margin: 0 3% 3% 0;}
    .products-box .list .pro.dis:nth-child(3n){margin-right: 0;}
    .products-box .list .pro .boxs{padding-bottom: 35px;}

    .products-detail .swiper-pagination{display: block;position: static;margin-top: 25px;}
    
    .index-box .ind-news{padding: 60px 0 80px;}
    .index-box .ind-news .right .con{width: 100%;}
    .index-box .ind-news .right .swiper-slide .con .center{width: 90%;}
    .index-box .ind-news .w1200{margin-left: 3%;width: 35%;margin-top: 5%;float: left;}
    .index-box .ind-news .big{margin-bottom: 8%;}
    .index-box .ind-news .intro{width: 100%;}
    .index-box .ind-news .right{width: 50%;}
    .index-box .ind-news .right{margin-right: 3%;position: static;float: right;}
    .index-box .ind-news .right .swiper-slide .con .n1{height: 30px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
}
@media (max-width: 768px){
    #header .menu,
    #header .lang, 
    #header .mall, 
    #header .logo,
    #header .search,
    #header{height: 60px;}
    #header{width: 94%;margin: 0 auto;}
    #nav{top: 60px;}
    #header .logo{margin-left: 0;}

    #header .lang,
    #header .search{display: none;}
    #footer .left .contact .con{width: 100%;}


    #nav .lang{display: block;}
    #nav .search{display: block;}

    #footer .left .contact .con .name{font-weight: bold;margin-bottom: 10px;}
    #footer .left .contact .con:nth-child(2){margin-top: 30px;}
    #footer .right{margin-top: 30px;}
    #footer .left .nav .dis:last-child{margin-right: 0;padding-right: 0;}
    #footer .left .nav .dis{font-size: 13px;}
    #news-top .right .date2{display: none;}

    #inner-swiper .pc{display: none;}
    #inner-swiper .mobile{display: block;}
    #inner-swiper .swiper-slide .i1{display: none;}
    #inner-swiper .swiper-slide .i2{display: inline-block;}
    #inner-swiper .absolute .tit{font-size: 20px;}
    #inner-swiper .absolute .img{width: 10%;}

    .top-bread{border-top: none;}
    .top-bread .select .absolute{width: 228px;left: -1px;}
    .top-bread .select{width: 200px;}

    .index-box{margin-top: 60px;}
    .index-box .pub-index .big{margin-top: 12px;}

    #main .pub-title{margin-top: 60px;margin-bottom: 30px;}
    .contact-box .map,
    .contact-box .contact{width: 100%;float: none;}
    .contact-box .contact{margin-bottom: 50px;}
    #mapContainer,
    .contact-box .map{height: 300px;}

    .about-box .aright,
    .about-box .aleft{width: 100%;float: none;}
    .about-box .aleft .company{display: none;}
    .about-box .aleft .company2{font-size: 18px;margin-bottom: 15px;line-height: 26px;display: inline-block;}
    .about-box .aright{margin-top: 45px;}

    .about-box .honor-list .li:nth-child(4n),
    .about-box .honor-list .li{width: 31.2%;border-bottom: none;margin-right: 3%;padding-right: 0;}
    .about-box .honor-list .li:nth-child(3n){margin-right: 0;}
    .about-box .honor-list .li .name{font-size: 16px;}

    .news-detail{margin-top: 60px;margin-bottom: 80px;}
    .news-detail .left .name{line-height: 180%;}
    .news-detail .left .top{padding-left: 15px;}
    .news-detail .left .share{margin-left: 20px;}
}

@media (max-width: 750px){
    #footer .right .tel{font-size: 22px;}

    #news-top .swiper-slide .right,
    #news-top .swiper-slide .img{width: 100%;}
    #news-top .swiper-slide .right{padding: 35px 3%;width: 94%;}
    #news-top .swiper-slide .right{position: static;}
    #news-top .right .fr{margin-right: 0;}
    .news-detail .left .name{font-size: 24px;line-height: 28px;}

  .about-box .culture-list .list2 .culture-desc .name{font-size: 26px;}
  .about-box .culture-list .list2 .culture-desc .desc{font-size: 16px;}

  .about-box .culture-list .list .dis{padding: 0 1%;height: auto;}
  .about-box .culture-list .list .dis .ico{margin: 20% auto;}
  .about-box .culture-list .list .dis .name{height: 42px;text-align: center;background: transparent;}
  .about-box .culture-list .list .dis.on .name{background: transparent;}
  .about-box .culture-list .list .dis:before{display: none;}

    .news-detail .button .block{width: 150px;}
    .news-detail .button .center{width: 160px;}

    .detail-title{display: none;}

    #index_picture .swiper-slide .i1{display: none;}
    #index_picture .swiper-slide .i2{display: inline-block;}
    #index_picture .swiper-slide .text-con{display: none;}
    #index_picture .swiper-pagination{bottom: 40px;}
    #index_picture .swiper-pagination .swiper-pagination-bullet{opacity: 1;}

    .index-box .ind-about .number-list .d1{width: 48%;margin-bottom: 30px;}
    .index-box .ind-about .number-list .d1:nth-child(3){border-left: none;}
    
    .index-box .ind-news{padding-bottom: 70px;}
    .index-box .ind-news .w1200{width: 37%;margin-top: 0;}

    .index-box .pub-index .big{font-size: 30px;}

    #news-top .swiper-button .swiper-prev, 
    #news-top .swiper-button .swiper-next{width: 40px;height: 40px;}
}

@media (max-width: 600px){
    .top-bread .select:nth-child(3){display: none;}
    .top-bread .back{width: auto;padding: 0 15px;}

    .about-box .honor-list .li:nth-child(4n),
    .about-box .honor-list .li:nth-child(3n),
    .about-box .honor-list .li{width: 48%;border-bottom: none;margin-right: 4%;padding-right: 0;margin-bottom: 15px;}
    .about-box .honor-list .li .absolute{padding: 5%;}
    .about-box .honor-list .li:nth-child(2n){margin-right: 0;}

    .products-detail .picture{width: 100%;float: none;height: 300px;margin-bottom: 35px;}
    .products-detail .picture .absolute{padding: 6%;}
    .products-detail .btn-list{width: 100%;float: none;}
    .products-detail .btn-list .btn,
    .products-detail .btn-list .swiper{width: 75%;display: inline-block;vertical-align: top;}
    .products-detail .btn-list .swiper{margin: 0 3.5%;}
    .products-detail .btn-list .btn{width: 8%;height: 84px;-webkit-background-size: 12px auto;
    background-size: 12px auto;}
    .products-detail .btn-list .btn.swiper-prev{background-image: url(/images/new_left1.png);}
    .products-detail .btn-list .btn.swiper-next{background-image: url(/images/new_right1.png);}
    .products-detail .btn-list .btn.swiper-prev:hover{background-image: url(/images/pl2.png);}
    .products-detail .btn-list .btn.swiper-next:hover{background-image: url(/images/pr2.png);}
    .products-detail .btn-list .swiper-slide .img{height: 80px;}
    .products-detail .btn-list .swiper-container{margin: 0 auto;height: auto;}
    .products-detail .btn-list .swiper-slide .img img{opacity: 1;}

    .index-box .ind-about{padding: 50px 0;}

    .index-box .ind-news .w1200{width: 43%;}
    .index-box .ind-news .right{width: 48%;}
}
@media (max-width: 560px){
    #inner-swiper .absolute .img{margin-top: -10px;}

    #index_picture .swiper-pagination{bottom: 30px;}
    #index_picture .swiper-pagination .swiper-pagination-bullet-active{width: 20px;}

  .about-box .culture-list .list-center{position: static;}
  .about-box .culture-list .w1200{height: auto;}
  .about-box .culture-list{margin-top: 60px;background: transparent!important;}
  .about-box .culture-list:after,
  .about-box .culture-list .list{display: none;}
  .about-box .culture-list .list2{white-space: normal;}
  .about-box .culture-list .list2 .culture-desc{margin-bottom: 35px;width: 100%;}
  .about-box .culture-list .list2 .culture-desc .name{color: #363636;font-size: 20px;}
  .about-box .culture-list .list2 .culture-desc .desc .dd{margin: 0 auto;padding: 0;font-size: 16px;display: block;margin-bottom: 12px;color: #696969;}
    .about-box .culture-list .list2 .culture-desc .img{display: none;}
    .about-box .culture-list .list2 .culture-desc .hi{display: block;}

    .news-detail .button .block{font-size: 0;width: 60px;}
    .news-detail .button .center{width: 126px;}
    .news-detail .button .block.prev .dis,
    .news-detail .button .block.next .dis{margin-left: 0;margin-right: 0;}


    .products-box .list .pro.dis:nth-child(4n),
    .products-box .list .pro.dis:nth-child(3n),
    .products-box .list .pro.dis{width: 48%;margin: 0 4% 4% 0;}
    .products-box .list .pro.dis:nth-child(2n){margin-right: 0;}
    .products-box .list .pro .btn .dis{padding: 4% 0;}


    .index-box .ind-news .w1200,
    .index-box .ind-news .right{width: 94%;margin: 0 auto;float: none;}
    .index-box .ind-news .right{position: relative;z-index: 2;top: 0;left: auto;right: auto;}
    .index-box .ind-news .w1200{margin-bottom: 40px;}
    .index-box .ind-news .w1200 .button{display: none;}

    .index-box .ind-news .button{display: none;}
    .index-box .ind-news .button.mobile{display: block;width: 94%;margin: 30px auto 0;position: relative;z-index: 2;text-align: center;}
    .index-box .ind-news .right .swiper-slide .con{padding-bottom: 30px;}
    .index-box .ind-news .right .swiper-slide .con .d1{margin: 15px 0 20px;}

    .index-box .ind-news .w1200 .more{margin-top: 0;}
    .index-box .ind-news .big{margin-bottom: 20px;}
    .index-box .ind-news .intro{margin-bottom: 30px;}
    .index-box .ind-news .more {margin-top: 60px;width: 145px;height: 40px;line-height: 40px;}
}

@media (max-width: 500px){
    #footer{text-align: center;}
    #footer .left .logo{margin-bottom: 30px;}
    #footer .left .img,
    #footer .left .nav{display: none;}

    #main .pub-title{font-size: 24px;margin-top: 50px;}

    .news-box .list .news .date{display: none;}
    .news-box .list .news .fr{width: 100%;}
    .news-box .list .news .fr .date{display: block;}
    .news-box .list .news .fr .name{margin-bottom: 12px;}
    .news-box .list .news .fr .date{margin-bottom: 20px;}


    .top-bread .back{display: none;}
    .top-bread .home,
    .top-bread .select,
    .top-bread .select .btn,
    .top-bread{height: 45px;}
    .top-bread .home{width: 50px;}
    .top-bread .select .absolute{top: 46px;}
    .top-bread .select .absolute .child.open{height: 35px;line-height: 35px;}
    .top-bread .select .one{line-height: 45px;}
}


@media (max-width: 450px){
    /*#header .logo{height: 24px;margin-top: 18px;}*/

    .products-box .list .pro.dis:nth-child(4n),
    .products-box .list .pro.dis:nth-child(3n),
    .products-box .list .pro.dis{width: 48%;margin: 0 4% 4% 0;}
    .products-box .list .pro.dis:nth-child(2n){margin-right: 0;}

    .products-detail .btn-list .swiper{margin: 0 3%;}
    
    .index-box .is-index{padding-bottom: 60px;}
    .index-box .is-index .pro .img .p{padding-top: 60%;}
    .index-box .is-index .pro .img .absolute{padding: 8%;}
}

@media (max-width: 375px){

    .products-detail .btn-list .btn{height: 70px;}
    .products-detail .btn-list .swiper-slide .img{height: 66px;}
}