@charset "utf-8";
@media screen and (max-width:1400px)
{
.newsbox{width:93%;}
}

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

}

@media screen and (max-width:1200px)
{
.newsbox{width:93%;}
}
/*<=1023px*/
@media screen and (max-width:1023px)
{
.bannerheight {height:200px;}


header .headerright .tel{ display:none}


.positioninfo{font-size:20px;}


.mainnav{
	width:98%;
}



/*首页样式*/
.indexbt{text-align:center; clear:both; width:50%; margin:2% auto 1% auto; font-size:17px; color:#696969; line-height:30px;}


/*首页新闻*/
.newsbox{ width:94%;}
.newsbox dl dd .content a{ font-size:17px;line-height:30px;}



.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; }	

.product_list ul li{ float:left; width:30%; padding:5px 1% 10px 2%;}

.info_listimg ul li{float:left; width:30%; padding:5px 1% 5px 2%;}

.aboutimg{ display: none; }
.mainbox3{ float:left; width:100%; background:#fff; padding:40px 0;}
.mainbox3 .aboutcon{ width:96%; margin:20px auto 0 auto; padding:0; }
.mainbox3 a.more{ position:static; display:block; margin:20px auto 0 auto;}
.mainbg4{ margin-top:0;}


.anniu ul li h3{ font-size:22px; line-height:46px; padding-top:4%;}

.titlebg{ display:none}




.erweima{width:24%;}


}


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

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

.bannerheight {height:350px;}

img.wenhua{ display: none; }
/*首页产品*/
.cpmenu{width:100%;  overflow:hidden; background: #fff;text-align: center;}
.cpmenu h2{ line-height: 40px;  color: #fff; }
.cpmenu h2 a{ font-size: 18px;}
.cpmenu ul li{ float: left; width: 50%;  line-height:30px; border:none;   }
.cpmenu ul a{ font-size:14px; }
.chnapinbox{width: 100%; text-align:center;  }
.chnapinbox a{ display:block; float:left; border:solid #ccc 1px;width:46%; margin:2% 1% 2% 1%; line-height:36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chnapinbox a img{ display:block; width:100%;}
.chnapinbox a span{ display: block; width: 100%; text-align: center; line-height:36px; color: #fff; }
.chnapinbox a:hover{color:#e78509; text-decoration:none;}
.mainbg3{ display: none; }
.mainbox1 dl{ float:left; width:37%; text-align:center; border: solid #ccc 1px; padding:3%; margin:3%; position:relative;}
.mainbox1 dl dt{ clear:both; position: absolute; top:-12%; left: 38%; padding-bottom: 20%;}


.anniu ul li h3{ font-size:22px; padding-top:10%;}

.box .con h3 a{font-size:20px;}
.box .con p{ display:none}



.info_listyingyong dl{ float:left;margin:0 1% 15px 1%; width:98%; margin-bottom:2%;}
.info_listyingyong dt{ width:28%; border:#CCCCCC 1px solid}

.info_listyingyong dd{ width:66%; color:#666666}
.info_listyingyong dd a{ font-size:16px; line-height:40px;}

/*友情链接*/
.linkbt{ float:none; clear:both; width:100%; border-right:0px solid #cccccc; text-align:center;}
.lianjie{ float:none; clear:both; width:100%;}

.footmenu{ display:none}


.footer .banquan{ width:60%;}
.footercontact{width:48%; padding-left:14%;}
.erweima{ width:30%;}



/*产品分类*/
.menu3 h3{width:23%;}
.menu4 ul a {width:21%; padding:6px 1%;}

}



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

{
.about .aboutcon p{ width:84%; padding-top:2.5%;}

.about .lianjie{ width:90%; }
.about .lianjie a{ float:left; margin-right:1.1%; margin-left:1.1%; text-align:center; font-size:18px; color:#4a688e; width:30%; line-height:40px; height:40px; border:#c6cbdc 2px solid}
.about .lianjie a:hover{border:#0b4a9c 2px solid}



/*产品导航*/
.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%;}


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

.message_add p{ padding:3px 0; float:none; width:100%;}

.product_list ul li{ width:48%; padding:0px 1% 10px 1%;}

.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%;}

.mainbox4 ul li{width:48%;}

.zoominfo .zoominfoleft{float:left; width:50%; }
.zoominfo .zoominforight{ float:right; margin-left:15px; font-size:14px; line-height:25px; width:45%; padding-right:0%; }

.footercontact{width:48%; padding-left:10%;}
.erweima{ width:36%;}


}

@media screen and (max-width:640px)
{
header .headerright{width:0%;}
.mainnav{margin:0px auto 0 auto;}


header .logo{ width:26%;}
header .logo img{ width:100%;}

.indexbt{ width:90%; margin:2% auto 1% auto; font-size:17px; color:#696969; line-height:30px;}


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


.info_list dl{width:48%;}
.info_list dl dd{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

/*产品分类*/
.menu3 h3{width:45%; margin-right:2%; margin-left:2%;}
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{}
.menu4 ul a {width:46%; font-size:15px;}



.zoominfo .zoominfoleft{float:none; width:100%; margin:0 auto; }
.zoominfo .zoominforight{ float:none;  width:100%;  }
.zoominfo .zoominforight .content{ padding-top:0%;  }

.zoominfo .htmleaf-tent{ max-width:500px; margin:3% auto 0 auto; }


.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; }

.fuwu li.fuwu01{ width:47%;margin-left:1.5%; margin-right:1.5%;}



.info_listxw dl dd a.title{font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.info_listxw dl dd .newsdate{ display:none;}
.info_listxw dl dd .jianyao{height:24px; overflow:hidden;}

.linkbg{display: none;}
.newsbox .xwleft dl dt{display:none;}
.newsbox .xwleft dl dd{ width:100%; float: none;}
.titlebox1 h3{ display: none; } 


.box{width:50%;}


.yb_conct{ display:none}
.indexproduct{ height:260px;background-attachment:inherit; background-size:cover; margin-top:5%;}
.indexproductbg .fenleileft{ width:47.5%; line-height:100px; font-size:18px; margin-top:8%;}
.indexproductbg .fenleileft a{ display:block; font-size:18px;}
.indexproductbg .fenleiright{ float:right; width:47.5%; line-height:100px;  font-size:18px; margin-top:8%;}
.indexproductbg .fenleiright a{ display:block; font-size:18px; }

.indexproduct .titlebg{ width:2%}
.box h4 a{ font-size:16px;}

.footercontact{width:48%; padding-left:6%;}
.erweima{ width:38%;}
.footerbottom{ margin-bottom:9%;}
.fnav2{ display: block;width:100%; margin:0 auto;  overflow:hidden; background:#1e223b; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:30%;vertical-align:middle; padding-left:4%; padding-right:5%;}


}


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

header .logo{ width:45%; padding-top:1%;}
.newsbox dl{ float:none; width:96%; margin:20px 1% 0 1%; margin:0 auto }
.newsbox dl dd{ float:none;width:98%; margin:0 auto; clear:both;}
.img-list li>a h3{  bottom: 10px; font-size:16px;}

.positioninfo{padding:0px 0 0 0px; font-size:22px; margin-left:10px; }

.position{ display:none}

.productcontentnav{padding-left:10px; }
.productcontentnav a,.productcontentnav a:link,.productcontentnav a:visited,.productcontentnav a:hover {padding:0 15px; margin-top:4px;}
.productcontentnav a.active,.productcontentnav a.active:link,.productcontentnav a.active:visited{color: #ffffff; background-color:#024fa0; }
.productcontentnav span{font-size:16px;}
.footercontact{ display:none}
.erweima{ width:90%;}

}


@media screen and (max-width:320px)
{
.menu3 h3{width:98%;}
.menu4 ul a {width:96%;}
}