新增培训系列

css/foot.min.css

@@ -11,6 +11,7 @@ body{padding: 0;margin: 0;}
 }
 .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-nav>div>a{text-decoration: none;color: #FFFFFF;}
 .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;}

css/huaxia.css

@@ -2,12 +2,17 @@ body{margin: 0;padding: 0;}
 .w100{width: 100%;}
 .w96{width: 96%;}
 .w90{width: 90%;}
+.w56{width: 56%;}
 .w50{width: 50%;}
 .w48{width: 49%;}
 .w33{width: 33.33%;}
 .w25{width: 25%;}
 .w20{width: 19%;}
 
+.op9{opacity: .9;}
+.op8{opacity: .8;}
+.op7{opacity: .7;}
+
 .dis{display: flex;}
 .djb{display: flex;justify-content: space-between;}
 .dend{display: flex;justify-content: flex-end;}
@@ -37,6 +42,8 @@ body{margin: 0;padding: 0;}
 .m-s27{margin-top: 27px;}
 .m-s30{margin-top: 30px;}
 .m-s37{margin-top: 37px;}
+.m-s46{margin-top: 46px;}
+.m-s50{margin-top: 50px;}
 .m-s65{margin-top: 65px;}
 
 .m-z10{margin-left: 10px;}
@@ -88,11 +95,14 @@ body{margin: 0;padding: 0;}
 
 
 .p-x65{padding-bottom: 65px;}
+.p-x30{padding-bottom: 30px;}
 .p-x27{padding-bottom: 27px;}
+.p-x20{padding-bottom: 20px;}
 .p-x10{padding-bottom: 10px;}
 
 .p-zy320{padding-left: 320px;padding-right: 320px;}
 .p-zy180{padding-left: 180px;padding-right: 180px;}
+.p-zy40{padding-left: 40px;padding-right: 40px;}
 .p-zy30{padding-left: 30px;padding-right: 30px;}
 .p-zy20{padding-left: 20px;padding-right: 20px;}
 .p-zy15{padding-left: 15px;padding-right: 15px;}
@@ -109,6 +119,7 @@ body{margin: 0;padding: 0;}
 .font-13{font-size: 13px;}
 .font-14{font-size: 14px;}
 .font-15{font-size: 15px;}
+.font-16{font-size: 16px;}
 .font-18{font-size: 18px;}
 .font-20{font-size: 20px;}
 .font-22{font-size: 22px;}
@@ -129,6 +140,7 @@ body{margin: 0;padding: 0;}
 
 
 .tl{text-align: left;}
+.tr{text-align: right;}
 .col19{color: #191919;}
 .col7d{color: #7d7d7d;}
 .col9{color: #999999;}
@@ -140,6 +152,8 @@ body{margin: 0;padding: 0;}
 .backf5{background: #f5f5f5;}
 
 
+
+.bd{border: 1px solid #e6e6e6;}
 .btt{border-top: 1px solid #ebebeb;}
 .bbt{border-bottom: 1px solid #ebebeb;}
 .tin2{text-indent: 2em;}
@@ -236,6 +250,8 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
 /* 首页 */
 .logo{width: 487px;}
 .banner-img{width: 100%;height: auto;}
+.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;}
+.head-nav-box>div:last-child{margin-top: 20px;}
 .sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;}
 .top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;}
 .dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;}
@@ -283,27 +299,33 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
 .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
 .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
 /* 资讯 */
-.zx-nav,.szx-nav{padding: 0;}
+.zx-nav,.szx-nav,.px-nav{padding: 0;}
-.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
+.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
-.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
+.zx-nav li a,.szx-nav li a,.px-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
-.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
+.zx-nav li div,.szx-nav li div,.px-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
-.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
+.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active,.px-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
-.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;}
+.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title,.px-nav li .zx-nav-title{color: #CB1919;}
 #zx-xg>div:first-child{margin-right: 10px;}
 .zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;}
 .zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;}
 
 /* 机构 */
-#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img{transition: transform .5s;}
+#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img{transition: transform .5s;}
-#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;}
+#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;}
 .jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;}
 .jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;}
-
+/* 拍卖 */
-
+#pm-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
-
+#pm-list>div:hover div:last-child>div:first-child{color: #CB1919;}
-
+#pm-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;}
-
+.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;}
-
+/* 培训 */
+.px-item-img{margin-bottom: -4px;}
+.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);}
+#px-list>div:hover div>div:first-child{color: #CB1919;}
+#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;}
+#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;}
+#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;}
 
 
 

css/huaxiaMedia.css

@@ -34,12 +34,10 @@
 @media screen and (min-width:1221px) and (max-width:1320px) {
 
 }
-@media screen and (min-width:1321px) and (max-width:1420px) {
+@media screen and (min-width:1024px) and (max-width:1620px) {
 	
 }
-@media screen and (min-width:1421px) and (max-width:1520px) {
+@media screen and (min-width:1024px) and (max-width:1820px) {
-
+	.logo{width: 30%;}
-}
+	.head-box{padding: 20px 100px;}
-@media screen and (min-width:1521px) and (max-width:1620px) {
-
 }

htmls/artNetwork/auction.html

@@ -0,0 +1,146 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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"><a href="mechanism.html">机构</a><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 cq-dao-active djcacfw"><a href="javascript:;">拍卖</a><div class="xiahx pa"></div></div>
+								<span class="redD pa"></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 class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<!-- 全部列表 -->
+			<section id="pm-main">
+				<div id="pm-list" class="p-sx30"></div>
+				<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
+					<div class="container gray">
+						<div class="ispinner gray animating">
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+							<div class="ispinner-blade"></div>
+						</div>
+					</div>
+					<div class="m-z10 col7d">下拉加载更多信息</div>
+				</div>
+			</section>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/auctionDetail.html

@@ -0,0 +1,162 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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"><a href="mechanism.html">机构</a><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 cq-dao-active djcacfw"><a href="javascript:;">拍卖</a><div class="xiahx pa"></div></div>
+								<span class="redD pa"></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 class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<img class="p-s30 p-x20" width="100%" src="../../img/public/pm01.png" >
+			<div class="font-24 fb">四岛集珍唐人书画无底价专场</div>
+			<div class="col19 font-16 m-s10 linh30 bbt p-x20">
+				<div class="op8">主办方：华夏艺术网</div>
+				<div class="op8">拍品总数：78 件</div>
+				<div class="op8">拍卖时间：2021年07月21日上午10:00 开始</div>
+			</div>
+			<div class="font-16 col19 m-sx20">专场介绍</div>
+			<div class="font-16 col19 m-x20 linh30 tin2">运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存</div>
+			<div class="backf5" style="padding: 6px;">
+				<div class="p-sx20 backf">
+					<div class="djb bbt m-zy20 p-x20">
+						<div class="font-36">全部拍品</div>
+					</div>
+					<!-- 全部列表 -->
+					<section id="pmd-main" class="p-zy20">
+					    <div id="pmd-list" class="dac fw" style="width: 102.6%;"></div>
+						<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
+							<div class="container gray">
+								<div class="ispinner gray animating">
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+								</div>
+							</div>
+							<div class="m-z10 col7d">下拉加载更多信息</div>
+						</div>
+					</section>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/auctionShopDetail.html

@@ -0,0 +1,173 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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 cq-dao-active djcacfw"><a href="javascript:;">机构</a><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"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<div class="djb bbt ps m-s50 p-x30">
+				<!-- Swiper -->
+				<div class="ys-swiper swiper-container m-y20">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+						<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+					</div>
+					<!-- 右箭头 -->
+					<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
+					<!-- 左箭头 -->
+					<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
+				</div>
+				<script>
+					let twoswiper = new Swiper('.ys-swiper', {
+						cssMode: false,//禁止鼠标滑动，切换
+						loop:true,
+						autoplay: {
+							delay: 2000,
+							stopOnLastSlide: true,
+							disableOnInteraction: false,
+						},
+						navigation: {
+							nextEl: '.two-next',
+							prevEl: '.two-prev',
+						},
+						mousewheel: false,//禁止鼠标滚动，切换
+					});
+				</script>
+				<div class="" style="width: 86%;padding-right: 10px;background: #f4f4f4;padding: 20px;">
+					<div class="font-24 clips2" style="width:100%;line-height: 36px;margin: 0 10px;">約公元一世紀</br> 大理石雕阿斯克勒庇俄斯殘像</div>
+					<div class="p-sx20 m-sx20 p-zy10 font-15 linh30" style="border-top: 1px solid #dbdbdb;">
+						<div class="font-16 col19 fb">描述：</div>
+						<span style="font-size: 15px;color: #4d4d4d;">该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露</span>
+					</div>
+				</div>
+			</div>
+			<div class="backf5" style="padding: 6px;">
+				<div class="backf">
+					<!-- 详情 -->
+					<div class="p-zy20">
+						<div class="bbt p-sx20 col19" style="font-size: 28px;">详情介绍</div>
+						<div class="font-15 linh30 m-sx20 tin2" style="color: #222222;">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
+						<div class="djcacfw">
+							<img width="97%" class="m-x20" src="../../img/public/pm-sd02.png" >
+							<img width="97%" class="m-x20" src="../../img/public/pm-sd03.png" >
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/mechanism.html

@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>

htmls/artNetwork/mechanismArtwork.html

@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>
@@ -121,8 +121,8 @@
 								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
 							</ul>
 							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
 						</div>

htmls/artNetwork/mechanismArtworkDetail.html

@@ -0,0 +1,184 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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 cq-dao-active djcacfw"><a href="javascript:;">机构</a><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"><a href="auction.html">拍卖</a><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>
+		<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
+		<div class="p-zy320">
+			<div class="backf5" style="padding: 6px;margin-top: -90px;">
+				<div class="p-sx20 backf">
+					<div class="djb bbt m-zy20">
+						<div class="font-36">山东美术馆</div>
+						<div class="dac">
+							<!-- 二级导航 -->
+							<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+								<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<!-- 详情 -->
+					<div class="p-zy20 m-sx30">
+						<div class="djb bbt p-x30">
+							<!-- Swiper -->
+							<div class="ys-swiper swiper-container m-y20">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+									<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+									<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
+								</div>
+								<!-- 右箭头 -->
+								<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
+								<!-- 左箭头 -->
+								<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
+							</div>
+							<script>
+								let twoswiper = new Swiper('.ys-swiper', {
+									cssMode: false,//禁止鼠标滑动，切换
+									loop:true,
+									autoplay: {
+										delay: 2000,
+										stopOnLastSlide: true,
+										disableOnInteraction: false,
+									},
+									navigation: {
+										nextEl: '.two-next',
+										prevEl: '.two-prev',
+									},
+									mousewheel: false,//禁止鼠标滚动，切换
+								});
+							</script>
+							<div style="width: 86%;padding-right: 10px;">
+								<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">
+									东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色
+								</div>
+								<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
+									简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1
+								</div>
+								<div class="p-s20"><span style="background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;">去购买</span></div>
+							</div>
+						</div>
+						<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
+						<img width="100%" src="../../img/public/jg-dyd-02.png" >
+						<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
+						<img width="100%" src="../../img/public/jg-dyd-03.png" >
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/mechanismBooks.html

@@ -0,0 +1,161 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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 cq-dao-active djcacfw"><a href="javascript:;">机构</a><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"><a href="auction.html">拍卖</a><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>
+		<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
+		<div class="p-zy320">
+			<div class="backf5" style="padding: 6px;margin-top: -90px;">
+				<div class="p-sx20 backf">
+					<div class="djb bbt m-zy20">
+						<div class="font-36">山东美术馆</div>
+						<div class="dac">
+							<!-- 二级导航 -->
+							<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+								<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<!-- 全部列表 -->
+					<section id="jgs-main" class="p-zy20">
+					    <div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
+						<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
+							<div class="container gray">
+								<div class="ispinner gray animating">
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+									<div class="ispinner-blade"></div>
+								</div>
+							</div>
+							<div class="m-z10 col7d">下拉加载更多信息</div>
+						</div>
+					</section>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/mechanismBooksDetail.html

@@ -0,0 +1,183 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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 cq-dao-active djcacfw"><a href="javascript:;">机构</a><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"><a href="auction.html">拍卖</a><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>
+		<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
+		<div class="p-zy320">
+			<div class="backf5" style="padding: 6px;margin-top: -90px;">
+				<div class="p-sx20 backf">
+					<div class="djb bbt m-zy20">
+						<div class="font-36">山东美术馆</div>
+						<div class="dac">
+							<!-- 二级导航 -->
+							<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+								<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<!-- 详情 -->
+					<div class="p-zy20 m-sx30">
+						<div class="djb bbt p-x30">
+							<!-- Swiper -->
+							<div class="ys-swiper swiper-container m-y20" style="background: #e6e6e6;">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div>
+									<!-- <div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div>
+									<div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div> -->
+								</div>
+								<!-- 右箭头 -->
+								<!-- <div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div> -->
+								<!-- 左箭头 -->
+								<!-- <div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div> -->
+							</div>
+							<script>
+								let twoswiper = new Swiper('.ys-swiper', {
+									cssMode: false,//禁止鼠标滑动，切换
+									loop:false,
+									autoplay: {
+										delay: 2000,
+										stopOnLastSlide: true,
+										disableOnInteraction: false,
+									},
+									navigation: {
+										nextEl: '.two-next',
+										prevEl: '.two-prev',
+									},
+									mousewheel: false,//禁止鼠标滚动，切换
+								});
+							</script>
+							<div style="width: 86%;padding-right: 10px;">
+								<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">新中国美术家系列——曹辉作品集</div>
+								<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
+									简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1
+								</div>
+								<div class="p-s20 dac">
+									<div style="border: 1px solid #CB1919;background-color: #CB1919;color: #FFFFFF;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;">去购买</div>
+									<div style="border: 1px solid #CB1919;color: #CB1919;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;margin-left: 10px;">在线预览</div>
+								</div>
+							</div>
+						</div>
+						<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
+						<img width="100%" src="../../img/public/jg-dxd-01.png" >
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/mechanismDetail.html

@@ -2,7 +2,7 @@
 <html>
 	<head>
 		<meta charset="utf-8">
-		<title>机构详情</title>
+		<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"/>
@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>
@@ -121,8 +121,8 @@
 								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
 							</ul>
 							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
 						</div>

htmls/artNetwork/mechanismExhibition.html

@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>
@@ -121,8 +121,8 @@
 								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="javascript:;" class="zx-nav-title">展会</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
 							</ul>
 							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
 						</div>

htmls/artNetwork/mechanismNews.html

@@ -0,0 +1,163 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="realTimeInfo.html">资讯</a><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 cq-dao-active djcacfw"><a href="mechanism.html">机构</a><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"><a href="auction.html">拍卖</a><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>
+		<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
+		<div class="p-zy320">
+			<div class="backf5" style="padding: 6px;margin-top: -90px;">
+				<div class="p-sx20 backf">
+					<div class="djb bbt m-zy20">
+						<div class="font-36">山东美术馆</div>
+						<div class="dac">
+							<!-- 二级导航 -->
+							<ul class="zx-nav dac" style="padding: 0;margin: 0;">
+								<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="javascript:;" class="zx-nav-title">新闻动态</a><div class="zx-nav-active"></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<!-- 全部列表 -->
+					<div class="p-zy20">
+						<section id="jgx-main">
+							<div id="jgx-list"></div>
+							<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
+								<div class="container gray">
+									<div class="ispinner gray animating">
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+										<div class="ispinner-blade"></div>
+									</div>
+								</div>
+								<div class="m-z10 col7d">下拉加载更多信息</div>
+							</div>
+						</section>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/mechanismPeople.html

@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>
@@ -121,8 +121,8 @@
 								<li class="pr"><a href="javascript:;" class="zx-nav-title">机构成员</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
 								<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
-								<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
+								<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
 							</ul>
 							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
 						</div>

htmls/artNetwork/realTimeInfo.html

@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>

htmls/artNetwork/realTimeInfoDetail.html

@@ -96,7 +96,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>

htmls/artNetwork/train.html

@@ -0,0 +1,158 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 djcacfw"><a href="javascript:;">资讯</a><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"><a href="mechanism.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"><a href="javascript:;">培训</a><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"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
+				<div class="dac m-s20" id="px-item">
+					<div class="cq-cp zx-xx">课堂介绍</div>
+					<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
+					<div class="cq-cp zx-gg">在线直播</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<!-- 二级导航 -->
+			<ul class="px-nav bbt dac">
+				<li><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
+				<li><a href="javascript:;">油画</a><div></div></li>
+				<li><a href="javascript:;">书法</a><div></div></li>
+				<li><a href="javascript:;">其他</a><div></div></li>
+			</ul>
+			<!-- 全部的课堂介绍列表 -->
+			<div id="px-list" class="p-s10"></div>
+			<!-- 全部的课堂视频列表 -->
+			<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
+			<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
+				<div class="container gray">
+					<div class="ispinner gray animating">
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+						<div class="ispinner-blade"></div>
+					</div>
+				</div>
+				<div class="m-z10 col7d">下拉加载更多信息</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

htmls/artNetwork/trainDetail.html

@@ -0,0 +1,151 @@
+<!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"/>
+		<link rel="stylesheet" type="text/css" href="../../css/ispinner.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">
+					<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 djcacfw"><a href="javascript:;">资讯</a><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"><a href="mechanism.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"><a href="javascript:;">培训</a><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"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
+				<div class="dac m-s20">
+					<div class="cq-cp zx-gg">课堂介绍</div>
+					<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
+					<div class="cq-cp zx-gg">在线直播</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320">
+			<div class="dis backf5 m-sx30">
+				<div class="pr fs w50">
+					<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
+					<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
+				</div>
+				<div class="p-zy40 w50 m-s30">
+					<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
+					<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
+					<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
+				</div>
+			</div>
+			<div class="backf5" style="padding: 6px;">
+				<div class="p-sx20 backf">
+					<div class="djb bbt m-zy20 p-x20">
+						<div class="font-36">详情介绍</div>
+					</div>
+					<div class=" p-zy20">
+						<div class="tin2 p-sx30 linh30">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
+						<img width="100%" src="../../img/public/px-d01.png" >
+						<img width="100%" src="../../img/public/px-d02.png" >
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<!-- 回到顶部 -->
+		<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
+	</body>
+</html>

index.html

@@ -7,8 +7,8 @@
 		<link rel="stylesheet" type="text/css" href="css/layui.css" />
 		<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"/>
+		<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.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>
@@ -44,9 +44,9 @@
 				mousewheel: false,//禁止鼠标滚动，切换
 			});
 		</script>
-		<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
+		<div class="p-zy180 dao-boxw head-box">
 			<img class="cq-cp logo" src="img/logo.png">
-			<div>
+			<div class="head-nav-box fs">
 				<div class="guan-box">
 					<span class="cq-cp">关于我们</span>
 					<span class="sy-dian"></span>
@@ -65,7 +65,7 @@
 						<span>【退出】</span>
 					</div>
 				</div>
-				<div class="dend w100 ac m-s20">
+				<div class="dend w100 ac">
 					<div class="w100">
 						<ul class="dao-box dac">
 							<li class="pr">
@@ -90,7 +90,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="htmls/artNetwork/train.html">培训</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -98,7 +98,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
+								<div class="pr djcacfw"><a href="htmls/artNetwork/auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 						</ul>
@@ -519,7 +519,7 @@
 			</div>
 		</div>
 		<!-- 底部导航 -->
-		<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+		<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe>
 		<!-- 回到顶部 -->
 		<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部">
 	</body>

js/huaxia.js

@@ -21,6 +21,12 @@ $(function(){
 		$(this).addClass('zx-nav-title')
 		$(this).next("div").addClass('zx-nav-active')
 	})
+	$('.px-nav li a').click(function(){//培训页二级导航
+		$('.px-nav li a').removeClass('zx-nav-title')
+		$('.px-nav li div').removeClass('zx-nav-active')
+		$(this).addClass('zx-nav-title')
+		$(this).next("div").addClass('zx-nav-active')
+	})
 	//三级导航
 	$('.szx-nav li a').click(function(){
 		$('.szx-nav li a').removeClass('zx-nav-title')
@@ -55,7 +61,27 @@ $(function(){
 			$(this).addClass('borr')
 		}
 	})
+	// 培训课堂介绍、课堂视频、在线直播切换事件
+	$('#px-item div').click(function(){
+		$('#px-item div').removeClass('zx-xx')
+		$('#px-item div').addClass('zx-gg')
+		$(this).addClass('zx-xx')
+		$(this).removeClass('zx-gg')
+		let pxIndex = $(this).index()//0代表课堂介绍、1代表课堂视频、2代表在线直播
+		switch (pxIndex){
+			case 0:
+			$('#px-list').css('display','')
+			$('#pxsp-list').css('display','none')
+				break;
+			case 1:
+			$('#px-list').css('display','none')
+			$('#pxsp-list').css('display','')
+				break;
+			case 2:
 			
+				break;
+		}
+	})
 	// let childer = document.querySelectorAll('.ysj .ya-item-box').length
 	// if(childer==5) {
 	// 	$('.ysj').css({"justify-content":"space-between","marginRight":0})
@@ -67,6 +93,12 @@ $(function(){
 	checkPeo()//机构成员事件
 	checkExhibitone()//机构展会事件
 	checkArt()//机构艺术品事件
+	checkBooks()//查看书刊
+	jgxList()//机构新闻动态事件
+	pmList()//拍卖列表事件
+	checkPMShop()//拍卖所有商品事件
+	checkPXList()//培训列表事件
+	checkPXSPList()//培训视频事件
 	$(window).scroll(function() {
 	    if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
 			zxList()
@@ -74,6 +106,11 @@ $(function(){
 			checkPeo()
 			checkExhibitone()
 			checkArt()
+			checkBooks()
+			jgxList()
+			pmList()
+			checkPMShop()
+			checkPXSPList()
 	    }
 	});
 	
@@ -225,12 +262,12 @@ function checkExhibitone(){//查询机构展会列表
 				</div>`
 	});
 　　$('#jgz-list').prepend(jgzHtml);
-	$('#jgz-list img').mouseover(function(){//导航悬浮事件
+	$('#jgz-list img').mouseover(function(){//内容悬浮事件
 		$(this).css({"cursor":"pointer"})
-		$(this).next('div').css('color','#CB1919')
+		$(this).nextAll('div').css('color','#CB1919')
 	})
-	$('#jgz-list img').mouseout(function(){//导航悬浮事件
+	$('#jgz-list img').mouseout(function(){//内容悬浮事件
-		$(this).next('div').css('color','#000000')
+		$(this).nextAll('div').css('color','#000000')
 	})
 }
 function checkArt(){//机构艺术品事件
@@ -246,12 +283,12 @@ function checkArt(){//机构艺术品事件
 		{imgSrc:'../../img/public/jg-dy-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
 	]
 	$.each(jgyData, function(commentIndex, comment) {
-			jgyHtml +=`<div class="dfc w25 m-s30">
+		jgyHtml +=`<div class="dfc w25 m-s30" onclick="goYSDetail(${commentIndex})">
 					<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
 					<div class="font-18 fb m-s20 w90 clips1" style="text-align: center;">${comment.title}</div>
 				</div>`
 	});
-	　　$('#jgy-list').prepend(jgyHtml);
+　　$('#jgy-list').prepend(jgyHtml);
 	$('#jgy-list img').mouseover(function(){//导航悬浮事件
 		$(this).css({"cursor":"pointer"})
 		$(this).next('div').css('color','#CB1919')
@@ -260,6 +297,201 @@ function checkArt(){//机构艺术品事件
 		$(this).next('div').css('color','#000000')
 	})
 }
+function goYSDetail(e){//查看艺术品详情
+	location.href = `mechanismArtworkDetail.html?id=${e}`
+}
+function checkBooks(){//查询机构书刊杂志列表
+	let jgsHtml = '';
+	let jgsData = [
+		{imgSrc:'../../img/public/jg-sk-01.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-sk-02.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-sk-03.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-sk-04.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
+	]
+	$.each(jgsData, function(commentIndex, comment) {
+		jgsHtml +=`<div class="dfc w25 m-s30" onclick="goSKDetail(${commentIndex})">
+					<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
+					<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
+					<div class="font-13 m-s10 w90 clips1">出版时间：${comment.time}</div>
+				</div>`
+	});
+　　$('#jgs-list').prepend(jgsHtml);
+	$('#jgs-list img').mouseover(function(){//内容悬浮事件
+		$(this).css({"cursor":"pointer"})
+		$(this).nextAll('div').css('color','#CB1919')
+	})
+	$('#jgs-list img').mouseout(function(){//内容悬浮事件
+		$(this).nextAll('div').css('color','#000000')
+	})
+}
+function goSKDetail(e){//查看书刊详情
+	location.href = `mechanismBooksDetail.html?id=${e}`
+}
+function jgxList(){//机构下的新闻动态列表
+	var jgxHtml = '';
+	var jgxData = [
+		{imgSrc:'../../img/public/zx-01.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
+		{imgSrc:'../../img/public/zx-02.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
+		{imgSrc:'../../img/public/zx-03.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
+		{imgSrc:'../../img/public/zx-04.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
+	]
+	$.each(jgxData, function(commentIndex, comment) {
+		jgxHtml +=`<div class="bbt djbac psx p-sx30" onclick="goZXDetail(${commentIndex})">
+			<div class="fs m-y30">
+				<img style="width: 100%;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
+			</div>
+			<div>
+				<div class="font-13 col7d m-x10">${comment.time}</div>
+				<div class="font-20 zx-title">${comment.title}</div>
+				<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
+				<div class="font-15 col19 linh28" style="text-indent: 2em;">${comment.content}</div>
+			</div>
+		</div>`
+	});
+　　$('#jgx-list').prepend(jgxHtml);
+	$('#jgx-list div').mouseover(function(){//导航悬浮事件
+		$(this).css("cursor","pointer")
+		$(this).find(".zx-title").css('color','#CB1919')
+		$(this).find(".zx-dian").css('color','#CB1919')
+	})
+	$('#jgx-list div').mouseout(function(){//导航悬浮事件
+		$(this).find(".zx-title").css('color','#000000')
+		$(this).find(".zx-dian").css('color','#7d7d7d')
+	})
+}
+function goZXDetail(e){//查看资讯详情
+	location.href = `realTimeInfoDetail.html?id=${e}`
+}
+function pmList(){//机构下的新闻动态列表
+	var pmHtml = '';
+	var pmData = [
+		{imgSrc:'../../img/public/pm01.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:27,time:'2021.07.21',content:'本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/pm02.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:99,time:'2021.07.21',content:'本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/pm03.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:1234,time:'2021.07.21',content:'本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/pm04.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:32,time:'2021.07.21',content:'本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/pm05.png',title:'四岛集珍唐人书画无底价专场',time:'2021.06.30',num:641,time:'2021.07.21',content:'本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+	]
+	$.each(pmData, function(commentIndex, comment) {
+		pmHtml +=`<div class="dac m-x30 bd" onclick="goPMDetail(${commentIndex})">
+					<img width="100%" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
+					<div class="p-zy30 w56">
+						<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
+						<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
+						<div class="font-15 col19 linh26 clips3 op8">${comment.content}</div>
+						<div class="font-12 colcb m-s10 m-x20 tr"><span class="cq-cp">更多详情</span></div>
+						<div class="btt p-sx20 font-15 djbac"> 
+							<span>拍品${comment.num}件</span>
+							<span class="col19 op7">${comment.time}</span>
+						</div>
+					</div>
+				</div>`
+	});
+　　$('#pm-list').prepend(pmHtml);
+}
+function goPMDetail(e){//查看资讯详情
+	location.href = `auctionDetail.html?id=${e}`
+}
+function checkPMShop(){//拍卖全部商品事件
+	let pmdHtml = '';
+	let pmdData = [
+		{imgSrc:'../../img/public/jg-dy-01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-02.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-04.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-05.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-06.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-07.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
+		{imgSrc:'../../img/public/jg-dy-08.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
+	]
+	$.each(pmdData, function(commentIndex, comment) {
+		pmdHtml +=`<div class="dfc w25 m-s30" onclick="goPMSDetail(${commentIndex})">
+					<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
+					<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
+					<div class="font-13 m-s10 w90 clips1">起拍价：<span class="colcb">${comment.time}</span></div>
+				</div>`
+	});
+　　$('#pmd-list').prepend(pmdHtml);
+	$('#pmd-list img').mouseover(function(){//导航悬浮事件
+		$(this).css({"cursor":"pointer"})
+		$(this).nextAll('div').css('color','#CB1919')
+	})
+	$('#pmd-list img').mouseout(function(){//导航悬浮事件
+		$(this).nextAll('div').css('color','#000000')
+	})
+}
+function goPMSDetail(e){//查看资讯详情
+	location.href = `auctionShopDetail.html?id=${e}`
+}
+function checkPXList(){//拍卖全部商品事件
+	let pxdHtml = '';
+	let pxdData = [
+		{imgSrc:'../../img/public/px01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/px02.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/px03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/px04.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+		{imgSrc:'../../img/public/px05.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
+	]
+	$.each(pxdData, function(commentIndex, comment) {
+		if(commentIndex%2==0){
+			pxdHtml +=`<div class="djbac backf5">
+				<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
+					<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
+					<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
+				</div>
+				<div class="p-zy40 w50">
+					<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
+					<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
+					<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
+				</div>
+			</div>`
+		} else {
+			pxdHtml +=`<div class="djbac backf5">
+				<div class="p-zy40 w50">
+					<div class="font-20 linh28 fb dac p-sx10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
+					<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
+					<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
+				</div>
+				<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
+					<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
+					<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
+				</div>
+			</div>`
+		}
+	});
+　　$('#px-list').prepend(pxdHtml);
+	$('#px-list img').mouseover(function(){//导航悬浮事件
+		$(this).css({"cursor":"pointer"})
+		$(this).nextAll('div').css('color','#CB1919')
+	})
+	$('#px-list img').mouseout(function(){//导航悬浮事件
+		$(this).nextAll('div').css('color','#000000')
+	})
+}
+function goPXDetail(e){//查看培训详情
+	location.href = `trainDetail.html?id=${e}`
+}
+function checkPXSPList(){//培训视频事件
+	let pxspHtml = '';
+	let pxspData = [
+		{imgSrc:'../../img/public/px-sp01.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
+		{imgSrc:'../../img/public/px-sp02.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
+		{imgSrc:'../../img/public/px-sp03.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
+		{imgSrc:'../../img/public/px-sp04.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
+		{imgSrc:'../../img/public/px-sp05.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
+		{imgSrc:'../../img/public/px-sp06.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
+	]
+	$.each(pxspData, function(commentIndex, comment) {
+		pxspHtml +=`<div class="w50">
+				<div class="pr w100">
+					<img width="96%" src="${comment.imgSrc}" alt="图片丢失" title="" >
+					<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="" >
+				</div>
+				<div class="clips1 col19 font-18 m-s20 m-x30">——<span class="m-z15">${comment.title}</span></div>
+			</div>`
+	});
+　　$('#pxsp-list').prepend(pxspHtml);
+}
+
 // 回到顶部
 function pageScroll(){
 	window.scrollBy(0,-100);

public/foot-tab.html

@@ -11,11 +11,11 @@
 		<div class="foot-nav-box">
 			<!-- 导航文字 -->
 			<div class="foot-box-nav">
-				<div>首页</div>
+				<div><a href="../index.html" target="_parent">首页</a></div>
-				<div>咨询</div>
+				<div><a href="../htmls/artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
-				<div>展览</div>
+				<div><a href="javascript:;" target="_parent">展览</a></div>
-				<div>艺术家</div>
+				<div><a href="../index.html" target="_parent">艺术家</a></div>
-				<div>机构</div>
+				<div><a href="../htmls/artNetwork/mechanism.html" target="_parent">机构</a></div>
 				<div>培训</div>
 				<div>商城</div>
 				<div>拍卖</div>

public/huaxia-head.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>