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

#pages-top{display: none; }
#header-content{display: none; }
#movie{display: none; }
#footer-bar1{display: none; }
#subpages-banner{display: none; }
.header{display: block; }

.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-movie{display: block; }
#h5-footer-content{display: block; }
.side ul li .sidebox{display: none; }
.side ul li{border-bottom:0px solid #444;}
.side ul li .sidetop{background: #dd030e; border-radius: 50px; }
.side{top:414px; right:10px; }
#h5-sub-banner{display: block; }

#home-bar1{width: 98%;  padding: 20px 0; }
#home-bar1 .tit h2{font-size: 1.4rem; font-weight: bold; }
#home-bar1 .tit h3{font-size: 1.0rem; }
#scroll{width:100%;  }
#scroll .item{width:100%;  margin:0 5px 0 auto; }
#scroll .item h2{width: 100%; }
#scroll .item img{width: 100%; }

#home-bar2{width: 100%;  padding: 20px 0; background: #0079c3; }
#bar2{width: 100%; height: auto; min-height: 0; background: none; }
#bar2 .home-os{width: 96%; background: #0079c3; padding: 5% 2%; }
#bar2 .home-os h2{font-size: 1.4rem;  }
#bar2 .home-os h3{display: block; }
#bar2 .home-os p{color: #fff; padding-left: 2.8rem; display: none; }
#bar2 .home-comp{width: 96%; background: #efefef; padding: 5% 2%; margin-top: 0; }
#bar2 .home-comp h2{font-size: 1.4rem; text-align: center; font-weight: bold; }
#bar2 .home-comp h3{margin-bottom: 20px; text-align: center; }
#bar2 .home-comp h5{display: block; text-indent: 2rem; width: 96%; padding: 0 2%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden;  }
#bar2 .home-comp p{display: none; }
#bar2 .home-comp h4{; margin-left: 0; }

#home-bar3{ padding: 30px 0; overflow: hidden;  }
.home-nav{width: 102%; overflow: hidden; }
.home-nav li{width: 48%; height: auto; padding: 5% 0; margin-right: 2%; margin-bottom: 10px; box-sizing: border-box; }
.home-nav li h2{font-size: 2.0rem;  margin-top: 10px; margin-left: 10px; }
.home-nav li h3{margin-left: 10px; margin-top: 50px; }
.home-nav-01{ background-size: 100%; }
.home-nav-02{ background-size: 100%; }
.home-nav-03{ background-size: 100%; }
.home-nav-04{ background-size: 100%; }

#home-bar4{width: 100%; padding: 20px 0; }
#home-bar4 .tit h2{font-size: 1.4rem; font-weight: bold; }
#home-bar4 .tit h3{font-size: 1.0rem; }
#home-bar4 .home-news-left{width: 100%; }
#home-bar4 .home-news{ margin-top: 20px; }
.banner ul li img{width: 100%; }
#b04 { width: 100%; }
#home-bar4 .home-news-right{width: 96%; padding: 0 2%; }
.home-news-list li h2{display: none; }
.time-bg1{background: none; }
.time-bg2{background: none; }
.home-news-list li h3{width: 100%; margin-top: 20px; }
.home-news-list li h3 p span{font-size: 0.9rem; }
.home-news-list li h3 p{font-size: 1.0rem; }

#footer-copyright{font-size: 0.9rem; line-height: 160%; }

#subpages-content .tit-content{display: none; }

.subpages-company{width: 92%; padding:2%; margin: 5px auto; }
.subpages-company img{width: 100%; }

.subpages-honor{width: 96%; padding: 2%; margin: 1px auto; }
.subpages-honor figure{width: 80%; margin-right: 0; margin-bottom: 5px; padding: 10%;  }
.subpages-honor figure img{width: 100%; }

.subpages-pro{width: 92%;  margin: 1px auto; padding: 4%; background: #f6f6f6; }
.subpages-pro figure{width: 100%;  margin-right: 0; margin-left: 0; margin-bottom: 5px; box-sizing: border-box; }
.subpages-pro figure img{width: 100%; }
.pro-search{width: 90%;  padding: 4%; margin: 20px auto; font-size: 1.2rem; }
.search-box1{width: 100%;  margin-right: 0; margin-bottom: 10px; margin-top: 10px; box-sizing: border-box; }
.search-box2{width: 100%;  margin-right: 0; margin-bottom: 10px; box-sizing: border-box; }

.subpages-proinfo{width: 96%; margin: 20px auto; padding: 2%; }
.proinfo-pic{width: 100%; }
.mr_frBtn{width:96%;  }
.mr_frBtn img{width: 8%; }
.mr_frUl{ width:100%; }
.mr_frUl img{ width:100%; }
.mr_frBtnL{ margin-top:25%; }
.mr_frBtnR{margin-top: 25%; }
.proinfo-txt{width: 96%; min-height: 0;  padding: 2%; margin-top: 10px; }
.proinfo-details{width: 92%;  padding: 2%; font-size: 1.0rem; }
.proinfo-end{width: 92%;  padding: 2%; font-size: 1.0rem; line-height: 200%; }
.proinfo-end-left{width: 100%;  }
.proinfo-end-right{width: 100%; }

.subpages-news{width: 92%; margin: 5px auto; padding: 4%; }
.focusnews{width: 100%; }
.focusnews figure{width: 100%;  margin-right: 0; margin-bottom: 10px; }
.focusnews figure img{width: 100%; }
.focusnews figcaption{padding: 4%; min-height: 0; }
.focusnews figcaption h2{ font-size: 1.1rem; }
.focusnews figcaption h3{ font-size: 0.9rem; }
.news-list{width: 92%; margin: 20px auto; padding: 4%; }
.news-list li h2{font-size: 1.1rem; }
.news-list li p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.subpages-newsinfo{width: 92%;  margin: 5px auto; padding: 4%; }
.subpages-newsinfo p{text-indent: 0;}
.subpages-newsinfo img{width: 100%;}

.subpages-cont{width: 90%; margin: 5px auto; padding: 4%; }
.subpages-cont img{width: 100%; height: auto; }
.subpages-cont h2{font-size: 1.2rem; }
.subpages-cont h3{font-size: 0.9rem;}
.subpages-cont p{font-size: 0.9rem; }

.subpages-feedback{width: 90%; margin: 5px auto;  padding: 4%; }
.subpages-feedback h2{width: 100%; }
.subpages-feedback h3{width: 100%; }

#subjobs{width: 96%; height: auto; min-height: 0;  padding: 5% 2%; }
#subjobs li{width: 96%; min-height: 0; margin-right: 0; margin-bottom: 10px;  padding: 2%; }
#subjobs li h2{font-size: 1.0rem;  width: 70%; }
#subjobs li h3{ width: 30%; font-size: 0.9rem; text-align: center;}



}






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

#home-bar1{width: 96%;  padding: 20px 0; }
#home-bar1 .tit h2{font-size: 1.4rem; font-weight: bold; }
#home-bar1 .tit h3{font-size: 1.0rem; }
#scroll{width:96%;  }
#scroll .item{width:100%;  margin:0; }
#scroll .item h2{width: 100%; }
#scroll .item img{width: 100%; }




}

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



}

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



}