@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {

	.top{max-width: 980px;}

	.content{max-width: 980px;}

	.con{max-width: 980px;}
}

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

	header{height: 60px;}
	.top{max-width: 720px;}
	.top h1{width: 114px;top:8px;}
	.top .nav{display: none;}
	header .m-btn{display:block;}
	
	.content{max-width: 720px;}

	.con{max-width: 720px;}

	.sp-thumbs a:link, .sp-thumbs a:visited {width: 60px;height: 60px;}

	.product .product_l{width: 100%;float: none;}
	.product .product_r{width: 100%;float: none;text-align: center;min-height:auto;}
	.product .product_r li:hover{margin-top: -0px;margin-bottom: 20px;}

	.product_b .slideTxtBox .hd ul li{ width:20%;}
	
}

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

	header{height: 60px;}
	.top{max-width: 720px;}
	.top h1{width: 116px;left:5%;top:8px;}
	.top .nav{display: none;}
	header .m-btn{display:block;margin-right: 5%;}

	.banner_pc{ display:none;}
	.banner_yd{ display:block;margin-top: 61px;}
	
	.content{padding:0 5% 50px 5%;}

	.dyip li{width: 48%;margin-bottom: 20px;}
	.dyip li:hover{margin-top: -0px;}
	.more{width: 98px;height: 28px;line-height: 28px;text-align: center;border:1px solid #333;margin:0px auto;}

	.derp li{width: 48%;margin-bottom: 20px;}
	.derp li:hover{margin-top: -0px;}

	.dsanp ul{margin-left: -0%;}
	.dsanp li{float: none;width: 100%;margin-left: 0%;margin-bottom: 20px;}

	.con{padding:50px 5%;}
	.case li{width: 48%;margin-left: 2%;}
	.case li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top: -0px;margin-bottom: 20px;}

	.news{background:none;}
	.news ul{padding:0px;}

	.product .product_r li{width: 48%;}

	.meiti_dt{width: 100%;float: none;}
	.product_t_r{ float:none; width:100%;}


}