/* 电脑端 */
@media screen and (min-width: 768px) {
   #header-box,.sidenav,.mask{display:none;}
   .menudiy {display:none;}
}
/* 手机端 */
@media only screen and (max-width: 768px) {
/* 头部 */
#header-box{ height:50px; width:100%;line-height:50px; position: fixed;z-index: 6500;top: 0; border-bottom:2px solid #eaeaea; background:#eaeaea;box-shadow: 0px 3px 6px rgba(0,0,0,0.2);}
#header{ height:50px; background: #FFF;width:100%;line-height:50px; padding: 0 0 0 10px;}
#header .tel{line-height:50px!important;}
.title{ text-align: center; color:#323232;}
.mlogo{ float: left; padding-left:150px; height:50px; background:url(../images/logo.png) left center no-repeat; background-size: 150px 35px; overflow: hidden;}

.indexright{position:relative;}
a.icon-menu{display:block; width:50px; height:50px; text-align:center; background:#0193dd; color:#fff; position: absolute; right: 0; top: 0;}
.icon-menu span{ line-height:50px;font-size:16px;font-weight:normal;}

/* 侧边栏 */
.sidenav{width:100%;height:100%;position:fixed;top: 0;left:0;z-index: 6600;-webkit-transform: translateX(-100%); transform: translateX(-100%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; display:block;}
.sidenav-mask{position: fixed;height: 100%;width:calc(100% - 50px);z-index: 6600; background: #2e2e2e; overflow-y: auto; top: 0; left: 0;}
.mask{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top: 0;left:0;z-index: 6600;display:none;}
.open-side-nav .sidenav{-webkit-transform: translateX(0%); transform: translateX(0%);}
.open-side-nav .mask{display:block;}

a.icon-close{display:block; width:50px; height:50px; text-align:center; background:#0193dd; color:#fff;   position: absolute; right: 0; top: 0;}
.icon-close span{ line-height:50px;font-size:16px;font-weight:normal;}

.body-y{overflow-y:hidden;}

.cclose {display: inline-block; width: 50px; height: 100%; position: absolute;
    right: 0; top: 50px;}
.cd-navigation .sub-menu {
  background:#3b3b3b;
  display: none;
}
.cd-navigation .sub-menu .sub-menu{
  background:#4d4d4d;
}
.cd-navigation li{border-bottom: 1px solid #444;}
.cd-navigation a {
  display: block;
  line-height:50px;
  padding: 0 15px 0 15px;
  color: #fff;
}
.cd-navigation li li:last-child{border-bottom:none;}
.cd-navigation li li a{padding-left:30px; color:#9b9ea0;}
.cd-navigation li li li a{padding-left:45px;}
.cd-navigation a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
.item-has-children > a {
  position: relative;
  text-transform: uppercase;
  /* this is the right arrow to show that the item has a submenu  */
}
.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("../images/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.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.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);
}
}