﻿@media screen and (max-width:1700px){

}
@media screen and (min-width:1601px){
	
}
@media screen and (max-width:1440px){


  
}
@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: 1.0rem; line-height: 200%; }

#header-content{display: none; }
#nav-content{display: none; }
#top{display: block;}
#top3{display: block;}
.swiper-button-next{display: none;}
.swiper-button-prev{display: none;}
#home-main{padding: 2%; box-sizing: border-box; }
.footer-nav{display: none;}

#footer-bar1{width: 100%; background: none; padding: 10px 0; }
#footer-bar1 .footer-cont{width: 100%;  padding-left: 0; padding: 0 4%; box-sizing: border-box; background: none; }
#footer-02 .copyright{width: 100%; line-height: 200%; padding: 1% 4%; box-sizing: border-box; text-align: center; }
#footer-02 .copyright a{color: #838383;}
#footer-02 .copyright a:hover{color: #ff6600;}

#home-bar1{padding: 20px 0; }
.home-company{width: 100%;}
.company-txt{width: 100%; padding-right: 0; margin-bottom: 20px;}
.company-txt h2{font-size: 1.3rem; }
.company-txt h2:before{bottom: -20px; }
.company-txt h3{margin-top: 30px;}
.company-txt h4{margin-top: 10px;}
.company-txt h4 a{display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: #d3d3d3 solid 1px; background: #f6f6f6; color: #808080;}
.company-txt h4 a:hover{background: #00a83b; border: #00a83b solid 1px; color: #fff; }
.company-pic{width: 100%; }
.company-pic img{width: 100%; }

#home-bar2{ min-height: 0;  padding: 20px 0; background: url(../images/img-3.jpg) no-repeat 25% 0; }
.home-pro{width: 100%; }
.home-pro-tit{width: 100%; height: auto; text-align: center; }
.home-pro-tit h2{font-size: 1.6rem; }
.home-pro-tit h3{font-size: 1.0rem; }
.home-pro-pic{ margin-top: 20px;}
#scroll{width:100%; padding: 5%; box-sizing: border-box; }
#scroll .item{width:100%; float: left; margin-right: 0; }
#scroll .item img{width: 100%;}

#home-bar3{ padding: 20px 0;  }
.home-case{width: 100%; }
.home-case-tit h2{font-size: 1.6rem; }
.home-case-tit h3{font-size: 1.0rem; }
.home-case-pic{margin-top: 20px;}
.mr_frbox{ width:100%; }
.mr_frBtnR:hover{background: url(../images/icon-right.png) no-repeat 50% 50% #ff6600;}
.mr_frUl{width:100%;  margin-bottom: 10px;}
.mr_frUl ul li{width:49.7%; margin-right:1px;  }
.mr_frUl ul li img{width: 100%;}
.mr_frUl ul li p{padding: 6px 0;  }

#subpages-banner .banner-1{height: auto; min-height: 200px; background: url(../images/banner-1.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-2{height: auto; min-height: 200px; background: url(../images/banner-2.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-3{height: auto; min-height: 200px; background: url(../images/banner-3.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-4{height: auto; min-height: 200px; background: url(../images/banner-4.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-5{height: auto; min-height: 200px; background: url(../images/banner-5.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-6{height: auto; min-height: 200px; background: url(../images/banner-6.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-7{height: auto; min-height: 200px; background: url(../images/banner-7.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-8{height: auto; min-height: 200px; background: url(../images/banner-8.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }
#subpages-banner .banner-9{height: auto; min-height: 200px; background: url(../images/banner-9.jpg) no-repeat center top; background-size: auto 200px; background-attachment: inherit; }

#subpages-bar{ height: auto; }
#subpages-bar-tit{padding: 2%; box-sizing: border-box; width: 100%; }
#subpages-bar-tit li{width: 47.0%; height: auto; float: left; line-height: normal; margin: 5px; padding-top: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#subpages-bar-tit li a{display: block; padding: 0 10px; line-height: 240%; border: #eee solid 1px; height: auto;}

#subpages-comp{width: 100%; padding:5% 3%; box-sizing: border-box; }
.comp-tit{width: 100%; height: auto; text-align: center; padding: 5px 0; overflow: hidden;}
.comp-tit h2{font-size: 1.4rem; padding-bottom: 10px; }
.comp-tit h2:before{ top: 35px; }

.comp-txt{ min-height: 0; margin: 5px auto; overflow: hidden; }
.comp-txt p{ line-height: 200%; font-size: 1.0rem;}

.subpages-honor{width: 100%; padding: 0; box-sizing: border-box; }
.subpages-honor figure{width: 50%; margin-right: 0; margin-bottom: 10px; border: 0; text-align: center; }
.subpages-honor figure img{width: 96%;}

.subpages-pro{width: 100%; margin: 20px auto; padding: 0; box-sizing: border-box; }
.subpages-pro figure{width: 50%; margin-right: 0; margin-bottom: 10px; overflow: hidden; text-align: center;}
.subpages-pro figure img{width: 96%;  }
.subpages-pro figcaption{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding: 0; line-height: 220%; background: none; }

.subpages-proinfo{width: 100%; margin:20px auto; }
.subpages-proinfo-bigpic img{ width: 100%;}
.jscanshu-pc{display: none; }
.jscanshu-h5{ display: block; }
.subpages-proinfo-txt{ padding: 3%; }
.subpages-proinfo-txt h4{ font-size: 1.1rem; }
.tedian{ margin: 10px auto; }
.jscanshu{ margin: 10px auto; }
.jscanshu table td{font-size: 0.8rem;}

/*.nTab-txt h1{display: block; }
.nTab-table{max-width: 1200px; width: 100%; height: auto; overflow-x: scroll; }
.nTab-table table{width: 1200px;}
.nTab-table table td{0.7rem;}*/

.subpages-news{width: 100%;  margin:20px auto; }
.subpages-news li{margin-bottom: 10px; }
.subpages-news-list{width: 100%; height: auto; overflow: hidden; }
.subpages-news-list-pic{width: 35%; }
.subpages-news-list-pic img{width: 100%;}
.subpages-news-list-txt{width: 62%; line-height: 180%;}
.subpages-news-list-txt h1{font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.subpages-news-list-txt h2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.subpages-news-list-txt h3{font-size: 0.8rem; }
.subpages-news-list-txt h4{display: none;}

.subpages-newsinfo{width: 100%; font-size: 1.0rem;}
.subpages-newsinfo img{width: 100%; }
.subpages-newsinfo h1{font-size: 1.2rem; line-height:140%;}
.subpages-newsinfo h2{font-size: 0.8rem;}
.subpages-newsinfo p{font-size:1.0rem;}
.subpages-newsinfo-btn{font-size: 0.9rem; }

.subpages-case{width: 100%; margin: 20px auto; }
.subpages-case figure{width: 50%; margin-right: 0; margin-bottom: 10px; text-align: center; }
.subpages-case figure img{width: 96%;}

.subpages-cont{width: 100%; height: auto;  margin:20px auto; overflow: hidden; }
.subpages-contact-left{width: 100%;  }
.subpages-contact-left h1{font-size: 1.2rem; margin-bottom: 20px; }
.subpages-contact-right{width: 100%;  }

.subpages-feedback{width: 100%; margin: 20px auto; }
.feedback-bar1{width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.feedback-bar1-left{width: 100%; height: auto; float: left; }
.feedback-bar1-right{width: 100%; height: auto; float: right; }
.subpages-feedback h1>input{ font-size: 1.0rem; }
















}






@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: 0.9rem; line-height: 180%;}





}

@media screen and (max-width:376px){



}

@media screen and (max-width:321px){



}