﻿@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;} 
#subpages-tit{ top: 365px; }
  
}
@media screen and (max-width:1370px){

#subpages-tit{ top: 345px; }

	
}
@media screen and (max-width:1280px){

#subpages-tit{ top: 325px; }


}
@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%;}


.header{display: block; }
.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-sub-banner{display: block; }
.side{display: none; }
#header-content{display: none; }
#footer-content{display: none; }

#footer-copyright{border-top: #f6f6f6 solid 1px; }
#movie{padding-top: 60px; }
#movie img{width: 100%; height: auto; }
.swiper-button-next,.swiper-button-prev{display: none; }
.swiper-pagination{display: none; }

#home-bar1{ padding: 30px 2%; width: 96%; }
.home-slogan{width: 100%; }
.home-slogan figure{width: 50%; line-height: 160%; }
.home-slogan figcaption h2{font-size: 1.1rem;  }
.home-slogan figcaption p{ font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

#home-bar2{width: 96%; padding: 30px 2%; }
.home-company{width: 100%; }
.home-company p{width: 100%; padding: 0; margin-top: 15px; }
.home-company-tit h2{font-size: 1.4rem; }
.home-company-nav{ margin: 20px 0; }
.home-company-nav li{width: 50%; height: auto; float: left; margin-bottom: 5px; }
.home-company-nav-txt{min-height: 0; padding-top: 7%;  }
.home-company-nav-txt h2{font-size: 1.0rem; }
.home-company-nav-txt h2 span{font-size: 3.0rem; }
.home-company-nav-txt h3{font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.home-company-nav-txt1{min-height: 0; padding-top: 7%; }
.home-company-nav-txt1 h2{font-size: 1.0rem;}
.home-company-nav-txt1 h2 span{font-size: 3.0rem; }
.home-company-nav-txt1 h3{font-size: 0.9rem; }

.home-company-section{width: 100%; margin: 20px auto; }
#scroll{width:100%; }

#scroll .item{width:100%; }
#scroll .item img{width: 100%; height: auto; }

#scroll .item h2{width: 100%; }
#scroll .item-txt{width: 94%; min-height: 0; padding: 10px 3%; }
#scroll .item-txt h3{font-size: 1.1rem; }
#scroll .item-txt h3:before{ left: 44%; right: 0; bottom: 80px; width: 50px; background: #da251c; height: 1px; text-align: center; content: '' }
#scroll .item-txt p{font-size: 0.9rem; }

#home-bar3{width: 96%; min-height: 0; padding: 30px 2%; background: #fff; }
.home-history{width: 100%; }
.home-history-tit h2{ font-size: 1.4rem; }
.home-history-nav{display: none; }
.home-history-nav-h5{display: block; }

#home-bar4{width: 96%; min-height: 0; padding: 2%;  }
.home-pronav{width: 100%; }
.home-pronav li{width: 50%; height: auto; }
.home-pronav li img{display: none; }
.pronav-btn1{width: 100%; height: 120px; line-height: 120px; font-size: 1.3rem; }
.pronav-btn2{width: 100%; height: 120px; line-height: 120px; font-size: 1.3rem; }
.pronav-btn3{width: 100%; height: 120px; line-height: 120px; font-size: 1.3rem; }
.pronav-btn4{width: 100%; height: 120px; line-height: 120px; font-size: 1.3rem; }
.pronav-btn5{width: 100%; height: 120px; line-height: 120px; font-size: 1.3rem; }
.pronav-btn6{width: 100%; height: 120px; line-height: 120px; font-size: 1.3rem; padding-top: 0; text-align: center; }

#home-bar5{width: 100%; padding: 20px 0; }
.home-newpro-tit{width: 100%; }
.home-newpro-tit h2{font-size: 1.4rem; }
.home-newpro{width: 96%;  margin: 20px auto 0 auto;padding: 2%; }
.mr_frbox{ width:100%; }
.mr_frBtn{width:71px; position: absolute; bottom: 7px; }
.mr_frBtnL{margin-top:0; margin-right: 1px; }
.mr_frBtnR{margin-top:0;}
.mr_frUl ul li img{width: 100%; }

.home-newpro-pic{width: 100%; margin: 20px auto 0 auto; }
.home-newpro-pic figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.home-newpro-pic figure img{width: 100%; height: auto; }
.home-newpro-pic figure:hover figcaption{background: #da251c; color: #fff; }
.home-newpro-pic figcaption{background: #f6f6f6; padding: 10px 0; transition: all .5s }
.home-newpro-pic figcaption:hover{background: #da251c; color: #fff; }

#home-bar6{width: 96%; padding: 20px 2%; }
.home-news{width: 100%; }
.home-news-tit h2{font-size: 1.4rem; }
.home-news-list{width: 100%; }
.home-news-list figure{width: 100%; margin-right: 0; margin-bottom: 10px; }
.home-news-list figure img{width: 100%; height: auto; }
.home-news-list figcaption{min-height: 0; }
.home-news-list figcaption h2{font-size: 1.1rem;  margin-bottom: 10px; }
.home-news-list figcaption p{margin-bottom: 10px; }
.home-news-list figcaption h3{ font-size: 0.9rem; }

#subpages-banner{padding-top: 60px; }
#subpages-banner img{width: 100%; height: auto; }
#subpages-tit{display: none; }
#subpages-content{ background: #fff}

.subpages-company{width: 100%; margin: 20px auto; }
.subpages-company-tit{ font-size: 1.2rem;  }
.subpages-company-txt{margin: 20px; }
.subpages-company-txt img{width: 100%; height: auto; }
.subpages-company-txt p{margin: 10px 0; }

.subpages-honor{width: 100%; }
.subpages-honor figure{width: 45.7%; margin-right: 1px; margin-bottom: 10px; padding: 2%; }
.subpages-honor figure img{width: 100%; height: auto; }
.subpages-honor figcaption{font-size: 1.0rem; }

.subpages-workshop{width: 100%; }
.subpages-workshop figure{width: 47.7%; margin-right: 1px; margin-bottom: 10px; }
.subpages-workshop figure img{width: 100%; height: auto; }
.subpages-workshop figcaption {font-size: 1.0rem; }

.subpages-base{width: 100%; min-height: 280px; }
.subpages-base p{margin: 10px 0; }

.subpages-product{width: 100%; }
.subpages-product figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; }
.subpages-product figure img{width: 100%; height: auto; }
.subpages-product figure img:hover{transform: scale(1.05); }

.subpages-proinfo{width: 94%; padding: 3%; }
.subpages-proinfo img{width: 100%; }
.subpages-proinfo h2{font-size: 1.1rem;  }

.subpages-csr{width: 100%; margin: 20px auto 0 auto;}
.subpages-csr figure{width: 100%; margin-right: 0; }
.subpages-csr figure img{width: 100%; }
.subpages-csr figure h2{font-size: 1.0rem; }
.subpages-csr figcaption{font-size: 0.9rem; }

.subpages-news{width: 100%; }
.subpages-news li{margin-bottom: 10px; background: #fff; overflow: hidden; }
.subpages-news-pic{width: 100%; position: relative; }
.subpages-news-pic img{width: 100%; }
.subpages-news-txt{width: 92%; min-height: 0; padding: 4%; }
.subpages-news-txt h2{font-size: 1.0rem; padding: 0;  }
.subpages-news-txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 0.9rem; }
.subpages-news-txt h3 a{font-size: 0.9rem; }

.subpages-newsinfo{width: 96%; padding: 2%;}
.subpages-newsinfo h1{font-size: 1.2rem; }
.subpages-newsinfo p{font-size: 1.0rem; }

#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: 100%; }
#subjobs li h3{ width: 100%; font-size: 0.9rem; text-align: left;}

.subpages-cont{margin: 20px auto ; padding: 2%; box-sizing: border-box; }
.subpages-contact-left{width: 100%; margin-top: 0; }
.subpages-contact-left h1{font-size: 1.6rem; margin-bottom: 20px; line-height: 120%; }
.subpages-contact-left h2{font-size: 1.1rem; margin: 25px auto; }
.subpages-contact-left h3{font-size: 1.0rem; }
.subpages-contact-left p{margin: 10px auto; padding-bottom: 5px; }
.subpages-contact-left span{ padding-left: 0;}
.subpages-contact-right{width: 100%; }
.iw_poi_title {font-size:0.9rem;}
.iw_poi_content {font-size:0.9rem;}















}






@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){



}