﻿@media screen and (max-width:1830px){

}

@media screen and (max-width:1700px){


}

}
@media screen and (min-width:1600px){


	
}

@media screen and (max-width:1500px){

}

@media screen and (max-width:1440px){

#subpages-banner img{width: 100%; }
 
  
}
@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;}
#header-bar3{display: none;}
#footer-bar1{display: none;}
#footer-bar2{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;}
.subpages-left{display: none;}

.h5-footer li img{width: 10%; height: auto; margin-right: 10px; margin-bottom: 4px;}

#home-bar1{padding: 5% 0;}
.home-pro-tit{ background: url(../images/icon-7.png) no-repeat 50%; font-size: 1.4rem; font-weight: bold;}
.home-pro h2{padding: 3% 5%;}
.home-pro-pic{margin: 10px auto 0 auto; text-align: center;}
#scroll{width:100%; }
#scroll .item{width: 96%;}
#scroll .item h2{width: 100%; padding: 0;}
#scroll .item img{width: 100%;}

#home-bar2{padding: 5% 0;}
.home-comp-tit p{font-size: 1.4rem; font-weight: bold; line-height: 100%;}
.home-comp-tit p span{font-size: 1.1rem; }
.home-comp-txt{width: 96%;  margin: 10px auto; padding: 2%; }
.home-comp-txt p{line-height: 180%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.home-comp-tag{width: 100%; margin: 10px auto; }
.home-comp-tag figure{width: 44%; padding: 0 3%; }
.home-comp-tag figure img{margin: 10px auto; }
.home-comp-tag figcaption h2{font-size: 1.1rem; font-weight: bold; padding: 3% 0;}
.home-comp-tag figcaption p{line-height: 180%;}

#home-bar3{padding: 5% 0;}
.home-project-tit{ background: url(../images/icon-7.png) no-repeat 50%; }
.home-project p{font-size: 1.4rem; font-weight: bold; }
.home-project h2{font-size: 0.7rem; margin-top: 0;}
.home-project-pic{width: 100%;  margin: 15px auto;}
.home-project-pic figure{width: 29.3%;  padding: 0 2%; margin-bottom: 5px; }
.home-project-pic figure img{width: 100%;}

#home-bar4{padding: 5% 0 7% 0;}
.home-news-tit{background: url(../images/icon-7.png) no-repeat 50%;}
.home-news-tit p{font-size: 1.4rem; font-weight: bold; }
.home-news h2{ font-size: 0.7rem; margin-top: 0;}
.home-news-txt{width: 100%; margin: 15px auto; }
.home-news-txt .left{width: 92%; padding: 4%; margin-bottom: 10px; }
.home-news-txt .left img{width: 100%;}
.home-news-txt .right{width: 100%; min-height: 0; }
.home-news-txt .right .newslist{width: 100%; }
.home-news-txt .right .newslist li{width: 100%; background:#fff;}
.home-news-txt .right .newslist li h2{display: none;}
.home-news-txt .right .newslist li h3{width: 96%;  padding: 2%; font-size: 0.9rem;}
.home-news-txt .right .newslist li h3 p span{font-size: 1.0rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home-news-txt .right .newslist li h3 p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.subpages-main{width: 96%; padding: 2%; margin: 2px auto 45px auto;}
.subpages-right{width: 94%; min-height: 0; padding: 3%;}
.subpages-right img{width: 100%;}
.subpages-right-txt p{line-height: 180%;}
.subpages-right-tit h2{font-size: 1.2rem; height: 40px; line-height: 40px; }
.subpages-right-tit{ background: url(../images/icon-16.png) no-repeat 50% 112%;}

.subpages-certificate{width: 100%; }
.subpages-certificate figure{width: 50%; margin-right: 0; margin-bottom: 10px; }
.subpages-certificate figure img{width: 96%;}

.subpages-pro{width: 100%;}
.subpages-pro figure{width: 50%; margin-right: 0; margin-left: 0; margin-bottom: 5px; margin-top: 0; box-sizing: border-box; }
.subpages-pro figure img{ padding: 3%; width: 90%;}
.subpages-proinfo figure{ font-size: 1.0rem;}
.subpages-proinfo figure img{border: #eee solid 1%; padding: 2%; width: 100%; box-sizing: border-box;}
.subpages-proinfo h2{padding: 2%; margin-top: 10px; }
.submain-proinfo-enquiry{width: 90%; height: auto; margin: 10px auto;}
.submain-proinfo-enquiry h2{ padding: 2% 0; }

.subpages-news{margin: 10px auto;}
.subpages-news li{ padding-bottom: 10px; margin-bottom: 10px; }
.news-list{width: 100%; }
.news-list-pic{width: 100%; min-height: none; }
.news-list-txt{width: 100%; }
.news-list-pic img{width: 100%; margin-bottom: 5px;}
.news-list-txt h3 img{width: inherit;}

.submain-newsinfo{ margin: 10px 0; }
.submain-newsinfo h1{font-size: 1.1rem; }
.submain-newsinfo img{width: 100%;}

.submain-jobs{ margin: 15px 0; }
.submain-jobs li{padding-bottom: 10px; margin-bottom: 10px;}
.submain-jobs-list h2{font-size: 1.0rem; font-weight: bold;}
.submain-jobs-list p{line-height: 180%;}

.submain-cont{margin: 15px 0; line-height: 220%;}
.submain-cont h2{font-size: 1.2rem;}

.submain-feedback{margin: 15px 0; }
.submain-feedback h5 input{font-size: 0.9rem;}


}	

@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-comp-tag figure{width: 94%; padding: 0 3%; }
.h5-footer li img{width: 20%; height: auto; margin-right: 10px; margin-bottom: 4px;}
.subpages-tit{display: none;}



    

}

@media screen and (max-width:376px){
 



}

@media screen and (max-width:321px){



}