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

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

 
  
}
@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;}
#footer-content{display: none;}
#movie{display: none;}
#header{display: block;}
.h5-top{display: block;}
#h5-footer-content{display: block;}
#h5-movie{display: block;}
#subpages-banner{display: none;}
#h5-sub-banner{display: block;}
.header{display: block;}

#home-bar1{padding: 10px 0; }
.home-about{width: 100%; margin: 0 auto; }
.home-about-left{display: none;}
.home-about-right{width: 94%; float: none; padding: 3%;}
.home-about-right-tit{margin-top: 10px; margin-bottom: 10px;}
.home-about-right-tit h2{font-size: 1.3rem; font-weight: bold; width: 100%; text-align: center;}
.home-about-right p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.home-about-right h4{display: block;}
.home-about-right h4 img{width: 100%; margin-top: 20px;}

#home-bar2{ margin: 0 auto; background: #f6f6f6; overflow: hidden; padding: 20px 0;}
.home-product{width: 100%; height: auto; margin: 20px auto; }
.home-product-tit h2{font-size: 1.3rem; font-weight: bold; }
.home-product-tit h3{font-size: 0.7rem; }
.home-product-pic{ margin: 10px auto;}
#scroll{width:100%;margin:0 auto; padding: 0;}
#scroll .item{width:98%;}
#scroll .item h2{width: 100%; height: auto; border: #eee solid 1%; box-sizing: border-box;}
#scroll .item h2 img{width: 100%;}
#scroll .item p{text-align: center; margin-top: 10px;}

#home-bar3{ padding: 20px 0;}
.home-news{width: 100%;}
.home-news-tit h2{font-size: 1.3rem; font-weight: bold; }
.home-news-tit h3{font-size: 0.7rem; }
.home-news-list{width: 96%;  margin: 10px auto; }
.home-news-list figure{width: 100%; margin-right: 0; margin-top: 10px;}
.home-news-list figure img{width: 100%;}
.home-news-list figcaption h2{font-size: 1.3rem; }
.home-news-more{margin-bottom: 50px;}

#subpages{width: 100%;}
#subpages-left{display: none;}
#subpages-right{width: 100%; float: none;}
.right-tit{display: none;}
.right-txt{min-height: 0; margin: 0 auto 50px auto; width: 96%;}
.right-txt img{max-width: 100%;}
.right-txt{line-height: 200%;}

.subpages-team{width: 100%; }
.subpages-team figure{width: 50%; margin-right: 0; margin-bottom: 10px;}
.subpages-team figure img{border: #eee solid 1%; padding: 1%; margin-bottom: 5px; box-sizing: border-box; width: 96%;}

.subpages-product{width: 100%;}
.subpages-product figure{width: 50%; margin-right: 0; }
.subpages-product figure img{border: #eee solid 1%; padding: 1%; margin-bottom: 5px; box-sizing: border-box; width: 94%;}

.subpages-proinfo{width: 98%; margin: 0 auto 50px auto; }
.subpages-proinfo-bigpic img{width: 100%;}
.subpages-proinfo h2{font-size: 0.9rem; }

.subpages-news{width: 96%; }
.subpages-news li{ margin-bottom: 10px; padding-bottom: 10px;}
.subpages-news li h2{font-size: 1.2rem; background-size: 5%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.subpages-newsinfo{width: 96%; }
.subpages-newsinfo h2{font-size: 1.2rem;}
.subpages-newsinfo h3{font-size: 0.9rem; }
.subpages-newsinfo-end-left{width:100%; float:none;}
.subpages-newsinfo-end-right{display: none;}

.subpages-contact{width: 96%; margin: 0 auto 50px auto;}
.subpages-contact img{width: 100%;}
.subpages-contact p{line-height: 200%;}




#pages{width:100%; height:auto; padding:35px 0 ; margin: 0 auto 50px auto; text-align:center; background: url(../images/pages.png) no-repeat center;}

}	

@media screen and (max-width:861px){
 
.pagelist{ text-align:center; margin:0px 0px;}
.pages a.nuble{display:none}
.pages a.prev{display:block}
.pages a.prpage{display:block}
.pages a.nex{display:block}


}

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


	
}


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

   
  
}

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

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



    

}

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



}

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



}