@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;} 
#leftsead{top:300px;}

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

#leftsead{top:300px;}
	
}
@media screen and (max-width:1280px){


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



}


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


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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body{font: 0.9rem/180%; }


#leftsead{display: none; }
.header{display: block; }
.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-sub-banner{display: block; }
.side{display: none; }
.swiper-pagination{display: none; }
.swiper-button-next{display: none; }
.swiper-button-prev{display: none; }
#movie{padding-top: 60px; display: none;  }
#header-content{display: none; }
.footer-nav{display: none; }
#h5-movie{display: block; }
.rides-cs{display: none; }

#footer-bar1{width: 96%; padding: 3% 2%; }
#footer-bar1 .footer-cont{width: 96%; margin-left: 0; padding: 2%; }
#footer-bar1 .footer-cont p span{font-size: 1.0rem; }

#footer-bar1 .footer-followus{width: 100%; text-align: center; }

#copyright-content{width: 96%; padding: 2%; }
#copyright{width: 100%; line-height: 160%; padding: 8px 0; font-size: 0.9rem; }

#home-bar1{width: 96%; padding: 5% 2%; }
.home-culture{width: 100%; }
.home-culture-tit h1{font-size: 1.2rem; }
.home-culture-tit h2{ font-size: 0.8rem; letter-spacing: 0; margin-top: 5px; position: relative; }
.home-culture-tit h2:before{width: 60px;  left: 0; }
.home-culture-tit h2:after{width: 60px; right: 0; }
.home-culture-nav{width: 100%;  margin-top: 20px; }
.home-culture-nav figure{width: 100%; margin-right: 0; margin-bottom: 10px; }
.home-culture-nav figure img{width: 100%; }
.home-culture-nav figcaption{width: 96%; height: auto; padding: 5% 2%; }
.home-culture-nav figcaption h2 img{width: auto; }

.subpages-partner{width: 100%; }
.subpages-partner figure{width:33.0%; margin-right: 1px; box-sizing: border-box; }
.subpages-partner figure img{width: 100%; }

#home-bar2{width: 96%; min-height: 0; padding: 5% 2%; }
.home-product{width: 100%; }
.home-product-tit h1{ font-size: 1.2rem; }
.home-product-tit h2{font-size: 0.8rem; letter-spacing: 0; margin-top: 5px;}
.home-product-tit h2:before{width: 60px; left: 0;  }
.home-product-tit h2:after{width: 60px; right: 0;  }
.home-product-pic{width: 100%; margin-top: 20px; }
#scroll{width:100%; margin:0 auto; padding: 0; overflow: hidden; }
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{width:96%; margin:0  auto; padding: 2%; }
#scroll .item img{width: 100%; }
#scroll .item h4{width: 100%; }
#scroll .item h5{font-size: 0.9rem; }
#scroll .item h6 img{width: auto; }

#home-bar3{width: 96%; padding: 5% 2%; }
.home-comp{width: 100%; }
.home-comp-tit h1{font-size: 1.2rem; }
.home-comp-tit h2{font-size: 0.8rem; letter-spacing: 0; margin-top: 5px;}
.home-comp-tit h2:before{width: 60px; left: 0; }
.home-comp-tit h2:after{width: 60px; right: 0; }
.home-comp-txt{width: 96%;  background: #fff; padding: 5% 2%; margin-top: 20px; }
.home-comp-video{width: 100%; min-height: 0; background: none; padding-left: 0; margin-bottom: 20px; }
.home-comp-video video{width: 100%; background: #000; }
.home-comp-wen{width: 100%; }
.home-comp-wen p{font-size: 0.9rem; }
.plyr { position:relative;  min-width:96%;  height: auto; }

#home-bar4{width: 96%; padding: 5% 2%;}
.home-news{width: 100%; }
.home-news-tit{width: 100%; height: auto; }
.home-news-tit h1{font-size: 1.2rem; }
.home-news-tit h2{font-size: 0.8rem; letter-spacing: 0; margin-top: 5px; }
.home-news-tit h2:before{width: 60px; left: 0; }
.home-news-tit h2:after{width: 60px; right: 0; }
.home-news-txt{width: 100%; margin-top: 20px;  }
.home-news-txt figure{width: 100%; margin-right: 0; margin-bottom: 10px; }
.home-news-txt figure img{width: 100%; }
.home-news-txt figcaption{width: 90%; height: auto; padding: 5%; }
.home-news-txt figcaption h2{ font-size: 1.0rem; }
.home-news-txt figcaption h3{ font-size: 0.8rem; }

#subpages-banner{ padding-top: 60px;  }
#subpages-banner .banner-1{height: auto; min-height: 150px; background: url(../images/banner-1.jpg) no-repeat center top; background-size: auto 150px; background-attachment: inherit; }
#subpages-banner .banner-2{height: auto; min-height: 150px; background: url(../images/banner-2.jpg) no-repeat center top; background-size: auto 150px; background-attachment: inherit; }
#subpages-banner .banner-3{height: auto; min-height: 150px; background: url(../images/banner-3.jpg) no-repeat center top; background-size: auto 150px; background-attachment: inherit; }
#subpages-banner .banner-4{height: auto; min-height: 150px; background: url(../images/banner-4.jpg) no-repeat center top; background-size: auto 150px; background-attachment: inherit; }
#subpages-banner .banner-5{height: auto; min-height: 150px; background: url(../images/banner-5.jpg) no-repeat center top; background-size: auto 150px; background-attachment: inherit; }
#subpages-banner .banner-6{height: auto; min-height: 150px; background: url(../images/banner-6.jpg) no-repeat center top; background-size: auto 150px; background-attachment: inherit; }

#subpages-content{width: 100%; padding: 2%; box-sizing: border-box; }
.subpages-content-tit{display: none; }
.subpages-comp{width: 100%; margin: 20px auto; }
.subpages-comp-tit{width: 100%; height: auto; }
.subpages-comp-tit h2{ font-size: 1.2rem; }
.subpages-comp-tit h3{font-size: 0.8rem; margin-top: 5px; }
.subpages-comp-tit h3:before{width: 100px; left: 0; }
.subpages-comp-tit h3:after{width: 100px; right: 0; }
.subpages-comp-txt{margin-top: 20px; font-size: 0.9rem; }
.subpages-comp-txt img{width: 100%; height: auto; }
.subpages-comp-txt p{text-indent: 2rem; margin: 10px 0; }

.subpages-honor{ margin-top: 20px; }
.scrollleft li{ margin-right:5px; width:150px;text-align:center;}
.scrollleft img{width:100%; }

.subpages-product{width: 100%; margin-top: 20px; }
.subpages-product figure{width: 49.1%; padding: 1px; margin-right:1px; margin-bottom: 10px; }
.subpages-product figure img{width: 100%;  }

.subpages-proinfo{width: 100%; margin-top: 20px; }
.subpages-proinfo-bigpic{width: 100%; padding: 2%; box-sizing: border-box; }
.subpages-proinfo-bigpic img{width: 100%; }
.enquiry h2{width: 100%; }
.enquiry h3{width: 100%; }

.subpages-network{width: 100%; margin-top: 20px; }
.subpages-network img{width: 100%; }
.subpages-network p{text-align: left; }

.subpages-news{width: 100%; margin-top: 20px; }
.subpages-news-focus{width: 100%; }
.subpages-news-focus figure{width: 100%; margin-right: 0; margin-bottom: 10px; }
.subpages-news-focus figure img{width: 100%; height: auto;  }
.subpages-news-focus figcaption{width: 90%; height: auto; padding: 5%; }
.subpages-news-focus figcaption h3{ font-size: 0.8rem; }
.subpages-news-txt li h2{font-size: 1.0rem; }
.subpages-news-txt li h3{ font-size: 0.8rem; }

.subpages-newsinfo{width: 100%;margin-top: 20px; }
.subpages-newsinfo img{width: 100%; height: auto; }
.subpages-newsinfo h1{ font-size: 1.1rem; }
.subpages-newsinfo h2{font-size: 0.8rem; }
.subpages-newsinfo h2 span{margin: 0 10px; }

.subpages-jobs{width: 100%; margin-top: 20px; }
.subpages-jobs img{width: 100%; }
.sub-jobs-list{width: 100%; }
.sub-jobs-list li{width: 96%; min-height: auto; box-shadow: none; padding: 2%; margin-right: 0; margin-bottom: 10px; }
.jobs-d1 h4{width: 22%; height: auto; float: left; font-weight: bold; }
.jobs-d1 h5{width: 77%; height: auto; float: right; font-weight: bold; }
.jobs-d2{width: 100%; height: auto; overflow: hidden; margin: 10px auto; }
.jobs-d2 h4{width: 100%; height: auto; float: left; font-weight: bold; padding-top: 7px; }
.jobs-d2 h5{width: 100%; height: auto; float: right; }
.jobs-d2 h5 p{margin: 10px 0; color: #5e5e5e; line-height: 160%; }

.subpages-contact{width: 100%; margin-top: 20px; }
.subpages-contact-left{width: 100%; margin-top: 0; margin-bottom: 10px; }
.subpages-contact-left h1{font-size: 1.1rem; }
.subpages-contact-left h1 img{display: none; }
.subpages-contact-right{width: 100%; margin-top: 0; }
.subpages-contact-right p{margin-bottom: 30px; }
.subpages-contact-right img{display: none;  }

.subpages-feedback{width: 100%; margin-top: 20px; }
.feedback h1{width: 100%;  }
.feedback h4{width: 100%; height: auto; float: right; margin-bottom: 20px; }







}






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

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


}

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

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



}


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

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

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

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




}

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

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

}

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



}