@charset "utf-8";

@media screen and (max-width:1600px)
{

header .headerright{float:left; width:60%; padding:0px 0 0 0; margin:0 2% 0 4%; position:relative;   }


/*产品*/
.product_cate dl dt img{ width:50%; }



}



@media screen and (max-width:1280px)
{
header .headerright{float:left; width:60%; padding:0px 0 0 0; margin:0 1% 0 2%; position:relative;   }



/*产品*/
.product_title{ text-align:center; font-size:28px; margin:0 0 3% 0; font-weight:bold; color:#555;  }
.product_cate dl dd strong{line-height:21px;font-size:24px; margin:0 0 3% 0; font-weight:bold; color:#555;}

/*搜索*/
.infosearch{ clear:both; overflow:hidden; text-align:center; padding:0px 0px 0 0; width:90%; margin:0 auto; margin-bottom:3%; border:1px solid #ddd; border-radius:50px;}



}



@media screen and (max-width:1200px)
{

header .banben{ float:left; width:130px; border:1px solid #fff; border-radius:20px; padding:4px 0; margin:1% 0 0 5%; color:#fff; font-size:15px; text-align:center;transition: 588ms; }

.youshi dl dd{ font-size:16px; line-height:26px; padding:5% 5% 0% 5%;  float:left; width:40%; }


.xinwen dl dd{ float:right; width:58%; padding:5% 0 5% 4%; border-left:1px solid #e0e0e0; }








}





/*<=1023px*/
@media screen and (max-width:1023px)
{


.youshi{ width:90%; clear:both; overflow:hidden; margin:auto; }
.youshi dl{ width:100%; float:none; background:#f8f8f8; clear:both; overflow:hidden;  }
.youshi dl dt{ overflow:hidden; float:none; width:100%; }
.youshi dl dd{ font-size:16px; line-height:26px; padding:5% 5% 5% 5%;  float:none; width:90%;  }
.youshi dl dd strong{ font-size:24px; font-weight:bold; display:block; margin:0 0 20px 0; }


.map{ display:none;}
.lingyu{ width:90%; clear:both; overflow:hidden; margin:auto;  }



.footerlx{ float:none; width:100%; margin:1% auto; color:#fff;  line-height:36px; }

.footmenu{ float:none; width:100%; clear:both; overflow:hidden; }
.footmenu a:hover{color:#e17c4a; text-decoration:none;}
.footmenu dl{ float:left; width:25%; margin:0px;}
.footmenu dl dt{color:#c10c21; line-height:30px; }
.footmenu dl dt a{ font-size:16px; color:#fff; }
.footmenu dl dd{  width:100%; clear:both; margin-top:0px;}
.footmenu dl dd a{ font-size:14px; color:#999999; line-height:27px; }
.footmenu ul{ float:left; width:40%; }
.footmenu ul ol{ font-size:16px; color:#fff; line-height:30px; }
.footmenu ul li{ float:left; margin-top:0px; width:33%; }
.footmenu ul li a{ font-size:14px; color:#999999; line-height:27px; }


.erweima{ float:none; width:100%; text-align:center; color:#fff; padding:5% 0; margin:5% 0; border:1px solid #484848;  border-left:0px solid #484848;  border-right:0px solid #484848; }
.erweima dl{ clear:both; overflow:hidden; }
.erweima dd{ float:left; width:50%; text-align:center; }
.erweima img{ width:106px; display:block; margin:0 auto 15px auto; }








.info_list{ padding:20px 0 0 0; overflow:hidden;}
.info_list ol.head span.title{ width:100%;}
.info_list ol.head span.views{ display:none; }
.info_list ol.head span.date{display:none;}

.info_list ol{ overflow:hidden;}
.info_list ol.info a.title{width:100%; }
.info_list ol.info span.views{display:none; }
.info_list ol.info span.date{display:none; }	



.info_listimg ul li{float:left; width:30%; padding:5px 1% 5px 2%;}











}


/*<=920px*/
@media screen and (max-width:920px)
{

.biaoti{ text-align:center; font-size:16px;  width:90%; margin:40px auto;  }
.biaoti a{ font-weight:bold; color:#333; font-size:28px; margin:0 0 20px 0; }
.biaoti a:hover{ color:#b99a6e; }
.biaoti span{ background:url(../images/biaotiline.gif) no-repeat center; margin:10px 0 0 0; display:block; font-size:20px; color:#b99a6e; font-weight:bold; }
.biaoti p{ padding:1.5% 0; }


.biaoti1{ text-align:center; font-size:16px; line-height:34px; color:#555; max-width:1250px; margin:50px auto 50px auto; }
.biaoti1 a{ font-weight:bold; color:#333; font-size:28px;  clear:both; overflow:hidden; }
.biaoti1 a:hover{ color:#b99a6e; }
.biaoti1 p{ margin:20px auto 0 auto;  width:90%; line-height:26px;  }



.xinwen dl{ float:none; clear:both; overflow:hidden; width:96%; margin:0 0 3% 0; padding:3% 2%;  }
.xinwen dl:hover{ box-shadow: 6px 6px 0px #aaa;}
.xinwen dl:nth-child(3){ margin:0 0 0 0;  }
.xinwen dl dt{ width:15%; float:left; }
.xinwen dl dd{ float:right; width:60%; padding:5% 0 5% 4%; border-left:1px solid #e0e0e0; }
.xinwen dl dd p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; line-height:30px; font-size:16px; }


.mainarea{ position:relative; clear:both; overflow:hidden; width:90%; background:#fff;  margin:0 auto; padding:2% 5%; min-height:360px; height:360px; box-shadow:0px 0px 15px #eee;}



/*关于我们首页*/
.aboutindexone{ background:#fff;  margin:0 auto; width:90%; padding:5% 5%; box-shadow:0px 0px 15px #eee;}
.aboutindexone dl{ clear:both; overflow:hidden;}
.aboutindexone dl dt{ float:none; width:100%; margin:0 0 5% 0; }
.aboutindexone dl dt img{ width:100%; }
.aboutindexone dl dd{ float:none; width:100%;  }
.aboutindexone dl dd h2{ font-size:28px; }
.aboutindexone dl dd .about_neirong{ line-height:26px; margin:2% 0; text-indent:28px; }
.aboutindexone dl dd a{display:block; width:160px; text-align:center; line-height:36px; color:#fff; font-size:16px; font-weight:normal; margin:30px 0 0 0;  transition: 588ms; background:#0a51a3;}
.aboutindexone dl dd a:hover{ box-shadow:3px 3px 5px #aaa; background:#b99a6e; }

.aboutindexthree dl dt{ float:none; width:100%; margin:0 0 5% 0;}
.aboutindexthree dl dd{ float:none; width:100%; }

.aboutindextwo{ background:url(../images/wenhua.jpg) no-repeat; background-size:cover; color:#fff; margin:3% 0; padding:5% 0; }
.aboutindextwo ul{ clear:both; overflow:hidden; margin:0 auto; width:80%; padding:2% 2.5%;}
.aboutindextwo ul li{ width:100%; float:left; margin:2% 0 2% 0; border-left:2px solid #fff; padding:0 0 0 2%; height:auto; }
.aboutindextwo ul li strong{ font-size:22px; font-weight:normal; display:block; }
.aboutindextwo ul li p{ line-height:26px; font-size:16px; padding:2% 0 0 0; }

.aboutindexfour{ margin:5% 0 0 0; }

.wenhua_pic{ width:100%; float:left;}
.info_list_wenhua ul{ width:100%; float:right; padding:5% 0; }
.info_list_wenhua ul ol strong{ font-size:22px; color:#b99a6e; }

.bigbox>.imgbox{float:left; width:46%;padding:1.5%;position:relative; border:1px solid #fff; background:#eee;  }


.info_listxw dl{ clear:both; padding:5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}


/*联系方式*/
.contactindexone{ background:#eee; width:90%; padding:2.5% 5%; margin:0 0% 5% 0%; float:none; line-height:36px; }
.contactindexone dl{ height:auto; padding:5% 0; }
.contactindexone dl dd{ float:left; font-size:24px; font-weight:bold; margin:2% 0 0 5%;   }



/*产品*/
.product_title{ text-align:center; font-size:22px; margin:0 0 3% 0; font-weight:bold; color:#555;  }

.product_cate{clear:both;  width:80%;  margin:0 auto; padding:2% 2.5% 6% 2.5%;}
.product_cate dl{  width:100%; margin:0 0% 25% 0%; float:none; background:#eeeeee; padding:5% 0 5% 0; position:relative;transition: 588ms; }
.product_cate dl:hover{ /*background:#f2eade;*/box-shadow: 0px 0px 15px #555; }
.product_cate dl:hover dt{ position:absolute; top:15%;}
.product_cate dl dt{ text-align:right;  width:100%; position:absolute; top:50%;transition: 588ms;}
.product_cate dl dt img{ width:50%; }
.product_cate dl:hover strong{ color:#b99a6e;}
.product_cate dl dd strong{line-height:21px;font-size:24px; margin:0 0 3% 0; font-weight:bold; color:#555;}
.product_cate dl dd{ padding:0 0 0 5%; }
.product_cate dl strong{ font-size:14px; display:block;}
.product_cate dl a{ display:block; }


.product_box{ width:90%; margin:0 auto; padding:0% 5% 2% 5%;   }
.product_list ul li{float:left; width:46%; padding:5px 1% 5px 1%; margin:0 1% 2% 1%; border:0px solid #f8f8f8; text-align:center;line-height:26px; background:#fff; }






@media screen and (max-width:768px)

{

header .logo{ float:left; width:45%; line-height:40px; margin:18px 0 0 0;  }
header .logo img{ vertical-align:middle; display:block; width:100%;}
header .banben{ float:left; width:28%; border:1px solid #fff; border-radius:20px; padding:0px 0; margin:18px 0 0 20px; color:#fff; font-size:15px; text-align:center;transition: 588ms; }
header .banben a{ color:#fff; font-size:15px; padding:0 5px; }
header .headerright{float:none; width:70%; padding:0px 0 0 0; margin:0 0 0 4%; position:relative; }



.lingyu{ width:90%; clear:both; overflow:hidden; margin:auto;  }
.lingyu p{ width:100%; float:none; line-height:26px; font-size:16px; color:#fff;  }
.lingyu a{ float:none; display:block; height:45px; line-height:45px; width:221px; margin:5% auto 0 auto; text-align:center; color:#fff; font-size:16px; background:url(../images/lingyumenu.png) no-repeat center;  }




.message_add p{ padding:3px 0; float:none; width:100%;}




.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%;}



}




@media screen and (max-width:720px)
{
	
	
.positioninfo{  padding:0px 0 0 0px;  color:#fff; font-weight:bold; font-size:24px; position:absolute; top:-110px; text-align:center; width:100%; }
.positioninfo strong{ display:block; background:url(../images/maintitle.gif) no-repeat bottom center; padding:0 0 15px 0; text-shadow:0px 0px 5px #333; }


/*搜索*/
.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ clear:both; overflow:hidden; text-align:center; padding:0px 0px 0 0; width:90%; margin:0 auto; margin-bottom:3%; border:1px solid #ddd; border-radius:50px;background-color:#ffffff; }
.infosearch input[type="text"]{ float:left; width:70%;line-height:55px;border:0px solid #dddddd; padding-left:5%;background-color:#ffffff;outline:none; font-size:16px;}
.infosearch input[type="submit"]{background-color:#0a51a3; float:right; border:0px solid #00418b; width:60px; height:60px; color:#ffffff;font-weight:bold;;border-radius:50%; cursor:pointer;outline:none; }



}


@media screen and (max-width:640px)
{



.cpfenlei{ clear:both; overflow:hidden;  width:90%; margin:0px auto; }
.fenlei{ width:100%; float:none; position:relative; margin:0 0 4% 0; }
.fenlei img{ width:100%; display:block; transition: 588ms; }
.fenlei dl{ color:#fff; text-align:center; position:absolute; overflow:hidden;  }
.fenlei dl dt{ font-size:28px; font-weight:bold; }
.fenlei dl a{ display:block; width:130px; line-height:26px; color:#fff; font-size:16px; font-weight:normal; border:1px solid #fff; margin:10px auto 0 auto;  transition: 588ms;  }
.fenlei:hover a{ background:#b99a6e; }
.fenlei_r dl{  top:20%; left:10%; }
.fenlei_l dl{  top:20%; right:10%; }






.product_view div.bigimg img{ width: 100%;  height:auto; }




/*新闻内页*/






}
@media screen and (max-width:500px)
{


.htmleaf-content{ width:90%; margin:3% auto 0 auto; }	
	
.menu3{ clear:both; margin:0px auto 0px auto; width:90%; text-align:center; padding:2% 0; overflow:hidden; }
.menu3 a,.menu3 a:link,.menu3 a:visited{ font-size:18px; text-align:center; display:block; width:48%; margin:1px; float:left; padding:0px 0; color:#333; line-height:40px;
	-webkit-transition: background-color 0.5s ;  -moz-transition: background-color 0.5s ;  -o-transition: background-color 0.5s;  transition: background-color 0.5s; background:#eee; }
.menu3 a:hover,.menu3 a.active,.menu3 a.active:link,.menu3 a.active:visited{background:#0a51a3; color:#fff; text-decoration:none;}
	
	
}

@media screen and (max-width:400px)
{



}


@media screen and (max-width:320px)
{




}
