.footer {background-color: #1c1c1c;}
.footer .hd {overflow: hidden;margin-bottom: 10px;padding: 41px 30px 15px;}
.link-ft {float: left;overflow: hidden;padding-top: 16px;}
.weixin {float: right;overflow: hidden;padding-top: 16px;}
.weixin img{width:135px;height:135px;}
.weixin p{overflow:hidden;color: #898989;text-align:center;line-height:35px;}
.link-ft dl {float: left;line-height: 30px;width: 130px;margin-right: 2px;}
.link-ft dt a{color: #a4a4a4;font-size: 14px;line-height:35px;}
.link-ft dd a{color: #7d7d7d;font-size: 14px;line-height:35px;}
.link-ft dl.last {width: auto;margin-right: 0;}
.link-ft a:hover {color: #fff;}
.footer .copyr {margin: 0 30px;font-size: 12px;color: #898989;line-height: 20px;padding: 20px 0;border-top: 1px solid #2e2e2e;}
.footer .copyr .txt {text-align:center;}
.footer .copyr span {margin: 0 20px;}
.footer .copyr a {margin: 0 20px;color: #898989;}
.share-ft {position: relative;float: right;margin-top: -5px;}
.share-ft a {float: left;margin-left: 10px;width: 30px;height: 30px;border-radius: 50%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;}
.share-ft .weibo {background-image: url(../image/share-weibo.png);}
.share-ft .wechat {background-image: url(../image/share-wechat.png);}
.qr-code {display: none;position: absolute;bottom: 110%;right: 0;width: 140px;background-color: #fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px rgba(0,0,0,.2);text-align: center;}
.qr-code img {display: block;width: 100%;}
.qr-code .label {text-align: center;font-size: 12px;line-height: 20px;color: #1c1c1c;}
.share-ft .wechat:hover ~ .qr-code {display: block;}
.share-ft a:hover {opacity: .8;}


.side{position:fixed;width:58px;right:0;bottom:10%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;border-radius:5px;}
.side ul li{width:58px;height:58px;float:left;position:relative;color:#686868;font-size:12px;line-height:20px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#bf2b38;color:#fff}
.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:6px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li.sidetop{background:#e0e0e0;color:#686868;border-radius:0 0 5px 5px;}
.side ul li.sidetop:hover{opacity:.5;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:160px;height:160px;display:none;color:#686868;text-align:center;position:absolute;left:-166px;top:-60px;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;background-size:160px;border:1px solid #e0e0e0;border-radius:5px;}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}