@charset "utf-8";

/* Default wide-screen styles */
@media all and (max-width: 1600px) {
   
/* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 1300px) {
 
/* styles for narrow desktop browsers and iPad landscape */
}


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

  .auto{ width:100%; margin:0 auto; padding:0px 5px;}
  .auto img{max-width: 100%;}
  .haerdtop .navul{margin-left:8%;}
  .haerdtop .navul ul li{padding:0px 18px;}
}
@media all and (max-width: 1100px) {
    .sycptulie .sycpright{ padding:40px 0px;}
	.sycpfid ul li{ float:left; width:46%; margin-left:3%;}
	.sycpjtt ul li{ float:left; width:46%; margin-left:3%;}
	
	.prods-pic-tit .prods-pic{ width:40%;}
	.prods-pic-tit .prods-tit{ width:55%; margin-left:5%;}
}

@media all and (max-width: 1000px) {
      .haerdtop .navul{ float:left; margin-left:2%;}
      .haerdtop .navul ul li{padding:0px 12px;}
	  
	  .synewsleft{ width:49%; margin-top:20px;}
	  .synewslier{ width:49%; margin-left:2%;margin-top:20px;}
}

@media all and (max-width: 990px) {
	  .contact-from ul li.lyb_bor .input{width:90%;}
	  .contact-from ul li .input{ float:left; width:80%;}
}

@media all and (max-width: 900px) {
  	

}


@media all and (max-width: 880px) {

}
@media all and (max-width: 860px) {
    .haerdtop{ display:none;}
	.hhh6{ display:block;}
    .mhtop{display:block;}
	
	.syproduct{ margin-top:18px;}
	.sycphtit h3{ font-size:20px;}
	.sycphtit span{ margin: 8px auto 0;}
	.sycphtit p{ font-size:20px;}
	.yycasei{margin-top: 20px;}
	.yycasei ul li{width:50%; margin-top:0px; padding-bottom: 1px;}
	.yycasei ul li:nth-child(6){display:block;}
	.yycasei ul li a:hover .syalcont .syaltit{ margin-top:20%;}
	.yycasei ul li img{display: block;}
	.h-caset-wrap .arr { top:18%;}
	.h-hor-wrap .arr { display:block;}
	
	.h-caset-wrap .caselist{margin-left:-2px; margin-right: -2px;}
	.h-caset-wrap .caselist:after{content: ""; display: block;height: 0; clear: both;}
	.h-caset-wrap .swiper-slide{float: left; width: 50%;}
	.h-caset-wrap .swiper-slide a{padding: 2px;}

	.sycptulie .sycpleft{ float:none; width:100%;height: auto;}
	.sycpfid ul li{ float:left; width:46%; margin-left:3%;}
	.sycptulie .sycpright{ float:none; width:100%;padding:25px 0px; padding-left:0px; padding-right:5px;}
	.sycpjtt{ margin-top:10px;}
	.sycpjtt ul li{ float:left; width:46%; margin-left:3%;}
	
	.syqyln{ margin-top:25px; background-size: auto 100%;}
	
	.loglnt{width:100%; text-align:center; padding-top:15px;}
    .loglnt a img{ width:50%; text-align:center;}
    .lntxt{margin-top:5px; font-size:14px; line-height:22px;}
	.lnfwlie{ margin-top:20px;}
	
	.lnfwlie li{ float: left; width:47%; margin-right:6%; margin-bottom:20px;}
	.lnfwlie li:nth-child(2n){ margin-right:0px;}
/*	.lnfwlie ul li:nth-child(3){ margin-right:0px;}*/
	.lnfwlie li a .lnimgt img{ width:80%;}
	.lnfwlie li:nth-child(4n){ margin-right:0px; margin-top:-12px;}
	.lnfwlie li a h3{ font-size:16px;color:#fff; margin:5px auto;}
    .lnfwlie li a p{ font-size:14px;color:#fff; line-height:20px;}
	
	.horzshu{ width:100%; margin-top:0px;}
	.horleftt{ float:none; width:100%; padding-top:25px; padding-bottom:32px;}
    .horright{ float:none; width:100%; height: 85vw;}
	.h-hor-wrap{position:relative; width:95%; margin:0 auto;margin-top:15px;}
	.syprotbg {padding-bottom: 5px;padding-top: 20px;}
	
	.syprotd{margin-top:0px;}
	.syprolist{ margin-top:20px;}
	.syprolist ul li{ width:48%; margin-right:4%;}
    .syprolist ul li:nth-child(2n){margin-right:0px;}
	
	.synews{margin-top:20px;}
	.synewsleft{ float:none; width:100%; margin-top:20px;}
	.synewslier{ float:none; width:100%; margin-left:0%;margin-top:20px;}
	.synewslier ul li .xwcont a{ font-size:16px;}
	.synewslier ul li .xwcont p{ padding-bottom:32px; line-height:24px; margin-top:10px;}
	
	.botnrdt{padding-top:0px; margin-top:30px;}
    .botauot{ display:none;}
	.h555,.myfooter{ display:block;}
	.toperqq{ display:none;}
	
	.nyproduct{ margin-top:15px;}
	.nytitles h3,h3.nytitles{ font-size:24px;}
	.htit-h2 h2,h2.htit-h2{font-size: 16px;}
    .htit-h2 h2:after, .htit-h2 h2:before, h2.htit-h2:after, h2.htit-h2:before { display: none; width:80px;margin: 5px 5px}
	.productfid{ margin-top:2px;}
	.productfid ul li{float:left; width:48%; margin-top:14px; margin-right:4%;}
    .productfid ul li:nth-child(2n){margin-right:0px;}
	.productfid ul li:nth-child(6n){margin-right:0px;}
	
	.prods-pic-tit .prods-pic{ float:none;width:100%;}
	.prods-pic-tit .prods-tit{ float:none;width:100%; margin-left:0%;}
	.prods-tit h3{ font-size:18px;margin-top:15px;}
    .prods-tit .prods-tit-p{line-height:25px;}
	.prods-can{margin-top:25px;}
	.prods-tui{margin-top:20px;}
	
	.about-content{ margin-top:18px;}
    .about-content .about-zbody{margin-top:10px;}
	
	.about-fuwu{margin-top:22px;}
	.about-fuwu-list ul{ margin-top:20px;}
	.about-fuwu .htit-h2 h2:after, .about-fuwu .htit-h2 h2:before { width:80px;margin: 5px 5px}
	.about-fuwu-list li{ float:left; width:49%; margin-right:2%; margin-bottom:15px;}
	.about-fuwu-list li{height:220px; padding-top:0px;}
	.about-fuwu-list li:nth-child(2n){margin-right:0px;}
    .about-fuwu-list li:nth-child(4n){margin-right:0px;}
	.about-fuwu-list li a .imgtt1{margin-top:5px;}
    .about-fuwu-list li a .imgtt2{ margin-top:5px;}
	.about-fuwu-list li a h3{font-size:16px;}
	.about-fuwu-list li a p{ font-size:14px;}
	
	.about-baohu-list { margin-top:10px; clear: both;}
	.about-baohu-list li{ float:none; width:100%; margin-right:0%;}
	.about-baohu-list li:nth-child(3n){margin-right:0px;}
	.about-baohu-list li a{ height:280px; padding-top:15px;}
	.about-baohu-list li a .imgtt{ width:20%;}
	.about-baohu-list li a h3{font-size:16px;}
	.about-baohu-list li a p{ font-size:14px;}
	
	.about-hor{ padding-top:20px; margin-top:8px;}
    .h-nyhor-wrap{margin-top:18px; padding-bottom:25px;}
	
	.syprolist ul li a .syproimgt{height:365px;}
	
	.case-cont{ margin-top:22px;}
	.case-list ul{ margin-top:20px;}
	.case-list ul li{ float:left; width:48%; margin-right:4%; margin-bottom:18px;}
	.case-list ul li a .h-caset-img{height:auto;}
	.case-list ul li:nth-child(3n){margin-right:4%;}
	.case-list ul li:nth-child(2n){margin-right:0px;}
	.case-list ul li a .h-caset-tit{ padding:15px;}
	.case-list ul li a .h-caset-tit h3{ font-size:14px;}
	.h-caset-wrap .swiper-slide a .h-caset-tit{ padding:15px;}
    .h-caset-wrap .swiper-slide a .h-caset-tit h3{ font-size:14px;}
	
	.news-list{ margin-top:20px;}
    .news-list ul li{ margin-bottom:15px; padding-bottom:40px;}
	.news-list ul li .news-imgt{ float:none; width:100%;}
	.news-list ul li .news-tit-p{ float:none; width:100%; margin-left:0%;}
	.news-list ul li .news-tit-p h3 a{ font-size:16px; display:block; margin-top:15px;}
	.news-list ul li .news-tit-p span{ margin:7px 0px;}
	.news-list ul li .news-tit-p p{ line-height:24px;}
	.news-list ul li .news-tit-p .news-data{ margin-top:10px;}
	
	.news-xq-tit{ margin-top:20px;}
	.news-xq-tit h3{ font-size:20px;}
	.news-xq-tit span{padding-bottom:15px;}
	.news-xq-tit .news-xq-txt{margin-top:15px;}
	
	
	.service-content{ margin-top:20px;}
	.service-list{margin-top:20px;}
	.service-list ul li{ width:48%; margin-right:4%; margin-bottom:12px;}
	.service-list ul li:nth-child(2n){margin-right:0px;}
	.service-list ul li:nth-child(4n){margin-right:0px;}
	
	.contact-content{ margin-top:28px;}
	.contact-two{margin-top:15px;}
	.contact-two .contact-t{ float:none;width:100%; line-height:30px;}
	.contact-two .contact-tt{ float:none; width:100%; margin-left:0%; margin-top:12px;line-height:30px;}
	.contact-two .contact-ert{float:none; width:100%;margin-left:0%; margin-top:12px;}
	.contact-map{margin-top:18px;}
	
	.contact-meg{ margin-top:12px;}
    .contact-meg .megh3{ font-size:20px;}
    .contact-from{ padding:0px 1%; margin-top:10px;}
	.contact-from ul li{ float:none; width:100%; margin-right:0%;}
	.contact-from ul li.lyb_bor .input{width:80%;}
}   

@media all and (max-width: 840px) {

}

@media all and (max-width: 820px) {
 
}

@media all and (max-width: 800px) {
    
}

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

@media all and (max-width:650px) {

}


@media all and (max-width:640px) {
  
}

@media all and (max-width:600px) {
   
	.about-fuwu-list ul li a{height:200px;}
}

@media all and (max-width:580px) {
  
}

@media all and (max-width:570px) {
.about-baohu-list ul li a .imgtt{ width:30%;}
}

@media all and (max-width:500px) {
 	.about-fuwu .htit-h2 h2:after, .about-fuwu .htit-h2 h2:before { width:30px;margin: 5px 5px;}
} 

@media all and (max-width:450px) {
  .synewslier ul li .sydate{width:20%;}
  .synewslier ul li .sydate span{font-size:20px;}
  .synewslier ul li .xwcont{width:80%;padding-left:25px;}
  .synewslier ul li .sydate p{text-indent:18px;}
  .synewslier ul li .xwcont a{ font-size:15px;}
  .synewslier ul li .xwcont p{font-size:13px;}
}

@media all and (max-width:420px) {
 .htit-h2 h2:after, .htit-h2 h2:before { width:48px;}
 .public-fid {}
 .public-fid .public-fid-right{ float:none;}
 
 .public-fid .public-fid-left{ float:none; margin-bottom:15px;}
 .syprolist ul li a .syproimgt{height:195px;}
 
}

@media all and (max-width:400px) {
  .about-fuwu .htit-h2 h2:after, .about-fuwu .htit-h2 h2:before { width:5px;margin: 5px 5px;}
  
  .syprolist ul li a .syproimgt{height:175px;}
}

@media all and (max-width: 320px) {
  
}