dl, dt, dd, ul, ol, li{
  margin:0;
  padding:0;
}

/*悬浮样式二*/
.fixed-contact-wrap {
    z-index:999;
    position:fixed;
    right:30px;
    top:72%;
    width:60px;
    margin-top:-90px;
    overflow:hidden;
    border-radius:30px;
    opacity:0;
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
    -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
    box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
}
.fixed-contact-wrap.show{  transform:none; opacity:1; }
.fixed-contact-wrap.active {width:215px;}
.fixed-contact-wrap li {
    position:relative;
    height:60px;
    background:rgba(28,164,180, 1);
    overflow:hidden;
}
.fixed-contact-wrap.active li {overflow:inherit;}
.fixed-contact-wrap li a {position:relative;z-index:1000;display:block;}
.fixed-contact-wrap li i {
    z-index:1000;
    position:absolute;
    right:0;
    display:block;
    width:60px;
    height:60px;
    transition:all .4s;
}
.fixed-contact-wrap.active li:after {
    z-index:1001;
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    width:80%;
    height:1px;
    margin-left:-40%;
    background:rgba(255,255,255,.1);
    text-align: left;
}
.fixed-contact-wrap.active li:last-child:after {display:none;}
.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover strong{opacity:.5;}
.fixed-contact-wrap .phone i {
    background:#222629 url(../images/fix-icon1.png) no-repeat center center;
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact-wrap .qq i {background:#222629 url(../images/fix-icon2.png) no-repeat center center;}
.fixed-contact-wrap .back-top i {  background:#222629 url(../images/fix-icon3.png) no-repeat center center;  }
.fixed-contact-wrap.active .back-top i {
    border-bottom-left-radius:0;
    -moz-border-bottom-left-radius:0;
    -webkit-border-bottom-left-radius:0;
}
.fixed-contact-wrap li strong {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:115px;
    padding:0 15px 0 30px;
    font:normal 16px/60px '微软雅黑';
    color:#fff;
    background:rgba(28,164,180, 1);
    white-space:nowrap;
    transition:all .4s;
}
.fixed-contact-wrap.active li strong {
    right:100px;
}
.fixed-contact-wrap.green li {background: #222629;}
.fixed-contact-wrap.green li strong {background: #222629;}
.fixed-contact-wrap.green .phone i {background: #222629 url(../images/fix-icon1.png) no-repeat center center;}
.fixed-contact-wrap.green .qq i { background: #222629 url(../images/fix-icon2.png) no-repeat center center;}
.fixed-contact-wrap.green .back-top i { background:#222629 url(../images/fix-icon3.png) no-repeat center center;  }
@media(max-width:1400px){
    .fixed-contact-wrap {right:15px;width:50px;border-radius:25px;}
    .fixed-contact-wrap.active {width:200px;}
    .fixed-contact-wrap li {height:50px;}
    .fixed-contact-wrap li i {width:50px;height:50px;}
    .fixed-contact-wrap li strong {right:-120px;width:100px;padding:0 15px 0 20px;font:normal 14px/50px '微软雅黑';}
    .fixed-contact-wrap.active li strong {right:80px;}
}
.side2 {
  position: fixed;
  width: 50px;
  right: 15px;
  z-index: 100;
  top: 85%;
  height: 50px;
  border-radius: 25px;
  -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
    box-shadow: 0 5px 9px rgba(4, 0, 0, .17); 
}
.side2 ul li {
  width: 50px;
  height: 50px;
}
.side2 ul li a {
  display: block;
  background-color: #222629;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 47px;
  border-radius: 25px;
}
.side2 ul li a img {
  vertical-align: middle;
  display: inline-block;
}
.side2 ul li a:hover {
  background-color: #222629;
}
.side2 ul li .weixin {
  position: relative;
  left: -174px;
  bottom: 168px;
  display: none;
  width: 160px;
}
.side2 ul li .weixin em {
  background: url(../images/arr3.png?v=1) no-repeat;
  width: 5px;
  height: 17px;
  display: block;
  position: absolute;
  right: -5px;
  top: 75%;
  margin-top: 3px;
}
.side2 ul li .weixin img {
  width: 100%;
  display: block;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
    box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
}
@media screen and (max-width: 768px) {
  .side2,.fixed-contact-wrap,.fixed-contact-wrap.show {
    display: none;
    opacity: 0;
  }
}