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

}
@media screen and (min-width:1601px){
	
}
@media screen and (max-width:1440px){

#subpages-banner img{width: 100%; height: auto;} 

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

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


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



}


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


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

body{font-size: 1.0rem; line-height: 180%;}

#header-content{display: none; }
#movie{display: none; }

.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-movie{display: block; }
#h5-sub-banner{display: block; }
.header{display: block; }
#subpages-banner{display: none; }
#home-bar1{padding: 3%; width: 94%; }
.home-company{width: 100%; }
.home-company-left{width: 100%; }
.home-company-left img{width: 100%; margin-bottom: 15px; }
.home-company-right{width: 100%;  line-height: 200%; }
.home-company-right h2{font-size: 1.2rem; margin:0; }
.home-company-right h3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; }

#home-bar2{min-height: 0;  padding: 0; }
.home-pro{width: 100%; }
.home-pro h2{font-size: 1.8rem; margin-top: 40px; }
.home-pro h3{font-size: 1.0rem; }
.home-pro-pic{margin: 10px 0 0 0; padding: 3%; width: 94%; }
#scroll{width:100%; }
#scroll .item{width:100%; margin:0 ; }
#scroll .item img{width: 100%; }
#scroll .item h4{width: 100%; }
#scroll .item p{text-align: center;  padding: 3%; font-size: 1.0rem; }

#home-bar3{min-height: 0; padding: 0; }
.home-network{width: 96%; padding: 2%; }
.home-network p img{width: 100%; margin-bottom: 40px; }
.home-network h2{font-size: 1.8rem; padding-top: 40px; }
.home-network h3{font-size: 1.0rem; }

#footer-bar1 .footernav{display: none; }
#footer-bar1{width: 94%; background: none; padding: 3%; }
#footer-bar1 .footcont{width: 100%; margin-left: 0; margin-bottom: 10px; }
#footer-bar1 .followus{width: 100%; }
#footer-copyright{width: 94%; line-height: 180%; padding: 3%; }

.subpages-content-tit{display: none; }
.subpages-content-txt{width: 94%; min-height: 0; margin: 0 auto; padding: 3%; }
.subpages-content-txt-tit{display: none ;}
.supages-comp-txt{width: 100%;  margin: 0 auto; }
.supages-comp-txt img{width: 100%; }

.supages-workshop, .honor{width: 100%; margin: 10px auto; }
.supages-workshop figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.supages-workshop figure img{width: 100%; }

.pro-container-tit{display: none;}
.supages-pro{width: 100%; margin: 10px auto; }
.supages-pro figure{width: 49.5%;  margin-right: 1px; margin-bottom: 10px; }
.supages-pro figure img{width: 100%; }
.supages-pro figcaption{padding: 5% 3%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.supages-proinfo{width: 100%; padding: 10px 0; }
.proinfo-bigpic{width: 100%; margin: 20px auto; }
.proinfo-bigpic span{width: 96%; position: absolute; z-index: 2; padding: 2%; left: 0;  }
.proinfo-bigpic span img{width: 100%; }
.proinfo-bigpic img{width: 100%; }
.proinfo-description img{width: 100%; }
.proinfo-parameter img{width: 100%; }
.proinfo-inquiry h3{width: 100%; height: auto; float: left; padding-right: 0; margin: 10px auto; }

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll}
.canshu table{width:100%; } 
.canshu table img{width:auto} 
.canshu table td{ padding:5px; white-space:nowrap;} 
.cs-d{display:block;}

.subpages-news{width: 96%; margin: 10px auto; padding: 2%; }
.subpages-news li{margin-bottom: 10px; }
.subpages-news .news-pic{width: 100%; min-height: 0; }
.subpages-news .news-pic img{width: 100%; }
.subpages-news .news-txt{width: 96%; padding: 2%; }

.subpages-newsinfo{width: 96%;  margin: 10px auto; padding: 2%; }
.subpages-newsinfo img{width: 100%; }

.subpages-service{width: 100%; margin: 10px auto; }
.subpages-service h4{width: 100%; height: auto; float: left; padding-right: 0; margin: 10px auto; }

.subpages-video{width: 100%; margin: 10px auto; }
.subpages-video figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.subpages-video figure img{width: 100%; }

.subpages-cont{display: none; }
.h5-subpages-cont{display: block; }
.h5-subpages-cont img{max-width: 100%; }







}






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

body{font-size: 0.9rem; line-height: 180%;}


}

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





}


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

.supages-pro figure{width: 49.5%;  margin-right: 1px; margin-bottom: 10px; }

  
}

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

body{font-size: 1.0rem; line-height: 180%;}





}

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



}

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



}