<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<title>某某装饰官网</title>
<link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/slick-theme.css">
<link rel="stylesheet" type="text/css" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/g.css">
<link rel="stylesheet" href="static/css/s.css">
<script src="static/js/jquery-1.11.1.min.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="static/js/slick.js"></script>
<script src="static/js/scrolloverflow.min.notransition.js"></script>
<script src="static/js/g.js"></script>
<style>
.banners-pc { clear: both; height: 800px; }
.banners-pc .frame { height: 800px; background: no-repeat center center; background-size: cover; }
.banners-mb { display: none; clear: both; height: 700px; }
.banners-mb div { height: 100%; }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }
@media (max-width: 1024px) {
.banners-pc { display: none; }
.banners-mb { display: block; }
}
.about { margin-top: 66px; margin-bottom: 100px; }
.about .ab_con { position: relative; }
.about .intro { max-width: 705px; }
.about .intro .p1 { font-size: 12px; color: #666666; line-height: 26px; }
.about .intro .h1 { padding: 34px 0 13px 0; }
.about .intro .list { margin-left: -35px; margin-bottom: -20px; margin-top: 28px; }
.about .intro .list > li { float: left; padding-left: 35px; padding-bottom: 20px; }
.about .intro .list > li .box { display: block; text-align: center; padding: 16px 48px; background: #f4f4f4; }
.about .intro .list > li .box .ico img { height: 30px; }
.about .intro .list > li .box .font { font-size: 12px; color: #666; padding-top: 10px; }
.about .infor { background: #f4f4f4; position: absolute; bottom: 0; right: 0; }
.about .infor .obtain { padding: 30px 47px 30px 41px; background: #d5231b; color: #ffffff; }
.about .infor .obtain .ico img { width: 56px; }
.about .infor .obtain .line { width: 2px; height: 26px; background: #333333; margin: 13px 20px 0 20px; }
.about .infor .obtain .p1 { font-size: 12px; padding-top: 3px; }
.about .infor .obtain .p1 .h1 { display: block; font-size: 18px; padding-bottom: 10px; }
.about .infor .tab > li { padding: 0 52px; }
.about .infor .tab > li .box { border-bottom: 1px solid #999; }
.about .infor .tab > li .input_1 { border: 0; margin-top: 40px; width: 100%; height: 34px; background: none; }
.about .infor .tab > li .text_a { border: 0; height: 82px; width: 100%; margin-top: 40px; background: none; }
.about .infor .tab > li .submit { display: block; text-align: center; background: #333; color: #fff; padding: 20px 0; margin: 44px 0 37px 0; }
@media (max-width: 1024px) {
.about .intro { max-width: none; float: none; margin-bottom: 50px; }
.about .intro .list > li { width: 25%; }
.about .infor { position: initial; clear: both; }
}
@media (max-width: 750px) {
.about .intro .list > li { width: 33.33%; }
}
@media (max-width: 600px) {
.about .intro .list > li { width: 50%; }
}
.sort { margin-left: -10px; margin-bottom: -10px; margin-top: 26px; }
.sort > li { float: left; padding-left: 10px; padding-bottom: 10px; }
.sort > li .box { padding: 8px 13px; background: #f4f4f4; display: block; }
.sort > li .box:hover { background: #d5231b; color: #ffffff; }
.sort > li .on { background: #d5231b; color: #ffffff; }
@media (max-width: 1024px) {
.g_title { float: none; }
.sort { float: none; }
}
.case .offset { margin-left: -30px; margin-bottom: -30px; margin-top: 48px; }
.case .offset .list > li { float: left; width: 33.33%; padding-left: 30px; padding-bottom: 30px; box-sizing: border-box; }
.case .offset .list > li .box { display: block; position: relative; }
.case .offset .list > li .box .pic img { max-width: 100%; display: block; }
.case .offset .list > li .box .fbox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: .3s ease; background: rgba(213,35,27,.7); }
.case .offset .list > li .box .fbox .font { border: 1px solid #ffffff; position: absolute; left: 13px; right: 13px; top: 13px; bottom: 13px; text-align: center; color: #ffffff; padding-top: 20%; }
.case .offset .list > li .box .fbox .font .p1 { font-size: 12px; }
.case .offset .list > li .box .fbox .font .p2 { font-size: 16px; font-weight: bold; padding: 10px 0; }
.case .offset .list > li .box .fbox .font .p3 { font-size: 24px; }
.case .offset .list > li .box:hover .fbox { opacity: 1; }
@media (max-width: 1024px) {
.case .offset .list { margin: 0 10px; }
.case .offset .list > li { width: 50%; padding-bottom: 10px; }
.case .offset .list > li .box .pic img { width: 100%; }
}
@media (max-width: 500px) {
.case .offset .list > li { float: none; width: 100%; }
.case .offset .list > li .box .fbox { opacity: 1; }
}
.see_btn { text-align: center; margin-top: 50px; }
.see_btn .see_con { display: inline-block; padding: 11px 23px; border: 2px solid #666666; color: #333; }
.youshi { }
.youshi .left { width: 50%; }
.youshi .left .list { margin-left: -2px; margin-bottom: -2px; }
.youshi .left .list > li { float: left; width: 50%; padding-left: 2px; padding-bottom: 2px; }
.youshi .left .list > li .box { display: block; padding:; height: 299px; text-align: center; background: #f4f4f4; position: relative; }
.youshi .left .list > li .box .ico { padding-top: 70px; }
.youshi .left .list > li .box .ico img { height: 39px; }
.youshi .left .list > li .box .ico .img2 { display: none; }
.youshi .left .list > li .box .p1 { color: #333; font-weight: bold; padding: 13px 0 21px 0; }
.youshi .left .list > li .box .p2 { color: #666; font-size: 12px; line-height: 24px; padding: 0 70px; }
.youshi .left .list > li .box .line { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 1px solid #ffffff; opacity: 0; }
.youshi .left .list > li .box:hover { background: #d5231b; }
.youshi .left .list > li .box:hover .ico .img1 { display: none; }
.youshi .left .list > li .box:hover .ico .img2 { display: inline-block; }
.youshi .left .list > li .box:hover .p1 { color: #ffffff; }
.youshi .left .list > li .box:hover .p2 { color: #ffffff; }
.youshi .left .list > li .box:hover .line { opacity: 1; }
.youshi .right { width: 50%; height: 600px; background: url(static/picture/index-img1.jpg) no-repeat left center; background-size: cover; }
@media (max-width: 1024px) {
.youshi .left { float: none; width: auto; }
.youshi .right { float: none; width: 100%; }
}
@media (max-width: 600px) {
.youshi .left .list > li { float: none; width: auto; }
没有合适的资源?快使用搜索试试~ 我知道了~
高端宽屏大气html5响应式装饰设计企业
共111个文件
jpg:66个
svg:21个
html:11个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 44 浏览量
2022-07-13
23:41:18
上传
评论
收藏 10.96MB RAR 举报
温馨提示
注:无后台 高端宽屏大气html5响应式装饰设计企业
资源推荐
资源详情
资源评论
收起资源包目录
高端宽屏大气html5响应式装饰设计企业 (111个子文件)
font-awesome.min.css 30KB
s.css 9KB
g.css 4KB
slick-theme.css 3KB
slick.css 2KB
index.html 55KB
newslist.html 19KB
caselist.html 14KB
project.html 14KB
project_two.html 14KB
designlist.html 13KB
casedetail.html 13KB
service.html 12KB
about.html 12KB
designdetail.html 11KB
newsdetail.html 10KB
banner.jpg 1.02MB
banner.jpg 1.02MB
banner-m.jpg 573KB
banner-m.jpg 573KB
tqxnzshz6s2mrso.jpg 370KB
service_banner.jpg 300KB
service_banner.jpg 300KB
project_banner.jpg 285KB
project_banner.jpg 285KB
13xi77rn55hr7n9.jpg 262KB
7k1bq8bjeqfsyeo.jpg 232KB
case_banner.jpg 228KB
case_banner.jpg 228KB
diary_banner.jpg 205KB
diary_banner.jpg 205KB
q03cjyd56g7nf1e.jpg 204KB
about_banner.jpg 201KB
about_banner.jpg 201KB
index-img1.jpg 196KB
index-img1.jpg 196KB
zzdcv0xy0xjolag.jpg 166KB
zzdcv0xy0xjolag.jpg 166KB
ilv1rp5qsp3353s.jpg 165KB
59qi7z49jdhd1g7.jpg 161KB
02l4y16f3ryl8yo.jpg 161KB
10fmyrcj6ibo357.jpg 160KB
4usgaopxb05yais.jpg 147KB
tyiuh8un0cbuxgv.jpg 144KB
yytoehj06b31ac4.jpg 143KB
02l4y16f3ryl8yo1.jpg 140KB
efcl7061miv0z09.jpg 136KB
u9x3u7j6ekhtbof.jpg 136KB
q5ujyqesj669q61.jpg 136KB
d9awcetjy4yjla0.jpg 134KB
d9awcetjy4yjla0.jpg 134KB
des_banner.jpg 131KB
des_banner.jpg 131KB
s7zlfgsi8v52zst.jpg 129KB
hxc7t6vdg7a1nbx.jpg 122KB
hihm1gu8whxjq4f.jpg 118KB
r3m4idly9gw5tov.jpg 116KB
r3m4idly9gw5tov.jpg 116KB
ser_img2.jpg 114KB
about_img1.jpg 112KB
34j2mxqwk8uqukk.jpg 110KB
a9ertnt3egdtxp1.jpg 107KB
pksc2s048uiwg9z.jpg 106KB
ditu.jpg 84KB
ser_img1.jpg 74KB
ser_img4.jpg 51KB
ser_img3.jpg 37KB
usc22uok5r6h41y.jpg 28KB
ei9nbzmskww2bia.jpg 27KB
y9yl412sf9dtk79.jpg 25KB
jt6bv0ku4n18r82.jpg 20KB
k9un5qd8g8f73pm.jpg 19KB
jijps49cn1opp1w.jpg 19KB
mjwaa25lpjbvbga.jpg 18KB
0l3mdsbbuwa2lne.jpg 13KB
34yfqea2ws2jrtm.jpg 13KB
ke2xk1p2und20qy.jpg 12KB
93ji5ygrvmpbwaj.jpg 11KB
lk4yd9jsnlt0gbm.jpg 9KB
ew9dqdcfytll810.jpg 8KB
iphu4vz4o37p44j.jpg 8KB
q7ycdj0n6pvnr2r.jpg 7KB
jquery-ui.min.js 248KB
jquery-1.11.1.min.js 94KB
slick.js 87KB
scrolloverflow.min.notransition.js 37KB
g.js 1018B
logo.png 18KB
f_logo.png 17KB
ico-shouhou.svg 4KB
ico-woshou.svg 4KB
ico-jianguan.svg 3KB
ico-jianguan-b.svg 3KB
ico-sheji.svg 3KB
ico-fujia-b.svg 2KB
ico-fujia.svg 2KB
ico-kehu.svg 2KB
ico-xinxi.svg 2KB
ico-zhibao.svg 2KB
ico-zhibao-b.svg 2KB
共 111 条
- 1
- 2
资源评论
你热爱好热啊
- 粉丝: 2
- 资源: 1385
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功