首页调整

css/foot.min.css

@@ -0,0 +1,60 @@
+.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
+.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
+body{padding: 0;margin: 0;}
+.foot-nav-box{
+	background: #cb1919;
+	margin-top: 30px;
+	padding: 20px 180px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;}
+.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
+.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
+/* -webkit-filter: invert(.8); filter: invert(.8); */
+.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;}
+.foot-box-img>img:nth-child(3){width:19px;height:19px;}
+.foot-box-img>img:nth-child(4){width:17px;height:17px;}
+.foot-box-img>img:nth-child(5){width:18px;height:18px;}
+
+
+.foot-end-box{display: flex;justify-content: space-between;}
+.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;}
+/* .foot-end-box>div:first-child>img{width:362px;height: 88px;} */
+.foot-end-box>div:first-child>img{width: 80%;}
+.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;}
+.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
+.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
+.foot-end-titlez{font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;}
+.foot-end-content{font-size: 13px;color: #616161;line-height: 26px;}
+/* .shu-logo{width: 389px;height: 70px;} */
+.shu-logo{width: 100%;}
+.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;flex-shrink: 0;}
+.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
+.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
+.foot-qrcode>div>img{width: 99px;height: 99px;}
+.foot-qrcode>div>div{font-size: 12px;color: #616161;}
+.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;}
+.foot-iframe{width: 100%;height: 400px;}
+
+ 
+@media (min-width:1220px) and (max-width:1619px){
+	.foot-end-box>div:last-child{width: 100%;}
+	/* .foot-end-box>div:first-child>img{width:260px;height: 60px;}
+	.shu-logo{width: 260px;height: 50px;}
+	.foot-box-nav>div{margin-right: 30px;cursor: pointer;}
+	.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
+	.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
+	.foot-end-right{padding: 0 120px 30px 30px;}
+	.foot-end-box>div:last-child{width: 180%;}
+	.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;width: 33%;}
+	.foot-iframe{width: 100%;height: 410px;} */
+}
+@media (min-width:1620px) and (max-width:1900px){
+	.foot-end-box>div:last-child{width: 100%;}
+	/* .foot-box-nav>div{margin-right: 30px;cursor: pointer;}
+	.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
+	.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
+	.foot-end-right{padding: 0 120px 30px 30px;} */
+}

css/huaxia.css

@@ -1,3 +1,4 @@
+body{margin: 0;padding: 0;}
 .w100{width: 100%;}
 .w50{width: 50%;}
 .w48{width: 49%;}
@@ -45,6 +46,7 @@
 .m-sx28{margin-top: 28px;margin-bottom: 28px;}
 .m-sx20{margin-top: 20px;margin-bottom: 20px;}
 .m-sx16{margin-top: 16px;margin-bottom: 16px;}
+.m-sx10{margin-top: 10px;margin-bottom: 10px;}
 
 
 .m-x65{margin-bottom: 65px;}
@@ -100,6 +102,84 @@
 .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
 .clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
 
+
+
+/* 轮播图 */
+.swiper-container {
+	width: 100%;
+	height: 100%;
+}
+.swiper-slide {
+	text-align: center;
+	font-size: 18px;
+	background: #fff;
+	/* Center slide text vertically */
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: -webkit-flex;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	-webkit-justify-content: center;
+	justify-content: center;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+}
+.swiper-pagination-bullet{
+	width: 13px;height: 13px;border-radius: 100%;
+	background: #FFFFFF;
+	border: 2px solid #FFFFFF;
+	opacity: 1;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
+	width: 13px;height: 13px;border-radius: 100%;
+	border: 2px solid #cd2628;
+	background-color: rgba(255,255,255,0);
+}
+.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
+	left: 0px;
+	right: auto;
+}
+.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
+	right: 0px;
+	left: auto;
+}
+.swiper-button-next, .swiper-button-prev {
+	position: absolute;
+	top: 40%;
+	background: #ffffff;
+	/* width: calc(var(--swiper-navigation-size)/ 44 * 27);
+	height: var(--swiper-navigation-size); */
+	width: 39px;
+	height: 39px;
+	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
+	z-index: 2;
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: #c6c6c6;
+}
+.swiper-button-next::after, .swiper-button-prev::after {
+	font-family: swiper-icons;
+	font-size: 18px;
+	text-transform: none !important;
+	letter-spacing: 0;
+	text-transform: none;
+	font-variant: initial;
+	line-height: 1;
+	font-weight: 700;
+}
+
+
+
+
+
+
+
+
 /* 首页 */
 .logo{width: 487px;}
 .banner-img{width: 100%;height: auto;}
@@ -108,8 +188,12 @@
 .guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;}
 .redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
 .xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
+ul li {list-style: none;padding: 0px;margin: 0px;}
 .dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;}
 .dao-box>li>div{padding: 6px 0;}
+.dao-box>li>div>a{text-decoration: none;color: #181818;}
+.dao-box>li>div>a:hover{color: #cd2628;}
+.dao-box>li>div>a:active{color: #cd2628;font-weight: bold;}
 .cq-dao-active{font-weight: bold;color: #cd2628;}
 .input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;}
 .input-box input{font-size: 14px;height: 40px;border: 0;}
@@ -125,6 +209,9 @@
 .msg .m-x32:nth-last-child(2){
 	margin-bottom: 0;
 }
+/* .xx-img{ width:242px; height:151px;} */
+.xx-content{line-height: 28px;}
+.xx-img{ width:100%;}
 .ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;}
 .ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
 .ya-item-box .pr{padding-right: 1.25em;}
@@ -142,8 +229,6 @@
 .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
 .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
 
-.foot-box-nav>div{margin-right: 40px;cursor: pointer;}
-.foot-box-img>img{margin-left: 20px;cursor: pointer;}
 
 
 

htmls/artNetwork/realTimeInfo.html

@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>资讯</title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
+		<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
+		<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<!-- Swiper -->
+		<div class="ont-swiper swiper-container" id="top">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+				<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
+			</div>
+			<!-- 右箭头 -->
+			<!-- <div class="swiper-button-next"></div> -->
+			<!-- 左箭头 -->
+			<!-- <div class="swiper-button-prev"></div> -->
+			<!-- 指示点 -->
+			<div class="swiper-pagination"></div>
+		</div>
+		<script>
+			let swiper = new Swiper('.ont-swiper', {
+				cssMode: false,//禁止鼠标滑动，切换
+				loop:true,
+				autoplay: {
+					delay: 3000,
+					stopOnLastSlide: true,
+					disableOnInteraction: false,
+				},
+				pagination: {
+					el: '.swiper-pagination',
+					clickable :true,
+				},
+				mousewheel: false,//禁止鼠标滚动，切换
+			});
+		</script>
+		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+			<img class="logo" src="../../img/logo.png">
+			<div>
+				<div class="guan-box">
+					<span class="cq-cp">关于我们</span>
+					<span class="sy-dian"></span>
+					<div class="cq-cp dac">
+						<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
+						<span class="cq-cp">我的购物车</span>
+					</div>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">积分商城</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">联系我们</span>
+					<span class="sy-dian"></span>
+					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
+				</div>
+				<div class="dend w100 ac m-s20">
+					<div class="w100">
+						<ul class="dao-box dac">
+							<li class="pr">
+								<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
+								<!-- 点 -->
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr cq-dao-active djcacfw">资讯<div class="xiahx pa "></div></div>
+								<span class="redD pa "></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">机构<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+							<li class="pr">
+								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<span class="redD pa dn"></span>
+							</li>
+						</ul>
+					</div>
+					<div class="pr input-box backf">
+						<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
+						<img class="pa cq-cp" src="../../img/sy-search.png">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div style="background: #e6e6e6;padding: 0 320px;">
+			<div class="djbac">
+				<div class="" style="padding: 45px 0 30px 0;font-size: 40px;">资讯</div>
+				<div class="dac m-s20">
+					<div class="cq-cp" style="color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;margin-right: 10px;font-size: 16px;">信息动态</div>
+					<div class="cq-cp" style="padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;">新闻公告</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>

index.html

@@ -8,83 +8,15 @@
 		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
 		<link rel="stylesheet" type="text/css" href="css/huaxia.css"/>
 		<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
+		<link rel="stylesheet" type="text/css" href="css/foot.min.css"/>
 		<!-- <script src="js/layui.js" type="text/javascript" charset="utf-8"></script> -->
 		<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
-		<style type="text/css">
-			.swiper-container {
-				width: 100%;
-				height: 100%;
-			}
-			.swiper-slide {
-				text-align: center;
-				font-size: 18px;
-				background: #fff;
-				/* Center slide text vertically */
-				display: -webkit-box;
-				display: -ms-flexbox;
-				display: -webkit-flex;
-				display: flex;
-				-webkit-box-pack: center;
-				-ms-flex-pack: center;
-				-webkit-justify-content: center;
-				justify-content: center;
-				-webkit-box-align: center;
-				-ms-flex-align: center;
-				-webkit-align-items: center;
-				align-items: center;
-			}
-			.swiper-pagination-bullet{
-				width: 13px;height: 13px;border-radius: 100%;
-				background: #FFFFFF;
-				border: 2px solid #FFFFFF;
-				opacity: 1;
-			}
-			.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
-				width: 13px;height: 13px;border-radius: 100%;
-				border: 2px solid #cd2628;
-				background-color: rgba(255,255,255,0);
-			}
-			.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
-			    left: 0px;
-			    right: auto;
-			}
-			.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
-			    right: 0px;
-			    left: auto;
-			}
-			.swiper-button-next, .swiper-button-prev {
-			    position: absolute;
-			    top: 40%;
-				background: #ffffff;
-				/* width: calc(var(--swiper-navigation-size)/ 44 * 27);
-				height: var(--swiper-navigation-size); */
-				width: 39px;
-				height: 39px;
-			    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
-			    z-index: 2;
-			    cursor: pointer;
-			    display: flex;
-			    align-items: center;
-			    justify-content: center;
-			    color: #c6c6c6;
-			}
-			.swiper-button-next::after, .swiper-button-prev::after {
-			    font-family: swiper-icons;
-			    font-size: 18px;
-			    text-transform: none !important;
-			    letter-spacing: 0;
-			    text-transform: none;
-			    font-variant: initial;
-			    line-height: 1;
-			    font-weight: 700;
-			}
-		</style>
 	</head>
 	<body style="background: #FFFFFF;">
 		<!-- Swiper -->
-		<div class="ont-swiper swiper-container">
+		<div class="ont-swiper swiper-container" id="top">
 			<div class="swiper-wrapper">
 				<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
 				<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
@@ -128,6 +60,10 @@
 					<span class="cq-cp">联系我们</span>
 					<span class="sy-dian"></span>
 					<span class="cq-cp">登录/注册</span>
+					<div class="dn">
+						<span>个人中心</span>
+						<span>【退出】</span>
+					</div>
 				</div>
 				<div class="dend w100 ac m-s20">
 					<div class="w100">
@@ -138,7 +74,7 @@
 								<span class="redD pa"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">资讯<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="htmls/artNetwork/realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -583,59 +519,8 @@
 			</div>
 		</div>
 		<!-- 底部导航 -->
-		<div class="p-zy180 p-sx20 djbac m-s30" style="background: #cb1919;">
+		<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
-			<div class="dac foot-box-nav" style="color: #FFFFFF;font-size: 15px;">
+		<!-- 回到顶部 -->
-				<div>首页</div>
+		<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" width="57" height="57" style="cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;" alt="图片丢失" title="回到顶部">
-				<div>咨询</div>
-				<div>展览</div>
-				<div>艺术家</div>
-				<div>机构</div>
-				<div>培训</div>
-				<div>商城</div>
-				<div>拍卖</div>
-			</div>
-			<div class="foot-box-img">
-				<img src="img/public/foot-xl.png" width="23" height="19" style="-webkit-filter: invert(.5); filter: invert(1);" alt="图片缺失">
-				<img src="img/public/foot-wx.png" width="23" height="19" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
-				<img src="img/public/foot-whatsapp.png" width="19" height="19" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
-				<img src="img/public/foot-facebook.png" width="17" height="17" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
-				<img src="img/public/foot-skype.png" width="18" height="18" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
-			</div>
-		</div>
-		<div class="djb">
-			<div style="padding: 27px 20px 0 180px;border-right: 1px solid #ededed;">
-				<img src="img/logo.png"  width="100%">
-				<div class="clips1" style="font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
-				<div class="clips2" style="font-size: 13px;color: #616161;line-height: 26px;">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
-			</div>
-			<div class="p-s27" style="background: #faf9f8;width: 175%;">
-				<div class="djbac" style="padding: 0 180px 30px 30px;line-height: 26px;">
-					<div>
-						<img src="img/public/shuy-logo.png" width="100%">
-						<div class="" style="font-size: 14px;font-weight: bold;margin-top: 28px;">成都惠民职工书院</div>
-						<div style="font-size: 13px;color: #616161;">地址：成都市青羊区青羊大道129号文化宫2楼</div>
-						<div style="font-size: 13px;color: #616161;">电话：028-81712589</div>
-					</div>
-					<div class="m-zy15 fs">
-						<div style="font-size: 14px;font-weight: bold;">联系我们</div>
-						<div style="font-size: 13px;color: #616161;">四川省成都市武侯区天益街38号理想中心3栋601</div>
-						<div style="font-size: 13px;color: #616161;">手机：13880548658</div>
-						<div style="font-size: 13px;color: #616161;">电话：028-61529525</div>
-						<div style="font-size: 13px;color: #616161;">zarts@126.com</div>
-					</div>
-					<div class="djb">
-						<div class="" style="display: flex;flex-direction: column;align-items: center;cursor: pointer;">
-							<img src="img/public/huax-em.png" width="99" height="99" >
-							<div style="font-size: 12px;color: #616161;">华夏艺术网</div>
-						</div> 
-						<div class="" style="display: flex;flex-direction: column;align-items: center;cursor: pointer;">
-							<img src="img/public/shuy-em.png" width="99" height="99" >
-							<div style="font-size: 12px;color: #616161;">成都惠民职工书院</div>
-						</div>
-					</div>
-				</div>
-				<div style="font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;">Copyright@2021 华夏艺术网.All rights reserved.    蜀ICP备11111111号    </div>
-			</div>
-		</div>
 	</body>
 </html>

js/huaxia.js

@@ -22,11 +22,11 @@ $(function(){
 	]
 	$.each(data, function(commentIndex, comment) {
 		html +=`<div class="dac backf p-sx20 w48 m-x32">
-			<img class="fs" src="${comment.imgSrc}" width="242" height="151">
+			<img src="${comment.imgSrc}" class="xx-img">
 			<div class="m-zy15">
 				<div class="clips1 font-18 col19">${comment.title}</div>
-				<div class="font-12 col9">${comment.time}</div>
+				<div class="font-12 col9 m-sx10">${comment.time}</div>
-				<div class="clips2 font-12">${comment.content}</div>
+				<div class="clips2 font-12 xx-content">${comment.content}</div>
 			</div>
 		</div>`
 	});
@@ -36,4 +36,25 @@ $(function(){
 		$('.ysj').css({"justify-content":"space-between","marginRight":0})
 		$('.ysj .ya-item-box').css({"marginRight":0})
 	} 
+	
+	
+	
+	
+	// 监听页面滚动条变化
+	$(window).scroll(function(){
+		// 获取滚动条距离顶部的距离
+		let s = $(window).scrollTop();
+		if(s > 1000){
+			$('#gotoTop').fadeIn(100);
+		} else {
+			$('#gotoTop').fadeOut(200);
+		}
+	})
 })
+// 回到顶部
+function pageScroll(){
+	window.scrollBy(0,-100);
+	scrolldelay = setTimeout('pageScroll()',0);
+	var sTop = document.documentElement.scrollTop+document.body.scrollTop;
+	if(sTop==0) clearTimeout(scrolldelay);
+}

public/foot-tab.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>底部导航</title>
+		<link rel="stylesheet" type="text/css" href="../css/foot.min.css"/>
+		<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<div class="foot-nav-box">
+			<!-- 导航文字 -->
+			<div class="foot-box-nav">
+				<div>首页</div>
+				<div>咨询</div>
+				<div>展览</div>
+				<div>艺术家</div>
+				<div>机构</div>
+				<div>培训</div>
+				<div>商城</div>
+				<div>拍卖</div>
+			</div>
+			<!-- 导航图片 -->
+			<div class="foot-box-img">
+				<img src="../img/public/foot-xl.png" alt="图片缺失" title="新浪">
+				<img src="../img/public/foot-wx.png" alt="图片缺失" title="微信">
+				<img src="../img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
+				<img src="../img/public/foot-facebook.png" alt="图片缺失" title="facebook">
+				<img src="../img/public/foot-skype.png" alt="图片缺失" title="钱">
+			</div>
+		</div>
+		<div class="foot-end-box">
+			<div>
+				<img src="../img/logo.png" alt="图片丢失" title="华夏艺术网">
+				<div class="clips1 foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
+				<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
+			</div>
+			<div>
+				<div class="foot-end-right">
+					<div>
+						<img class="shu-logo" src="../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
+						<div class="foot-end-titlez">成都惠民职工书院</div>
+						<div class="foot-end-content">地址：成都市青羊区青羊大道129号文化宫2楼</div>
+						<div class="foot-end-content">电话：028-81712589</div>
+					</div>
+					<div class="foot-count">
+						<div class="foot-end-title">联系我们</div>
+						<div class="foot-end-content">四川省成都市武侯区天益街38号理想中心3栋601</div>
+						<div class="foot-end-content">手机：13880548658</div>
+						<div class="foot-end-content">电话：028-61529525</div>
+						<div class="foot-end-content">zarts@126.com</div>
+					</div>
+					<div class="foot-qrcode">
+						<div>
+							<img src="../img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
+							<div>华夏艺术网</div>
+						</div>
+						<div>
+							<img src="../img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
+							<div>成都惠民职工书院</div>
+						</div>
+					</div>
+				</div>
+				<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.    蜀ICP备11111111号   技术支持全美网络 </div>
+			</div>
+		</div>
+	</body>
+</html>