huaxia/index.html

553 lines
24 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/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 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>
<a href="htmls/artNetwork/pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp login_register">登录/注册</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 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>
<!-- 右箭头 -->
<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>
<!-- 艺术商城 -->
<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" 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">
<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" 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 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" 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 class="w100" src="img/public/ys-one.png">
<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 class="w100" src="img/public/ys-two.png">
<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 class="w100" src="img/public/ys-three.png">
<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 class="w100" src="img/public/ys-four.png">
<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 class="w100" src="img/public/ys-five.png">
<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 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">艺术清酒--得寓(酒标作品)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 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
<div class="backf">
<img class="" src="img/public/px-03.png" width="100%">
<div class="clips1 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 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">
<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 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 style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 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>