@charset "utf-8";
@media screen and (max-width:1400px)
{
.headerright{ float:right; width:70%; margin:0%;  }
}

@media screen and (max-width:1200px)
{
header{ max-width:94%; margin:0 auto; }
}

@media screen and (max-width:1143px)
{
.footermenu dl{ width:50%;  }	
}

@media screen and (max-width:1100px)
{
.indexone dl{ margin:0 1% 1.5% 0; }
.indextwo .twobox{ width:90%; margin:0 auto; }
}

@media screen and (max-width:1055px)
{
.mainnav:after, .mainnav:before {content: '';display: block;clear: both;height: 0;}
.mainnav a{float:none; width:100%; font-size:16px; text-align: center; line-height:36px; }
header .wapnav{display:block; width:15%; margin:35px 0 0 0;}	
header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }	

header{clear:both; width:90%; margin:0 auto; padding:0 0; }
.mainpage{clear:both; width:90%; margin:0px auto 0% auto; padding:0 0 0% 0;  background:#fff; box-shadow:0px 0px 15px #999; position:relative; top:-130px;  }

.positioninfobox{ height:400px;  }

.menu1 h3{float:left; padding:0px 0px; margin:0.5% 0.5%; width:24%;background:#cf2b1d;}

}

@media screen and (max-width:966px)
{
.menu3 h3{ margin:0.5% 0.5%;  }
}

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

.indextwo{ clear:both; overflow:hidden; padding:3% 0 25% 0; margin:3% 0 0 0; overflow:hidden; color:#fff; }
.indextwo .twobox strong{ font-size:19px; margin:20px 0; display:block;  }
.indextwo .twobox .jianjie{ font-size:16px; line-height:32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:9;  }

.indexthree .content ul li{ width:41%; float:left; border-right:1px solid #cbcbcb; margin:0 0 2% 0; padding:0 4%; text-align:center; font-size:16px; font-weight:bold; line-height:23px; }
.indexthree .content ul li img{ display:block; width:58px; margin:0 auto 15px auto;  transition: 588ms;}
.indexthree .content ul li:nth-child(2){ border:0px; }

.indexfour{ padding:30% 0 0 0;  }


/*联系方式*/
.contactbox{ clear:both; overflow:hidden; padding:7% 0 5% 0; }
.contact_left{ width:100%; float:none; line-height:40px;}
.contact_right{ width:100%; float:none; }


/*信息图片：上图下字*/
.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%; text-align:center; line-height:36px;}

/*产品：上图下字*/
.product_list ul li{float:left; width:48%; padding:5px 1% 2% 1%; text-align:center;line-height:26px;}

.page_road .pagetop{ float:none;}
.page_road .pageup{ float:none;}
}

@media screen and (max-width:720px)
{
.indexone dl{ width:43%; margin:0 1.0% 2% 1.0%; padding:2% 2%; float:left; background:rgba(255,255,255,0.6); border:1px solid #eeeeee; border-radius:7px; text-align:center; color:#fff;  transition: 588ms; overflow:hidden; }
.indexone dl:nth-child(5n){ margin:0 1.0% 2% 1.0%; }
.indexone dl strong{ font-size:16px; color:#333; display:block; line-height:20px; height:20px; margin:20px 0 0 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.indexone dl p{ font-size:12px;  }

}

@media screen and (max-width:640px)
{
.biaoti a{  font-size:30px; padding:15px 0 0px 0; }
.biaoti span{ font-size:60px;  }

.fourbox ul li{ width:90%; float:left; margin:0 0% 5% 0; background:#f2f2f2; padding:2% 5% 5% 5%; transition: 588ms; }

.footermenu dl{ width:100%;  }

.mainpage{ top:-80px;  }
.positioninfobox{  height:300px; }
.posbox{ margin:10% auto 0 auto;}
.position{ padding-right:0px; line-height:40px; color:#fff; font-size:14px; }
.position a,.position a:link,.position a:visited {color:#fff; font-size:14px; }
.positioninfo{  padding:0px 0 0px 0px; line-height:40px; color:#fff; font-size:30px; font-weight:bold; }

.yb_conct{ display:none;}

.menu1{ margin:20px auto 0px auto; max-width:90%; clear:both; overflow:hidden; background:#f1f1f1; }
.menu1 h3{float:left; padding:0px 0px; margin:0.5% 0.5%; width:49%;background:#2a7a3b;}
.menu1 h3 a,.menu1 h3 a:link,.menu1 h3 a:visited{ font-size:16px; display:block; text-align:center; padding:10px 0; color:#fff; line-height:20px;
	-webkit-transition: background-color 0.5s ;
	-moz-transition: background-color 0.5s ;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s; }
.menu1 h3 a:hover,.menu1 h3 a.active,.menu1 h3 a.active:link,.menu1 h3 a.active:visited{ color:#fff; text-decoration:none; background:#221815;}

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

}

@media screen and (max-width:590px)
{
.indexfour{ padding:37% 0 0 0;  }
}

@media screen and (max-width:440px)
{
header .logo{ line-height:80px; }
header .logo img{ vertical-align:middle;  width:70%; }
header .wapnav{display:block; width:15%; margin:25px 0 0 0;}
.bannerwrap{clear:both; overflow:hidden; width:100%; margin:80px auto 0 auto; padding:0; background:#e5e5e5;}

.mainpage{width:96%;   }
.positioninfobox{ clear:both; overflow:hidden; margin:100px auto 0 auto; width:100%; height:230px; text-align:center;  }
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:14px;}

.btmbox{ margin:0px auto 50px auto;  }
.fnav2{ display: block; }

}

@media screen and (max-width:389px)
{
.indexfour{ padding:45% 0 0 0;  }

}