@charset "utf-8";
ol,ul{
  list-style:none;
}
img{
  border:0;
}
.side{
  position:fixed;
  width: 72px;
  right:0;
  bottom:20px;
  /*margin-top: -180px!important;*/
  z-index:100;
  border: 0px solid #e0e0e0;
  /* background:#fff; */
  border-bottom:0;
}
.side ul li{
  width: 68px;
  height: 68px;
  background: rgba(0, 0, 0, 0.61);
  float:left;
  position:relative;
  border: 1px solid #f7f7f7;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  text-align:center;
  margin-bottom:5px;
  transition:all .3s;
  cursor:pointer;
  list-style: none;
}
.side ul li:hover{
  background: #1890ff;
  color:#fff;
  border-color: #1890ff;
}
.side ul li a,.side ul li:hover a{
  color:#fff;
}
.side ul li i{
  height:25px;
  margin-bottom:1px;
  display:block;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:auto 25px;
  margin-top: 10px;
  transition:all .3s;
}
.side ul li i.bgs1{
  background-image:url(/img/right_pic5_on.png);
}
.side ul li i.bgs2{
  background-image:url(/img/right_pic7_on.png);
}
.side ul li i.bgs3{
  background-image:url(/img/right_pic2_on.png);
}
.side ul li i.bgs4{
  background-image:url(/img/right_pic1_on.png);
}
.side ul li i.bgs5{
  background-image:url(/img/right_pic4_on.png);
}
.side ul li i.bgs6{
  background-image:url(/img/right_pic6_on.png);
}
.side ul li:hover i.bgs1{
  background-image:url(/img/right_pic5_on.png);
}
.side ul li:hover i.bgs2{
  background-image:url(/img/right_pic7_on.png);
}
.side ul li:hover i.bgs3{
  background-image:url(/img/right_pic2_on.png);
}
.side ul li:hover i.bgs4{
  background-image:url(/img/right_pic1_on.png);
}
.side ul li:hover i.bgs5{
  background-image:url(/img/right_pic4_on.png);
}
.side ul li .sidebox{
  position:absolute;
  width:78px;
  height:78px;
  top:0;
  right:0;
  transition:all .3s;
  overflow:hidden;
}
.side ul li.sidetop{
  background:#1890ff;
  color:#fff;
  border-color:#1890ff;
}
.side ul li.sidetop:hover{
  opacity:.8;
  filter:Alpha(opacity=80);
}
.side ul li.sideewm .ewBox.son{
  width: 150px;
  display:none;
  background: rgba(255,255,255,0.5);
  color:#363636;
  text-align:center;
  padding-top: 150px;
  position:absolute;
  background-size: cover;
  left: -151px;
  top: -1px;
  background-image: url(/img/weixin.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  border: 1px solid #109343;
}
.side ul li.sideetel .telBox.son,.side ul li.sideetel2 .telBox.son{
  width: 225px;
  height: 68px;
  display:none;
  color:#fff;
  text-align:left;
  position:absolute;
  left: -226px;
  top: -1px;
  background:#1890ff;
}
.side ul li.sideetel .telBox dd,.side ul li.sideetel2 .telBox dd{
  display:block;
  height: 68px;
  overflow:hidden;
  padding-left: 62px;
  line-height:24px;
  font-family: arial;
  font-size: 14px;
}
.side ul li.sideetel .telBox dd span,.side ul li.sideetel2 .telBox dd span{
  display:block;
  line-height:28px;
  height:28px;
  overflow:hidden;
  margin-top: 8px;
  font-size: 16px;
}
.side ul li.sideetel .telBox dd.bgs1{
  background: url(/img/right_pic8.png) 13px center no-repeat;
  background-color:#1890ff;
}
.side ul li.sideetel2 .telBox dd.bgs1{
  background: url(/img/right_pic10.png) 13px center no-repeat;
  background-color:#1890ff;
}
.side ul li.sideetel .telBox dd.bgs2{
  background:url(/img/right_pic9.png) 28px center no-repeat;
}
.side ul li.sideetel2 .telBox dd.bgs2{
  background:url(/img/right_pic10.png) 28px center no-repeat;
}
.side ul li:hover .son{
  display:block!important;
  animation:fadein 1s;
}
@keyframes fadein{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
.cd-popup-close{position: absolute;left: 0px;top: -30px;z-index: 100;width:30px;height:30px;display: block;font-size:14px;background:url(/img/close.png) no-repeat 50% 50%;}
@media screen and (max-width: 768px) {
  .WhatsAppPC{display:none!important;}
}
@media screen and (min-width: 769px) {
  .WhatsAppMo{display:none!important;}
}