@charset "utf-8";

@media screen and (max-width:1228px)
{


	
.focus .rslides .bannerheight{ height:500px;}	
	
.imainbg1box{ padding:6% 0 3% 0;  }

}



/*<=1023px*/
@media screen and (max-width:1055px)
{
	
header .logo{width:18%; 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; }


#showbanner img{ max-width:180%; display:block; margin: 0 0 0 -40%; }	

.focus .rslides .bannerheight{ height:400px;}

.guanggao { height:200px;}



.position{display:none;}
.positioninfo{display:none;}

.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 li{ float:left; width:30%; padding:5px 1% 10px 2%; font-size:14px; line-height:21px; text-align:center;}


.imain5 .neirong p { font-size:13px; line-height:23px;}
.imain5 .neirong .shuzu span {color:#db0000; font-size:40px; font-weight:bold;}

.imain5 .anli { display:none}
.imainwap { display:block;}
	
	
}


@media screen and (max-width:960px)
{


	
}




@media screen and (max-width:800px)
{

header .logo{width:58%; margin:0; text-align:left; padding:1.5% 0 1.5% 0%;}
header .logo img{  display:block; height:100%; }	
	


.mainnav{margin:0 auto; 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:4% 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 .headerright{width:100%; background:#f2f2f2;}

/*.biaoti{ text-align:center; margin:2% 0 0px 0; }*/
.biaoti h2 { font-size:36px; line-height:36px;}
.biaoti h3 {margin-top:-5px;px;}
.biaoti h3 a{font-size:26px; color:#000000; font-weight:bold; }
.biaoti p { display:none}


.cpfenlei a{ padding:0.2% 1.5% 0.3% 1.5%; font-size:15px;  } 

.cptupian ul li{ float:left; width:48%; }

.guanggao { display:none}

.imain5 .compic { display:none}

.imain5 .neirong{ float:none; width:92%; padding:0% 3%; overflow:hidden;}
.imain5 .neirong p{ font-size:15px;}

.imainwap .hex li{width:48%;  }

.imain2 ul { background:none;}

.imain3 .hotnews { float:none; width:94%;  margin:3% auto 0% auto; }

.imain3 .xinwen{ float:none; width:100%; margin:3% auto 0% auto;  }
.imain3 .xinwen dl dd a{ font-size:18px; line-height:40px; height:40px; overflow:hidden; display:block;}


.focus .rslides .bannerheight{ height:300px;}

.linkbox{ padding:3% 1%; }

.footmenu { display:none}
.erweima{ display:none}
.dbcont { float:none; width:100%; text-align:center; padding-left:0%; border-left:0px solid #383838}

.footbox{  clear:both; overflow:hidden; text-align:center; width:100%; margin:0 auto 0 auto; padding:4% 0; line-height:24px; font-size:15px; }

	
}


@media screen and (max-width:768px)
{	
.topimage{display:none;}


.eduimg{height:160px;}
.mainpage{margin:0 auto 0 auto;}
.headerbox{position:relative;}


.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;}

.focus .rslides .nybanner { height:210px;}

}


@media screen and (max-width:640px)
{
header .logo{width:82%; margin:0; text-align:left; padding:4% 0 0% 2%;}
header .logo img{  display:block; height:auto; width:80%; }

.imainbg2{ clear:both; width:100%; margin:0 auto; background:url(images/ys_bg.jpg) top center no-repeat; padding:0px 0px 1% 0px; overflow:hidden;}
.imain2 .title { text-align:center; padding:3% 0 4% 0;}
.imain2 .title img { width:80%;}
.imain2 ul {background:none; background:#312f30; padding:2% 0; }
.imain2 li { float:none; clear:both; width:84%; color:#fff; font-size:15px; color:#d1d1d1; line-height:24px; margin:1% 4.0% 2% 2%; }
.imain2 li img { float:left; margin-right:5%; width:30%;}
.imain2 li strong { font-size:21px; color:#db0000; line-height:32px;}

.info_listimgry ul li { width:47.5%;}

.imainwap .hex li p{ border:1px solid #d3d3d3; border-top:none; background:#f7f7f7; line-height:22px; height:30px; padding:10px 4% 0 4%; overflow:hidden; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.focus .rslides .bannerheight{ height:230px;}


.imainbg4{ display:none; } 
.imainwap{ display:block; }


.yb_conct{ display:none;}

.product_view div.bigimg img{ width:100%; }
.product_view div.content img{ width:100%; }

.footbox{ margin-bottom:54px;}

.foottel{ display:block; width:100%;margin:0px 0 0 0; height:54px;background-color:rgba(0,0,0,0.8);position:fixed;z-index:999;bottom:0px;left:0px; overflow:hidden;}
.foottel ul{ clear:both; width:120%; margin:auto; overflow:hidden;/* margin-left:4%;*/}
.foottel ul li{ float:left;padding:0px; text-align:center; padding-top:5px; width:20.5%;}
.foottel ul li a { color:#fff;}
.foottel ul li a:hover { color:#fff}
.foottel li img { width:20px; text-align:center;padding:0px;}



}


@media screen and (max-width:440px)
{
.headerbox .dbwz .gjc { display:none }	
.cpfenlei{ clear:both; text-align:center;  padding:1.5% 0; color:#555555; background:none;  }
.cpfenlei a{ float:left; width:30%; padding:1% 0%; margin:0 0 2% 3%; text-decoration:none; font-size:15px; background:#e0e0e0;border-radius:25px; display:block;} 

.menu1 li a,.menu1 li a:link,.menu1 li a:visited {color:#ffffff; line-height:44px; height:44px; padding:4px 10px 7px 10px; background:#7a7a7a; text-align:center; font-size:16px; margin:0 5px;}

.focus .rslides .nybanner { height:190px;}

	
}

@media screen and (max-width:360px)
{
	



}
