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

#header-content{display: none;}
#leftsead{display: none;}
#movie{display: none;}
#footer-content{display: none;}
#copyright-content{display: none;}
#header{display: block;}
.header{display: block;}
.h5-top{display: block;}
#h5-movie{display: block;}
#h5-footer-content{display: block;}
#h5-sub-banner{display: block;}
#subpages-banner{display: none;}
.subpages-tit{display: none;}
.subpages-left{display: none;}
.subpages-pro-left{display: none;}

.h5-top-left img{height: 60px; width: auto;}
.h5-footer li img{width: 7%; height: auto; margin-right: 10px; margin-bottom: 4px;}


#home-bar1{padding: 10px 0; }
.home-pro{width: 100%; }
.home-pro h2{font-size: 1.3rem; }
.home-pro-nav{width: 100%; margin: 30px auto ; }
.home-pro-nav li{width: 98%; margin-right: 0; margin-bottom: 5px; border: #eee solid 1%; margin-left: 1%;}
.home-pro-nav-01{width: 60%; height: auto;  padding-left: 5%; padding-right: 35%; padding-top: 20%; padding-bottom: 20%; background-size: 100%;}
.home-pro-nav-01 h3{font-size: 1.2rem; font-weight: bold;}
.home-pro-nav-01 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 160%;}

.home-pro-nav-02{width: 60%; height: auto;  padding-left: 5%; padding-right: 35%; padding-top: 20%; padding-bottom: 20%; background-size: 100%;}
.home-pro-nav-02 h3{font-size: 1.2rem; font-weight: bold;}
.home-pro-nav-02 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 160%;}

.home-pro-nav-03{width: 60%; height: auto;  padding-left: 5%; padding-right: 35%; padding-top: 20%; padding-bottom: 20%; background-size: 100%;}
.home-pro-nav-03 h3{font-size: 1.2rem; font-weight: bold;}
.home-pro-nav-03 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 160%;}


#home-bar2{padding: 10px 0; }
.home-comp{width: 98%; padding: 0; background: none; }
.home-comp h3{margin-top: 25px;}
.home-comp p{line-height: 220%; margin-top: 20px;}
.home-comp h4>input{font-size: 1.0rem;  margin-top: 20px; }

#home-bar3{ padding: 10px 0; margin-bottom: 15px; }
.home-service{width: 100%; }
.home-service h2{font-size: 1.3rem; }
.home-service-nav{width: 98%; margin: 30px auto; padding: 1%;}
.home-service-nav figure{width: 33.3%;  margin-right: 0;}
.home-service-nav figure img{width: 98%;}

.subpages-main{width: 100%; margin: 10px auto 65px auto;}
.subpages-right{width: 98%; min-height: 0; float: none; border: #eee solid 1%; padding: 2%; margin: 0 auto; box-sizing: border-box;}
.subpages-right-txt p img{width: 100%;}
.subpages-right-txt img{width: 100%;}
.subpages-right-txt p{line-height: 160%; margin: 8px auto;}

.subpages-certificate{width: 100%; }
.subpages-certificate figure{width: 50%; float: left; margin-right: 0; margin-bottom: 10px;}
.subpages-certificate figure img{margin-bottom: 5px; border: #eee solid 1%; width: 98%; box-sizing: border-box;}

.subpages-pro{width: 101%;}
.subpages-pro figure{width: 49%; margin-right: 0; margin-bottom: 10px; margin-right: 1%; }
.subpages-pro figure img{width: 100%;}

.subpages-proinfo{width: 100%; }
.proinfo-b1-left{width: 100%; float: none; border-right: 0; }
.proinfo-b1-left img{width: 100%;}
.proinfo-b1-right{width: 100%; float: none;}
.proinfo-b1-right h2{font-size: 1.2rem;}
.proinfo-b1-right h5{width: 100%; }
.proinfo-b1-right h5 figure{width: 25%;}
.proinfo-b1-right h5 figure img{width: 100%;}

.subpages-proinfo-b2{float: none;}
.nTab .TabTitle .active{ font-size: 0.9rem; }
.nTab .TabTitle .normal{font-size: 0.9rem;}
.subpages-proinfo-b3{float: none;}
.subpages-proinfo-b3 img{width: 100%;}
.subpages-proinfo-b4{float: none;}
.subpages-proinfo-b5{float: none;}

.subpages-faq{width: 100%; }

.subpages-news{width: 100%; margin: 20px auto; }
.focus-news-pic{width: 100%;  min-height: 0; border: #eee solid 1px; padding: 1%; box-sizing: border-box; }
.focus-news-pic img{width: 100%; height: auto; }
.focus-news-txt{width: 96%; height: auto; float: right; padding: 2%; }
.sub-newsinfo h2{font-size: 1.2rem; }



}	

@media screen and (max-width:861px){
 
 .canshu {
    width: 100%;
    max-width: 1200px;
    margin-top: 10px;
    display: block;
    overflow-x: scroll;
}
 
 
 

}

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

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



	
}


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


   
  
}

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

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

.h5-footer li img{width: 17%; height: auto; margin-right: 10px; margin-bottom: 4px;}

.home-pro-nav-01{width: 70%; height: auto;  padding-left: 5%; padding-right: 25%; padding-top: 10%; padding-bottom: 10%; background-size: 100%;}
.home-pro-nav-01 h3{font-size: 1.2rem; font-weight: bold;}
.home-pro-nav-01 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 160%;}

.home-pro-nav-02{width: 70%; height: auto;  padding-left: 5%; padding-right: 25%; padding-top: 10%; padding-bottom: 10%; background-size: 100%;}
.home-pro-nav-02 h3{font-size: 1.2rem; font-weight: bold;}
.home-pro-nav-02 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 160%;}

.home-pro-nav-03{width: 70%; height: auto;  padding-left: 5%; padding-right: 25%; padding-top: 10%; padding-bottom: 10%; background-size: 100%;}
.home-pro-nav-03 h3{font-size: 1.2rem; font-weight: bold;}
.home-pro-nav-03 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 160%;}

.home-service-nav{width: 98%; margin: 30px auto;}
.home-service-nav figure{width: 100%;  margin-right: 0; margin-bottom: 15px;}
.home-service-nav figure img{width: 100%;}


    

}

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



}

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



}