chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' of http://git.scdxtc.com/chen/huaxia

master
tangyi 2021-09-06 18:10:28 +08:00
parent 1ec6a59f09 984b3b9e6f
commit e39a0199bc
12 changed files with 370 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
css/foot.min.css vendored Normal file
View File

@ -0,0 +1,60 @@
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
body{padding: 0;margin: 0;}
.foot-nav-box{
background: #cb1919;
margin-top: 30px;
padding: 20px 180px;
display: flex;
justify-content: space-between;
align-items: center;
}
.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;}
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
/* -webkit-filter: invert(.8); filter: invert(.8); */
.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;}
.foot-box-img>img:nth-child(3){width:19px;height:19px;}
.foot-box-img>img:nth-child(4){width:17px;height:17px;}
.foot-box-img>img:nth-child(5){width:18px;height:18px;}
.foot-end-box{display: flex;justify-content: space-between;}
.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;}
/* .foot-end-box>div:first-child>img{width:362px;height: 88px;} */
.foot-end-box>div:first-child>img{width: 80%;}
.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;}
.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
.foot-end-titlez{font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;}
.foot-end-content{font-size: 13px;color: #616161;line-height: 26px;}
/* .shu-logo{width: 389px;height: 70px;} */
.shu-logo{width: 100%;}
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;flex-shrink: 0;}
.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.foot-qrcode>div>img{width: 99px;height: 99px;}
.foot-qrcode>div>div{font-size: 12px;color: #616161;}
.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;}
.foot-iframe{width: 100%;height: 400px;}
@media (min-width:1220px) and (max-width:1619px){
.foot-end-box>div:last-child{width: 100%;}
/* .foot-end-box>div:first-child>img{width:260px;height: 60px;}
.shu-logo{width: 260px;height: 50px;}
.foot-box-nav>div{margin-right: 30px;cursor: pointer;}
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
.foot-end-right{padding: 0 120px 30px 30px;}
.foot-end-box>div:last-child{width: 180%;}
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;width: 33%;}
.foot-iframe{width: 100%;height: 410px;} */
}
@media (min-width:1620px) and (max-width:1900px){
.foot-end-box>div:last-child{width: 100%;}
/* .foot-box-nav>div{margin-right: 30px;cursor: pointer;}
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
.foot-end-right{padding: 0 120px 30px 30px;} */
}

89
css/huaxia.css
View File

@ -1,3 +1,4 @@
body{margin: 0;padding: 0;}
.w100{width: 100%;}
.w50{width: 50%;}
.w48{width: 49%;}
@ -45,6 +46,7 @@
.m-sx28{margin-top: 28px;margin-bottom: 28px;}
.m-sx20{margin-top: 20px;margin-bottom: 20px;}
.m-sx16{margin-top: 16px;margin-bottom: 16px;}
.m-sx10{margin-top: 10px;margin-bottom: 10px;}
.m-x65{margin-bottom: 65px;}
@ -100,6 +102,84 @@
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
/* 轮播图 */
.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;
}
/* 首页 */
.logo{width: 487px;}
.banner-img{width: 100%;height: auto;}
@ -108,8 +188,12 @@
.guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;}
.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
ul li {list-style: none;padding: 0px;margin: 0px;}
.dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;}
.dao-box>li>div{padding: 6px 0;}
.dao-box>li>div>a{text-decoration: none;color: #181818;}
.dao-box>li>div>a:hover{color: #cd2628;}
.dao-box>li>div>a:active{color: #cd2628;font-weight: bold;}
.cq-dao-active{font-weight: bold;color: #cd2628;}
.input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;}
.input-box input{font-size: 14px;height: 40px;border: 0;}
@ -125,6 +209,9 @@
.msg .m-x32:nth-last-child(2){
margin-bottom: 0;
}
/* .xx-img{ width:242px; height:151px;} */
.xx-content{line-height: 28px;}
.xx-img{ width:100%;}
.ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;}
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
.ya-item-box .pr{padding-right: 1.25em;}
@ -142,8 +229,6 @@
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
.foot-box-nav>div{margin-right: 40px;cursor: pointer;}
.foot-box-img>img{margin-left: 20px;cursor: pointer;}

120
htmls/artNetwork/realTimeInfo.html Normal file
View File

@ -0,0 +1,120 @@
<!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"/>
<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 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>
</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 style="background: #e6e6e6;padding: 0 320px;">
<div class="djbac">
<div class="" style="padding: 45px 0 30px 0;font-size: 40px;">资讯</div>
<div class="dac m-s20">
<div class="cq-cp" style="color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;margin-right: 10px;font-size: 16px;">信息动态</div>
<div class="cq-cp" style="padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;">新闻公告</div>
</div>
</div>
</div>
</body>
</html>

BIN
img/public/backTop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/public/foot-facebook.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 789 B

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
img/public/foot-skype.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
img/public/foot-whatsapp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
img/public/foot-wx.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
img/public/foot-xl.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

135
index.html
View File

@ -8,83 +8,15 @@
<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"/>
<link rel="stylesheet" type="text/css" href="css/foot.min.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="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>
@ -128,6 +60,10 @@
<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">
@ -138,7 +74,7 @@
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">资讯<div class="xiahx pa dn"></div></div>
<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">
@ -583,59 +519,8 @@
</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>
<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" width="57" height="57" style="cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;" alt="图片丢失" title="回到顶部">
</body>
</html>

29
js/huaxia.js
View File

@ -22,11 +22,11 @@ $(function(){
]
$.each(data, function(commentIndex, comment) {
html +=`<div class="dac backf p-sx20 w48 m-x32">
<img class="fs" src="${comment.imgSrc}" width="242" height="151">
<img src="${comment.imgSrc}" class="xx-img">
<div class="m-zy15">
<div class="clips1 font-18 col19">${comment.title}</div>
<div class="font-12 col9">${comment.time}</div>
<div class="clips2 font-12">${comment.content}</div>
<div class="font-12 col9 m-sx10">${comment.time}</div>
<div class="clips2 font-12 xx-content">${comment.content}</div>
</div>
</div>`
});
@ -36,4 +36,25 @@ $(function(){
$('.ysj').css({"justify-content":"space-between","marginRight":0})
$('.ysj .ya-item-box').css({"marginRight":0})
}
})
// 监听页面滚动条变化
$(window).scroll(function(){
// 获取滚动条距离顶部的距离
let s = $(window).scrollTop();
if(s > 1000){
$('#gotoTop').fadeIn(100);
} else {
$('#gotoTop').fadeOut(200);
}
})
})
// 回到顶部
function pageScroll(){
window.scrollBy(0,-100);
scrolldelay = setTimeout('pageScroll()',0);
var sTop = document.documentElement.scrollTop+document.body.scrollTop;
if(sTop==0) clearTimeout(scrolldelay);
}

68
public/foot-tab.html Normal file
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>底部导航</title>
<link rel="stylesheet" type="text/css" href="../css/foot.min.css"/>
<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>
</head>
<body>
<div class="foot-nav-box">
<!-- 导航文字 -->
<div class="foot-box-nav">
<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" alt="图片缺失" title="新浪">
<img src="../img/public/foot-wx.png" alt="图片缺失" title="微信">
<img src="../img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
<img src="../img/public/foot-facebook.png" alt="图片缺失" title="facebook">
<img src="../img/public/foot-skype.png" alt="图片缺失" title="钱">
</div>
</div>
<div class="foot-end-box">
<div>
<img src="../img/logo.png" alt="图片丢失" title="华夏艺术网">
<div class="clips1 foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
<div>
<div class="foot-end-right">
<div>
<img class="shu-logo" src="../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
<div class="foot-end-titlez">成都惠民职工书院</div>
<div class="foot-end-content">地址：成都市青羊区青羊大道129号文化宫2楼</div>
<div class="foot-end-content">电话：028-81712589</div>
</div>
<div class="foot-count">
<div class="foot-end-title">联系我们</div>
<div class="foot-end-content">四川省成都市武侯区天益街38号理想中心3栋601</div>
<div class="foot-end-content">手机：13880548658</div>
<div class="foot-end-content">电话：028-61529525</div>
<div class="foot-end-content">zarts@126.com</div>
</div>
<div class="foot-qrcode">
<div>
<img src="../img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
<div>华夏艺术网</div>
</div>
<div>
<img src="../img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
<div>成都惠民职工书院</div>
</div>
</div>
</div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 技术支持全美网络 </div>
</div>
</div>
</body>
</html>