@charset "utf-8";
/* CSS Document */

header{ width:100%; height:80px; background:#333333; z-index:999;}
#new_head{ width:1220px; margin:0 auto; }
#new_logo{ float:left; padding-top:15px;}
#new_logo_sub{ float:left; padding-top:15px; margin-right:36px;}
#new_head .new_logo_sub_ul li{ float:left; padding:28px 12px 10px;  position:relative; left:0; bottom:1px; z-index:99;}
#new_head .new_logo_sub_ul li a{ font-size:16px; color:#fff;}
#new_head .new_logo_sub_ul li:hover{ border-bottom: 2px solid #fd2629;}
.new_menu{ position:fixed; top:0; opacity:0.9;}
#phoneClassNavBtn{ display:none;}
#phoneClassUl{ display:none;}


/*以下为课程页面导航响应式*/
@media screen and (min-width:768px) and (max-width:1024px){
	#new_head{ width:100%;}
#new_logo{ float:left; padding-top:15px;}
#new_logo_sub{ float:left; padding-top:15px; margin-right:50px; display:none;}
#new_head ul{ width: 100%; 
	float:right;}
#new_head ul li{ float:left; padding:28px 2px 10px;position:relative; left:0; bottom:1px; z-index:99; }
#new_head ul li a{ font-size:14px; color:#fff;}
.new_menu{ position:fixed; top:0; opacity:0.9;}
	.new_menu_style{ display: none;}
#phoneClassNavBtn{ display:none;}
#phoneClassUl{ display:none;}

}

@media screen and (max-width:767px){
#new_head{ width:100%;}
#new_logo{ float:left; padding-top:15px;}
#new_logo_sub{ display:none;}
.new_menu{ position:fixed; top:0; opacity:0.9;}
#new_head .new_logo_sub_ul{ display:none;}
#phoneClassNavBtn{ display:block; width:47px; padding-top:16px; position:absolute; right:5%; }
#phoneClassUl{ display:none; background:#333333; width:28%; float:right; position:absolute; right:0; z-index:999;}
#phoneClassUl li{ border-bottom:#999 1px solid;}
#phoneClassUl li:hover{ background:#f74c4c;}
#phoneClassUl li a{ color:#FFF; font-size:14px; line-height:34px; padding-left:5%; display:block;}
}