新增机构的几个页面

css/huaxia.css

@@ -1,7 +1,10 @@
 body{margin: 0;padding: 0;}
 .w100{width: 100%;}
+.w96{width: 96%;}
+.w90{width: 90%;}
 .w50{width: 50%;}
 .w48{width: 49%;}
+.w33{width: 33.33%;}
 .w25{width: 25%;}
 .w20{width: 19%;}
 
@@ -13,19 +16,22 @@ body{margin: 0;padding: 0;}
 .dac{display: flex;align-items: center;}
 .djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
 .djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
+.dfc{display: flex;flex-direction: column;}
 .cq-cp{cursor: pointer;}
 .pr{position: relative;}
 .pa{position: absolute;}
 .dn{display: none;}
 .fs{flex-shrink: 0;}
 .fw{flex-wrap: wrap;}
+.fc{flex-direction: column;}
 .oh{overflow: hidden;}
 .fit{object-fit: cover;}
 
 
 
 
-
+.mg30{margin: 30px;}
+.m-s10{margin-top: 10px;}
 .m-s16{margin-top: 16px;}
 .m-s20{margin-top: 20px;}
 .m-s27{margin-top: 27px;}
@@ -35,10 +41,14 @@ body{margin: 0;padding: 0;}
 
 .m-z10{margin-left: 10px;}
 .m-z15{margin-left: 15px;}
+.m-z20{margin-left: 20px;}
+.m-z30{margin-left: 30px;}
 .m-z37{margin-left: 37px;}
 
 .m-y10{margin-right: 10px;}
 .m-y15{margin-right: 15px;}
+.m-y20{margin-right: 20px;}
+.m-y30{margin-right: 30px;}
 .m-y37{margin-right: 37px;}
 
 .m-sx65{margin-top: 65px;margin-bottom: 65px;}
@@ -56,6 +66,7 @@ body{margin: 0;padding: 0;}
 .m-x27{margin-bottom: 27px;}
 .m-x20{margin-bottom: 20px;}
 .m-x16{margin-bottom: 16px;}
+.m-x10{margin-bottom: 10px;}
 
 .m-zy180{margin-left: 180px;margin-right: 180px;}
 .m-zy15{margin-left: 15px;margin-right: 15px;}
@@ -64,45 +75,87 @@ body{margin: 0;padding: 0;}
 
 
 
+.pd30{padding: 30px;}
 
-.p-sx65{padding-top: 65px;padding-bottom: 65px;}
 .p-s65{padding-top: 65px;}
+.p-s30{padding-top:30px;}
 .p-s27{padding-top:27px;}
+.p-s20{padding-top:20px;}
+.p-s10{padding-top:10px;}
+
+
+.p-y20{padding-top:20px;}
+
+
 .p-x65{padding-bottom: 65px;}
 .p-x27{padding-bottom: 27px;}
+.p-x10{padding-bottom: 10px;}
+
+.p-zy320{padding-left: 320px;padding-right: 320px;}
 .p-zy180{padding-left: 180px;padding-right: 180px;}
+.p-zy30{padding-left: 30px;padding-right: 30px;}
 .p-zy20{padding-left: 20px;padding-right: 20px;}
 .p-zy15{padding-left: 15px;padding-right: 15px;}
 .p-zy10{padding-left: 10px;padding-right: 10px;}
+
+
 .p-sx10{padding-top: 10px;padding-bottom: 10px;}
 .p-sx20{padding-top: 20px;padding-bottom: 20px;}
-
+.p-sx30{padding-top: 30px;padding-bottom: 30px;}
+.p-sx65{padding-top: 65px;padding-bottom: 65px;}
 
 
 .font-12{font-size: 12px;}
 .font-13{font-size: 13px;}
 .font-14{font-size: 14px;}
+.font-15{font-size: 15px;}
 .font-18{font-size: 18px;}
 .font-20{font-size: 20px;}
 .font-22{font-size: 22px;}
 .font-24{font-size: 24px;}
+.font-26{font-size: 26px;}
 .font-32{font-size: 32px;}
+.font-36{font-size: 36px;}
+.font-40{font-size: 40px;}
+
+.fb{font-weight: bold;}
+
+
+.linh32{line-height: 32px;}
+.linh30{line-height: 30px;}
+.linh28{line-height: 28px;}
+.linh26{line-height: 26px;}
+
 
 
 .tl{text-align: left;}
 .col19{color: #191919;}
 .col7d{color: #7d7d7d;}
 .col9{color: #999999;}
+.colcb{color: #cb1919}
+.col22{color: #222222}
 
 .backf{background: #FFFFFF;}
+.backe6{background: #e6e6e6;}
+.backf5{background: #f5f5f5;}
 
 
+.btt{border-top: 1px solid #ebebeb;}
+.bbt{border-bottom: 1px solid #ebebeb;}
+.tin2{text-indent: 2em;}
+
+.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;}
+.borf{border-radius: 3px;border: 1px solid #7d7d7d;color: #7d7d7d;font-size: 16px;}
+
 .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;}
 .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;}
 
+ul li {list-style: none;padding: 0px;margin: 0px;}
+.tn{text-decoration: none;}
 
+#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
 
 /* 轮播图 */
 .swiper-container {
@@ -184,17 +237,18 @@ body{margin: 0;padding: 0;}
 .logo{width: 487px;}
 .banner-img{width: 100%;height: auto;}
 .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;}
 .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;}
+.cq-dao-active>a{font-weight: bold;color: #cd2628!important;}
 .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;}
 .input-box img{right: 10px;top: 10px;width: 20px;height: 20px;}
@@ -228,16 +282,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
 .wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
 .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 li,.szx-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 div,.szx-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-title,.szx-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:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;}
+.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%;}
 
 
 

css/ispinner.css

@@ -0,0 +1,182 @@
+/* .container {
+	position: relative;
+	display: inline-block;
+	width: 100px;
+	height: 100px;
+	border: 1px solid black;
+	padding: 39px;
+	margin: 15px;
+	box-sizing: border-box
+} */
+
+.container.white {
+	background-color: black
+}
+
+.container.large {
+	padding: 31.5px
+}
+
+.container::after {
+	position: absolute;
+	width: 100px;
+	height: 30px;
+	left: 0;
+	bottom: -30px;
+	line-height: 30px;
+	text-align: center;
+	content: ''
+}
+
+.ispinner {
+	position: relative;
+	width: 20px;
+	height: 20px
+}
+
+.ispinner .ispinner-blade {
+	position: absolute;
+	left: 44.5%;
+	top: 37%;
+	width: 10%;
+	height: 25%;
+	border-radius: 50%/20%;
+	-webkit-animation: ispinner-fade 1s linear infinite;
+	animation: ispinner-fade 1s linear infinite;
+	-webkit-animation-play-state: paused;
+	animation-play-state: paused
+}
+
+.ispinner .ispinner-blade:nth-child(1) {
+	-webkit-animation-delay: -1.66667s;
+	animation-delay: -1.66667s;
+	-webkit-transform: rotate(30deg) translate(0, -150%);
+	transform: rotate(30deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(2) {
+	-webkit-animation-delay: -1.58333s;
+	animation-delay: -1.58333s;
+	-webkit-transform: rotate(60deg) translate(0, -150%);
+	transform: rotate(60deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(3) {
+	-webkit-animation-delay: -1.5s;
+	animation-delay: -1.5s;
+	-webkit-transform: rotate(90deg) translate(0, -150%);
+	transform: rotate(90deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(4) {
+	-webkit-animation-delay: -1.41667s;
+	animation-delay: -1.41667s;
+	-webkit-transform: rotate(120deg) translate(0, -150%);
+	transform: rotate(120deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(5) {
+	-webkit-animation-delay: -1.33333s;
+	animation-delay: -1.33333s;
+	-webkit-transform: rotate(150deg) translate(0, -150%);
+	transform: rotate(150deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(6) {
+	-webkit-animation-delay: -1.25s;
+	animation-delay: -1.25s;
+	-webkit-transform: rotate(180deg) translate(0, -150%);
+	transform: rotate(180deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(7) {
+	-webkit-animation-delay: -1.16667s;
+	animation-delay: -1.16667s;
+	-webkit-transform: rotate(210deg) translate(0, -150%);
+	transform: rotate(210deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(8) {
+	-webkit-animation-delay: -1.08333s;
+	animation-delay: -1.08333s;
+	-webkit-transform: rotate(240deg) translate(0, -150%);
+	transform: rotate(240deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(9) {
+	-webkit-animation-delay: -1s;
+	animation-delay: -1s;
+	-webkit-transform: rotate(270deg) translate(0, -150%);
+	transform: rotate(270deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(10) {
+	-webkit-animation-delay: -.91667s;
+	animation-delay: -.91667s;
+	-webkit-transform: rotate(300deg) translate(0, -150%);
+	transform: rotate(300deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(11) {
+	-webkit-animation-delay: -.83333s;
+	animation-delay: -.83333s;
+	-webkit-transform: rotate(330deg) translate(0, -150%);
+	transform: rotate(330deg) translate(0, -150%)
+}
+
+.ispinner .ispinner-blade:nth-child(12) {
+	-webkit-animation-delay: -.75s;
+	animation-delay: -.75s;
+	-webkit-transform: rotate(360deg) translate(0, -150%);
+	transform: rotate(360deg) translate(0, -150%)
+}
+
+.ispinner.animating .ispinner-blade {
+	-webkit-animation-play-state: running;
+	animation-play-state: running
+}
+
+.ispinner.white .ispinner-blade {
+	background-color: #181818
+}
+
+.ispinner.gray .ispinner-blade {
+	background-color: #000000
+}
+
+.ispinner.large {
+	width: 35px;
+	height: 35px
+}
+
+.ispinner.large .ispinner-blade {
+	width: 8.57143%;
+	height: 25.71429%;
+	border-radius: 50%/16.67%
+}
+
+@-webkit-keyframes ispinner-fade {
+	0% {
+		opacity: .85
+	}
+	50% {
+		opacity: .25
+	}
+	100% {
+		opacity: .25
+	}
+}
+
+@keyframes ispinner-fade {
+	0% {
+		opacity: .85
+	}
+
+	50% {
+		opacity: .25
+	}
+
+	100% {
+		opacity: .25
+	}
+}

htmls/artNetwork/mechanism.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 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">拍卖<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">
+			<!-- 全部列表 -->
+			<section id="jg-main">
+			    <div id="jg-list" class="dac fw" style="width: 101.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>
+		<!-- 底部导航 -->
+		<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/mechanismArtwork.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">拍卖<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="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<div id="" class="p-zy20">
+						<!-- 三级导航 -->
+						<ul class="szx-nav dac" style="padding: 0;margin: 0;">
+							<li class="pr"><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
+							<li class="pr"><a href="javascript:;">油画</a><div></div></li>
+							<li class="pr"><a href="javascript:;">书法</a><div></div></li>
+							<li class="pr"><a href="javascript:;">素描</a><div></div></li>
+							<li class="pr"><a href="javascript:;">雕塑</a><div></div></li>
+							<li class="pr"><a href="javascript:;">工笔画</a><div></div></li>
+							<li class="pr"><a href="javascript:;">瓷器</a><div></div></li>
+						</ul>
+					</div>
+					<!-- 全部列表 -->
+					<section id="jgy-main" class="p-zy20">
+					    <div id="jgy-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/mechanismDetail.html

@@ -0,0 +1,166 @@
+<!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">拍卖<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="javascript:;" class="zx-nav-title">机构简介</a><div class="zx-nav-active"></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:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
+								<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<div class="m-zy20 m-s30 linh30">
+						<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
+						<img class="m-sx20 w100" src="../../img/public/jg-detail-02.png" alt="图片丢失" title="" >
+						<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
+					</div>
+					<div class="bbt m-zy20">
+						<div class="font-26 p-s20 p-x10">联系方式</div>
+					</div>
+					<div class="m-zy20 m-s20" style="line-height: 42px;">
+						<div class="dac">
+							<img class="m-y15" src="../../img/public/jg-name.png" >
+							<div>联系人：摩空精舍</div>
+						</div>
+						<div class="dac">
+							<img class="m-y15" src="../../img/public/jg-phone.png" >
+							<div>电话：028-86256961 	<span class="m-z30">手机：13880548658</span></div>
+						</div>
+						<div class="dac">
+							<img class="m-y15" src="../../img/public/jg-email.png" >
+							<div>E-Mail：zarts@126.com</div>
+						</div>
+						<div class="dac">
+							<img class="m-y15" src="../../img/public/jg-cz.png" >
+							<div>传真：028-86256961</div>
+						</div>
+						<div class="dac">
+							<img class="m-y15" src="../../img/public/jg-dw.png" >
+							<div>地址：高新区高朋大道10号（传入）科园二路10号航利中心3栋1单元3楼二酉山房</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- 底部导航 -->
+		<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
+	</body>
+</html>

htmls/artNetwork/mechanismExhibition.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">拍卖<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="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="javascript:;">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<!-- 全部列表 -->
+					<section id="jgz-main" class="p-zy20">
+					    <div id="jgz-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/mechanismPeople.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">拍卖<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="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="javascript:;">新闻动态</a><div></div></li>
+							</ul>
+							<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
+						</div>
+					</div>
+					<!-- 全部列表 -->
+					<section id="jgm-main" class="p-zy20">
+					    <div id="jgm-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/realTimeInfo.html

@@ -7,6 +7,7 @@
 		<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>
@@ -71,7 +72,7 @@
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
-								<div class="pr cq-dao-active djcacfw">资讯<div class="xiahx pa "></div></div>
+								<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">
@@ -83,7 +84,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="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -107,14 +108,52 @@
 				</div>
 			</div>
 		</div>
-		<div style="background: #e6e6e6;padding: 0 320px;">
+		<div class="p-zy320" style="background: #e6e6e6;">
 			<div class="djbac">
-				<div class="" style="padding: 45px 0 30px 0;font-size: 40px;">资讯</div>
+				<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
-				<div class="dac m-s20">
+				<div class="dac m-s20" id="zx-xg">
-					<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 zx-xx xx-one">信息动态</div>
-					<div class="cq-cp" style="padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;">新闻公告</div>
+					<div class="cq-cp zx-gg gg-one">新闻公告</div>
 				</div>
 			</div>
 		</div>
+		<div class="p-zy320">
+			<!-- 二级导航 -->
+			<ul class="zx-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>
+				<li><a href="javascript:;">活动</a><div></div></li>
+				<li><a href="javascript:;">艺术教育</a><div></div></li>
+			</ul>
+			<!-- 全部列表 -->
+			<section id="zx-main">
+			    <div id="zx-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>
+		<!-- 底部导航 -->
+		<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/realTimeInfoDetail.html

@@ -0,0 +1,187 @@
+<!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 top-nav">
+			<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"><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 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 class="p-zy320 backe6">
+			<div class="djbac">
+				<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
+				<div class="dac m-s20" id="zx-xg">
+					<div class="cq-cp zx-xx xx-one">信息动态</div>
+					<div class="cq-cp zx-gg gg-one">新闻公告</div>
+				</div>
+			</div>
+		</div>
+		<div class="p-zy320 djb p-sx30">
+			<div class="backf5" style="padding: 6px;">
+				<div class="backf p-zy30">
+					<div class="bbt p-sx20">
+						<div class="" style="font-size: 26px;">中国国家画院举办“时代画卷——油画、版画、雕塑名家作品展”</div>
+						<div class="col7d m-s20">
+							<span>2021年06月04日</span>
+							<span class="m-z15">来源：华夏艺术网</span>
+						</div>
+					</div>
+					<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
+					<div>
+						<img class="w100" src="../../img/public/zx-detail01.png" >
+						<img class="w100" src="../../img/public/zx-detail02.png" >
+					</div>
+					<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
+					<div class="btt p-sx20 font-15 linh32">
+						<div><a href="javascript:;" class="tn col22">上一条：市场观察丨从基弗到里希特，中国如何在大陆市场布局和领跑？</a></div>
+						<div><a href="javascript:;" class="tn col22">下一条：我和江南有个约会——中国2021秋拍征集将走进南京、上海、杭州</a></div>
+					</div>
+				</div>
+			</div>
+			<div class="fs m-z30" style="width: 26%;">
+				<div class="font-26 bbt m-s20 p-x10">推荐阅读</div>
+				<div class="m-s20 cq-cp">
+					<img class="m-x10" width="100%" src="../../img/public/zx-detail-r01.png" alt="图片丢失" title="">
+					<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
+					<div class="dac m-sx10 col7d font-14">
+						<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
+						信息动态 | 书法
+					</div>
+					<div class="col7d font-12">2021年06月21日</div>
+				</div>
+				<div class="m-s20 cq-cp">
+					<img class="m-x10" width="100%" src="../../img/public/zx-detail-r02.png" alt="图片丢失" title="">
+					<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
+					<div class="dac m-sx10 col7d font-14">
+						<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
+						信息动态 | 书法
+					</div>
+					<div class="col7d font-12">2021年06月21日</div>
+				</div>
+				<div class="m-s20 cq-cp">
+					<img class="m-x10" width="100%" src="../../img/public/zx-detail-r03.png" alt="图片丢失" title="">
+					<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
+					<div class="dac m-sx10 col7d font-14">
+						<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
+						信息动态 | 书法
+					</div>
+					<div class="col7d font-12">2021年06月21日</div>
+				</div>
+				<div class="m-s20 cq-cp">
+					<img class="m-x10" width="100%" src="../../img/public/zx-detail-r04.png" alt="图片丢失" title="">
+					<div class="clips2 font-18 linh28">助力熊猫艺术公益：中国邮政发布著名 画家刘中《牛气冲...</div>
+					<div class="dac m-sx10 col7d font-14">
+						<img class="m-y10" src="../../img/public/zx-right-xx.png" alt="图片丢失" title="">
+						信息动态 | 书法
+					</div>
+					<div class="col7d font-12">2021年06月21日</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

@@ -86,7 +86,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/mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
 								<span class="redD pa dn"></span>
 							</li>
 							<li class="pr">
@@ -521,6 +521,6 @@
 		<!-- 底部导航 -->
 		<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
 		<!-- 回到顶部 -->
-		<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="回到顶部">
+		<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部">
 	</body>
 </html>

js/huaxia.js

@@ -2,6 +2,7 @@ $(function(){
 	$('.logo').on('click',function(){//logo图标点击事件
 		location.href = 'index.html'
 	})
+	// 一级导航
 	$('.dao-box li div').mouseover(function(){//导航悬浮事件
 		$(this).css("cursor","pointer")
 	})
@@ -13,31 +14,68 @@ $(function(){
 		$(this).next(".redD").removeClass('dn')
 		$(this).addClass('cq-dao-active')
 	})
-	var html = '';
+	// 二级导航
-	var data = [
+	$('.zx-nav li a').click(function(){
-		{imgSrc:'img/public/xin-one.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		$('.zx-nav li a').removeClass('zx-nav-title')
-		{imgSrc:'img/public/xin-two.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		$('.zx-nav li div').removeClass('zx-nav-active')
-		{imgSrc:'img/public/xin-three.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		$(this).addClass('zx-nav-title')
-		{imgSrc:'img/public/xin-four.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		$(this).next("div").addClass('zx-nav-active')
-	]
+	})
-	$.each(data, function(commentIndex, comment) {
+	//三级导航
-		html +=`<div class="dac backf p-sx20 w48 m-x32">
+	$('.szx-nav li a').click(function(){
-			<img src="${comment.imgSrc}" class="xx-img">
+		$('.szx-nav li a').removeClass('zx-nav-title')
-			<div class="m-zy15">
+		$('.szx-nav li div').removeClass('zx-nav-active')
-				<div class="clips1 font-18 col19">${comment.title}</div>
+		$(this).addClass('zx-nav-title')
-				<div class="font-12 col9 m-sx10">${comment.time}</div>
+		$(this).next("div").addClass('zx-nav-active')
-				<div class="clips2 font-12 xx-content">${comment.content}</div>
+	})
-			</div>
+	// 资讯页面
-		</div>`
+	// 信息动态、新闻公告切换
-	});
+	$('#zx-xg').click(function(){
-　　$('.msg').prepend(html);
+		if(!$(this).find('.xx-one').hasClass('zx-xx')){
-	let childer = document.querySelectorAll('.ysj .ya-item-box').length
+			$(this).find('.xx-one').addClass('zx-xx');
-	if(childer==5) {
+			$(this).find('.xx-one').removeClass('zx-gg');
-		$('.ysj').css({"justify-content":"space-between","marginRight":0})
+			$(this).find('.gg-one').addClass('zx-gg');
-		$('.ysj .ya-item-box').css({"marginRight":0})
+			$(this).find('.gg-one').removeClass('zx-xx');
+		} else {
+			$(this).find('.gg-one').removeClass('zx-gg');
+			$(this).find('.gg-one').addClass('zx-xx');
+			$(this).find('.xx-one').removeClass('zx-xx');
+			$(this).find('.xx-one').addClass('zx-gg');
 		}
+	})
+	// 机构详情的立即关注
+	$('#follow').click(function(){
+		if($(this).text()=='立即关注'){
+			$(this).text('已关注')
+			$(this).removeClass('borr')
+			$(this).addClass('borf')
+		} else {
+			$(this).text('立即关注')
+			$(this).removeClass('borf')
+			$(this).addClass('borr')
+		}
+	})
 	
-	
+	// let childer = document.querySelectorAll('.ysj .ya-item-box').length
+	// if(childer==5) {
+	// 	$('.ysj').css({"justify-content":"space-between","marginRight":0})
+	// 	$('.ysj .ya-item-box').css({"marginRight":0})
+	// } 
+	xxDong()//首页信息动态
+	zxList()//资讯列表事件
+	checkJG()//机构列表事件
+	checkPeo()//机构成员事件
+	checkExhibitone()//机构展会事件
+	checkArt()//机构艺术品事件
+	$(window).scroll(function() {
+	    if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
+			zxList()
+			checkJG()
+			checkPeo()
+			checkExhibitone()
+			checkArt()
+	    }
+	});
 	
 	
 	// 监听页面滚动条变化
@@ -51,6 +89,177 @@ $(function(){
 		}
 	})
 })
+function xxDong(){//首页信息动态
+	var html = '';
+	var data = [
+		{imgSrc:'img/public/xin-one.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		{imgSrc:'img/public/xin-two.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		{imgSrc:'img/public/xin-three.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+		{imgSrc:'img/public/xin-four.png',title:'助力熊猫艺术公益：中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神，在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神，在碗表发展史上扮演...'},
+	]
+	$.each(data, function(commentIndex, comment) {
+		html +=`<div class="dac backf p-sx20 w48 m-x32">
+			<img src="${comment.imgSrc}" class="xx-img" alt="图片丢失" title="${comment.title}">
+			<div class="m-zy15">
+				<div class="clips1 font-18 col19">${comment.title}</div>
+				<div class="font-12 col9 m-sx10">${comment.time}</div>
+				<div class="clips2 font-12 xx-content">${comment.content}</div>
+			</div>
+		</div>`
+	});
+	$('.msg').prepend(html);
+}
+function zxList(){//资讯页全部下的列表
+	var zxHtml = '';
+	var zxData = [
+		{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(zxData, function(commentIndex, comment) {
+		zxHtml +=`<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>`
+	});
+　　$('#zx-list').prepend(zxHtml);
+	$('#zx-list div').mouseover(function(){//导航悬浮事件
+		$(this).css("cursor","pointer")
+		$(this).find(".zx-title").css('color','#CB1919')
+		$(this).find(".zx-dian").css('color','#CB1919')
+	})
+	$('#zx-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 checkJG(){//查询机构列表
+	let jgHtml = '';
+	let jgData = [
+		{imgSrc:'../../img/public/jg-01.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-02.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-03.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-04.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-05.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-06.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-07.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-08.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-09.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-10.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-11.png',title:'摩空精舍'},
+		{imgSrc:'../../img/public/jg-12.png',title:'摩空精舍'},
+	]
+	$.each(jgData, function(commentIndex, comment) {
+		jgHtml +=`<div class="dfc w33 m-s30" onclick="goJGDetail(${commentIndex})">
+			<img class="w96" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
+			<div class="font-18 fb m-s20 w96 clips1">—<span class="m-z10">${comment.title}</span></div>
+		</div>`
+	});
+　　$('#jg-list').prepend(jgHtml);
+	$('#jg-list img').mouseover(function(){//导航悬浮事件
+		$(this).css({"cursor":"pointer"})
+		$(this).next('div').css('color','#CB1919')
+	})
+	$('#jg-list img').mouseout(function(){//导航悬浮事件
+		$(this).next('div').css('color','#000000')
+	})
+}
+function goJGDetail(e){//查看机构详情
+	location.href = `mechanismDetail.html?id=${e}`
+}
+function checkPeo(){//查询机构成员列表
+	let jgmHtml = '';
+	let jgmData = [
+		{imgSrc:'../../img/public/jg-dp-01.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-02.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-03.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-04.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-05.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-06.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-07.png',title:'张龙森'},
+		{imgSrc:'../../img/public/jg-dp-09.png',title:'张龙森'},
+	]
+	$.each(jgmData, function(commentIndex, comment) {
+		jgmHtml +=`<div class="dfc w25 m-s30">
+				<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>`
+	});
+　　$('#jgm-list').prepend(jgmHtml);
+	$('#jgm-list img').mouseover(function(){//导航悬浮事件
+		$(this).css({"cursor":"pointer"})
+		$(this).next('div').css('color','#CB1919')
+	})
+	$('#jgm-list img').mouseout(function(){//导航悬浮事件
+		$(this).next('div').css('color','#000000')
+	})
+}
+function checkExhibitone(){//查询机构展会列表
+	let jgzHtml = '';
+	let jgzData = [
+		{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+		{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+	]
+	$.each(jgzData, function(commentIndex, comment) {
+		jgzHtml +=`<div class="dfc w25 m-s30">
+					<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>`
+	});
+　　$('#jgz-list').prepend(jgzHtml);
+	$('#jgz-list img').mouseover(function(){//导航悬浮事件
+		$(this).css({"cursor":"pointer"})
+		$(this).next('div').css('color','#CB1919')
+	})
+	$('#jgz-list img').mouseout(function(){//导航悬浮事件
+		$(this).next('div').css('color','#000000')
+	})
+}
+function checkArt(){//机构艺术品事件
+	let jgyHtml = '';
+		let jgyData = [
+			{imgSrc:'../../img/public/jg-dy-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{imgSrc:'../../img/public/jg-dy-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{imgSrc:'../../img/public/jg-dy-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{imgSrc:'../../img/public/jg-dy-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{imgSrc:'../../img/public/jg-dy-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{imgSrc:'../../img/public/jg-dy-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{imgSrc:'../../img/public/jg-dy-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
+			{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">
+						<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 img').mouseover(function(){//导航悬浮事件
+			$(this).css({"cursor":"pointer"})
+			$(this).next('div').css('color','#CB1919')
+		})
+		$('#jgy-list img').mouseout(function(){//导航悬浮事件
+			$(this).next('div').css('color','#000000')
+		})
+}
 // 回到顶部
 function pageScroll(){
 	window.scrollBy(0,-100);