.logo_menu{ padding-left:3%;}

@media (max-width:1000px){.logo_menu img{ display:none;}}

.sp-megamenu-parent > li > a {
    color: #000;
    display: inline-block;
	font-family:"微软雅黑","Montserrat";
    font-size: 17px;
    font-weight: 600;
    line-height: 60px;
    padding: 0 16px;
	letter-spacing:1px;
/*    text-transform: lowercase;*/
    transition: none;
    -webkit-transition: none;
}

.sp-megamenu-parent > li {
    display: inline-block;
    margin-right: -4px;
    padding: 0;
    position: relative;
}

.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
    display: block;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover {
    border-left: 3px solid hsl(53, 91%, 55%);
    transition: all 200ms ease 0s;
}

.sp-megamenu-parent {
	/*letter-spacing:5px!important;*/
    display: block;
    float: left;
    list-style: outside none none;
    padding: 0;
    z-index: 9;
}

#offcanvas-toggler {
    float: left;
    line-height: 60px;
}

#sp-header {
    background: none;
	background-color:0;
	opacity: 0.6;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9999;
    min-width: 240px;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: 0;
}

.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
    display: block;
}

.sp-megamenu-parent.menu-fade-up .sp-has-child:hover > .sp-dropdown {
    animation: 400ms ease 0s normal none 1 running spMenuFadeInUp;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #023669 none repeat scroll 0 0;
    border-top: 3px solid #f5dd25;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: outside none none;
    margin: 0;
    padding: 10px 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item {
    margin-bottom: 3px;
    padding-left: 20px;
    transition: all 200ms ease 0s;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a {
    border-radius: 3px;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #333;
    display: block;
    padding: 5px 10px;
}

.sp-megamenu-parent > li.active /*> a*/{
    border-top: 0px solid #008bdc;
}
.sp-megamenu-parent a { border-top: none;}



.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
    color: #008bdc;
}

#offcanvas-toggler {
    float: right;
    line-height: 60px;
}

#offcanvas-toggler > i {
    background: transparent none repeat scroll 0 0;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 0 0 0 10px;
    transition: color 400ms ease 0s, background-color 400ms ease 0s;
}

#offcanvas-toggler > i:hover {
    color: #fff;
}

.close-offcanvas {
    border: 2px solid #eee;
    border-radius: 100%;
    color: #000;
    font-size: 12px;
    height: 22px;
    line-height: 18px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 22px;
    z-index: 1;
}

.close-offcanvas:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.offcanvas-menu {
    background: #fff none repeat scroll 0 0;
    color: #999;
    height: 100%;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 280px;
    z-index: 9999;
}

.offcanvas-menu .offcanvas-inner {
    padding: 20px;
}

.offcanvas-menu .offcanvas-inner .sp-module {
    margin-top: 20px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border: medium none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    border-bottom: 1px dotted #e8e8e8;
    padding: 4px 20px;
    transition: all 300ms ease 0s;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    background: #f5f5f5 none repeat scroll 0 0;
}

#offcanvas-toggler > i:hover {
    color: #008bdc;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > a::before {
    display: none;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {
    margin: 0 -20px;
}

.offcanvas-menu .offcanvas-inner .search {
    margin-top: 25px;
}

.offcanvas-menu .offcanvas-inner .search input {
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.offcanvas-menu {
    transition: opacity 400ms cubic-bezier(0.7, 0, 0.3, 1) 0s, right 400ms cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.body-innerwrapper::after {
    right: 0;
}

.offcanvas-menu {
    right: -280px;
}

.offcanvas .offcanvas-menu {
    right: 0;
}

.body-innerwrapper::after {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    content: "";
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.5s;
    width: 0;
    z-index: 999;
}

.offcanvas {
    height: 100%;
    position: relative;
    width: 100%;
}

.offcanvas .body-innerwrapper::after {
    height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease 0s;
    width: 100%;
}

.offcanvas .offcanvas-menu {
    opacity: 1;
}

.offcanvas .offcanvas-menu ul.nav-child li {
    padding-left: 10px;
}

.menu .nav-child.small {
    font-size: inherit;
}

.sp-module ul > li > a {
    display: block;
    line-height: 36px;
    padding: 2px 0;
    transition: all 300ms ease 0s;
}

.sp-module ul > li > a {
    color: #000000;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    border-bottom: 1px dotted #e8e8e8;
    padding: 4px 20px;
    transition: all 300ms ease 0s;
}

ul#offcanvas-inner-menu > li > a {
    border: 1px solid #ddd;
    margin: 0 0 -1px;
    padding: 5px 20px;
}

ul#offcanvas-inner-menu > li > ul.nav-child {
    animation: 700ms ease 0s normal none 1 running spMenuFadeIn;
    display: none;
    padding: 20px;
}

ul#offcanvas-inner-menu > li.deeper.parent:hover > ul.nav-child {
    display: block;
}

ul#offcanvas-inner-menu > li.deeper.parent:hover > a {
    background-color: #023669;
    color: #fff;
}

.sp-megamenu-parent > li.sp-has-child > a::after {
    content: " ";
    font-family: "FontAwesome";
}





/* -------------------------------- 

内页二级下拉菜单（左侧导航）

-------------------------------- */
.nav {
  width: 100%;
  max-width: 600px;
  background: #d3eef9;
 /* margin: 4em auto;*/
  box-shadow: 0 2px 2px ragb(0,0,0,0.5);
  padding:0;
}
.nav ul {
  /* by default hide all sub menus */
  display: none;
  padding:0;
}
.nav li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style:none;
}
.nav input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.nav label, .nav a {
  position: relative;
  display: block;
  padding: 10px 18px 10px 10px;
  background: #1a97e0;
  box-shadow: inset 0 -1px #d3eef9;
  color: #fff;
  font-size: 0.8em;
  font-weight:200;
}

.no-touch .nav label:hover, .no-touch .nav a:hover {
  background: #1a97e0;
  color:#fff;
}


.nav label::before, .nav label::after, .nav a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nav label {
  cursor: pointer;
  margin:0;
}
.nav label::before{
  background-image: url(../img/cd-icons.svg);
  background-repeat: no-repeat;
}
.nav label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.nav label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.nav a::after {
  /* image icon */
  left: 36px;
/*  background: url(../img/cd-icons.svg) no-repeat -48px 0;*/
}
.nav input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nav input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.nav input[type=checkbox]:checked + label + ul,
.nav input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
label.sign{ background:#1a97e0; color:#FFF;}
.nav ul label,
.nav ul a {
  /*background: #35383d;*/
  box-shadow: inset 0 -1px #64b6f7;
 /* padding-left: 82px;*/
}
.no-touch .nav ul label:hover, .no-touch
.nav ul a:hover {
  background: #1a97e0;
}
.nav > li:last-of-type > label,
.nav > li:last-of-type > a,
.nav > li > ul > li:last-of-type label,
.nav > li > ul > li:last-of-type a {
  box-shadow: none;
}


.nav ul label::before {
  left: 36px;
}
.nav ul label::after,
.nav ul a::after {
  left: 59px;
}
.nav ul ul label,
.nav ul ul a {
  padding-left: 100px;
}
.nav ul ul label::before {
  left: 54px;
}
.nav ul ul label::after,
.nav ul ul a::after {
  left: 77px;
}
.nav ul ul ul label,
.nav ul ul ul a {
  padding-left: 118px;
}
.nav ul ul ul label::before {
  left: 72px;
}
.nav ul ul ul label::after,
.nav ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .nav label, .nav a {
   /* padding: 24px 24px 24px 82px;*/
    font-size: 1rem;
  }
  .nav label::before {
    left: 24px;
  }
  .nav label::after {
    left: 53px;
  }
  .nav ul label,
  .nav ul a {
    /*padding-left: 106px;*/
  }
  .nav ul label::before {
   /* left: 48px;*/
  }
  .nav ul label::after,
  .nav ul a::after {
    left: 77px;
  }
  .nav ul ul label,
  .nav ul ul a {
    padding-left: 130px;
  }
  .nav ul ul label::before {
    left: 72px;
  }
  .nav ul ul label::after,
  .nav ul ul a::after {
    left: 101px;
  }
  .nav ul ul ul label,
  .nav ul ul ul a {
    padding-left: 154px;
  }
  .nav ul ul ul label::before {
    left: 96px;
  }
  .nav ul ul ul label::after,
  .nav ul ul ul a::after {
    left: 125px;
  }
}

.nav li ul li a{ background:#c9efff; color:#003; font-size:1.1em; letter-spacing:3px;}
.nav.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}