.cd-main-content {min-height: 100%;position: relative;/*-webkit-transform: translateZ(0);*/}
.cd-main-content.lateral-menu-is-open {/*html5移动命令*/ }/*整体向左移动*/
    
header {position:absolute;top:0;left:0;width:92%; padding-top:1%; transition:0.2s}/*菜单距离右侧的边距,通过百分比来控制*/

header.lateral-menu-is-open {background:#000;opacity: 0.8;width:100%;height:50000%;transform:translate(-220px,0px) /*html5移动命令*/; }

#cd-menu-trigger {background:#;/*按钮背景色*/position: absolute; border:0px solid #eee; right:0%;height:46px;width: 50px;opacity: 1;}

#cd-menu-trigger .cd-menu-icon {width:15px;height:3px;background:#C9A954;/*横线颜色*/ border-radius:5px;display: inline-block;position: absolute;left: 50%;top: 50%;bottom:auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%)}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {background:#000;content: '';width:100%;right:0%;height:100%;position:absolute;background:inherit}
#cd-menu-trigger .cd-menu-icon::before {bottom: 7px;border-radius:5px;}
#cd-menu-trigger .cd-menu-icon::after {top:7px; border-radius:5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background: rgba(255, 255, 255, 0)}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background:#fff;}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#cd-lateral-nav {position: fixed;background:#FFF; background-size:150%;height: 50000%;right: 0;top: 0; padding-top:20px;/*顶部填充*/ visibility: hidden;width: 220px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;
  -moz-transition-property: -moz-transform;transition-property: transform;-webkit-transform: translateX(80px);-moz-transform: translateX(80px);
  -ms-transform: translateX(80px);-o-transform: translateX(80px);transform: translateX(80px);}

  
/*链接的字体,行距,边距控制CSS*/   
#cd-lateral-nav .cd-navigation {font-size:15px; line-height:70px;}
#cd-lateral-nav .sub-menu { margin-left:20px; display:block} 
#cd-lateral-nav li a {text-transform:uppercase; margin-bottom:0px;display: block; border-bottom:1px solid #f1f1f1; padding-left:40px}
#cd-lateral-nav li a:hover {background:#C9A954 url(../images/sheep.png) no-repeat right 15px top 0px;background-size:40%;color:#Fff; }


/*菜单背景色*/
#cd-lateral-nav.lateral-menu-is-open {background:#fff;opacity: 1;
  -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);
  visibility: visible;-webkit-transition: -webkit-transform .1s 0s, visibility 0s 0s;-moz-transition: -moz-transform .1s 0s, visibility 0s 0s;
  transition: transform .1s 0s, visibility 0s 0s;-webkit-overflow-scrolling: touch;}
#cd-lateral-nav .item-has-children > a {font-weight:bold;  position: relative}
#cd-lateral-nav .item-has-children > a::after {
  content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;
  -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
  transform: translateY(-50%);right: 1em;background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;
  transition-property: transform;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -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);
}

@media all and (max-width:769px) 
{
header {position:absolute;top:0;left:0;width:96%;padding-top:2%; transition:0.4s}/*菜单距离右侧的边距,通过百分比来控制*/
}