@charset "utf-8";

#submenu { width:100%; height: 40px; text-align: center; position: relative; top: 0; z-index: 8; background: #a02c06  }
#submenu ul {width: auto }
#submenu li {width:33%; height: 40px; list-style-type:none; position:relative; float: left;   }
#submenu li a {  line-height:40px; text-align:center;  color:#fff;font-size:14px;  display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#a02c06; text-decoration:none; display:block; background: #fff }
#submenu li.on a { color:#a02c06; display:block; background: #fff; font-weight: bold }


@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: 60px; text-align: center; position: relative; top: 0; z-index: 8; background: #a02c06  }
#submenu ul {width: 1200px; margin: 0 auto; }
#submenu li {width:240px; height: 60px;list-style-type:none; position:relative; float: left; }
#submenu li a {  line-height:60px; text-align:center;  color:#fff;font-size:16px; display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { height: 60px; color:#a02c06; display:block; line-height: 60px; text-decoration:none; background: #fff}
#submenu li.on a { height: 60px; color:#a02c06;  display:block; line-height: 60px; background: #fff; font-weight: bold}
	
}