@charset "utf-8";

@media screen and (max-width:1367px) {
.wp{width:100%;padding-right:80px;padding-left:80px;}
}

@media screen and (max-width:1281px){
.wp{padding-right:70px;padding-left:70px;}
}


@media screen and (max-width:1171px){
.wp{padding-right:50px;padding-left:50px;}
}

@media screen and (max-width:992px){
.wp{padding-right:40px;padding-left:40px;}
	
}

@media screen and (max-width:768px){
.wp{padding-right:20px;padding-left:20px;}

}

@media screen and (max-width:576px) {
.wp{padding-right:15px;padding-left:15px;}

}

@media screen and (max-width:480px) {
.wp{padding-right:10px;padding-left:10px;}

}

@media screen and (max-width: 1200px) { 
   .headerIn{ width: 100%;}
   .logo{ margin-right: 0;}
   .bannerIn{ width: 100%;}
   .banner ol{ margin-left: auto; left: 0; right: 20px;}
   .mainIn{ width: 100%; padding-bottom: 2%;}
   .pro-main{ width: 100%; margin: 1% auto 2%;}
   .prolist>h3{ background: none;}
   .pro-main ul{ text-align: center; display: block;}
   .pro-main ul li{ width: 23%; margin-right: 1%; float: none; display: inline-block;}
   .pro-main dl,.prolist dl dt,.pro-main ul li img{ width: 100%; height: auto;}
   .main-bottom{ width: 100%;}
   .footerIn{ width: 98%;}
   .footerIn-top dl dd ul li{ margin-right: 5px; padding-right: 5px;}
   .footer-bt{ width: 100%;}
   .bannerBox{ height: auto;}
   .bannerBox img{ width: 100%!important; height: auto!important; left: 0; margin-left: 0; position: relative;}
   .wp984,.sidecon{ width: 100%;}
   .inner, .wp{ width: 100%;}

   .sub_goods ul{ text-align: center;}
   .sub_goods ul li{ width: 31%; display: inline-block; float: none; margin: 0 1% 3% 0;}
   .sub_goods ul li img{ width: 100%!important; height: auto!important;}
   .pro_view_top{ width: 99%;}
   .pro_img{ width: 55%;}
   .pro_view_inner{ width: 39%;}
   .pro_text .tabs li{ width: 152px; box-sizing: border-box;}
   .pro_text .tabs{ height: auto; overflow: hidden;}
   .pro_view_inner li img{ display: none;}
   .related ul{ text-align: center;}   
   .related ul li{ width: 23%; height: 185px; overflow: hidden; margin: 1% 1% 1% 0; float: none; display: inline-block;}
   .related ul li img{ width: 100%; height: auto;}
   .related-products ul li a b{width: 175px; height: 55px; display: block; overflow: hidden;}   
   .faqLeft ul li .img{ width: 28%; height: auto;}
   .faqLeft ul li .intro{ width: 68%;}
   .sub_article dl dd{ width: 83%;}
   .map img{ max-width: 100%!important;}
   .contactML img{ max-width: 100%!important;}
   .footer-bt p{ text-align: center; float: none; margin-left: 0; display: inline-block;}   
   .footer-bt span{ display: inline-block; float: none;}
   .article_read p img{ max-width: 100%!important; height: auto;}
}


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

.foot-left{width:320px;}

  .prolist dl{ margin-top: 2%;}
  .pro-main ul li{ width: 23%;}
  .prolist dl dd{ height: 36px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} 
  .footerIn-top dl.link{ width: 254px;}
  .footerIn-top dl dd ul{ float: none;}

  .sub_article dl dd{ width: 82%;}

  .bpic ul li img{ width: 100%;}
  .pro_text .tabs li{ width: auto; padding: 0 1%;}

}



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

.nav,.search{display: none;}
.topNav{display:flex;align-items:center;justify-content:space-between;}

.header .wp{padding-top:20px;padding-bottom:20px;align-items:center;}
.logo img{height:50px;}

.indexA{padding:40px 0;}
.indexA .tit h3{font-size:26px;}
.indexA ul{margin:25px -15px 0;}
.indexA ul li{width:50%;padding:15px;}  

.footer{display: block;padding:30px 0;}
.footer h5{text-align:center;}
.foot-left{width:100%;}
.foot-left .share{text-align:center;}
.foot-left .link{text-align:center;}

.foot-contact{margin:30px 0 0;}
.foot-news{width:100%;margin:30px 0 0;}



   .leftIn{ width: 30%;}
   .rightIn{ width: 68%;}
   .sub_goods ul li p{ height: 30px; overflow: hidden;}

   .pro_img,.pro_view_inner{ width: 98%; float: none;}
   .pro_img{ width: 80%; border-right: 0; padding-right: 0;}
   .faqLeft ul li .img,.faqLeft ul li .intro{ width: 100%; float: none;}
   .faqLeft ul li .img{ margin-right: 0;}
   .faqLeft ul li .img img{ width: 50%; height: auto;}
   .sub_article dl dd{ width: 78%;}
   .prolist dl dt .zez{ height: 200px;}
   .prolist dl dt p{ line-height: 200px;}
   .map iframe{ max-width: 100%!important;}
   .bpic ul li img{ width: 70%;}
}



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

.contactSide{display:none;}


    .pro-main{ width: 496px; display: block;}
    .pro-main ul{ margin-right: -18px;}
    .pro-main ul li{ width: 228px; height: auto; margin-right: 18px; float: none; display: inline-block;}
    .prolist ul li:last-child{ margin-right: 18px;}
    .prolist dl dt .zez{ height: 228px;}
    .prolist dl dt p{ line-height: 228px;}
    .footerIn-top dl{ float: none;}
    .pro_img,.pro_view_inner{ float: none;width: 100%; margin: 1% auto;}
    .spic{ float: none;}
    .case dl dd{ width: 40%;}
    .footerIn-top dl.link,.conUsF,.footerIn-top>dl{ overflow: hidden; width: 98%; margin: 2% auto;}
    .footerIn-top dl dt i{ display: block;}   
    .conUsF>dd{ display: none;} 
    .footerIn-top dl.link>dd{ display: none;}
    .conUsF>dt{ float: none; margin-right: 0;}
    .goodListF>dd{ display: none;}

    .sub_article dl dd{ width: 76%;}
    .leftIn,.rightIn{ width: 100%; float: none;}
    .article_read{ width: 98%; padding: 1%;}
    .bpic ul li img{ width: 50%;}
	
	.newslist ul {margin: -10px -10px 0;}
	.newslist ul li {width: 50%;padding: 10px;}
	.newslist ul li span{font-size:16px;}
	.newslist ul li h5{font-size:18px;line-height:22px;height:44px;}
	.newslist ul li p{font-size:16px;color:#666666;line-height:22px;height:66px;margin:10px 0 0;}
	.newslist ul li .box {padding: 25px 20px;}
}



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

   .left{ width: 26%;}
   .right{ width: 69%;}
   .case dl dt{ margin-right: 10px;}
   .case dl dd{ width: 36%;}
   .liuyan dl dd textarea{ width: 96%; min-width: 96%;}
   .liuyan dl dd input{ width: 96%;}
   .liuyan,.inquriy .sup_img{ float: none;}
   .leftIn,.rightIn{ width: 98%; margin: 0 auto 2%; float: none;}
   .formtitle strong{ width: 22%;}
   .sub_article dl dd{ width: 81%;}
   .rw-footer-box{ display: block;}

}





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

   .footer-bt p{ margin-left: 0; text-indent: 4px; float: none;}
   .aboutUs, .download{ margin-right: 10px;}
   .caseCss{ margin-right: 0;}
   .nav{ display: none;}
   .nav-btn{ display: block;}
   .headerIn{ height: 80px;}
   .right,.left{ width: 98%; margin: 1% auto; float: none;}
   .case dl dd{ width: 45%;}
   .about p img{ display: block; margin: 0 auto; width: 96%!important;}
   .prolist>h3{ font-size: 20px;}
   .pro-main ul li{ margin-top: 3%;}
   .video{ height: auto;}
   .banner ol{ height: 45px;}
   .about{ width: 98%; margin: 0 auto;}
   .product ul li{ height: auto;}
   .product ul li .hmpro-more{ float: none;}
   .path{ width: 100%;}
   #sub-frame-error{ width: 100%!important;}
   .footerIn{ padding-bottom: 72px;}
   .formtitle strong{ width: 20%;}

}



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

   .header-right-top .lang{ display: none;}
   .liuyan{ width: 98%; margin: 0 auto;}
   .formtitle strong{ width: 22%;}
   .sub_article dl dd{ width: 78%;}
}





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

#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet{width:12px;height:12px;margin:0 3px}

.indexA .tit h3{font-size:24px;}
.indexA ul{margin:20px -10px 0;}
.indexA ul li{padding:10px;}



    .main-bottom{ width: 485px;}
    .aboutUs, .download,.caseCss,.video{ float: none;}
    .header-right-top .lang,.search{ float: none;}
    .search{ display: none;}
    .aboutUs,.caseCss,.video,.download{ width: 97%; margin: 2% auto;}
    .case dl dd{ width: 35%;}   
    .related ul{ text-align: center;}
    .related ul li{ width: 43%; height: auto; margin-right: 2%; margin-bottom: 3%; display: inline-block; float: none;}
    .sub_article dl dd{ width: 77%;}
    .pro_text .tabs li{ width: 100%; float: none; background: #f1f1f1; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
    .pro_text .tabs li.active{ border-bottom: 1px solid #ccc;}
    .pro_text .tabs{ border-bottom: 0;}
}



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

.header .wp{padding-top:15px;padding-bottom:15px;}
.logo img{height:40px;}

.position{margin:20px 0 0;}

   .product ul li{ float: none; margin: 2% auto; width: 230px;}
   .product{ margin-right: 0;}
   .main-bottom{ width: 100%;}
   .pro-main{ width: 420px;}
   .pro-main ul li{ width: 200px; margin-right: 10px;}
   .prolist ul li:last-child{ margin-right: 10px;}
   .sub_article dl dd{ width: 74%;}
}



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

   .tools .link a.first{ display: block;}
   .tools{ height: 48px;}
   .case dl dt,.case dl dd{ float: none; width: 96%; margin: 1% auto;}
   .case dl dt a{ border: 0;}
   .case dl dt a img{ margin: 0 auto;}
   .bpic ul li img{ width: 98%; margin: 0 auto;}
   .spic{ width: 100%;}
   .related-products ul{ margin: 0;}
   .related-products ul li{ float: none; margin: 2% auto;}
   .casenr .txt p img{ width: 98%!important; height: auto!important;}
   .inquriy .sup_img p img{ width: 98%!important; display: block; margin: 0 auto;}
   .pro-main{ width: 228px;}
   .pro-main ul li{ width: 228px; margin: 0 auto; display: block;}
   .prolist ul li:last-child{ margin-right: auto;}
   .position{ padding-left: 14%;}
   .spic ul li{ width: 24%; margin-right: 1%;}
   .spic ul li img{ width: 100%; box-sizing: border-box;}
   .formtitle strong{ width: 30%;}
   .sub_article dl dd{ width: 72%;}
   .map iframe{ height: 350px!important;}
   
   .newslist ul {margin: -10px 0 0;}
	.newslist ul li {width: 100%;padding: 10px 0;}
}

@media screen and (max-width: 400px) {
   .sub_article dl dd{ width: 70%;}
}

@media screen and (max-width: 395px) {
   .sub_article dl dd{ width: 70%;}
}

@media screen and (max-width: 375px) {
  .position{ padding-left: 15%;}
  .sub_goods ul li{ width: 98%; float: none; margin: 0 auto 1%;}
  .sub_goods ul li img{ width: 230px!important; height: 223px!important; display: block; margin: 0 auto;}
  .sub_article dl dt .date,.sub_article dl dd{ float: none;}
  .sub_article dl dd{ width: 98%; margin: 2% auto; box-sizing: border-box; padding: 0;}
  .sub_article dl{ padding-left: 0;}
  .map iframe{ height: 300px!important;}
}
@media screen and (max-width: 320px) {
   .conUsF dl{ width: 100%;}
}