huaxia/htmls/aboutUs/aboutUs.html

183 lines
12 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden 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 lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css">
<link rel="stylesheet" href="../../css/huaxia.css">
<link rel="stylesheet" href="../../css/centerHead.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"></script>
<style>
.ty_topifrane {
width: 100%;
height: 285px;
}
.foot-iframe {
width: 100%;
height: 400px;
}
</style>
</head>
<body>
<header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="dis p-zy320 pod" >
<a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
<ul class="ty_listnav">
<li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul>
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
</nav>
</header>
<div class="ty_her ty_pd">
关于我们
</div>
<div class="mian ty_pd">
<p class="ty_text">华夏艺术网于1998年开通是国内最早最大的书画艺术门户网站之一由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过多年来不间断的运营发展已成为国内知名的艺术类门户网站。华夏艺术网为艺术家、艺术行业单位构建了艺术信息的交流平台吸引了来自全国各地的艺术家及艺术机构加盟。通过网络信息技术手段不断加强与社会各界的合作与广大艺术家及画廊、拍卖行、收藏家、艺术团体建立起了业务联系架起了艺术家与艺术市场之间的桥梁。</p>
<div class="ty_imgcon">
<img src="../../img/public/gy-img.png" alt="">
</div>
<div class="ty_renwucon">
<div class="ty_renwu">
<img src="../../img/public/gz-renwu.png" alt="">
<p class="ty_text ty-pd">谭朝晖斋号“净砚斋”。原为空军某企业党委干部曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长成都市画廊协会副会长成都惠民职工画院理事长兼秘书长成都市版权协会副会长成都市阅读协会理事成都市人民对外友好协会理事四川省文化产业商会常务理事。</p>
</div>
<div class="ty_renwu">
<img src="../../img/public/ty-renw.png" alt="">
<p class="ty_text ty-pd">谭朝晖斋号“净砚斋”。原为空军某企业党委干部曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长成都市画廊协会副会长成都惠民职工画院理事长兼秘书长成都市版权协会副会长成都市阅读协会理事成都市人民对外友好协会理事四川省文化产业商会常务理事。</p>
</div>
</div>
<div class="ty_titcon">
<p>图片展示</p>
<div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe>
</body>
<script>
mySwiper = new Swiper('.swiper-container', {
// paginationClickable: true,
observer: true,
observeParents: true,
// initialSlide: swipIndex,
effect: 'coverflow',
centeredSlides: true,
spaceBetween: '1%',
slidesPerView: 2,
loop: true,
// autoplay: {
//     disableOnInteraction: false,
// },
navigation: {
// 
},
coverflowEffect: {
rotate: 0, //slide做3d旋转时Y轴的旋转角度
stretch: 392, //每个slide之间的拉伸值越大slide靠得越紧。5.3.6 后可使用%百分比
depth: 100, //slide的位置深度。值越大z轴距离越远看起来越小。
modifier: 1, //depth和rotate和stretch的倍率相当于depth*modifier、rotate*modifier、stretch*modifier值越大这三个参数的效果越明显。
slideShadows: false,
},
on: {
transitionEnd: function () {
this.activeIndex
}
}
});
</script>
</html>