@charset "utf-8";

@media screen and (max-width:1400px)
{

}




@media screen and (max-width:1200px)
{
.imain2zz img { width:100%; }
.headerpage{width:96%; }
header .headerright{ width:18%;}

.imain3 .imin3_1{  padding:3% 0  3% 1%; }
.centerbotm{ margin:6% 0 6% 1%;}
.footin-1-1 { float:left; width:60%; color:#FFF; line-height:24px; padding-left:2%;}



.mainpage-1 .left{clear:both; overflow:hidden; padding:0 0%; margin:0 auto; display:block;}
.mainpage-1 .right{max-width:1200px; margin:0 auto; padding:2% 1%; background:#FFF; float: none; width:97%;}	
.mainpage-1 .left-1{ float:left; width:22%;  display:none;}



}
@media screen and (max-width:1152px)


{
	header .headerright { width: 14%;}
	
	}
@media screen and (max-width:1024px)


{
	
	
header .logot img{ display:none;}
header .logo{ padding:0;width:60%; }

header .headerright { width: 20%;}

.imain4 .imain4biaoti{ float: none;  background: none ; text-align:center; color:#333; font-size:14px; text-transform:uppercase; padding:4% 0% 0% 0%; width:100%; margin:0 auto; }
.imain4 .imain4biaoti h2 a{ color:#0069c0; line-height:48px; font-size:28px; background:url(../images/btbg.png) no-repeat center  bottom 43%; display:block;}

.imain4biaoti h3 { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.imain4biaoti h4 { padding-bottom:0%; display:none;}

.iproduct .cpzhanshi {padding: 15px 0px 0 0;}

.cpfenlei a {line-height: 40px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.cpfenlei ul{  margin-top:0%; padding:2% 0 2% 0; }

.first .li{ width:21%;float:left }


.iproduct { float: none; width:100%; }
.promenu .first { width:100% ;}
.promenu .first>li{ width:30%;display:inline-block; clear: none; margin-top:5px; padding: 0 0%;   }
.promenu .first>li .more{ display:none;}


.first .midmenu { margin: 0% 2%;}



}

@media screen and (max-width:1009px)
{
	
.imainbg1{ background-image: none ; background:#0069c0;}
.imainbag span{ color:#FFF; padding-right:3%;}
	
	
.imainbg3 {background:url(../images/hengbg2.jpg) center center no-repeat;}
.imain3 .imin3_2 {display:none}
.imain3 .imin3_3{  padding:3% 3% 0 0;}
.footin-1-1 { float:left; width:73%; color:#FFF; line-height:24px; padding-left:2%;}


}


@media screen and (max-width:1023px)
{

}



@media screen and (max-width:960px)
{
.imain2le{  background:none;  padding:2% 4% 1% 4%; }
.yb_conct{ display:none;}

/*内页*/
.menu3 h3{ width:32%;}

}


@media screen and (max-width:859px)
{
.headerright{ display:none; }
.imain3 .imin3_1{  width:60%}
.footin-1-1-letop{ display:none;}
}



@media screen and (max-width:768px)

{
	
.imain2ri{  padding-top:4%}
.imainbg5 .imain5 .imin3_2 .xwlb a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  }
.swiper-slide span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }




.imainbg5 .imain5 .imin3_1{ float:left; width:95%; padding:0 2%}
.imainbg5 .imain5 .imin3_2{ display:none;}
.imain3 .imin3_1 h2 img{ display:none; }


.cpfenlei{ display:none;}
.cpfenlei2{ display:block;}




}
@media screen and (max-width:720px)

{
.imain2ri{  padding-top:4%}
.iproduct .cpzhanshi ul li{  width: 47.5%; }

/*内页*/
.info_list dl{ width:47%; }


.product_list ul li{ width:48%;}
.infosearch{ display:none;}
}


@media screen and (max-width:640px)
{
.imain3 .imin3_1{  width:95%; padding-left:2%;}
.imain3 .imin3_3{ display:none;}
.imainbag span{ display:none;}

.cpfenlei ul li{  width:30%;}

#showbanner{width:140%; margin-left:-20%;}
.imain2le p {line-height:28px;}

.imainbag p{  font-size:28px;  }
.imain3 .imin3_1 h2{ font-size:24px;  }
.imain3 .imin3_1 h3{  font-size:18px;}


@media screen and (max-width:500px)
{
	
header .logo{ padding:0;width:80%; }	
	
.imain2le{ float: none; width:92%;  }
.imain2ri { display:none;}
.imain2le h1{ display:none;}
.imain2le span { display:block; text-align:center; padding-top:2%;}

.imain3 .imin3_1{  width:94%; padding-left:4%;}
.imainbg5 .imain5 .imin3_1{ float:left; width:90%; padding:0 4%}
.dtmwarp{ display:none;}
.centerbotm dl dd{ float: none; width:94%; padding:0 0% 0 4%; background:url(../images/xwleft.png) no-repeat left ; }

.cpfenlei ul li{  width:45%;}

.footin-1-2 { display:none;}
.footin-1-1 { float: none; width:95%;}


.promenu .sec>li>a { display:none;}
.promenu .sec{  display:none; height:0px;}

.promenu .sec li a{ background:url(../images/lileft.png) no-repeat center left 35px; display:none; }
.promenu .first>li{ width:45%;display:inline-block; clear: none; margin-top:5px; padding: 0 0%;   }
.promenu .sec{  padding-bottom:0px;}



}


@media screen and (max-width:400px)
{
}


@media screen and (max-width:340px)
{
	
.footin-1-1-lebot { border-bottom:#025396 2px solid; text-align:center;}
.footin-2 { display:none;}

}
