@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: 0.9rem; line-height: 180%;}

.side{display: none;}
#header-content{display: none;}
#header-bar{display: none;}
#navigation-content{display: none;}
#footer-content{display: none;}
#copyright-content{display: none;}
#movie{display: none;}
.sp_header{display: block; }
.sjj_nav{display: block; }

#header{display: block;}
.h5-top{display: block;}
#h5-footer-content{display: block;}
#h5-movie{display: block;}
.header{display: block;}
#h5-sub-banner{display: block;}
#pages{margin-bottom: 50px; padding: 4% 0;}

#home-bar1{ padding: 5% 0; }
.home-pro{width: 100%; }
.home-pro h2{font-size: 1.2rem; font-weight: bold; }
.home-pro h3{width: 98%; font-size: 0.8rem; }
.home-pro-pic{ margin: 10px auto }
#scroll{width:100%; }
#scroll .item{width: 90%;}
#scroll .item h2{width: 100%;}
#scroll .item img{width: 100%; border: 0; }
.home-pro-nav>input{margin-bottom: 5px;}

#home-bar2{height: auto; overflow: hidden; background: #fff; padding: 5% 0; }
.home-about{width: 100%; }
.home-about h2{ font-size: 1.2rem; font-weight: bold !important; }
.home-about h3{width: 98%; font-size: 0.8rem;}
.home-about h3 span{background: #fff; }
.home-about-list{width: 100%; margin: 10px auto; }
.home-about-list figure{width: 50%; margin-right: 0;}
.home-about-list figure img{width: 98%;}
.home-about-list figcaption{width: 96%; height: auto; padding: 4% 2%;}
.home-about-list figcaption h2{font-size: 0.9rem;}

#home-bar3{width: 100%; height: auto; background: #f6f6f6; padding: 5% 0; }
.home-network{width: 100%; }
.home-network img{margin-top: 10px; width: 100%;}
.home-network h2{ font-size: 1.2rem; font-weight: bold; }
.home-network h3{width: 98%; height: auto; font-size: 0.8rem;}

#home-bar4{width: 100%; padding: 5% 0; background: #fff; margin-bottom: 50px; }
.home-news{width: 100%; }
.home-news h2{font-size: 1.2rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home-news h3{width: 98%; }
.home-news-txt{width: 100%; margin: 10px auto; }
.home-news-txt-left{width: 96%; min-height: 0; padding: 2%;}
.home-news-txt-left img{width: 100%;}
.home-news-txt-left h4{font-size: 1.0rem; font-weight: bold;}
.home-news-txt-right{width: 100%; }
.newslist-content{ height: auto; width: 96%; padding: 2%; }
.newslist-content li{ height: auto;}
.newslist-content li{width: 100%; height: 70px; margin-bottom: 10px;}
.newslist-left{width: 8%; height: auto;  padding-top: 0; border-right: 0; }
.newslist-right{width: 90%; height: auto; padding-left: 0; padding-right: 0; padding-top: 0; font-size: 1.0rem; line-height: 120%; }
.newslist-right a{font-size: 0.9rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.newslist-left h2 p span{font-size: 1.2rem;}
.newslist-left h2{width: 100%; height: 50px; padding-top: 10px;}

#subpages-main{width: 96%; min-height: 0; margin: 0 auto; padding:2%;}
.sub-bg1{width: 100%; height: auto; background: none; }
.sub-bg2{width: 100%; height: auto; background: none; }

.sub-nav{display: none;}
.submain-txt{ margin: 10px 0 50px 0;}
.submain-txt img{width: 100%;}

.submain-honor{width: 100%; margin: 10px 0 ; }
.submain-honor figure{width: 50%; margin-right: 0; margin-bottom: 10px; }
.submain-honor figure img{width: 98%;}

#subpages-main-pro{width: 96%; min-height: 0; margin:  0 auto;  padding: 2%;}
.sub-pronav{display: none;}
.submain-pro{width: 100%; margin: 10px 0; }
.submain-pro figure{width: 50%;  margin-right: 0; margin-bottom: 10px;}
.submain-pro figure img{margin-bottom: 8px; padding:3%; width: 90%; background: #f6f6f6; }
.submain-proinfo{margin: 10px 0;}
.submain-proinfo figure img{border: #eee solid 1px; padding: 2%; width: 94%;}

.nav{padding-left: 0; }
.nav .list{width: 100%;}
.nav .list li{ font-size: 1.1rem; width:24.7%; margin-right: 1px; box-sizing: border-box;   }

.submain-news{margin: 10px 0; }
.submain-news li{ padding-bottom: 10px; margin-bottom: 10px; }
.submain-news li h2{font-size: 1.0rem; }

.submain-newsinfo{ margin: 10px 0; }
.submain-newsinfo h1{font-size: 1.0rem; margin: 1% auto; }
.submain-newsinfo h2{ font-size: 0.8rem;}
.submain-newsinfo p{ margin: 10px auto;}
.submain-newsinfo img{width: 100%;}
.right-newsinfo-btn{ margin: 10px auto 50px auto;}

.submain-video{width: 101%;  margin: 10px 0; }
.submain-video figure{width: 49%; margin-right: 1%; margin-bottom: 10px; padding: 0; }

/*.submain-video{width: 100%; margin: 10px 0; }
.submain-video figure{width: 49%;  margin-right: 1%; margin-bottom: 10px; padding: 0;}*/
.submain-video figure img{width: 100%;}
/*.submain-video figcaption{padding: 4% 0;}*/
.submain-videoinfo{ margin: 10px 0; }

.submain-partner{width: 100%;  margin: 10px 0 50px 0; }
.submain-partner figure{width: 50%;  margin-right: 0; margin-bottom: 10px; }
.submain-partner figure img{width: 98%;}

.submain-cont{ margin: 10px 0 50px 0; }
.submain-cont .left{width: 100%; }
.submain-cont .left h2{font-size: 1.0rem; }
.submain-cont .left p{line-height: 180%;}
.submain-cont .right{width: 100%; }
.submain-cont .right h2{font-size: 1.0rem; }
.submain-cont .right p{line-height: 180%;}

.submain-feedback{ margin: 10px 0 50px 0; }
.submain-feedback h4 textarea{padding: 2%;}
.submain-feedback h5 input{font-size: 1.0rem; }



}	

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

}

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

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



	
}


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


   
  
}

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

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

.home-about-list{width: 100%; margin: 10px auto; }
.home-about-list figure{width: 50%; margin-right: 0;}
.home-about-list figure img{width: 98%;}
.home-about-list figcaption{width: 96%; height: auto; padding: 4% 2%;}

.newslist-left{width: 18%;  }
.newslist-right{width: 79%;  }
.newslist-left h2{width: 100%; height: 50px; padding-top: 10px;}

.submain-video figure{width: 49%; margin-right: 1%; margin-bottom: 10px; padding: 0; }



    

}

@media screen and (max-width:376px){
 
.home-about-list{width: 100%; margin: 10px auto; }
.home-about-list figure{width: 50%; margin-right: 0;}
.home-about-list figure img{width: 98%;}
.home-about-list figcaption{width: 96%; height: auto; padding: 4% 2%;}
.home-about-list figcaption h2{font-size: 0.9rem;}


}

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



}