





@media screen and (max-width:1440px) {
	/*index*/
    .wrap{width: 95%;}
    .nav li a{padding:0 18px;}
    .nycon img{max-width: 100%;}
    .footer .foot_map{margin-left: 3%;}


    .jjmain{overflow-y: auto;}
    .jjmain::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
    .jjmain::-webkit-scrollbar-button{  background-color:#fff;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
    .jjmain::-webkit-scrollbar-track{background:#fff;}/*外层轨道*/
    .jjmain::-webkit-scrollbar-track-piece {background:#fff);}/*内层轨道，滚动条中间部分（除去）*/
    .jjmain::-webkit-scrollbar-thumb{background:#ff7700;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
    .jjmain::-webkit-scrollbar-corner {background:#fff;}/*边角*/
    .jjmain::-webkit-scrollbar-resizer  {background:#fff;}/* 定义右下角拖动块的样式*/


    .lxtop .center1{margin:0 3%;}
    .lxtop .right{width: 35.33%;}

}



@media screen and (max-width:1366px) {
	/*index*/
    .wrap{width: 95%;}
    .retun{right: 0;}
    .footer .link{width: 500px;}
    .lxtop .center1{margin:0 3%;}
    .lxtop .right{width: 35.33%;}
    .cpmenu table td p{min-height: 40px;}





}





@media screen and (max-width:1280px) {
	/*index*/
    .footer .link{width: 32%;}
    .footer .foot_map{width: 31%;}
    .footer .addre{width: 32%;}
    .head .logo{width: 25%;}
    .head .nav{width: 60%;margin-left: 0%;}

    .khcase .item .date span{font-size: 35px;}
    .khcase .item .date{width: 19%;font-size: 18px;}
    .khcase .item .itemR{width: 75%;}
    .khcase .item .main .top{font-size: 20px;}
    .cpbg h3{font-size: 14px;}
    .after_sale .txt .top{font-size:30px;}
    .after_sale .item{height: 350px;}
    .lxtop .right{width: 37.33%;}
    .lxtop .center1{margin:0 2%;}






}




@media screen and (max-width:1200px) {

    /*index*/
    .head{display: none;}
    .menuBtn,.moblie_head{display:block;}
    .banner,.nybanner{margin-top:75px;}
    .head .logo{width: 45%;}
    .moblie_head .logo img{zoom: .7; }
    .home_menu li .box{width: 95%;}
    .home_menu li:hover .txt h4{font-size: 30px;}
    .aboutA_top h1,.aboutA_main .jjtxt .top h1{font-size: 30px;}
    .mien_head{font-size: 25px;}
    .about_jj .txt .tabbox{padding:0 25px;}
    .about_jj{height: 618px;}
    .mien_swiper .swiper-slide{height: 200px !important;}

    .mien{padding:30px 0;}
    .mien_mian {margin-top: 20px;margin-bottom: 20px;}
    .speech {padding: 30px 0 ;}
    .speech_main{margin-top: 20px;}

    .cpmenu table td{width: 14%;display: inline-table;padding:0;}
    .after_sale .txt .top{font-size: 25px;}
    .lxtop .right .ewm2{width: 100%;justify-content: inherit;}
    .lxtop .right .ewm2 dl{margin-right: 1em;}
    .lxtop .right .addre2{width: 100%;}

    .productA{padding:30px 0;}
    .about_jj{height: auto;margin-top: 1em;}
    .about_jj .pic{width: 100%;height: 350px;}
    .about_jj .txt{width: 100%;padding:1em 0;}
    .speech_main img{max-width: 100%;}

    .home_menu li .txt h4,.foot_top{font-size: 1.4rem;}
    .addre_main{margin-top: 1em;}


    .khcase2 li{width: 31.33%;}


}




@media screen and (max-width:1024px) {

	/*index*/
    .footer .foot_map{display:none;}
    .footer .link,.footer .addre{width: 48%;}


    .home_menu li{height: auto;}
    .home_menu li  span{height: 0;display:block;}
    .home_menu li .box{display:block;width: 100%;padding:.5em 0;}
    .home_menu li .pic{width: 100%;margin-right: 0;background-position:center 0 !important;}
    .home_menu li .txt{width: 100%;text-align: center;}
    .home_menu li:hover .pic {background-position: center -60px !important;}
    .home_menu li:hover p{display:none;}

    .home_menu li:hover .txt h4 {font-size: 1.4rem;margin-top: .5em;}
    .aboutA_top h1, .aboutA_main .jjtxt .top h1{font-size:1.5rem;}
    .aboutA_main .jjtxt .top h4{font-size: 1.6rem;}
    .aboutA_main{height: 420px;}

    .aboutA,.productA{padding:1.5em 0;}
    .pr_banner{width: 92%;}
    .cplist li{width: 31.33%;margin: 0 2% 2% 0;}


    .proTit_m,.proTit_b{width: 90%;}
    .khcase .item .date{width: 23%;}
    .khcase .item .date span{margin-right: .5em;}
    .after_sale .item{height: 290px;}
    .after_sale .item .txt .padd{padding:1em 1em;}
    .after_sale .txt .txtmain{overflow-y: auto;max-height:186px;}

    .after_sale .txt .txtmain::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
    .after_sale .txt .txtmain::-webkit-scrollbar-button{  background-color:#fff;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
    .after_sale .txt .txtmain::-webkit-scrollbar-track{background:#eee;}/*外层轨道*/
    .after_sale .txt .txtmain::-webkit-scrollbar-track-piece {background:#fff);}/*内层轨道，滚动条中间部分（除去）*/
    .after_sale .txt .txtmain::-webkit-scrollbar-thumb{background:#ff7700;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
    .after_sale .txt .txtmain::-webkit-scrollbar-corner {background:#fff;}/*边角*/
    .after_sale .txt .txtmain::-webkit-scrollbar-resizer  {background:#fff;}/* 定义右下角拖动块的样式*/

    .lxtop .right{width: 100%;}
    .lxtop .center1{margin:0 0 0 4%;width: 48%;}
    .lxtop .left{width: 48%;}
    .jjmain{max-height: none;margin-top: 1em;}

    .khcase2 li .pic{height: 190px;}
    .aboutA_main .video{overflow:hidden;}
    .aboutA_main .video img{width: 100%;height: 100%;}


}




@media screen and (max-width:800px) {
    /*index*/
    .aboutA_main .video img{width: 100%;height:auto;}

    .aboutA_main{height: auto;overflow:hidden;}
    .aboutA_main .video{width: 100%;height: auto;}
    .aboutA_main .jjtxt{width: 100%;height: auto;}

    .khcase .item .date{width: 100%;height: auto;padding:1em 0;}
    .khcase .item .itemR{width: 100%;}
    .khcase .item .date:before,.khcase .item .date:after{display:none;}
    .cpmenu table td{width: 20%;}
    .nycon .padd1{padding:15px 0;}
    .khcase .item{height: auto;margin-bottom: 1em;}
    .about_jj .txt .tabbox{padding:0;}
    .moblie_head .logo img{zoom:1;}

    .aboutA_main,.productA_mian{margin-top: 1em;}

    .honor_swiper, .honor_swiper .swiper-wrapper, .honor_swiper .swiper-slide{height: 250px !important;}
    .honor_swiper .swiper-slide h4{font-size: 1.2rem;}
    .honor_txt{width: 90%;}


    .khcase2 li{width: 48%;}
	.pprduct-img img{ width:auto;}


}




@media screen and (max-width:670px) {

    /*index*/
    .menuBtn{top:9px;}
    .banner, .nybanner{margin-top: 45px;}
    .lxtop .left{width: 100%;}
    .lxtop .center1{width: 100%;margin:0;}
    .lxtop .right{margin-top: 1em;}

    .footer .link{display:none;}
    .footer .addre{width: 100%;}
    .footer .top{padding:1em 0;}
    .invite_btn{padding:0 .5em;}
    .invite_btn span{left:.5em;font-size: 1.3rem;}
    .invite_btn .tb{right:.5em;}
    .paging span{margin:0;padding:0;}
    .paging a{padding:.5rem;margin:0 .3rem;height: 30px;line-height: 30px;}
    .after_sale .item{margin-bottom: .5em;height: auto;}
    .after_sale .item .pic,.after_sale .item .txt{width: 100%;height: auto;}

    .after_sale .txt .txtmain{max-height: none;}
    .khcase .item .pic,.khcase .item .main{width: 100%;height: auto;}
    .cplist li{width: 48%;/*height: 150px;*/}
    .cpmenu table td span img,.cpmenu table td span{display:none;}
    .cpmenu table td p{/*display:none;*/min-height:auto;height: 40px;line-height: 40px;}
    .cpmenu table td{width: 33.33%;}
    .cpmenu table td span{margin-bottom: 0;}

    .banner_swiper .pagination{bottom:.5em;}
    .home_menu li .pic{background-size: 60% !important;}
    .home_menu li .txt h4, .foot_top{font-size: 1.2rem;}
    .aboutA_main .jjtxt .padd{padding:1em;}

    .pr_banner{width: 100%;}
    .productA_mian{height: auto;overflow:hidden;}
    .productA_mian .btn{width: 100%;height: auto;}
    .productA_mian .btn a{height: auto;padding:.5em 0;text-align: center;width: 100%;}

    .home_menu li:hover .pic{background-position:center 0 !important;}
    .home_menu li:hover .txt h4{color: #333;font-size:1.3rem;margin-top: 0;}
    .home_menu li:hover p{bottom:0;display:block;}
    .about_jj .pic{height: 200px;}
    .cplist li .tabbox{padding:0 1.4rem;}
    .cpbg2 figcaption::before, .cpbg2 figcaption::after{top: .5em;right: .5em;bottom: .5em;left: .5em;}
    .nytop .crumbs{display:none;}


    .khcase .item:hover .itemR{left:0;}
    .honor_txt{margin:1em auto;}
    .honor_txt p,.jjmain p,.speech_main p{font-size: 1rem;line-height: 2;}
    .honor{padding:1.5em 0;}

    .khcase2 ul{margin-right: 0;}
    .khcase2 li{width:100%;margin:0 0 1em 0;}
    .khcase2 li .name{font-size: 1.2rem;line-height: 2.75;}
    .about_jj .pic span{background-size: 100% 100% !important;}

}



















