@charset "utf-8";

.submenu { width:100% ; height: 60px;  position: relative; margin-top: -60px; border-bottom: 1px solid #dedede;  z-index: 99}
.submenu_inner {width: 100%; margin: 0  auto;  position: relative; height: 100%; z-index: 99 }
.gr_title { width: 180px; float:none; text-align: center; line-height: 60px; font-size:20px; font-weight: bolder; color: #fff  }
.gr_title:before { content: ""; position: absolute; left: 180px; width: 2px; height: 26px; top: 20px; border-right: dotted 20px #e53600}
.submenu_right { width: 100%; float: none; margin-left: 0; padding-left: 16px; height: 60px; line-height: 60px; margin-top: 8px}
.submenu ul { margin-left: 0; padding-top: 0; line-height: 0  }
.submenu li {width:auto; list-style-type:none; position:relative; float: left; padding: 0 6px}
.submenu li a {  line-height:20px; text-align:center;  color:#000; font-size:15px; display: block;  }
.submenu li:hover a { color: #e53600  }
.submenu li.on a { color: #e53600 }



@media screen and (min-width: 1200px) {
	
.submenu { width:1400px ; height: 70px;  position: relative; margin: -70px auto 0; z-index: 99}
.submenu_inner {max-width: 1400px; margin: 0  auto; background: rgba(0,0,0,0.6);  position: relative; height: 100%; z-index: 99 }
.gr_title { width: 290px; float: left; text-align: center; line-height: 70px; font-size:25px; font-weight: bolder; color: #fff  }
.gr_title:before { content: ""; position: absolute; left: 300px; width: 1px; height: 100%; top: 0; border-right: solid 1px #7f7e7d}
.submenu_right { width: auto; float: left; margin-left: 30px;  margin-top: 0; padding-left: 0}	
.submenu ul { margin-left: 0;  float: left; padding-top: 0; color: #fff }
.submenu li {width:auto; height: 70px;list-style-type:none; position:relative; float: left; padding: 0 30px}
.submenu li a {  line-height:70px; text-align:center;  color:#000; font-size:16px; display: block; color: #fff  }
.submenu li:hover a { color: #d84f3c; font-weight: bold}
.submenu li.on a { color: #d84f3c;  font-weight: bold}
.submenu li.on:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #d84f3c; position: absolute; top: 50%;left: 10px; transform: translateY(-50%); z-index: 999; transition: all 0.5s}	
.submenu li:hover:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #d84f3c; position: absolute; top: 50%;left: 10px; transform: translateY(-50%); z-index: 999; transition: all 0.5s}	
}