huaxia/htmls/artNetwork/mechanismArtworkDetail.html

250 lines
13 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="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 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 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"><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>机构简介</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 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></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 详情 -->
<div id="jgysp-box" 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="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
</div>
<!-- 右箭头 -->
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
<!-- 左箭头 -->
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 2000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.xq-next',
prevEl: '.xq-pre',
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div style="width: 86%;padding-right: 10px;">
<div class="font-24 fb clips2 linh42 w100">
东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 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 class="goMai">去购买</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 id="jgjj-box" style="display: none;">
<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="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>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>