<!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/huaxiaMedia.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-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="htmls/artNetwork/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 cq-dao-active djcacfw">首页<div class="xiahx pa"></div></div> <!-- 点 --> <span class="redD pa"></span> </li> <li class="pr"> <div class="pr djcacfw"><a href="htmls/artNetwork/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="htmls/artNetwork/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="htmls/artNetwork/artist.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="htmls/artNetwork/mechanism.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="htmls/artNetwork/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="htmls/artNetwork/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="htmls/artNetwork/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> <!-- 功能按钮 --> <img class="gongn" src="img/public/gn.png"> </div> <div class="p-zy180"> <div class="djbac cq-item-title-box"> <div class="font-32 pr">展览<span class="font-22 m-z10">Exhibition</span><div class="pa"></div></div> <div class="cq-gengd cq-cp sy-more">View More +</div> </div> </div> <div class="m-x65 oh"> <!-- Swiper --> <div class="exhibition pr"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img class="" alt="图片丢失" title="图片一" src="img/public/swip-one.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img class="" alt="图片丢失" title="图片二" src="img/public/swip-two.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img alt="图片丢失" title="图片三" src="img/public/swip-three.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img class="" alt="图片丢失" title="图片四" src="img/public/swip-four.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img class="" alt="图片丢失" title="图片五" src="img/public/swip-five.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img alt="图片丢失" title="图片六" src="img/public/swip-six.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> <div class="swiper-slide"> <div class="tl"> <div class="item-box fit"> <img alt="图片丢失" title="图片七" src="img/public/swip-eleven.png" > </div> <div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div> <div class="font-13 m-x16 col7d">主办方:华夏艺术网</div> <div class="font-13 col7d">展览时间:2021.3.19 - 2021.3.25</div> </div> </div> </div> <!-- 右箭头 --> <img class="two-next swiper-pub" src="img/public/swiper-next.png" > <!-- 左箭头 --> <img class="two-prev swiper-pub" src="img/public/swiper-pre.png" > </div> </div> <script> $(window).resize(function(){//监听窗口大小的改变 sixSwiper() }) function sixSwiper(){ let showNum = 6 let beforeNum = 16 let centeredSlides = true//是否显示半截 let spaceBetween = 25//图片间距 let windowWidth = $(window).width() if(windowWidth*1<=900){ showNum = 2 beforeNum = 0 centeredSlides = false spaceBetween = 15 } else if(windowWidth*1 <=1100){ showNum = 3 beforeNum = 0 centeredSlides = false } else if(windowWidth*1 <=1450){ showNum = 5 beforeNum = 0 centeredSlides = false } else { showNum = 6 beforeNum = 16 centeredSlides = true } let myswiper = new Swiper('.exhibition', { cssMode: false,//禁止鼠标滑动,切换 loop:true, slidesPerView: showNum,//显示数量 centeredSlides: centeredSlides,//显示半截 spaceBetween: spaceBetween,//图片间距 slidesOffsetBefore : beforeNum, autoplay: { delay: 4000, stopOnLastSlide: true, disableOnInteraction: false, }, navigation: { nextEl: '.two-next', prevEl: '.two-prev', }, mousewheel: false,//禁止鼠标滚动,切换 observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true//修改swiper的父元素时,自动初始化swiper }); myswiper.el.onmouseover = function(){ myswiper.autoplay.stop() } myswiper.el.onmouseleave = function(){ myswiper.autoplay.start() } } sixSwiper() </script> <div class="p-zy180 xinxy-box"> <!-- 信息动态 --> <div class="djbac cq-item-title-box p-s65"> <div class="font-32 pr">信息动态<span class="font-22 m-z10">Information News</span><div class="pa"></div></div> <div class="cq-gengd cq-cp sy-more">View More +</div> </div> <div class="djbacfw msg"> <div class="dac backf p-sx20 w48 m-x32"> <img src="img/public/xin-one.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <div class="m-zy15"> <div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div> <div class="font-12 col9 m-sx10">2021.06.30</div> <div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div> </div> </div> <div class="dac backf p-sx20 w48 m-x32"> <img src="img/public/xin-two.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <div class="m-zy15"> <div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div> <div class="font-12 col9 m-sx10">2021.06.30</div> <div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div> </div> </div> <div class="dac backf p-sx20 w48 m-x32"> <img src="img/public/xin-three.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <div class="m-zy15"> <div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div> <div class="font-12 col9 m-sx10">2021.06.30</div> <div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div> </div> </div> <div class="dac backf p-sx20 w48 m-x32"> <img src="img/public/xin-four.png" class="xx-img" style="max-width:252px" alt="图片丢失" title=""> <div class="m-zy15"> <div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div> <div class="font-12 col9 m-sx10">2021.06.30</div> <div class="clips2 font-12 xx-content">爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...</div> </div> </div> </div> <!-- 艺术商城 --> <div class="djbac cq-item-title-box"> <div class="font-32 pr">艺术商城<span class="font-22 m-z10">Art Mall</span><div class="pa"></div></div> <div class="cq-gengd cq-cp sy-more">View More +</div> </div> <div class="djb"> <div class="w50"> <div class="pr backf"> <img src="img/public/yi-one.png" class="yssc-img" width="100%"> <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w50 djb fs"> <div class="m-zy30"> <div class="pr backf"> <img src="img/public/yi-two.png" style="object-fit: contain;" class="yssc-item" width="100%"> <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div> <div class="pr backf"> <img src="img/public/yi-three.png" class="yssc-item" width="100%"> <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> </div> </div> <div class="dac fw ysc" style=""> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-one.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-two.png" width="100%"> <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-three.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-four.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-five.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-six.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-eleven.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> <div class="w25 ya-item-box m-s37"> <div class="pr"> <img src="img/public/ys-ba.png" width="100%" > <div class="pa ys-price">¥2256.0</div> </div> <div class="clips1 m-sx16 ys-title cq-cp">艺术清酒--得寓(酒标作品)Delight Sake</div> <div class="ys-cate">分类:酒品包装</div> </div> </div> </div> <!-- 艺术家 --> <div class="p-zy180 syysj-box"> <div class="djbac cq-item-title-box colf" style="margin-top: 0px;"> <div class="font-32 pr">艺术家<span class="font-22 m-z10">Artist</span><div class="pa"></div></div> <div class="cq-gengd cq-cp sy-more" style="color: #FFFFFF;">View More +</div> </div> <div class="w100 backf dac"> <img class="cq-cp" src="img/public/ysj-one.png" width="100%"> <div class="m-zy30 col19 font-14"> <div class="m-x20 syys-name">张龙森</div> <div class="ysj-name">职业画家</div> <div class="ysj-name clips4">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院,现工作生活于北京 <br/>文字后期后台替换无论你是追求精致生活的Ta,还是要文艺一把的男女青年,还是热爱潮流、追求个性的一族,又或者是一个不折不扣的吃货。来设计周吧!全方位的体验满足你的挑剔。文字后期后台替换无论你是追求精致生活的Ta,还是要文艺一把的男女青年,还是热爱潮流、追求个性的一族,又或者是一个不折不扣的吃货。来设计周吧!全方位的体验满足你的挑剔。</div> <div class="m-s30"> <span class="font-13 cq-cp checksyzp">查看作品</span> </div> </div> </div> <!-- 艺术家item列表 --> <div id="homeArtist" class="dac fw ysj"></div> </div> <div class="p-zy180"> <!-- 文创专区 --> <div class="djbac cq-item-title-box"> <div class="font-32 pr">文创专区<span class="font-22 m-z10">Cultural and Creative Zone</span><div class="pa"></div></div> <div class="cq-gengd cq-cp sy-more">View More +</div> </div> <div class="dac fw wc-box" style="width: 101%;"> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-01.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-02.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-03.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-04.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-05.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-06.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-07.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-08.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-09.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-10.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-11.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> <div class="w25 ya-item-box m-x37 cq-cp"> <img src="img/public/wc-12.png"> <div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div> </div> </div> </div> <!-- 培训 --> <div class="p-zy180 sypx-box"> <div class="djbac cq-item-title-box"> <div class="font-32 pr">培训<span class="font-22 m-z10">Cooperative Partner</span><div class="pa"></div></div> <div class="cq-gengd cq-cp sy-more">View More +</div> </div> <div class="djb"> <div class="w50 backf"> <img src="img/public/px-01.png" width="100%"> <div class="clips1 ys-title p-zy15">中国艺术品包括香港私人珍藏</div> </div> <div class="w50 djb"> <div class="m-zy30 backf"> <img src="img/public/px-02.png" width="100%"> <div class="clips1 ys-title p-zy15">中国艺术品包括香港私人珍藏</div> </div> <div class="backf"> <img class="" src="img/public/px-03.png" width="100%"> <div class="clips1 ys-title p-zy15">中国艺术品包括香港私人珍藏</div> </div> </div> </div> </div> <!-- 合作伙伴 --> <div class="p-zy180"> <div class="djbac cq-item-title-box"> <div class="font-32 pr w100">合作伙伴<span class="font-22 m-z10">Cooperative Partner <span class="hz-jies">700+媒体合作、200+机构支持、5000+名艺术家</span></span><div class="pa"></div></div> <div class="cq-gengd cq-cp fs sy-more">View More +</div> </div> <div class="djbac hz-imgItem m-s50"> <div><img src="img/public/hz-01.png" alt="图片丢失" title="融创"></div> <div><img src="img/public/hz-02.png" alt="图片丢失" title="华融证券" ></div> <div><img src="img/public/hz-03.png" alt="图片丢失" title="华侨城" ></div> <div><img src="img/public/hz-04.png" alt="图片丢失" title="珠江地产" ></div> <div><img src="img/public/hz-05.png" alt="图片丢失" title="葛州坝产地" ></div> <div><img src="img/public/hz-02.png" alt="图片丢失" title="华融证券" ></div> <div><img src="img/public/hz-06.png" alt="图片丢失" title="华润置地" ></div> <div><img src="img/public/hz-04.png" alt="图片丢失" title="珠江地产" ></div> </div> <div class="m-s30 backf5" style="padding: 5px;"> <div class="pr backf" style="overflow: hidden;"> <img class="pa" src="img/public/sy-input-bc.png" height="100%" width="100%" style="z-index: 0;"> <div class="hzly-box"> <div class="djbac cq-item-title-box" style="padding: 0;"> <div class="font-32 pr w100">合作留言<span class="font-22 m-z10">Cooperation Message <span class="hz-jies">如果您有意见建议请留言,我们将第一时间与您联系!</span></span><div class="pa"></div></div> </div> <div class="djbac m-s20 pr hz-input-box"> <input class="w100 p-zy10" type="text" name="username" placeholder="联系人" /> <input class="w100 p-zy10" type="number" name="userphone" placeholder="联系电话" /> <input class="w100 p-zy10" type="text" name="usercontent" placeholder="联系说明" /> <div id="submitLY" class="fs cq-cp">提交</div> </div> </div> </div> </div> </div> <!-- 底部导航 --> <iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe> <!-- 回到顶部 --> <img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部"> </body> </html>