.m-hdnav-div{position: relative;background-color: #011c2f;width: 100%;height: 80px;padding-left: 450px;}

.m-hdnav-div.fixed{position: fixed;z-index: 9999999999;}

.m-hdnav {float:left;list-style-type: none; margin: 0; padding: 0; overflow: visible; width: 100%; height: 100%; text-align: center; font-size: 0; letter-spacing: 0;}

.m-hdnav .nav-item { float: left;position: relative; margin: 0 1%; height: 100%; }

.m-hdnav .nav-item > a {display: block;text-decoration: none;border-radius: 5px;padding: 5px 15px 6px 15px;margin: 20px 0; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; color: #fff; }

.m-hdnav .nav-item > a:hover { color: #000000; background-color: #fff}

.m-hdnav .nav-item > a.current { color: #333333;background-color: #fff }

.m-hdnav .nav-item > a.active { color: #000000; background-color: #fff}

.m-hdnav .sbnav-wp { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}

.m-hdnav .sbnav-list { position: absolute; display: none; -moz-box-sizing: border-box; box-sizing: border-box;z-index: 10; }

.m-hdnav .sbnav-list1 { top: 100%; left: 0; width: 253px;padding: 10px 0; background-color: #fff ;border: 1px solid #d2d2d2;}

.m-hdnav .sbnav-list2 { top: 0; left: 100%; width: 223px; border: 1px solid #d2d2d2;}

.m-hdnav .sbnav-item { position: relative; }

.m-hdnav .sbnav-item a { position: relative; display: block;text-align: left; padding: 15px 25px; font-size: 14px; font-size: 1.4rem; color: #000000; }

.m-hdnav .sbnav-item a:hover { color: #fff; background-color: #1127c0}

.m-hdnav .sbnav-item a.active { color: #fff; background-color: #1127c0}

.sbnav-list2 .sbnav-item a:hover { color: #fff; background-color: #edc538}

.sbnav-list2 .sbnav-item a.active { color: #fff; background-color: #edc538}

@media screen and (max-width: 1619px) {
  .m-hdnav-div{height: 70px;padding-left: 350px;}
  .g-hd .nav-logo{width: 130px;top: 13px;}
  .m-hdnav .nav-item{margin: 0 0.5%;}
}
@media screen and (max-width: 1419px) {
  .m-hdnav-div{height: 70px;padding-left: 250px;}
  .g-hd .nav-logo{width: 110px;top: 15px;}
  .m-hdnav .nav-item{margin: 0 0.2%;}
}
@media screen and (max-width: 1319px) {
  .m-hdnav-div{height: 70px;padding-left: 230px;}

}
@media screen and (max-width: 1219px) { 
  .m-hdnav .nav-item > a { font-size: 14px; font-size: 1.4rem; } 
  .m-hdnav-div{height: 60px;padding-left: 220px;}
  .g-hd .nav-logo{width: 90px;top: 16px;}
}
@media screen and (max-width: 1119px) { 
  .m-hdnav-div{height: 60px;padding-left: 180px;}
  .m-hdnav .nav-item > a{padding: 5px 10px 6px 10px;}
}
@media screen and (max-width: 1000px) { 
  .m-hdnav-div{height: 60px;padding-left: 150px;}
}
@media screen and (max-width: 959px) { 
  .m-hdnav { display: none; }
} 





.wap-hd-nav { display: none; }

.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch1.png") no-repeat center center; }

.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }

.wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 25px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #fff; }

@media screen and (min-width: 960px) { 
  .wap-nav, .menubtn { display: none; } 
}

@media screen and (max-width: 959px) { 
  .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: 333; text-align: center; background-color: #fff; }
  .wap-hd-nav-item a.active { color: #1127c0; background-color: #fff; } 
}