.footer{background:#323232;overflow: hidden;}
.footer .wrap{margin: 0 auto;}

.footer .fnav{padding-top: 60px;padding-bottom: 65px;}
.footer .fnav .fnav-list{float:left;margin-left: 160px;}
.footer .fnav .fnav-list dl{float: left;margin-right:40px;}
.footer .fnav .fnav-list dl:last-child{margin-right: 0;}
.footer .fnav .fnav-list dt{font-size: 18px;line-height: 24px;color: #fff;font-weight: bold;margin-bottom: 15px;}

.footer .fnav .fnav-list dl.fr{width: 400px;}
.footer .fnav .fnav-list dl.fr dd{display: inline-block;width: 190px;}

.footer .fnav .fnav-list dd a{font-size: 16px;color: #c9c9c9;display: inline-block;line-height: 40px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition:all 0.3s ease;  transition: all 0.3s ease;}
.footer .fnav .fnav-list dd a:hover{transition: all ease-in-out 260ms;color: #fff;}

.footer .fnav .hotline{float: left;width: 225px;}
.footer .fnav .hotline .footer-logo{margin-bottom: 35px;}
.footer .fnav .hotline .footer-logo img{width:209px;}
.footer .fnav .hotline .footer-logo p{font-size: 14px;line-height: 16px;color: #fff;margin-top: 10px;}

.footer .fnav .hotline h4{font-size: 14px;line-height: 20px;color: #fff;margin-bottom: 5px;}

.footer .fnav .hotline .mes{margin-top: 30px;}
.footer .fnav .hotline .mes p,.footer .fnav .hotline a{font-size: 14px;line-height: 18px;color: #c9c9c9;}

.footer .fnav  .follow{float: right;width: 240px;}
.footer .fnav  .follow p{font-size: 12px;line-height: 14px;color: #c9c9c9;margin-bottom: 25px;}
.footer .fnav  .follow  .follow-b{font-size: 0;}
.footer .fnav  .follow a{display: inline-block;margin-right: 28px;position: relative;}
.footer .fnav  .follow a:last-child{margin-right: 0;}
.footer .fnav  .follow img{width: 54px;}


.footer .fnav  .follow .wx .hover-img{position: absolute;top:50px;padding-top: 20px;left: 50%;margin-left: -54px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; ;transition: all 0.3s linear;}
.footer .fnav  .follow .wx .hover-img img{width: 100px;border: 4px solid #fff;}
.footer .fnav  .follow .wx .hover-img p{position: relative;}
.footer .fnav  .follow .wx .hover-img p:before{content: "";position: absolute;top:-6px;left: 50%;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;  border-bottom: 6px solid #fff;margin-left: -6px;}
.footer .fnav  .follow .wx:hover .hover-img{visibility: visible;opacity: 1;}




.footer .copyright{font-size: 14px;line-height: 20px;color: #8c8c8c;padding: 13px 0;border-top: 1px solid #434343;}

.footer .copyright .copy{float: left;width: 890px;}
.footer .copyright .copy a{font-size: 14px;line-height: 20px;color: #8c8c8c;}
.footer .copyright .tech{float: right;}
.footer .copyright .tech a{display: block;font-size: 14px;line-height: 20px;color: #474747;}




#top{width: 49px; height: 49px; position: fixed; bottom: 100px; right: 25px; -webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all .5s linear; background: #015199; z-index: 1000;  -webkit-transform: translateY(30px);transform: translateY(30px);opacity: 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
#top .ico{background-image: url(../images/gotop.png);background-repeat: no-repeat;background-position: center center;background-size:15px; animation: arrow-up 2s linear infinite running; -webkit-animation: arrow-up 2s linear infinite running; width: 100%; height: 100%; display: block;}
#top.show{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
/*返回顶部*/