@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-bar1{display: none; }
#header-bar2{display: none; }
#movie{display: none; }
.side{display: none; }


.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-movie{display: block; }

#home-bar1{padding: 30px 3%; width: 94%; }
.home-product{width: 100%; }
.home-product-tit h2{font-size: 1.8rem; }
.home-product-pic{display: none; }
.h5-home-product-pic{display: block; }
.home-product-nav{width: 100%; margin: 20px auto; }
.home-product-nav figure{width: 33.0%; margin-right: 1px; }
.home-product-nav figure img{width: 100%; }

#home-bar2{width: 94%;  padding: 30px 3%; }
.home-news{width: 100%; }
.home-news-tit h2{font-size: 1.8rem; }
.home-news-txt{ margin-top: 30px; }
.home-news-focus{width: 94%; min-height: 0; padding: 3%; margin-bottom: 10px; }
.slide_x{width:100%;}
.home-news-list{width: 100%; min-height: 0; }
.nTab .TabTitle .active{font-size: 1.1rem; }
.nTab .TabTitle .normal{font-size: 1.0rem; }
.home-notice li a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 45px; }
.home-notice li span{display: none; }
.company-news-list li a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 45px; }

#footer-bar1{width: 94%;  padding: 3%; display: none; }
.footer-links{width: 100%; }
.footer-links-01{width: 100%; margin-bottom: 10px; }
.footer-links-01 figure{width: 32.5%;  margin-right: 1px; margin-bottom: 5px; }
.footer-links-01 figure img{width: 100%; }
/*.footer-links-02{width: 100%; margin-left: 0; margin-bottom: 10px; }
.footer-links-02 figure{width: 32.5%; margin-right: 1px; margin-bottom: 5px; }
.footer-links-02 figure img{width: 100%; }*/
.footer-links-03{width:100%; margin-left: 0;}
.footer-links-03 figure{width: 32.5%; margin-right: 1px; margin-bottom: 5px; box-sizing: border-box; }
.footer-links-03 figure img{width:100%; }

.footer-nav{width: 94%; background: none; padding: 3%; }
.footer-nav-left{display: none; }
.footer-nav-right{width: 100%; }
.footer-nav-right-l{width: 100%; margin-bottom: 10px; }
.footer-nav-right-r{width: 100%; }
.footer-nav-right-r figure{text-align: left; }
.footer-nav-right-r figcaption{text-indent: 1.0rem;}

#footer-bar2{border-top: #ea0011 solid 3px;  }
#footer-bar3{width: 90%; height: auto; line-height: 180%; padding: 3% 5%; }

#subpages-banner{padding-top: 60px; }
.header{display: block; }

.subpages-qyjg{width: 94%; margin: 10px auto; padding: 3%; }
.subpages-qyjg img{width: 100% ;}
.subpages-service{width: 94%; margin: 10px auto; padding: 3%; }
.subpages-service img{width: 100% ;}

.subpages-content-tit{display: none; }
.subpages-content-txt{width: 100%; min-height: 0; margin: 20px auto; }
.subpages-comp{width: 94%; height: auto; margin: 10px auto; padding: 3%; }
.subpages-comp img{width: 100%; }
.subbpages-content-txt-tit h2{font-size: 1.8rem; }
.subpages-video{width: 94%; padding: 3%; }

.subpages-comp-01{width: 94%; margin: 0 auto 10px auto; padding: 3%; border-radius: 8px; }
.comp-01-txt{width: 100%; }
.comp-01-txt-left{width: 100%; margin-bottom: 10px; }
.comp-01-txt-left img{width: 100%; }
.comp-01-txt-right{width: 100%; }
.comp-01-txt-right h2{ font-size: 2.0rem; }
.comp-01-txt-right h3{font-size: 1.6rem; }
.comp-01-txt-right p{text-indent: 2rem; margin: 5px 0; font-size: 1.0rem; }

.subpages-comp-02{ width: 94%; margin: 0 auto 10px auto; padding: 5% 3%; border-radius: 8px; }
.comp-02-txt{width: 100%;  }
.comp-02-txt h2{ font-size: 2.0rem;  }
.comp-02-pic{margin: 10px auto; }
.subpages-comp-02 p{font-size: 1.0rem;  }
.h5-comp-02-pic{display: block; }
.h5-comp-02-pic img{width: 100%; }

.subpages-comp-03{width: 94%; margin: 0 auto 10px auto; padding: 5% 3%; border-radius: 8px; }
.comp-03-txt{width: 100%;  }
.comp-03-txt h2{ font-size: 2.0rem;  }
.comp-03-pic{width: 100%; margin: 10px auto; }
.subpages-comp-03 p{font-size: 1.0rem; line-height: 220%; padding-left: 0; }
.h5-comp-03-pic{display: block; }
.h5-comp-03-pic img{width: 100%; }
#wrapper{display: none; }

.subpages-comp-04{width: 94%; margin: 0 auto 10px auto; padding: 5% 3%; border-radius: 8px;  }
.comp-04-txt{width: 100%;  }
.comp-04-txt h2{ font-size: 2.0rem;  }

.subpages-history{display: none; }
.h5-history{display: block; }

.subpages-workshop{width: 96%; margin: 20px auto; padding: 2%; }
.subpages-workshop figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.subpages-workshop figure img{width: 100%; }
.subpages-workshop figcaption{ padding: 10px 0; }

.subpages-news{width: 94%; margin: 20px auto; padding: 3%; }
.subpages-focusnews{width: 100%; }
.subpages-focusnews-pic{width: 94%; padding: 3%; }
.subpages-focusnews-pic img{width: 100%; }
.subpages-focusnews-txt{width: 94%; min-height: 0; padding: 3%;}
.subpages-focusnews-txt h2{font-size: 1.2rem; }
.subpages-focusnews-txt p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.subpages-newslist{margin: 20px auto; }
.subpages-newslist li{ margin-bottom: 20px; padding-bottom: 20px; }
.subpages-newslist-pic{width: 100%; margin-bottom: 10px; }
.subpages-newslist-pic img{width: 100%; }
.subpages-newslist-txt{width: 100%; line-height: 180%; }

.subpages-newsinfo{width: 94%; padding: 3%; }
.subpages-newsinfo h1{font-size: 1.4rem;  padding: 10px 0; }
.subpages-newsinfo p{ margin: 10px auto; font-size: 1.0rem; }
.subpages-newsinfo img{width: 100%; }

.subpages-joinus{width: 94%; margin: 20px auto; padding: 3%; }
.subpages-joinus img{width: 100%; }

.subpages-joinus3{width: 94%; margin: 20px auto; }
.joinus3{width: 94%; padding: 3%;  }
.joinus3 h1{font-size: 1.4rem; }
.joinus3 h2{width: 100%; }
.joinus3 h3{width: 100%; }

.subpages-contact{width: 94%; margin: 20px auto; padding: 3%; }
.subpages-contact-left{width:100%;  }
.subpages-contact-left h2{font-size: 1.5rem; margin-bottom: 25px; }
.subpages-contact-right{width: 100%;}
.subpages-contact-right img{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){


  
}

@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){



}