@charset "utf-8";
@media screen and (max-width:1400px)
{
.container {width:98%; margin:0 auto; padding:0;}
.topbox  {width:98%; margin:0 auto;  }
.mainbg1 .mainbox1{ position:absolute; top:-40%; left:0px; width:100%;  }

.jianjie{ margin:10% auto 0 auto; padding-top:0%;}

.proitem {  padding:3% 0 2% 0;}

.newsbox{ padding:3% 0 0 0; }

.footer{clear:both; max-width:1400px; margin:0 auto; padding:2% 0; overflow:hidden;}
.footerlx{ margin:2% auto; }


}

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


}

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

.mainbg1{ }
.mainbg1 .mainbox1{  position:absolute; top:-15%;}
.proitem { padding:5% 0 2% 0;}


.jianjie{  width:96%; margin:0% auto 0 auto; padding:10% 0 0 0;}

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

/*.mainbanner1 {height:400px;}
.main-im{ display: none; }*/

.mainbg1 .mainbox1{  position:absolute; top:-10%;}
.jianjie{  width:96%; margin:0% auto 0 auto; padding:20% 0 0 0;}
.chanpinmenu a { flex:23%;}


.footerlx{  margin:4% auto; clear:both; overflow:hidden; color:#fff;  }
/*.footerlx dl{ clear:both; overflow:hidden; float:none; width:96%; margin:0 0% 2% 0%; border:1px solid #7b7b7b; border-radius:8px; padding:1.5% 0 1.5% 3%; }*/

.footer{ padding:5% 0; }
.footmenu{ float:none; width:90%; margin:0 auto; }
.footmenu a:hover{color:#e17c4a; text-decoration:none;}
.footmenu dl{ float:left; width:33%; margin-right: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:none; width:100%; padding:3% 0; clear:both; overflow:hidden; }
.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{ display:none}

.footerbottom{ font-size:15px; color:#999999; background:#000; padding:5% 5%; text-align:center; }

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

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





}


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


/*广告*/
.mainbox3{ clear:both; margin:0 auto; width:90%; color:#fff; height:215px; padding:45px 0 0 0;  }


}


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

.topbox { display:none;}
.mainbg1 .mainbox1{  position:absolute; top:-15%;}
/*首页简介*/
.jianjie{  width:98%; margin:3% auto 0 auto; clear:both; overflow:hidden; background-position:bottom right; background-size:50%;}

.jianjie .content{ width:100%; float:right; padding:6% 0 6% 0; }


.newsbox  dl { float:none; width:98%; margin:0 auto;}
.newsbox  ul{ float:none; width:98%; margin:0 auto; }

.menu3 h3{width:24%;}
.menu4 ul a {width:21%; padding:6px 1%;}


}



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

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


header .logo{ float:left; width:22%; margin-top:0%;}


.chanpinmenu a{width:120px;}


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


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

.position{display:none;}	
.positioninfo{display:none;}


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

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


}


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

.container {width:96%; margin:0 auto; padding:0;}


/*首页优势*/
.mainbg1 .mainbox1{ position: static; top:0%; left:0px; margin-top:4%;  }
/*.proitem { padding:5% 5%;}*/
.proitem li{ flex:50%; margin:0%; padding:2.5% 5%; border:0px solid #eee; }
.proitem li img{ display:block; width:30%; margin:0 auto; }

.proitem li:nth-child(4){ border:0px; }

.indextitle{ padding:3% 0 3% 0; clear:both; overflow:hidden;}

.chanpinmenu a { flex:50%; border-bottom:1px solid #fff;}


/*广告*/
.mainbg3{ clear:both; width:100%; background:url(../images/guanggao.jpg) no-repeat center top; background-size:400%; text-align:center; }
.mainbox3{ clear:both; margin:0 auto; width:90%; color:#fff; height:auto; padding:7% 0 12% 0;  }
.mainbox3 p{ font-size:14px; }
.mainbox3 strong{ font-size:18px; display:block; padding:0 0 3% 0; }

.proviewle {float:none;max-width:98%;margin:auto;}
.proviewri { clear:both; margin-left:0%; float:none; max-width:98%;margin:0 auto 1rem auto;}


/*首页新闻*/
.newsbox dl{ float:none; width:100%;  margin:0px 0 0 0; padding-bottom:0px; background:#f8f9fa;  }
.newsbox ul{ float:none; width:100%; }

.footerlx{  margin:4% auto; clear:both; overflow:hidden; color:#fff;  }
.footerlx dl{ flex:100%; margin:2% 0;}

.footer{ padding:5% 0; }

.footerbottom{ margin-bottom:43px; }
.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#2d2e2f; 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:25%;vertical-align:middle; padding-left:4%; padding-right:5%;}

.yb_conct { display:none}

.footmenu{ float:none; width:100%; }
.fmenu { display:none}

.erweima{display: block ;float:none; width:133px; margin:0 auto; text-align:center; color:#fff; }

}


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

.indextitle b{ font-size:1.1rem; font-weight:bold; margin:0 0 0 1%; }

.logowap { width:78%; margin:1rem 0 0 0rem; }

}


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


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

}