
/* p5003 侧边栏 */
.mg-a{position: fixed;top: 50%; right: .22rem;transform: translate(0  , -50%); z-index: 98;}
.mg-cont{width: 48px;}
.mg-item{display: block;position: relative;width: 100%;margin: .2rem 0 ;  }
.mg-icon{display: block; width: 100%;cursor: pointer;}
.mg-icon1{display: block; width: 100%;height: 48px;border-radius: 48px;text-align: center;line-height: 48px; background-color: #ffffff;box-shadow: 0px .06rem .16rem 0px rgba(0, 0, 0, 0.16); }
.mg-icon1 img{max-width: 50%;max-height: 50%;}
.mg-icon2{display: none; width: 100%;height: 48px;border-radius: 48px;text-align: center;line-height: 48px; background-color: #0f69ce; }
.mg-icon2 img{max-width: 50%;max-height: 50%;}
.mg-item:hover .mg-icon1{display: none;}
.mg-item:hover .mg-icon2{display: block;}

.mg-sub{ position: absolute;top: 0;left: 0;  transition: all .5s;  width: 0; overflow: hidden;}
.mg-code{width:115px;padding: 10px;text-align: center; 	 background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.mg-code:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('/static/home/images/e14-b.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.mg-img{width: 100%;margin-bottom: 5px;}
.mg-img img{width: 100%;}
.mg-text{color: #666666;}
 
.mg-phone{display: block; width:115px;padding: 10px; background-color: #ffffff;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.16);position: relative;}
.mg-phone:after{content: ''; position: absolute;top: 16px;right: -6px; width: 6px;height: 16px; background-image: url('/static/home/images/e14-b.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;}
.mg-b{color: #666;line-height: 1.5;margin-bottom: .1rem;}
.mg-c{color: #333;line-height: 1.5;}

 
.mg-item.active .mg-sub{width: 130px;left: -130px; }

@media(max-width: 900px){ 
    .mg-a{right: 15px;}
    .mg-cont{width: 30px;}
    .mg-icon1{height: 30px;line-height: 30px;}
    .mg-icon2{height: 30px;line-height: 30px;}
}

.h-j{
    line-height: 1.6rem;
}
.h-sub{
    top: 1.6rem;
}
