@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
	
	.dingbu .box{ max-width:980px;}
	.top{ max-width:980px;}
	.top .nav li{  width:100px;}
	
	.dyip ul{ max-width:980px;}
	
	.con{ max-width:980px;}
	
	.foot .foot_t .box{ max-width:980px;}
	
}


@media screen and (max-width: 980px) {
	
	.dingbu{ display:none;}
	
	.top{ max-width:720px; height:60px;}
	.top h1{ margin-top:13px; width:100px;}
	
	.top .nav{ display:none;}
	.menu{ display:block; float:right; margin-top:5px;}
	.openclose{ display: block; width: 50px; height:50px;background:url(../images/pic15.png) no-repeat center; background-size:50%;}
	.sub_menu{ display: none; position:fixed; right:0px; top:60px; width:70%; z-index:100; background:#0066cb; box-shadow:0 0 5px #CCC;}
	.sub_menu .box{ padding:5%;}
	.sub_menu .nav_er ul{ margin:0 auto; padding:20px 0;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom: 1px solid #FFF;}
	.sub_menu .nav_er li a{ color: #FFF; display:block;}
	.sub_menu .nav_er li a:hover{ color: #FFF; display:block; text-decoration:none;}
	
	.yybb{ border-bottom:1px solid #FFF; padding:5% 0; text-align:center;}
	.yybb .yy{ display:inline-block; width:80px; height:30px; line-height:30px; border:1px solid #FFF; border-radius:16px;text-align:center; margin-right:10px;}
	.yybb .yy a{ color:#FFF; display:block; border-radius:16px;}
	.yybb .yy a:hover{ color:#0093dd; display:block; background:#FFF; border-radius:16px; text-decoration:none;}
	.yybb .yy a.current{ background:#FFF; border-radius:16px; color:#0093dd}
	
	.dyip ul{ max-width:720px;}
	.dyip li{ font-size:14px;}
	.dyip li .pic{ width:80px;}
	
	.derp{ max-width:720px;}
	.derp li{ font-size:14px;}
	
	.dsanp{ max-width:720px;}
	.dsanp .dsanp_l{ width:100%; float:none; margin-bottom:3%;}
	.dsanp .dsanp_l .pic{ width:50%;}
	.dsanp .dsanp_l .l_r{ width:50%;}
	.dsanp .dsanp_l .l_r .box{ padding:6%;}
	.dsanp .dsanp_l .l_r .jt{ width:20px; height:30px; background:url(../images/pic16.png) no-repeat; position:absolute; left:-20px; top:50%;}
	.dsanp .dsanp_r{ width:100%; float:none;}
	
	.con{ max-width:720px;}
	
	.case li{ width:31%;}
	
	.qyry li{ float:left; width:225px; margin:10px 20px;}
	
	
	.foot .foot_t .box{ max-width:720px;}
	
	
}

@media screen and (max-width: 720px) {
	
	.neiro .box img{max-width: 960px; vertical-align:middle; width: 100%;;}
	.product_con .con_b .box img{max-width: 960px; vertical-align:middle; width: 100%;;}
	
	
	.top{ padding:0 2%;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.banner .banner_yi{ display:none;}
	.banner .banner_er{ display:block;}
	
	.dyip ul{ padding:0 2%;}
	.dyip li{ font-size:14px; width:33.333%; margin:2% 0;}
	.dyip li .pic{ width:80px;}
	.dyip li p{ padding-top:10px;}
	
	.derp{ padding:5%;}
	.derp ul{ margin-left:0%;}
	.derp li{ float:none; width:100%; margin-left:0%;}
	
	.dsanp{ padding:5%;}
	.dsanp .dsanp_l .pic{ width:100%; float:none;}
	.dsanp .dsanp_l .l_r{ width:100%; float:none;}
	.dsanp .dsanp_l .l_r .jt{ width:100%; height:30px; background:url(../images/pic17.png) no-repeat center; position:absolute; left:0px; top:-20px;}
	
	.con{ padding:5%;}
	
	.con_l{ float:none; width:100%; margin-top:3%;}
	.con_r{ float:none; width:100%; margin-top:0;}

	
	.case li{ width:48%;}
	
	.qyry li{ float:left; width:225px; margin:10px 0 0 50px;}
	
	.product li{ float:left; width:48%;}
	
	.product_con .con_t .pic{ float:none; width:100%;}
	.product_con .con_t dl{ float:none; width:100%; line-height:24px;}
	
	.foot .foot_t{ display:none;}
	.kefu{ display:none;}
	

}