@charset "utf-8";

.submenu { width:100% ; height: 60px;  position: relative; margin-top: -60px; border-bottom: 1px solid #dedede; background:#fff;  z-index: 99}
.submenu_inner {width: 100%; margin: 0  auto; background: #fff; position: relative; height: 100%; z-index: 99 }
.gr_title { width: 140px; float:none; text-align: center; line-height: 60px; font-size:20px; font-weight: bolder;  }
.gr_title:before { content: ""; position: absolute; left: 140px; width: 2px; height: 26px; top: 18px; border-right: solid 3px #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:100% ; height: 130px;  position: relative; margin-top: -130px; border-bottom: 1px solid #dedede; background:  linear-gradient(90deg, transparent  40%, #fff 60%);  z-index: 99}
.submenu_inner {max-width: 1350px; margin: 0  auto; background: #fff; position: relative; height: 100%; z-index: 99 }
.gr_title { width: 200px; float: left; text-align: center; line-height: 130px; font-size:25px; font-weight: bolder;  }
.gr_title:before { content: ""; position: absolute; left: 208px; width: 2px; height: 26px; top: 53px; border-right: solid 3px #e53600}
.submenu_right { width: auto; float: left; margin-left: 40px;  margin-top: 0; padding-left: 0}	
.submenu ul { margin-left: 0;  float: left; padding-top: 0 }
.submenu li {width:auto; height: 130px;list-style-type:none; position:relative; float: left; padding: 0 15px}
.submenu li a { line-height:130px; text-align:center;  color:#000; font-size:17px; display: block;  }
.submenu li:hover a { color: #e53600  }
.submenu li.on a { color: #e53600 }
.submenu li.on:before { content: ""; width: 60px; height: 4px; position: absolute; bottom:0; border-bottom:4px solid #e53600; left: 50%; transform: translateX(-50%); z-index: 999; transition: all 0.5s}	
	
}