
@media (max-width: 1200px){
	#header .header_inner {width:95%;}

	.inner {width:90%;}
	.sub_nav ul {width:100%;}
	.sked_inner {width:90%;}
	.sked_tit {font-size: 40px; line-height: 50px;}


}


@media (max-width: 1024px){

	#header {height: 100px;}
	#header .header_inner .nav_top > li > a {font-size: 14px; line-height: 18px;}
	.menu .sub_menu {top: 100px;}
	.menu .sub_menu ul > li > a {font-size: 13px; line-height: 17px;}

	.main_top {margin-top:90px;}

}

@media (max-width: 768px){
	
	.lock_scroll {overflow: hidden;}

	.m_menu {display:block; position:absolute; right:1%; top:50%; width:35px; height:35px; transform: translate(-50%,-50%); text-decoration:none; z-index: 999;}

	.m_menu span {display:block; width:100%; height:4px; background:#009380;
		color:transparent; position:absolute; top:50%; transform: translate(0,-50%); transition:all 0.5s;}

	.m_menu span:before,
	.m_menu span:after {content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:#009380; transition:all 0.5s;}

	.m_menu span:before {top:-13px;}
	.m_menu span:after {top:13px;}

	.m_menu.on span{background:rgba(225,245,136,0);}
	.m_menu.on span:before {top:0px; transform : rotate(45deg);}
	.m_menu.on span:after {top:0px; transform : rotate(-45deg);}

	.aside {width:85%; height:100%; background:rgba(255,255,255,1); position:fixed; top:0; left:-85%; bottom:0; transition:all 0.5s; z-index: 999; overflow-y: scroll;}
	.aside.on {width:85%; height:100%; background:rgba(255,255,255,1); position:fixed; top:0; left:0; bottom:0; transition:all 0.5s;}

	.aside .logo_top {display:block; margin:15px;}

	.aside_bg {position:fixed; }
	.aside_bg.on {position:fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); z-index: 998; }
	

	#header {height: 90px;}
	#header .header_inner .logo_top {width: 120px;}
	#header .header_inner .nav_top {margin:0; width:100%; border-top:3px solid #009380; display: block; height: auto;}
	#header .header_inner .nav_top > li {
		display: block; font-size: 25px; text-align:left; width: 100%; height: auto; border-bottom:1px solid #ddd; font-size: 0;
		padding: 30px 20px;
	}
	#header .header_inner .nav_top > li:last-child {border-bottom:0;}
	#header .header_inner .nav_top > li > a {
		color:#000; display: block; vertical-align:top; width: 100%; font-size: 18px; font-weight: 700; text-align: left; position: relative;
		top: unset; left: unset; transform: unset;
	}
	#header .header_inner .nav_sl {position: absolute; top:2px; right:15px; line-height: 85px;}
	#header .header_inner .nav_sl a {font-size: 20px;}


	.menu .sub_menu {
		display:inline-block; position: unset; transform: none; border-top:none; background:#fff; vertical-align: top; width: 100%;
		padding:0;
		
	}
	.menu .sub_menu ul {padding:0; margin-top: 20px;}
	.menu .sub_menu ul > li {width:100%; margin-top: 15px;}
	.menu .sub_menu ul > li > a {color:#444; text-align: left; font-size: 16px; padding: 0;}

	.sub_top {height: 350px;}
	.sub_top .cate_name {font-size: 40px; top:60%;}

	.sub_nav {height: auto; border:none;}
	.sub_nav ul {display: block;}
	.sub_nav ul li {border-bottom:1px solid #ddd; border-left: none; border-right: none;}
	.sub_nav ul li:last-child {border-right:none;}

	.main_top .main_top_bnr .pc_img {display:none;}
	.main_top .main_top_bnr .m_img {display:block;}

	.su_box1 .img {width:100%; margin-right: 0; }
	.su_box1 .txt {margin-top:50px; width:100%;}

	.sked_tit {width:100%; font-size:30px; line-height: 36px; padding:0 0 30px;}

	.booth_box {padding:90px 0;}
	.booth_box .img2 {padding-top: 30px;}



}



@media (max-width: 480px){
	#header {height: 90px;}
	#header .header_inner .logo_top img {max-width:95px;}
	#header .header_inner .nav_top > li {padding: 25px 20px}
	#header .header_inner .nav_top > li > a {font-size: 14px;}	
	#header .header_inner .nav_sl {line-height: 85px;}	
	#header .header_inner .nav_sl a {font-size: 14px;}

	.m_menu {width: 25px; height:25px;}
	.m_menu span {height: 2px;}
	.m_menu span:before, .m_menu span:after {height: 2px;}
	.m_menu span:before {top:-9px;}
	.m_menu span:after {top:9px;}

	.menu .sub_menu ul {padding:0; margin-top: 10px;}
	.menu .sub_menu ul > li {margin-top: 7px;}
	.menu .sub_menu ul > li > a {font-size: 12px;}



	#footer .footer_box1 {padding:10px 0;}	
	#footer .footer_box1 div {margin:10px 0; display: block;}	
	#footer .footer_box1 div span {font-size: 14px;}
	#footer .footer_box1 div img {max-height: 40px;}

	#footer .footer_box2 {font-size:14px;}
	#footer .footer_box2 span {display: block; font-size: 12px;}	
	#footer .footer_box2 span:after {content:"";}

	.sub_top {height: 300px;}
	.sub_top .cate_name {font-size: 30px;}
	.sub_nav ul li a {line-height: 50px; font-size: 16px;}

	.su_box1 .txt .tit {font-size: 24px; margin-bottom: 30px;}
	.su_box1 .txt ul li {font-size: 14px; padding-left: 60px;}
	.su_box1 .txt ul li img {height: 35px;}
	.su_box1 .txt ul li:nth-last-child(-n+2) {padding:0 0 0 60px;}

	.booth_box {padding:50px 0;}



}