@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:1366px){


	
}
@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%; background: #fff;}


.side{display: none; }
.sp_header{display: block; }
.sjj_nav{display: block; }
.header{display: block; }
#h5-subpages-banner{display: block; }

#subpages-banner{display: none; }
#header-content{display: none; }
#header-menu{display: none; }
#footer-bar2{display: none; }
.suspend{display: none; }
.rides-cs{display: none; }

#footer-copyright{line-height: 160%; padding: 15px 0; background: #000; }
#subpages-guide{display: none; }
#subpages-content{width: 96%; padding: 2%; }
#subpages-main{width: 100%; margin: 10px auto; }
.subpages-left{display: none; }
.subpages-right{width: 100%; padding: 0; font-size: 0.9rem; }
.subpages-pro{width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.subpages-pro li{width: 49.7%; border: #e5e5e5 solid 1px; padding:0; margin-right:1px; margin-bottom: 10px; box-sizing: border-box; }
.port-1.effect-2 img{width: 100%; }

#movie{padding-top: 60px; }
#home-bar1{display: none; }

#home-bar2{ background: none; padding: 20px 0;  }
#home-bar2 .home-comp{width: 100%; }
#home-bar2 .home-comp h2{ font-size: 1.4rem; color: #2c2c2c; background: url(../images/icon-24.png) no-repeat center bottom; margin-bottom: 10px; }
#home-bar2 .comp-content{width: 96%; background: #fff ; padding: 2%; margin: 0 auto; }
#home-bar2 .comp-content-left{width: 100%; padding-left: 0; background: none; }
.swiper-slide img{width: 100%; }
.comp-content-right{display: none; }

#home-bar3{width: 96%; background: none; padding: 2%; }
#home-bar3 .home-prolist{width: 100%;}
#home-bar3 .home-prolist h2{font-size: 1.4rem; color: #2c2c2c; }
.home-prolist-pic{ margin-top: 30px; }
#scroll{width:100%; }
#scroll .item{width:100%; margin-right:0; }
#scroll .item h2 img{width: 100%; }

#home-bar4{width: 96%; padding: 2%; }
#home-bar4 .home-certificate{width: 100%; }
#home-bar4 .home-certificate h2{ font-size: 1.4rem; background: url(../images/icon-24.png) no-repeat center bottom; margin-bottom: 10px; }
.home-certificate-pic{ margin-top: 30px; }
.mr_frbox{ width:100%; }
.mr_frBtnL{margin-top:10px; }
.mr_frBtnR{margin-top:10px;}
.mr_frUl{width:100%; }
.mr_frUl ul li{ width:49.7%; margin-right:1px; }
.mr_frUl ul li img{width: 100%; }

#home-bar5{width: 96%; padding: 2%; }
#home-bar5 .home-news{width: 100%; }
#home-bar5 .home-news h2{font-size: 1.4rem; background: url(../images/icon-24.png) no-repeat center bottom; margin-bottom: 10px; line-height: 180%; text-transform: uppercase; }
#home-bar5 .home-news h3{display: none;  }
.home-news-list{width: 100%; margin-top: 30px; }
.home-news-list figure{width: 49.7%;  margin-right: 1px; box-sizing: border-box; margin-bottom: 20px; }
.home-news-list figure img{width: 100%; }
.home-news-list figcaption{width: 96%; height: auto; background: #fff; padding: 2%; }
.home-news-list figcaption h4{font-size: 1.0rem; }
.home-news-list figcaption h5{font-size: 0.7rem;}
.home-news-list figcaption h6{text-align: center; margin-top: 10px; }
.home-news-list figcaption h6>input{width: 120px; height: 25px; font-size: 0.8rem; }
.home-news-list figcaption h6>input:hover{background: #28a2ed; border: #28a2ed solid 1px; color: #fff; }

.subpages-proinfo-left{width: 100%; }
.subpages-proinfo-right{width: 100%;  margin-top: 15px;  }
.proinfo-02-txt p{font-size: 0.9rem; }
#spec-left{display: none; }
#spec-right{display: none; }
#preview{ width:100%;}
.jqzoom img{width: 100%; }

.proinfo-04-txt h3{width: 100%; margin-bottom: 15px; }
.proinfo-04-txt h4{width: 100%; margin-bottom: 15px; }

.subpages-case{width: 100%; }
.subpages-case li{ margin-bottom: 10px; }
.subpages-case-pic{width: 100%; }
.subpages-case-pic img{width: 100%; height: auto; margin-bottom: 10px; }
.subpages-case-txt{width: 94%; padding: 3%; }
.subpages-case-txt h2{font-size: 1.1rem; }
.subpages-case-txt h3{margin-top: 20px; }

.subpages-caseinfo{width: 100%; padding: 0; }
.subpages-caseinfo h2{font-size: 1.2rem; padding: 5px 0; }
.subpages-caseinfo-next{ margin-top: 20px; }
.subpages-caseinfo-next h3{width: 100%;  padding: 1%; box-sizing: border-box; }
.subpages-caseinfo-next h3 span{margin-right: 5px; font-weight: bold; }
.subpages-caseinfo-next h4{width: 100%;  padding: 1%; box-sizing: border-box; }
.subpages-caseinfo-next h4 span{margin-right: 5px; font-weight: bold; }

.subpages-news{width: 100%; }
.subpages-news li{ padding-bottom: 20px; margin-bottom: 20px; }
.subpages-news-pic{width: 100%; }
.subpages-news-pic img{width: 100%; margin-bottom: 10px; }
.subpages-news-txt{width: 100%; }

.subpages-newsinfo{width: 100%;  }
.subpages-newsinfo h2{font-size: 1.2rem; padding: 10px 0; }
.subpages-newsinfo h3{font-size: 0.9rem; }
.subpages-newsinfo-next{width: 100%; height: auto; margin-top: 40px; }
.subpages-newsinfo-next h5{width: 100%;  padding: 1%; box-sizing: border-box; }
.subpages-newsinfo-next h5 span{margin-right: 5px; font-weight: bold; }
.subpages-newsinfo-next h4{width: 100%;  padding: 1%; box-sizing: border-box; }
.subpages-newsinfo-next h4 span{margin-right: 5px; font-weight: bold; }

.subpages-company{width: 100%; }
.subpages-company img{width: 100%; }

.subpages-quality{width: 100%; }
.subpages-quality .mypic{width: 100%; }
.subpages-quality .mypic figure{width: 50%; margin-right: 0; margin-bottom: 20px; text-align: center; }
.subpages-quality .mypic figure img{width: 96%; }

.subpages-culture{width:100%; }
.subpages-culture img{width:100%; }

.subpages-certificate{width: 100%; }
.subpages-certificate-nav li{width: 49.7%; height: 40px; float: left; margin-right: 1px; margin-bottom: 5px; }
.subpages-certificate-nav li a{display: inline-block; height: auto; line-height: 40px; text-align: center; box-sizing: border-box; background: #e5e5e5; border-radius: 3px; }
.subpages-certificate-nav li a:hover, #current{display: inline-block; background: #28a2ed; color: #fff; }

.subpages-certificate-list{width: 100%; }
.subpages-certificate-list figure{width: 50%; margin-right: 0; margin-bottom: 10px; }
.subpages-certificate-list figure img{width: 96%; }

.subpages-workshop{width: 100%; }
.subpages-workshop figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.subpages-workshop figure img{width: 100%; }

.subpages-contact-right img{width: 100%; }

.feedback-content h3{width: 100%; }
.feedback-content h4{width: 100%; }

.download-tit{display: none; }
.download-list li h3{width: 90%; text-indent: 0; }
.download-list li h4{display: none; }
.download-list li h5{display: none; }
.download-list li h6{width: 10%; height: auto; float: right; text-align: center; }
.download-list li h6 a{ background-size: 40%;  }
.download-list li h6 a:hover{ background-size: 40%;}

.member-login{width: 90%;  padding: 5%; }
.member-login h2{margin-bottom: 20px; }
.member-login h2>input{width: 100%; height: 35px; border: #e5e5e5 solid 1px; text-indent: 0.5rem; text-transform: capitalize; font-family: 'Poppins-Regular'; }
.member-login h3{}
.member-login h3>input{width: 130px; height: 35px; border: 0; background: #28a2ed; border-radius: 5px; color: #fff; text-transform: uppercase; cursor: pointer; }

.subpages-reg h2{width: 100%; }
.subpages-reg h3{width: 100%; }

.subpages-video{width: 100%; }
.subpages-video figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.subpages-video figure img{width: 100%; }
.subpages-video figcaption{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding: 5px 0; font-size: 0.9rem; }
.subpages-videoinfo{width: 100%; }
.subpages-videoinfo video{width: 100%; }



}






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





}

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



}

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



}