@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: 200%;}

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

#header{display: block;}
.header{display: block;}
.h5-top{display: block;}
#h5-footer-content{display: block;}
#h5-movie{display: block;}

#home-prolist{width: 98%; min-height: 0; margin: 0 auto; padding: 1%; }
.mr_frUl{width:100%; }
.mr_frUl ul li{ width:50%; margin-right:1px; box-sizing: border-box; }
.mr_frUl ul li img{width:100%;}
.mr_frUl ul li p{width:100%; font-size: 1.1rem; background: #4763ab; color: #fff; }

#home-bar2{width: 98%; padding: 1%; }
#home-pro{width: 100%; margin: 15px auto;}
#home-pro .tit h2{font-size: 1.6rem;}
#home-pro .tit h3{font-size: 0.9rem; }
#home-pro .prolist{width: 100%; margin: 15px auto; }
#home-pro .prolist li{width: 100%; height: auto; float: left; margin-right: 0; margin-bottom: 20px; border: #dfdfdf solid 1px; padding:2%; box-sizing: border-box;}
#home-pro .prolist-left{width:53%; height: auto; float: left; }
#home-pro .prolist-left h2{font-size: 1.1rem; color: #222; margin-bottom: 5px;}
#home-pro .prolist-right{width:45%; }
#home-pro .prolist-right img{width: 100%;}
#home-pro .prolist-left h3{font-size: 1.0rem;}
#home-pro .prolist-left p{color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

#home-bar3{width: 98%;  padding:5% 1%;}
#home-nav{width: 100%; }
#home-nav .nav1{width: 100%;  border-right: #ddd solid 0px; min-height: 0; }
#home-nav .nav2{width: 100%;  border-right: #ddd solid 0px; min-height: 0; }
#home-nav .nav3{width: 100%;  min-height: 0; }

#home-bar4{width: 98%; padding: 5% 1%; }
#home-about{width: 100%; }
#home-about .tit h2{font-size: 1.6rem;}
#home-about .tit h3{font-size: 0.9rem;}
#home-about .tnv{ margin: 15px auto;}
#home-about .video{width: 100%; }
#home-about .video p{font-size: 1.0rem; }
#home-about .txt{width: 100%; }
#home-about .pic{margin: 15x auto;}
#home-about .pic figure{width: 50%; margin-bottom: 10px; }
#home-about .pic figure img{width: 96%;}

#subpages-banner{display: none;}
#h5-sub-banner{display: block;}

#subpages-content{width: 98%; padding: 1%; background: none;}
#subpages-content .tit{display: none;}
#subpages-content .product{width: 100%; min-height: 0; margin: 15px auto; }
#subpages-content .product h2{font-size: 1.2rem; margin-bottom: 10px; }
#subpages-content .prolist{width: 100%;  margin: 15px auto; }
#subpages-content .prolist li{width: 100%; height: auto; float: left; margin-right: 0; margin-bottom: 20px; border: #dfdfdf solid 1px; padding:2%; box-sizing: border-box;}
#subpages-content .prolist-left{width:53%; height: auto; float: left; }
#subpages-content .prolist-left h2{font-size: 1.1rem; color: #222; margin-bottom: 5px;}
#subpages-content .prolist-right{width:45%; }
#subpages-content .prolist-right img{width: 100%;}
#subpages-content .prolist-left h3{font-size: 1.0rem;}
#subpages-content .prolist-left p{color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

#subpages-content .proinfo{width: 100%; margin: 20px auto;}
#subpages-content .proinfo h3 img{width: 100%;}
#subpages-content .proinfo-txt img{width: 100%;}
#subpages-content .inquiryt{margin: 20px auto 35px auto;}

#subpages-content .subnews{width: 100%; min-height: 0;}
#subpages-content .subnews li{width: 100%; height: auto; min-height: 0; float: left; margin-right: 0;  padding: 2%;  box-sizing: border-box; }
#subpages-content .subnews li h3{font-size: 1.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
#subpages-content .subnewsinfo{width: 96%;  min-height: 0; padding: 2%;}
#subpages-content .subnewsinfo img{width: 100%; height: auto;}
#subpages-content .subnewsinfo span img{width: auto;}

#subpages-content .subservice{width: 96%;  min-height: 0; padding: 2%; margin-bottom: 35px;}
#subpages-content .feedback{width: 96%; min-height: 0; margin-bottom: 35px; padding: 2%;}

#subpages-content .subcase{width: 100%; min-height: 0; padding: 1%;}
#subpages-content .subcase figure{width: 48%; margin-right: 2%;  padding: 1%; box-sizing: border-box;}
#subpages-content .subcase figure img{width: 100%;}

#subpages-content .video{width: 98%; min-height: 0; padding: 1%;}
#subpages-content .video figure{width: 100%; margin-left: 0; margin-right: 0; }
#subpages-content .video p{font-size: 1.1rem;}

#subpages-content .company{width: 96%; min-height: 0; padding: 2%; margin-bottom: 35px;}
#subpages-content .company img{width: 100%;}

#subpages-content .contact{width: 96%;  min-height: 0; padding: 2%; margin-bottom: 35px;}
#subpages-content .contact-left{width: 100%; margin-bottom: 10px;}
#subpages-content .contact-right{width: 100%; }
#subpages-content .contact-right img{width: 100%;}







}






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

body{font-size: 0.9rem; line-height: 180%;}
.side{display: none;}



}

@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: 200%;}




}

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



}

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



}