huaxia/htmls/artNetwork/mechanismDetail.html

251 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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 parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" 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>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" 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="realTimeInfo.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="exhibition.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="artist.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"><a href="train.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="shoppingMall.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="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 jg-tou">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac jg-twoNav">
<li class="pr cq-cp"><span class="zx-nav-title">机构简介</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>机构成员</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>展会</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>艺术品</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>书刊杂志</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>新闻动态</span><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 机构简介 -->
<div id="jgjj-box">
<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 linh42">
<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-Mailzarts@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>
<section class="p-zy20">
<!-- 机构成员 -->
<div id="jgcy-box" style="display: none;">
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 展会 -->
<div id="jgzh-box" style="display: none;">
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 艺术品 -->
<div id="jgysp-box" style="display: none;">
<div>
<!-- 三级导航 -->
<ul class="szx-nav dac m-x20">
<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>
<div id="jgy-list" class="dac fw" style="width: 102.6%;">
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-06.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-07.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-08.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
</div>
</div>
<!-- 书刊杂志 -->
<div id="jgsk-box" style="display: none;">
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 新闻动态 -->
<div id="jgxw-box" style="display: none;">
<div id="jgx-list"></div>
</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>
</body>
</html>