huaxia/htmls/artNetwork/mechanismDetail.html

167 lines
7.5 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" 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-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>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
</body>
</html>