@charset "utf-8";

@media screen and (max-width:1268px)
{
.focus .rslides .bannerheight{ height:550px;}
}


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

header{ max-width:94%; margin:0 auto; }
.imain1{ clear:both; max-width:94%; margin:0px auto; }
.imain2{ clear:both; max-width:94%; margin:40px auto 20px auto;}
.imain5{ clear:both; max-width:94%; margin:0px auto;}
.imain3{ clear:both; max-width:94%; margin:0 auto; padding-top:10px;}
.imain4{ clear:both; max-width:94%; margin:0 auto; padding:0px; overflow:hidden;}
.linkbox{clear:both; margin:0 auto; max-width:94%; }
.lianxi{clear:both; margin:0 auto; max-width:94%; font-size:14px; color:#ffffff; line-height:30px; padding:0 30px;}
.btm{ clear:both; overflow:hidden; max-width:94%; margin:2% auto 3% auto; }
.right{clear:both; max-width:94%; margin:0 auto; padding:0 0%; background:#FFF;}	
.posbox{ max-width:94%; clear:both; overflow:hidden; margin:0 auto;}
.menu3{ margin:20px auto 20px auto; max-width:94%; clear:both; overflow:hidden; background:#f1f1f1; }
.menu4{ clear:both; margin:0 auto; max-width:94%;}


.imainbg1box{ padding:6% 0 3% 0;  }



}



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

header .logo{width:40%; margin:0; text-align:left; padding:1.5% 0 1.5% 0%;}
header .logo img{  display:block; height:100%; }	
header .logo span{ display:none; }
header .dianhua{ display:none; }

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

.focus .rslides .bannerheight{ height:300px;}


.jj_center dl dd a{ border:1px solid #c3c3c3; color:#c3c3c3; display:block; width:96px; margin:20% auto 10% auto; height:35px; line-height:35px; font-size:20px;  }

	
}







@media screen and (max-width:860px)
{	
.topimage{display:none;}


.imainbg1box{ padding:7% 0 5% 0;  }
.imain1 dl a strong{  font-size:18px;  }

.imain3 .xinwen2{ float:none; width:94%; margin:3% 2% 2% 2%; margin:0 auto; clear:both; overflow:hidden; }
.imain3 .xinwen2 dl{ clear:both; width:99%; padding:0px 0px; margin:5% 0 0 0; overflow:hidden; border:1px solid #dddddd; }
.imain3 .xinwen2 dl dd p{ -webkit-line-clamp:2;}



.imain5 .neirong{ clear:both; font-size:15px; color:#fff; padding:7% 5% 7% 5%; overflow:hidden; text-align:center; }
.imain5 .neirong p{ font-size:15px; line-height:26px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.jj_left{ clear:both; overflow:hidden;  float:none; width:100%; margin:0 auto; height:auto; background:url(../images/jj_left.jpg) no-repeat top center; background-size:cover; font-size:14px; color:#fff; text-align:center; line-height:30px; padding:5% 0; }
.jj_left span{ display:block; font-size:21px; margin:2% 0 0 0;  }
.jj_left a{ border:1px solid #fff; color:#fff; display:block; width:96px; margin:2% auto 0 auto; height:35px; line-height:35px; font-size:20px; }
.jj_center{ float:none; width:100%; margin:0 auto; background:#f5f5f5; }
.jj_center dl{ clear:both; overflow:hidden; height:auto;}
.jj_center dl dt{ float:right; width:65%; }
.jj_center dl dt img{ width:100%; display:block; }
.jj_center dl dd{ float:left; width:35%; font-size:14px; text-align:center; line-height:36px;  }
.jj_center dl dd span{ display:block; font-size:21px; margin:20% 0 0 0;  }
.jj_center dl dd p{ display:none;}
.jj_center dl dd a{ border:1px solid #c3c3c3; color:#c3c3c3; display:block; width:96px; margin:10% auto 0 auto; height:30px; line-height:30px; font-size:20px; }
.jj_center dl.jj_center_b dt{ float:left;}
.jj_center dl.jj_center_b dd{ float:right; }
.jj_right{ float:none; width:100%; margin:0 auto; height:auto; padding:5% 0; overflow:hidden; font-size:14px; text-align:center; line-height:36px; background: -webkit-linear-gradient(right top, #089ab8,#085392); background: linear-gradient(right top, #089ab8,#085392); color:#fff;   }
.jj_right .jj_right_t{ height:auto; clear:both; overflow:hidden; }
.jj_right img{ width:100%; display:none;   }
.jj_right span{ display:block; font-size:21px; margin:0% 0 0 0;  }
.jj_right a{ border:1px solid #fff; color:#fff; display:block; width:96px; margin:2% auto 0 auto; height:35px; line-height:35px; font-size:20px; }



.focus .rslides .bannerheight{ height:300px;}

.linkbox{ padding:3% 1%; }

.btmbox{ clear:both; width:100%; margin:0px auto 0 auto; padding:0px 0 0px 0; background:#333333; overflow:hidden; }
.btm{ clear:both; overflow:hidden; max-width:1200px; margin:2% auto 3% auto;  }
.erweima{ float:none; width:270px; clear:both; overflow:hidden; margin:15px auto; font-size:14px; line-height:26px; color:#9a9a9a; text-align:center;  }
.erweima p{ float:left;  text-align:center; background:#484848; margin:0 15px; }
.footermenu{ display:none;  }
.footbox{ border-top:1px solid #5d5d5d; clear:both; overflow:hidden; text-align:center; width:100%; margin:0 auto 0 auto; padding:4% 0; color:#a4a4a4; line-height:24px; font-size:15px; }




/*信息图片：上图下字*/
.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;}



}



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



}



@media screen and (max-width:640px)
{
.biaoti{ margin:10% 0 0px 0; }
.biaoti h2{ clear:both; text-transform:uppercase; font-size:30px; }
.biaoti1{ margin:10% 0 0px 0; }
.biaoti1 h2{ clear:both; text-transform:uppercase; font-size:30px; }

.imainbg1box{ padding:15% 0 2% 0;  }
.imainbg1{ border:0px solid #d3d3d3;}
.imain1{ border-right:0px solid #d3d3d3;}
.imain1 dl{ float:none; margin:0 auto 13% auto; width:94%;  }
.imain1 dl a{ display:block; background:#f7f7f7;  border:1px solid #d3d3d3; padding:10% 5% 15% 5%;   }



.imain3 .xinwen dl{ float:none; clear:both; width:100%; padding:20px 0px; margin:0 auto 10px auto; overflow:hidden; background:#f8f8f8; }
.imain3 .xinwen dl dt{ float:left; width:23%; }
.imain3 .xinwen dl dd{ float:right; width:70%; padding:0 4% 0 0%; }

.imain2 .cptupian ul li{ float:left; width:46%; padding:0px; margin:2% 2% 3% 2%; }
.imain2 .cptupian ul li p{ line-height:22px; height:45px; padding:15px 0 0 0; overflow:hidden; font-size:16px;}


.yb_conct{ display:none;}




.menu3 h3{float:left; padding:0px 0px; margin:1% 1%; width:48%; background:#7a7a7a;}
.position{ display:none; }


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


}


@media screen and (max-width:440px)
{
header{clear:both; margin:0 auto; padding:3% 0; }
header .logo{width:60%; margin:0; text-align:left; }
header .logo img{  display:block; height:auto; width:100%; }
	

}

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

}