.slide_right{ width:6rem; height: 35rem; position: fixed; right: 0px; bottom:20px ; right: 20px; z-index:99}
.slide_right ul{margin: 0; padding: 0;}
.slide_right li{ width: 6rem; height: 6rem;margin-bottom: 1rem; position: relative; }
.slide_tel,.slide_email{transition: all 0.8s; width: 24rem;right: 7.2rem; position: absolute; top: 0rem;display: none;background:var(--active-color); height: 6rem; color: #fff; font-size: 2rem;}
.slide_tel a,.slide_email a{
	display: block; width: 100%; height: 100%; line-height: 6rem; padding: 0 1rem; color: #fff;
}
.slide_email{ width: 36rem;}
.slide_right li:hover a i{ background:var(--active-color);color: #ffffff;}
.slide_right li a i{transition: all 0.8s; font-size: 2.5rem; color: var(--active-color);border-radius: 6rem; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background: #fff; display: block; width: 6rem; height: 6rem; text-align: center; line-height: 6rem;}
.slide_right li .s_side{ display: none; background:var(--active-color);}
.slide_right li .hade{ display: block;}
.slide_right li.li_weixin {background-position: 0 0;}
.slide_right li.li_weixin .ewm {width: 160px;text-align: center;padding: 15px;height: auto;float: left;background:var(--active-color); right:7.2rem;top: 0rem;font-size: 14px;cursor: pointer;color: #ffffff;position: absolute;display: none;}
.slide_right li.li_weixin .ewm img {width: 100%;}
.slide_right li.li_weixin .ewm:after,
.slide_tel:after,.slide_email:after {content: '';position: absolute;right: -10px;top: 20px;border-top: 10px solid transparent;border-left: 15px solid var(--active-color);border-bottom: 10px solid transparent;}
.slide_right li.li_weixin:hover .ewm {display: block;}
.slide_right li.li_tel:hover .slide_tel{ display: block;}
.slide_right li.li_email:hover .slide_email{ display: block;}
#gotop{display: none;}

@media (max-width:768px) {
	.slide_right{
		 right: 5px;
		 top: 50%;
	}
	.slide_right li.li_weixin .ewm:after, .slide_tel:after, .slide_email:after{
		top:1.2rem;
	}
	.slide_right li a i{
		font-size: 3.2rem;
	}
}