add footer tel

Andy
1 parent 5bb8e6bb
Showing 5 changed files with 46 additions and 3 deletions
images/index_footwb.png
images/index_footwx.png
index.html
js/nav-footer.js
style.css
@@ -882,10 +882,12 @@
             <div class="col-md-3 col-xs-6">
                 <div class="footer">
-                    <div class="footer-title">官方媒体</div>
+                    <div class="footer-media">官方媒体</div>
                     <ul class="footer-links">
-                        <li><a href="#">微信</a></li>
-                        <li><a href="#">微博</a></li>
+                        <span class="links_wechatIco rnt_pos_rel">
+                            <span class="rnt_wechat rnt_pos_abs"></span>
+                        </span>
+                        <a href="http://www.weibo.com"><span class="links_weiboIco"></span></a>
                     </ul>
                 </div>
             </div>
@@ -931,6 +933,7 @@
 <script type="text/javascript" src="js/jquery.counterup.min.js"></script>
 <script type="text/javascript" src="js/swiper.js"></script>
 <script type="text/javascript" src="js/gmaps.min.js"></script>
+<script type="text/javascript" src="js/nav-footer.js"></script>
 <script type="text/javascript" src="js/main.js"></script>
 </body>
 </html>
+
+$(function(){
+
+});
 \ No newline at end of file
@@ -2183,6 +2183,9 @@ a:hover{
 .footer-title{
     margin-bottom: 38px;
 }
+.footer-media{
+    margin-bottom: 20px;
+}
 .footer-links li a,.footer-links li{
     font-size:16px;
     font-family:PingFang-SC-Medium;
@@ -2197,6 +2200,33 @@ a:hover{
 .footer-links li:last-of-type{
     margin-bottom: 0;
 }
+.links_wechatIco{
+	background: url("images/index_footwx.png") no-repeat;
+	width: 31px;
+	height: 31px;
+	display: inline-block;
+	cursor: pointer;
+}
+.links_weiboIco{
+	background: url("images/index_footwb.png") no-repeat;
+	width: 31px;
+	height: 31px;
+	margin-left: 15px;
+	display: inline-block;
+	cursor: pointer;
+}
+.rnt_wechat{
+	width: 164px;
+	height: 164px;
+	background: #0b0b0b;
+	border-radius: 4px;
+	bottom:31px;
+	left: 0px;
+	display: none;
+}
+.links_wechatIco:hover .rnt_wechat{
+	display: block;
+}
 .bottom-footer{
     width: 1200px;
     margin: 0 auto;
@@ -2210,6 +2240,12 @@ a:hover{
     font-weight:500;
     color:rgba(255,255,255,.5);
 }
+.rnt_pos_rel{
+	position: relative;
+}
+.rnt_pos_abs{
+	position: absolute;
+}
 /*===================
 	End Footer CSS
 =====================*/