@charset "utf-8";
@media screen and (max-width:1020px){
	.w,#tophead .logo,#tophead,#topnav { width:100%; height:auto; }
	#topnav { background:#555}
	.tel,.logo p,.c1 .left { display:none;}
	#banner { padding:5px; background:#999}
	#tophead .logo a { width:100%; margin:0; padding:0; text-align:center;}
	#tophead .logo a img { width:70%; max-width:335px;}
	#topnav .w { border-left:1px solid #999; border-top:1px solid #999; box-sizing:border-box;}
	#topnav .w ul li { float:left; width:25%; }
	#topnav .w ul .hover a,#topnav .w ul li a { height:38px; line-height:38px; border-bottom:1px solid #999; border-right:1px solid #999; padding:0; margin:0; width:100%; text-align:center; box-sizing:border-box; overflow:hidden;}
	#topnav .w ul .hover a { background:#777;}
	#slides li { background-size:100% auto!important;}
	.c1 { padding-top:0;}
	.c1 .right { padding:0 10px; box-sizing:border-box; width:100%;}
	.c1 .right .biaoti { background-position:center bottom; text-align:center; height:48px; line-height:48px;}
	.c1 .right .biaoti a { font-size:24px; line-height:48px;}
	.c1 .right .nr .more { width:120px; margin:10px auto 0;}
	.c2 { padding-top:10px;}
	.c2 .biaoti a { font-size:24px;}
	.c2 .miaosh { padding:0 10px; line-height:26px;}
	.c2 .yewu { margin:15px 0px; height:88px; border-top:1px solid #999; border-left:1px solid #999; padding:0;}
	.c2 .yewu li { padding:0; height:44px; line-height:44px; border-right:1px solid #999; border-bottom:1px solid #999; width:33.3%;}
	.c2 .yewu li a { padding:0; text-align:center; height:43px; line-height:43px; background:#444; font-size:14px;}
	.c2 .biaoti1 {background-position:center bottom; text-align:center; height:48px; line-height:48px;}
	.c2 { height:auto;}
	.c2 .w { padding-bottom:30px;}
	.c2 .biaoti1 a { font-size:24px; line-height:48px;}
	.pro_width { width:100%; height:auto;}
	.c2 .case { height:auto;}
	.prolist li { padding:0 12px 12px 0; box-sizing:border-box; margin:0;}
	.prolist li a { padding:10px;}
	.prolist li a img { width:100%; max-width:208px; max-height:208px;}	
	.c3 .biaoti {text-align:center; height:48px; line-height:48px;}
	.c3 .biaoti a{ font-size:24px; line-height:48px;}
	#tab1 .menu { height:92px;}
	#tab1 .menu ul { height:80px; border-top:1px solid #999; border-left:1px solid #999; background:#333;}
	#tab1 .menu ul li { width:33.3%; padding:0; text-align:center; height:40px; font-size:16px; border-right:1px solid #999; border-bottom:1px solid #999; color:#fff; box-sizing:border-box; font-size:14px;}
	#tab1 .menu ul li.off { background:#888; border-radius:0;}
	#tab1 .menudiv li { width:50%; margin:0; padding:0;}
	#tab1 .menudiv li a { display:block; width:90%; margin:0 auto;}
	#tab1 .menudiv li a.img img { width:100%; max-width:220px; max-height:135px; box-sizing:border-box;}
	.c4 .biaoti {text-align:center; height:48px; line-height:48px;}
	.c4 .biaoti a{ font-size:24px; line-height:48px;}
	.c4 .miaosh { padding:0 10px; line-height:26px;}
	
	.c5 .biaoti {text-align:center; height:48px; line-height:48px; margin-bottom:15px;}
	.c5 .biaoti a{ font-size:24px; line-height:48px;}
	.c5 .miaosh { padding:0 10px; line-height:26px; display:none;}
	
	.newslist li { width:100%; float:none; box-sizing:border-box;}
	.newslist li a .intro { height:54px; overflow:hidden;}
	.newslist li a .title { height:30px; overflow:hidden;}
	.newslist li a img { width:135px;}
	.link { padding:15px 10px; line-height:24px;}
	.link a { padding:0 5px;}
	.footer1 { display:None;}
	.footer2 .zuo,.footer2 .you { float:none; width:100%; text-align:center; padding:0 10px; box-sizing:border-box;}
	.footer2 .you span { text-align:center; height:auto;}
	#pagination { margin-left:0!important; left:10px;}
	.leftlxwm { display:none;}
	#position { display:none;}
	.lefter,.righter { float:none; margin:0; padding:0; width:100%;}
	.subnav { height:41px; background:#aaa }
	.subnav li { float:left; height:41px; }
	.subnav li a { background:none; color:#fff; padding:0; text-align:center; box-sizing:border-box; border-right:1px solid #ddd; border-bottom:0;}
	
	.subnav .hover a { background:#666; color:#fff;}
	#topnav .w ul li dl{ display:none!important;}
	.subnav .hover a { border-bottom:0;}
	.subnav li.li3 a { border-bottom:1px solid #ddd;}
	.righter .subject { display:none;}
	.container,.artshow { padding:15px;}
	.prowidth { width:100%;}
	.container img,.artshow img { width:100%; max-width:640px;}
	.pic_list li,.pro_list li { float:left; width:50%; margin:0; padding:0; }
	.pic_list li a,.pro_list li a { display:block; width:90%; margin:0 auto;}
	.pic_list li a img,.pro_list li a img { width:100%; height:130px;}
	.c1 .right { float:none;}
	.c1 { padding-bottom:20px; height:auto;}
	.subnav .hover a { padding:0;}
}