@media (max-width: 900px){
	.webnav span.webico{background: url(../images/top_ico.png) 100px -36px no-repeat;width:125px;height:36px;margin-right:15px;text-align:left;display: inline-block;}
	.webnav span.webico h3{font-size:13px;}
	.webnav ul{background:#3e3d40;display:none;position:relative;z-index:100;}
	.webnav ul li{width:100%;display:list-item;font-size:13px;padding:0px;text-indent:20px;text-align:left;}
	.webnav ul li a{width:94%;display:block;margin:0 3%;padding:10px 0;border-bottom:1px solid #4d4c4e;color:#f3f3f3;}
	.webnav ul li:hover{background:#6fa2ae;}
	.webnav ul li:hover a{border-bottom:1px solid #6fa2ae;color:#f3f3f3;}
	.webnav ul li:after {content: "";}
	.webnav ul li:last-of-type:after{margin:0;}
	header,.header{height:42px;margin:10px 0 0;}
	.logo{width:70%;margin-top:-6px;text-align:center;z-index:-1;}
	.logo img{width:68px;;}
	.titelmenu{float:right;background: url(../images/top_ico.png) 0px 0px no-repeat;width:8.5%;height:26px;margin:8px 2%;float: left;}
	.titeltel{float:right;background: url(../images/top_ico.png) right -297px no-repeat;width:8%;height:32px;margin:3px 1.9%;float: right;}

	#show,.menu,.menu_about,.menu_recommend,.menu_list h3{display:none;}
	.menu ul li:hover #show{display:block;position:static;width:100%;left:0;border:0;}
	.menu ul li:hover{border:0;border-bottom:1px solid #eaebec;}
	.menu ul li:hover a{color:#3e3d40;}
	#show,.categorylist{display:block;border:0;}
	.menu ul li:after{display:none;}
	.menu_list div.categorylist:hover:after{display:none;}
	.menu{width:100%;margin-top:5px;background:#fff;float:left;}

    	.menu ul li{width:100%;line-height:66px;border-bottom:1px solid #eaebec;background: url(../images/menu_ico.png) right 20px no-repeat;}
	.menu_list{width:100%;height:90%;margin:0px;float:left;border:0;}
	.menu_list div.categorylist{padding-left:30px;line-height:56px;margin:0;border-top:1px solid #eaebec;}
	.menu_list div.categorylist div{margin-left:-30px;padding-top:10px;overflow:hidden;display:block;position:static;border-top:1px solid #eaebec;}
	.menu_list div.categorylist div a{display:block;padding-left:75px;line-height:46px;margin:0;color: #737373;}
	.menu_list div.categorylist:hover div a{line-height:46px;margin:0;}
	
	#wlist{display:none;}
	#open #wlist{display:block;}
	
}

@media (max-width: 1173px) {
	.based{text-indent:10px;overflow:  hidden;text-overflow: ellipsis;white-space: nowrap;}
	.page_left{display:none;}
	.page_right{width:100%;float:left;}
	.down_list ul li p.title{width:60%;font-weight:bold;/* color:#5f6cc5; */}
	.down_list ul li p.filesize{width:20%;text-align:center;}
	.down_list ul li p.downurl{width:15%;margin-left:5%;height:30px;text-align:right;background:url(../images/down.png) right 5px no-repeat;}
}

@media (max-width: 900px) {
	.iabout{overflow:hidden;}
	.iabout_img{float:none;width:99%;}
	.iabout_text{float:left;width:99%;margin:20px 0 0;}
	.index_about_nav{width:96%;margin:0px auto;float:none;}
	.inews{margin-top:50px;}
	.iproduct ul li{width:48%;}
	.iproduct ul li img{width:94%;margin:5px;}
}
@media (max-width:780px) {
	.hits,.custom,.qrcode,.product_right{display:none;}
	.product_pic{width:97%;margin:0 1.5%;}
}

@media (max-width: 620px) {
	.pro_list_sbox ul li{width:326px;height:326px;margin:10px auto;float:none;}
	.pro_list_sbox ul li img{width:320px;height:320px;margin:3px;}
	.pro_list_sbox ul li span{width:25px;height:25px;position:absolute;margin:-55px 280px;display:block;background:url(../images/pro_ico.png) 2px -40px no-repeat;}
	.pro_list_sbox ul li.pro_title span{width:25px;height:25px;margin:220px 280px;display:block;background:url(../images/pro_ico.png) no-repeat;}
	.weblink p a{margin:0 5px;color:#dadada;}
	.article_list ul li h2{overflow:hidden;text-align:left;line-height:46px;text-overflow:ellipsis;white-space: nowrap;}
	.article_list ul li h2 span{display:none;}
	.iproduct ul li{width:326px;height:326px;margin:10px auto;float:none;}
	.iproduct ul li img{width:320px;height:320px;margin:3px;}
	.iproduct ul li span{width:25px;height:25px;position:absolute;margin:-55px 280px;display:block;background:url(../images/ipro_ico.png) 2px -40px no-repeat;}
	.iproduct ul li.pro_title span{width:25px;height:25px;margin:220px 280px;display:block;background:url(../images/pro_ico.png) no-repeat;}

}
@media (max-width: 520px) {
	.inews_list ul li{width:80%;float:none;margin:20px auto;}
	.index_about_nav{display:none;}
	.iservice,.iprogramme,.idown{width:90%;float:none;margin:20px auto;}
	.iservice div.radius,.iprogramme div.radius,.idown div.radius{width:60%;}
	.iservice p,.iprogramme p,.idown p{width:90%;}
	.page_content{width: 96%;}
}

@media (max-width: 342px) {
	.webnav span.webico h3{display:none;}
	.pro_list_sbox ul li{width:286px;height:286px;margin:10px auto;float:none;}
	.pro_list_sbox ul li img{width:280px;height:280px;margin:3px;}
	.pro_list_sbox ul li span{width:25px;height:25px;position:absolute;margin:-45px 240px;display:block;background:url(../images/pro_ico.png) 2px -40px no-repeat;}
	.pro_list_sbox ul li.pro_title span{width:25px;height:25px;margin:190px 250px;display:block;background:url(../images/pro_ico.png) no-repeat;}
}