@charset "utf-8";

@media screen and (max-width:1454px)
{
header .headerright{float:right; width:60%; margin:0px 0% 0px 5%; position:relative;  }
.dianhua{ display:none; }

}

@media screen and (max-width:1440px)
{
.widthbox{ max-width:96%; margin:0 auto; transition: 588ms;}
.about_si{ max-width:90%; margin:3% auto 0% auto; transition: 588ms;}
.counter .count-title{ font-size:32px;   }
.counter span{   font-size:32px; }

.footercontact{ margin:0 auto 2% auto; width:100%;}

.mainpage{ max-width:96%;  }

.menu4{ clear:both; margin:0 auto; max-width:96%; display:none;}
.menu5{ clear:both; margin:0 auto; max-width:96%; display:none;}

}




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

.counter .count-title{ font-size:28px;   }
.counter span{   font-size:28px; }
.timey{ font-size:16px; }
	


}

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

.wrapper1{ text-align:center; }
.wrapper1 img{ float:none;}
.wrapper1:hover img{ float:none;}
.counter{ float:none; margin:0 auto;  }

}
/*<=1023px*/
@media screen and (max-width:1023px)
{

.mainbanner1 {height:400px;}

.positioninfo{font-size:20px;}

.cpmenu ul li{ width: 100%;  line-height:300%; border-bottom:solid #ccc 1px;    }
/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}


.menu3 h3{width:18%;}
.menu4 ul a {width:18%;}


}


/*<=920px*/
@media screen and (max-width:992px)
{

header .wapnav{display:block; width:15%; margin-top:15px; text-align:right; padding-right:1%;}

.nav{ display:none}
header .headerright{width:100%;z-index:99999;}
.dianhua{ display:none; }


.mobanfive{ background:#232323;  padding:50px 0 30px 0; }
.mobanfive .widthbox{ margin-top:60px; background:#d92c33; padding:0 0 35px 0; }
.mobanfive .fivepic{ overflow:hidden; margin:-35px 0 0 0px; }


.newsbox dl{ display:none; }	
	
.dtmd{ clear:both; display:block; text-align:center; font-size:36px; height:65px; line-height:65px; font-weight:bold;}
.dtmym{ clear:both; display:block;text-align:center;font-size:14px; }	

.mainpage{ width:96%;  }


}


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

/*搜索*/
.sousuobg { display:none;}

.mainbanner1 {height:400px;}

.mainpage{ padding:40px 15px 40px 15px; margin:-100px auto 0px auto;  }

/*产品分类*/
.menu3 h3{ width:32.3%;}
.menu4 ul a {width:30%;}


}



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

{
.mainbanner {height:350px;}	
.mainbanner1 {height:400px;}	

.bannermain{ height:200px; }



.mobantwo{ width:100%; padding:50px 0 90px 0;   }
.mobanthree{ padding:50px 0 40px 0; }
.mobanthree dl{ margin:0 0 15px 0; }
.mobanseven{ padding:50px 0 60px 0;  }





.maintitle{ font-size:26px; font-weight:bold; background:url(../images/line01.gif) no-repeat left bottom; padding:0 0 20px 0; margin:0 0 20px 0; }


/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}
.menu1 a,.menu1 a:link,.menu1 a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}


.message_add input[type="text"]{ width:79%;  }


}

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


.mainbanner {height:200px;}	
.mainbanner1{height:240px;}	


.biaoti{ text-align:center; margin:0; }
.biaoti a{ font-size:30px; font-weight:bold; color:#333; font-weight:bold; display:block; position:relative; z-index:20;  }
.biaoti span{  color:#333; font-family:"Arial Black", Gadget, sans-serif; font-size:14px; line-height:18px; text-transform : uppercase;  font-weight:bold;background:url(../images/biaoti01.png) no-repeat left; padding:60px 60px 0 60px;}
.biaoti2 a{  color:#fff;   }
.biaoti2 span{  color:#fff; }
.biaoti3{ padding:15px 0; background-size:cover; }
.biaoti3 strong{ font-size:30px;  color:#fff;  }
.biaoti3 span{ font-size:28px; }
.biaoti3 p{ font-size:14px;}
.biaoti4{ text-align:center; margin:0; background:#c92027 url(../images/biaoti03.jpg) no-repeat center; background-size:cover; color:#fff; padding:4% 0 7% 0; }
.biaoti4 a{ font-size:30px;  color:#fff; font-weight:bold;  }
.biaoti4 p{ margin:10px 0 0 0; font-size:14px;  }



.product_view div.bigimg img{ width: 100%;  height:auto; }

.position{ display:none; }

/*产品分类*/
.menu3 h3{ width:49%;}
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:15px;}*/
.menu4 ul a {width:46%; font-size:12px;}


/*新闻内页*/


.footerbottom{ background:#101010;  color:#555555; font-size:14px; padding:20px 0 60px 0; margin:0% 0 0 0; text-align:center; }
.fnav2{ display: block; }


}
@media screen and (max-width:576px)
{
	
.mobanone{ background:#f7f7f7; height:290px; width:100%;   }
.mobanone .widthbox{ position:relative;  }
.mobanone .widthbox .onebox{ padding:20px 5%;  background:#fff; position:absolute; top:-25px;  }
.mobanone dl{ background:url(../images/mobanoneline.gif) no-repeat 0px 15px; padding:0 25px; margin:0 0 15px 0; }
.mobanone dl dt{ line-height:32px; color:#696969; margin:0px 0; color:#d92c33; font-weight:bold; }
.mobanone dl dd{ font-size:14px; color:#333; line-height:18px; margin:0px 0 0px 0;}
.mobanone dl a{ display:block; line-height:40px; width:220px; border:1px solid #ab0000; border-radius:20px; text-align:center; color:#ab0000; transition: 588ms;}
.mobanone dl a:hover{ color:#ffffff; background:#ab0000;   }
	

	
	
	
.htmleaf-content{ width:90%; margin:3% auto 0 auto; }

.message_add input[type="text"]{ width:70%; border:0px solid red; background:#f3f3f3; }




}

@media screen and (max-width:400px)
{
header .logo{ float:left; width:70%; line-height:normal; text-align:left; }
header .logo img{ display:block; width:100%;}
	
	
.mobanfour dl{ padding:0 0 0 10%;  } 
	
	
/*产品分类*/
/*.menu3 h3{width:49%;}*/
.menu4 ul a {width:30%;}

}


@media screen and (max-width:320px)
{
.mainbanner {height:150px;}	
.mainbanner1{height:160px;} 


/*产品分类*/
/*.menu3 h3{width:98%;}*/
.menu4 ul a {width:96%;}

}