﻿/*
 * 公用底部样式
 */
@charset "utf-8";

/*.footer{width: 100%;height: 300px; background: #393f48;}
.footer .f-b{width: 1200px;margin: 0 auto; height: 280px;clear: both;}
.footer .f-b .f-b-l{float: left; width:840px; height: 280px;}
.footer .f-b .f-b-l .tit{font-size: 14px; font-weight: bold;color: #333333;margin-top: 52px;}
.footer .f-b .f-b-l .tit-c{font-size: 12px; color: #666666; line-height: 20px;}
.footer .f-b .f-b-l .friend-link{margin-top: 15px;}
.footer .f-b .f-b-l .friend-link span,.footer .f-b .f-b-l .friend-link a{color: #fff; display: block; float: left; height: 25px; line-height: 25px;}
.footer .f-b .f-b-l .friend-link span{margin-right: 20px;}
.footer .f-b .f-b-l .friend-link li a{display: inline-block; float: left; padding: 0 12px; height: 25px; line-height: 25px;}
.footer .f-b .f-b-l .friend-link li.online-link a{display: inline-block; padding: 0 12px; height: 25px; line-height: 25px;}
.footer .f-b .f-b-l .friend-link li.online-link a.linhe{margin-left: 79px;}
.footer .f-b .f-b-l .friend-link li.online-link span{margin-right: 19px;}
.footer .f-b .f-b-l .tit-f{height: 20px;width: 100%; margin-top: 15px;}
.footer .f-b .f-b-l .tit-f ul{font-size: 12px;height: 20px;padding: 0;}
.footer .f-b .f-b-l .tit-f ul li{margin-right: 23px;float: left;list-style: none;}
.footer .f-b .f-b-l .tit-f ul li a{ color: #FFF;text-decoration: none;}
.footer .f-b .f-b-l .copyright{color: #bbbbbb;margin-right: 0;font-size: 12px;}
.footer .f-b .f-b-r{float: right;width: 270px; height: 280px;}
.footer .f-b .f-b-r p{font-size: 14px; color: #333333;font-weight: bold;margin-top: 52px;}
.footer .f-b .f-b-r .ewm ul{padding: 0;}
.footer .f-b .f-b-r .ewm ul li{width: 103px; list-style: none; float: left;}
.footer .f-b .f-b-r .ewm ul li p{margin-top: 10px;text-align: center;font-size: 12px; color: #EEE;}
.footer .f-b .f-b-r .ewm ul li:first-child{margin-right: 40px;}*/

.footer{width: 100%;height: 360px; background: url(../images/common-bg-footer.png);}
.footer .site-link{height: 80px; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);}
.footer .site-link .link{width: 720px; height: 80px; float: left; line-height: 80px; color: #fff;}
.footer .site-link .link a{display: block; float: left; color: #fff; margin-right: 28px;}
.footer .site-link span{display: block; float: right; width: 200px; height: 80px; line-height: 80px; font-size: 14px; color: #f1554c;}
.footer .link-bottom{padding-top: 30px; height: 207px;}
.footer .link-bottom .left{width: 930px; float: left;}
.footer .link-bottom .left .head{width: 100%; height: 33px;}
.footer .link-bottom .left .head span{display: block; float: left; padding: 11px 15px; background: rgba(0,0,0,0.15); cursor: pointer; color: rgba(255,255,255,0.4); margin-right: 10px;}
.footer .link-bottom .left .head span.active{background: rgba(255,255,255,0.1); color: #fff;}
.footer .link-bottom .left ul{width: 790px; float: left;}
.footer .link-bottom .left ul li{margin-top: 21px;}
.footer .link-bottom .left ul li a{display: block; float: left; margin-right: 14px; line-height: 28px; color: rgba(255,255,255,0.4);}
.footer .link-bottom .right{width: 270px; float: right;}
.footer .link-bottom .right span{display: block; width: 120px; float: right;}
.footer .link-bottom .right span:first-child{margin-left: 30px;}
.footer .link-bottom .right span img{width: 120px;}
.footer .link-bottom .right span i{display: block; margin-top: 15px; line-height: 1; font-size: 14px; color: #fff; text-align: center;}
.footer .record-num{line-height: 1; color: rgba(255,255,255,0.4);}
