@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
	
	.top{ max-width:980px;}
	
	.dyip{ max-width:980px;}
	
	.derp .box{ max-width:980px;}
	
	.dsanp ul{ max-width:980px;}
	
	
	.con .bg{ max-width:980px;}
	
	.foot .box{ max-width:980px;}
	
	}
	

@media screen and (max-width: 980px) {
	
	.header{ height:60px;}
	.top{ max-width:720px; position:relative;}
	.top h1{ float:none; width:120px; margin:0 auto; padding-top:9px;}
	.top h1 img{ width:100%;}
	.top .nav{ display:none;}
	.top .naverbox{ display:block; position:absolute; top:0px; left:0px;}
	.top .naverbox .btn { height:60px;}
	.top .naverbox .btn span { display: inline-block; width:60px; height: 60px; color: #fff; background:url(../images/pic13.png) no-repeat center; background-size:70%; cursor: pointer;}
	.sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
	#dowebok { display:block; background-color: #0e635e;}
	#dowebok .naver { margin-top: 20px; line-height: 40px;}
	#dowebok .naver li{}
	#dowebok .naver a { display: block; padding: 0 20px; color: #fff; text-decoration: none;}
	#dowebok .naver a:hover { background-color: #13817b;}
	[data-simplersidebar='active'] {}
	#dowebok .naver li a.currnet{ background-color: #13817b;}
	
	.dyip{ max-width:700px; padding:3% 10px;}
	.derp .box{ max-width:700px; padding:5% 10px;}
	.derp .box li{ float:left; width:23%; margin-bottom:2%;}
	.dsanp ul{ max-width:700px; padding:0 10px;}
	.dsanp li{ float:left; width:49%; margin:6% 0.5%;}
	
	
	.con .bg{ max-width:700px; padding:3% 10px 0 10px;}
	
	
	.foot .box{ max-width:700px; padding:0 10px;}
	
	}
	
	
@media screen and (max-width: 720px) {
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.dyip li{ float:left; width:100%; padding-bottom:7%;}
	.dsanp li{ float:left; width:100%; margin:10% 0%;}
	.dsanp li .title{ opacity:10;}
	
	.con .bg{ margin:3% 10px;}
	
	.con_l{ float:none; width:98%; margin:0; padding:1%;}
	.con_l .dszzc .dszzc_l{ float:none; width:100%;}
	.con_l .dszzc .dszzc_r{ float:none; width:100%;}
	.con_r{ display:none;}
	
	
	.product li{ float:left; width:47%;}
	
	
	.product_neiye .product_neiye_t{ padding-bottom:3%;}
	.product_neiye .product_neiye_t .pic{ float:none; width:100%;}
	.product_neiye .product_neiye_t dl{ float:none; width:100%;}
	
	
	/*.con_l .tdfc dt{ float:none; width:60%; margin:0 auto;}
	.con_l .tdfc dd{ float:none; width:100%;}*/
	
	.con_l .fzlc dt{ width:100%; float:none; padding-bottom:20px;}
	.con_l .fzlc dd{ width:100%; float:none;}
	
	
	.foot .box .foot_t dl{ width:25%;}
	.foot .box .foot_t dl:nth-of-type(5){ clear:both;}
	.foot .box .foot_b .logo{ display:none;}
	.foot .box .foot_b .copyright{ width:100%; text-align:center;}
	.foot .box .foot_b .ewm{ display:none;}
	
	
	
	
	}