#submenu .menu ul li:hover > ul  { display: block; *display:none;  }
#submenu .menu ul  {list-style: none;   padding: 50px 0 0 0; margin: 0 auto; text-align:center; max-width:1100px;  }
#submenu .menu ul li { float:left; width:20%; box-sizing: border-box; padding:0; margin:0 0 0px 0;}
#submenu .menu ul li.first a{ background:none; padding-right:15px; padding-top:11px;  }
#submenu .menu ul li.first {text-align:center; min-width:50px !important; }
#submenu .menu ul li.dep {border-bottom:1px solid #999;}
#submenu .menu ul li a{color:#555;  border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf; 
text-decoration:none;  display:block; text-align:center; font-size:17px; font-weight:normal; margin:0; height:50px; box-sizing:border-box; padding:12px 5px 0 5px; }
#submenu .menu ul li:last-child a{border-right:1px solid #dfdfdf;}
#submenu .menu ul:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul li.select_on a{background-color:#B02226; color:#fff; border:0px solid #111; font-weight:500 }
#submenu .menu ul li a:hover{ border-bottom:1px solid #B02226;  }
#submenu h3.tit {text-align:center; padding:50px 0 0px 0 ; font-weight:normal; font-size:34px; position:relative;  }
#submenu h3.tit::after {content:""; display:block; width:30px; height:2px; background-color:#dfdfdf;  margin:10px auto 0 auto; text-align: center;  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#submenu{ clear:both;  width:100%; border-left:1px solid #dfdfdf;  margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#submenu .menu {width:100%; box-sizing: border-box;  margin:0 auto;  padding:0;   box-sizing: border-box;}
#submenu .menu ul li:hover > ul  { display: block; *display:none; }
#submenu .menu ul  {list-style: none;  padding: 0; margin: 0;}
#submenu .menu ul li { float: left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#f7f7f7;  text-align:left;  box-sizing: border-box; padding:0; margin:0;}

#submenu .menu div.sub_tit {background:none; }
#submenu .menu ul li:last-child a{border-right:0px solid #dfdfdf;}
#submenu .menu ul li:only-child { width: 100%; display:none; }            
#submenu .menu ul li:first-child, {border-left:0px solid #dddddd;}
#submenu .menu ul li:first-child:nth-last-child(2),                      
#submenu .menu ul li:first-child:nth-last-child(2)+li { width: 50%; }    
#submenu .menu ul li:first-child:nth-last-child(3),                      
#submenu .menu ul li:first-child:nth-last-child(3)~li { width: 33.33%; } 
#submenu .menu ul li:first-child:nth-last-child(4),                       
#submenu .menu ul li:first-child:nth-last-child(4)~li { width: 50%; }     
#submenu .menu ul li:first-child:nth-last-child(5),                       
#submenu .menu ul li:first-child:nth-last-child(5)~li { width: 33.33333%; }     

/*#submenu .menu ul li:nth-child(even) {background-color:#f9f9f9;} 
#submenu .menu ul li:nth-child(odd) {background-color:#e5e5e5;}*/ 

#submenu .menu ul li.first a{ background:none; padding-right:15px; padding-top:11px;  }
#submenu .menu ul li.first {text-align:center; min-width:50px !important; }
#submenu .menu ul li.dep {}
#submenu .menu ul li a{background:none;   display:block;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-right:0px solid #dfdfdf; 
 text-align:center; font-size:15px; color:#666; font-weight:500; margin:0;box-sizing: border-box; height:45px; padding:11px 15px 0 15px; }
#submenu .menu ul:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul ul {display: none; background: #fff; padding: 0;  margin: 0 0 0 -1px; box-sizing:border-box; padding:5px 0 10px 0; position: absolute; top: 100%; border:1px solid #dfdfdf;  z-index:5;  }
#submenu .menu ul ul li  { float: none; min-width:119px; box-sizing:border-box; text-align:left; width:100%; height:auto; border-right:0px; }
#submenu .menu ul li ul li a { font-size:13px; margin: 0; font-weight:bold; height:auto; background: #fff;  padding:8px 17px 8px 17px;  border-right:0px;}
#submenu .menu ul:after  { content: ""; clear: both; display: block;  }
#submenu .menu ul li a{  border:0; }
#submenu .menu li li a:hover {  text-decoration: none; margin: 0; background-image:none;  }

#submenu h3.tit {text-align:center; padding:35px 0 10px 0 ; font-weight:normal; font-size:30px; position:relative;  }
#submenu h3.tit::after {content:""; display:block; width:30px; height:2px; background-color:#dfdfdf;  margin:10px auto 0 auto; text-align: center;  }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}