@charset "utf-8";
@media screen and (max-width:1300px)
{
.hex{width: 92%;}
}

@media screen and (max-width:1268px)
{
.focus .rslides .bannerheight{ height:550px;}
.imainbg4 { display:none}	
.imainwap{ display:block;}
.hex{width: 100%;}
}


@media screen and (max-width:1200px)
{
	
.dingbubox ul{ max-width:94%; margin:0 auto; }
header{ max-width:94%; margin:0 auto; }
.cptupian{ max-width:98%; margin:0 auto; }
.imainbg2 .content{ max-width:94%; margin:2% auto 0 auto; padding-bottom:4%;}
.imain3{ max-width:94%; margin:0 auto; padding-top:10px; overflow:hidden; }
.imain4{ max-width:94%; margin:0 auto; padding-top:2%;}

.right{clear:both; max-width:94%; margin:0 auto; padding:0 1%; background:#FFF;}	
.posbox{ max-width:94%; clear:both; overflow:hidden; margin:0 auto;}
.biaoti{ text-align:center; margin:0% 0 0px 0; }


/*首页新闻*/
.imain3 .xinwen2 dl dd p{text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;}

.cpfenlei a{ width:30%;}
}




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

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

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



	
}


@media screen and (max-width:860px)
{	
.biaotibox{ text-align:center; position:relative; margin:7% auto; width:94%; }
.biaotibox span{ display:block; font-size:35px; color:#e6e6e6; text-transform : uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.biaotibox a{ display:block; font-weight:bold; font-size:26px; color:#333; padding:10px 0 10% 0;position:absolute;   width:100%; top:0px; }
.biaotibox strong{ display:block; font-weight:bold; font-size:26px; color:#333; padding:10px 0 10% 0;position:absolute;   width:100%; top:0px; }
.biaotibox p{ color:#818181; font-size:14px; }

/*产品展示*/
.ys_title .sm {text-align:center; font-size:24px; color:#fff; margin-top:10px;}



/*公司简介*/
.imainbg2 .compic { display:none; }
.imainbg2 .neirong{ float:none; width:94%; padding:0%; margin:0 auto; overflow:hidden;  }

/*优势*/
.imain3 .xinwen1{ float:none; width:96%; margin:0 auto }
.imain3 .xinwen1 ul{ clear:both; padding-top:0px;}
.imain3 .xinwen1 ul li{ clear:both; overflow:hidden; line-height:45px;}
.imain3 .xinwen1 ul li a{  font-size:18px; float:left; display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.imain3 .xinwen1 ul li p { clear:both; font-size:14px; line-height:23px; color:#777777; padding:0 30px; }

.imain3 .xinwen2{ float:none; width:96%; margin:0 auto}
.imain3 .xinwen2 dl{ clear:both; width:94%; padding:3%; margin:0 0 25px 0; overflow:hidden; border:1px solid #dddddd; }
.imain3 .xinwen2 dl dt{ float:left; width:20%; background:#e7e9e8; padding:3%;}
.imain3 .xinwen2 dl dt img { clear:both; text-align:center; width:18px; margin:0 auto; display:block;}
.imain3 .xinwen2 dl dd{ float:right; width:70%; padding:0% 0% 0 0%; }
.imain3 .xinwen2 dl dd a{ font-size:18px;  line-height:36px;}



/*信息图片：上图下字*/
.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:768px)
{
.headertop { display:none}
.info_listimg ul li{ float:left; width:46%; padding:5px 1% 5px 2%; text-align:center;}
.info_view .bigimg img{ width:100%;}
.product_list li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}

/*底部*/
.contb{width: 40%;}

}


@media screen and (max-width:640px)
{
/*关于我们*/
.imainbg1{ margin-top:10px}

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


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

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

.biaoti{ margin:0% 0 0px 0; }
.biaoti h2{ font-size:26px; font-weight:bold;  color:#e2e2e2;}
.biaoti h3{ clear:both; margin-top:-5px; text-align:center; }
.biaoti h3 a{font-size:26px; color:#01934c; font-weight:bold; }
.biaoti p { display:none}


.biaoti1{ margin:1% 0 0px 0; clear:both; padding:20px 0 30px 0; }
.biaoti1 h2{ clear:both; text-transform:uppercase; font-size:26px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.biaoti1 h3{ clear:both; margin-top:-5px; text-align:center; }
.biaoti1 h3 a{font-size:26px; color:#fff; font-weight:bold; }
.biaoti1 p { display:none}

.biaoti2{ text-align:center; margin:1% 0 0px 0; clear:both; padding:20px 0 30px 0; }
.biaoti2 h2{ clear:both; text-transform:uppercase; font-size:26px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.biaoti2 h3{ clear:both; margin-top:-5px; text-align:center; }
.biaoti2 h3 a{font-size:26px; color:#fff; font-weight:bold; }
.biaoti2 p { display:none}

.imainbg5{ padding:4% 0;}
.ys_title {display: none}

.imain5 li { float:left; width:45%; text-align:center; background:#fff; margin:1% 0% 2% 3%; padding-top:6%;}
.imain5 li .title { clear:both;font-size:18px; font-weight:bold; line-height:40px;   }
.imain5 li .summary {line-height:21px;}

.cpfenlei{  background:none; }


.imain2 .cptupian ul li{ width:47%; padding:0px; margin:0 1% 1% 1%; }
.yb_bar{ display:none}

.hex li{width:46%; padding-left:1.5%;}
/*底部二维码*/
.erweima{ width:100%; padding:3%; margin:0 auto; text-align:center;}
.erweima img{width:35%;margin:0 auto;}
.linkbox{ display:none}
.contb{ width:100%; }

/*底部电话固定*/
.footbox{ padding-bottom:20%;}   /*原来底部上移*/
.bohao{ display:block}    /*新写的底部展现*/

/*内页*/
.menu3 h3 a, .menu3 h3 a:link, .menu3 h3 a:visited{ padding:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
}


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

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

}