.new_nav{ width:100%; height:50px; background-color:#737677; margin:auto;}
.cssmenu {     width: 1200px;list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.cssmenu ul {
 list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.cssmenu ul li {
 list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;  display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:109px;
}
.cssmenu ul li a {
 list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;  display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size:14px;
}
.cssmenu #menu-button {
 list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.cssmenu::after {
 height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
.cssmenu > ul::after {
 height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
.cssmenu #menu-button {
 display: none;
}
.cssmenu {
 background-color:#1a56ba; width: auto; font-family: "Microsoft YaHei", "Open Sans", Helvetica, sans-serif; z-index: 1; }
.cssmenu > ul {
 margin: 0px auto; width: 1200px; text-align: center; 
}
.align-right.cssmenu > ul > li {
 float: right;
}
.cssmenu > ul > li {
 float: left; display: inline-block;
}
.align-center.cssmenu > ul {
 text-align: center; float: none;
}
.align-center.cssmenu > ul > li {
 float: none;
}
.align-center.cssmenu ul ul {
 text-align: left;
}
.cssmenu > ul > li > a {
 background-color:#1a56ba; padding: 17px 2px; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-weight: 400; text-decoration: none; border-right-color: rgba(80, 80, 80, 0.12); border-right-width: 1px; border-right-style: solid;
}
.cssmenu > ul > li:hover > a {
 background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255);
}
.cssmenu > ul > li > a:hover {
 background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255);
}
.cssmenu > ul > li.active > a {
 background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255);
}
.cssmenu > ul > li.has-sub > a {
 
}
.cssmenu > ul > li.active.has-sub > a::after {
 border-top-color: rgb(255, 255, 255);
}
.cssmenu > ul > li.has-sub:hover > a {
 border-top-color: rgb(255, 255, 255);
}
.cssmenu ul ul {
 transition:top 0.2s, opacity 0.2s ease-in; left: -9999px; top: 90px; padding-top: 0px; font-size: 13px; position: absolute; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in;
}
.align-right.cssmenu ul ul {
 text-align: right;
}
.align-right.cssmenu > ul > li > ul::after {
 left: auto; right: 20px;
}
/*导航三级菜单左侧三角符号设置开始*/
.cssmenu ul ul ul::after {
 border-width: 5px; border-style: solid; border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; border-image: none; margin-left:10px; left:0px; top: 20px; width: 0px; height: 0px; position: absolute; content: "";
}
/*导航三级菜单左侧三角符号设置结束*/
.align-right.cssmenu ul ul ul::after {
 left: auto; right: -4px; border-right-color: transparent; border-left-color: rgb(255, 255, 255);
}
.cssmenu > ul > li > ul {
 top: 50px; }
.cssmenu > ul > li:hover > ul {
 left: 0px; top: 50px; opacity: 1; }
.align-right.cssmenu > ul > li:hover > ul {
 left: auto; right: 0px;
}
.cssmenu ul ul ul {
 padding-top: 0px; padding-left: 49px; }
.align-right.cssmenu ul ul ul {
 padding-right: 6px;
}
.cssmenu ul ul > li:hover > ul {
 left: 126px; top: 0px; opacity: 1;
}
.align-right.cssmenu ul ul > li:hover > ul {
 left: auto; right: 100%; opacity: 1;
}
.cssmenu ul ul li a {
 width: 175px; text-align: center; color:#fff; line-height: 50px; font-weight: 400; text-decoration: none; box-shadow: 0px 2px 2px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1); background-color: #737677;font-size:14px;

}
/*.cssmenu ul ul ul li a{line-height: 21px; padding:4px 0px;}*/

.cssmenu ul ul li a:hover {
 background-color: rgba(26, 101, 171, 1);
}
.cssmenu ul ul li:hover > a {
 color:#fff;
}
.cssmenu ul ul li.active > a {
 color: rgb(51, 51, 51);
}
.cssmenu ul ul li:last-child > a {
 border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.cssmenu > ul > li > ul::after {
 display: block; position: absolute;
}
.cssmenu ul ul li.has-sub > a::after {
 border-width: 4px; border-style: solid; border-color: transparent transparent transparent rgb(119, 119, 119); border-image: none; top: 14px; width: 0px; height: 0px; right: 2px; position: absolute; content: "";
}
.align-right.cssmenu ul ul li.has-sub > a::after {
 left: 17px; right: auto; border-right-color: rgb(119, 119, 119); border-left-color: transparent;
}
.cssmenu ul ul li.active.has-sub > a::after {
 border-left-color: rgb(51, 51, 51);
}
.cssmenu ul ul li.has-sub:hover > a::after {
 border-left-color: rgb(51, 51, 51);
}
.align-right.cssmenu ul ul li.active.has-sub > a::after {
 border-right-color: rgb(51, 51, 51); border-left-color: transparent;
}
.align-right.cssmenu ul ul li.has-sub:hover > a::after {
 border-right-color: rgb(51, 51, 51); border-left-color: transparent;
}
@media all and (max-width:768px), not all, not all, not all, not all, only screen and (max-width:768px) and (min-resolution:192dpi), not all
{
.cssmenu {
 background: rgb(57, 177, 204);
}
.cssmenu > ul {
 width: 100%; display: none;
}
.cssmenu > ul.open {
 border-top-color: rgba(0, 0, 0, 0.1); border-top-width: 1px; border-top-style: solid; display: block;
}
.align-right.cssmenu > ul {
 float: none;
}
.align-center.cssmenu > ul {
 text-align: left;
}
.cssmenu > ul > li {
 float: none; display: block;
}
.align-right.cssmenu > ul > li {
 float: none; display: block;
}
.cssmenu > ul > li > a {
 padding: 18px 25px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.cssmenu > ul > li:hover > a {
 background: rgba(0, 0, 0, 0.1);
}
.cssmenu > ul > li.active > a {
 background: rgba(0, 0, 0, 0.1);
}
.cssmenu #menu-button {
 background: url("bg.png")/*tpa=http://scei.gxu.edu.cn/new/new_css/images/bg.png*/; height: 50px; color: rgb(211, 236, 237); text-transform: uppercase; line-height: 50px; text-indent: 25px; letter-spacing: 1px; font-size: 13px; font-weight: 700; text-decoration: none; display: block; cursor: pointer;
}
.cssmenu ul ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.cssmenu ul li:hover > ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.cssmenu > ul > li > ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.cssmenu ul ul ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.cssmenu ul ul li:hover > ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.align-right.cssmenu ul ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.align-right.cssmenu ul li:hover > ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.align-right.cssmenu > ul > li > ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.align-right.cssmenu ul ul ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.align-right.cssmenu ul ul li:hover > ul {
 padding: 0px; left: 0px; top: auto; width: 100%; text-align: left; right: auto; position: relative; opacity: 1;
}
.cssmenu ul ul li {
 width: 100%;
}
.cssmenu ul ul li a {
 width: 100%; padding-left: 35px; box-shadow: none;
}
.cssmenu ul ul ul li a {
 padding-left: 45px;
}
.cssmenu ul ul li:first-child > a {
 border-radius: 0px;
}
.cssmenu ul ul li:last-child > a {
 border-radius: 0px;
}
.cssmenu #menu-button::after {
 top: 18px; width: 22px; height: 3px; right: 25px; border-top-color: rgb(211, 236, 237); border-bottom-color: rgb(211, 236, 237); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.cssmenu #menu-button::before {
 top: 28px; width: 22px; height: 3px; right: 25px; border-top-color: rgb(211, 236, 237); border-top-width: 2px; border-top-style: solid; display: block; position: absolute; content: "";
}
.cssmenu > ul > li.has-sub > a::after {
 display: none;
}
.cssmenu ul ul li.has-sub > a::after {
 display: none;
}
}