huaxia/index.html

642 lines
29 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/layui.css" />
<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/huaxiaMedia.css"/>
<!-- <script src="js/layui.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/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-pagination-bullet{
width: 13px;height: 13px;border-radius: 100%;
background: #FFFFFF;
border: 2px solid #FFFFFF;
opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
width: 13px;height: 13px;border-radius: 100%;
border: 2px solid #cd2628;
background-color: rgba(255,255,255,0);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
left: 0px;
right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 0px;
left: auto;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 40%;
background: #ffffff;
/* width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size); */
width: 39px;
height: 39px;
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 2;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #c6c6c6;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-family: swiper-icons;
font-size: 18px;
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
font-weight: 700;
}
</style>
</head>
<body style="background: #FFFFFF;">
<!-- Swiper -->
<div class="ont-swiper swiper-container">
<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="cq-cp 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>
<div class="dend w100 ac m-s20">
<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">资讯<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 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>
<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>
<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">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 class="" 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 class="" 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 class="" 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>
<!-- 右箭头 -->
<div class="two-next swiper-button-next"></div>
<!-- 左箭头 -->
<div class="two-prev swiper-button-prev"></div>
</div>
</div>
<script>
var myswiper = new Swiper('.exhibition', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
slidesPerView: 6,//显示数量
centeredSlides: true,//显示半截
spaceBetween: 25,//图片间距
slidesOffsetBefore : 16,
autoplay: {
delay: 4000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
},
mousewheel: false,//禁止鼠标滚动,切换
});
myswiper.el.onmouseover = function(){
myswiper.autoplay.stop()
}
myswiper.el.onmouseleave = function(){
myswiper.autoplay.start()
}
</script>
<div class="p-zy180" style="background: #f6f5f3;padding-bottom: 65px;">
<!-- 信息动态 -->
<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">View More +</div>
</div>
<div class="djbacfw msg"></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">View More +</div>
</div>
<div class="djb">
<div class="w50">
<div class="pr backf">
<img src="img/public/yi-one.png" 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">
<div class="m-zy30">
<div class="pr backf">
<img src="img/public/yi-two.png" 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 class="" src="img/public/yi-three.png" 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="width: 102%;overflow: hidden;">
<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" style="background: #100e0d;padding-bottom: 65px;">
<div class="djbac cq-item-title-box" style="margin-top: 0px;color: #FFFFFF;">
<div class="font-32 pr">艺术家<span class="font-22 m-z10">Artist</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp" style="color: #FFFFFF;">View More +</div>
</div>
<div class="w100 backf dac">
<img class="cq-cp" src="img/public/ysj-one.png" width="39.2%">
<div class="m-zy30 col19 font-14">
<div class="m-x20" style="font-size: 30px;font-weight: bold;color: #cb1919;">张龙森</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" style="background: #cb1919;color: rgba(255,255,255,.8);padding: 6px 10px;">查看作品</span>
</div>
</div>
</div>
<div class="dac fw ysj">
<div class="w20 backf ya-item-box m-s37">
<img src="img/public/ys-one.png" width="100%" >
<div class="p-zy15">
<div class=" m-sx16 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
</div>
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
<div class="w20 backf ya-item-box m-s37">
<img src="img/public/ys-two.png" width="100%">
<div class="p-zy15">
<div class=" m-sx16 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
</div>
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
<div class="w20 backf ya-item-box m-s37">
<img src="img/public/ys-three.png" width="100%" >
<div class="p-zy15">
<div class=" m-sx16 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
</div>
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
<div class="w20 backf ya-item-box m-s37">
<img src="img/public/ys-four.png" width="100%" >
<div class="p-zy15">
<div class=" m-sx16 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
</div>
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
<div class="w20 backf ya-item-box m-s37">
<img src="img/public/ys-five.png" width="100%" >
<div class="p-zy15">
<div class=" m-sx16 djbac">
<div class="ys-title clips1">张龙森</div>
<div class="col19 fs cq-cp" style="border: 1px solid #cecccc;padding: 6px 10px;color: rgba(25,25,25,.7);">查看作品</div>
</div>
<div class="" style="color: rgba(25,25,25,.7);">职业画家</div>
<div class="clips2 m-x16" style="color: rgba(25,25,25,.7);">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
</div>
</div>
</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">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 p-x65" style="background: url(img/public/px-bac.png); background-size: 100% 100%;">
<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">View More +</div>
</div>
<div class="djb">
<div class="w50 backf">
<img src="img/public/px-01.png" width="100%">
<div class="clips1 m-sx20 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
<div class="w50 djb">
<div class="m-zy30 backf">
<img src="img/public/px-02.png" width="100%">
<div class="clips1 m-sx20 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
<div class="backf">
<img class="" src="img/public/px-03.png" width="100%">
<div class="clips1 m-sx20 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
</div>
</div>
</div>
<!-- 合作伙伴 -->
<div class="p-zy180">
<div class="djbac cq-item-title-box">
<div class="font-32 pr">合作伙伴<span class="font-22 m-z10">Cooperative Partner <span style="font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;">700+媒体合作、200+机构支持、5000+名艺术家</span></span><div class="pa"></div></div>
<div class="cq-gengd cq-cp fs">View More +</div>
</div>
<div class="djbac">
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-01.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-02.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-03.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-04.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-02.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-05.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-07.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-04.png" ></div>
</div>
<div class="m-s30" style="background-color: #f5f5f5;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 style="padding: 30px;z-index: 1;">
<div class="djbac cq-item-title-box" style="padding: 0;">
<div class="font-32 pr">合作留言<span class="font-22 m-z10">Cooperation Message <span style="font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;">如果您有意见建议请留言,我们将第一时间与您联系!</span></span><div class="pa"></div></div>
</div>
<div class="djbac m-s20 pr">
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 m-y10 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 m-y10 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 m-y10 p-sx10 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
<div class="fs cq-cp" style="color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;">提交</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部导航 -->
<div class="p-zy180 p-sx20 djbac m-s30" style="background: #cb1919;">
<div class="dac foot-box-nav" style="color: #FFFFFF;font-size: 15px;">
<div>首页</div>
<div>咨询</div>
<div>展览</div>
<div>艺术家</div>
<div>机构</div>
<div>培训</div>
<div>商城</div>
<div>拍卖</div>
</div>
<div class="foot-box-img">
<img src="img/public/foot-xl.png" width="23" height="19" style="-webkit-filter: invert(.5); filter: invert(1);" alt="图片缺失">
<img src="img/public/foot-wx.png" width="23" height="19" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
<img src="img/public/foot-whatsapp.png" width="19" height="19" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
<img src="img/public/foot-facebook.png" width="17" height="17" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
<img src="img/public/foot-skype.png" width="18" height="18" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
</div>
</div>
<div class="djb">
<div style="padding: 27px 20px 0 180px;border-right: 1px solid #ededed;">
<img src="img/logo.png" width="100%">
<div class="clips1" style="font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2" style="font-size: 13px;color: #616161;line-height: 26px;">是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
<div class="p-s27" style="background: #faf9f8;width: 175%;">
<div class="djbac" style="padding: 0 180px 30px 30px;line-height: 26px;">
<div>
<img src="img/public/shuy-logo.png" width="100%">
<div class="" style="font-size: 14px;font-weight: bold;margin-top: 28px;">成都惠民职工书院</div>
<div style="font-size: 13px;color: #616161;">地址成都市青羊区青羊大道129号文化宫2楼</div>
<div style="font-size: 13px;color: #616161;">电话028-81712589</div>
</div>
<div class="m-zy15 fs">
<div style="font-size: 14px;font-weight: bold;">联系我们</div>
<div style="font-size: 13px;color: #616161;">四川省成都市武侯区天益街38号理想中心3栋601</div>
<div style="font-size: 13px;color: #616161;">手机13880548658</div>
<div style="font-size: 13px;color: #616161;">电话028-61529525</div>
<div style="font-size: 13px;color: #616161;">zarts@126.com</div>
</div>
<div class="djb">
<div class="" style="display: flex;flex-direction: column;align-items: center;cursor: pointer;">
<img src="img/public/huax-em.png" width="99" height="99" >
<div style="font-size: 12px;color: #616161;">华夏艺术网</div>
</div>
<div class="" style="display: flex;flex-direction: column;align-items: center;cursor: pointer;">
<img src="img/public/shuy-em.png" width="99" height="99" >
<div style="font-size: 12px;color: #616161;">成都惠民职工书院</div>
</div>
</div>
</div>
<div style="font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 </div>
</div>
</div>
</body>
</html>