<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>企智文化传播有限公司</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<style>
#qz_item01{ height:700px;display: block; background:url(images/bg.jpg) no-repeat top center fixed;position: relative;}
#qz_item02{ height:700px;display: block; background:#eee}
#qz_item03{ height:900px;display: block; background:#fff}
#qz_item04{ height:700px;display: block; background:#eee}
#qz_item05{ height:1050px;display: block; background:#fff}
#qz_item06{ height:900px;display: block; background:url(images/dt.jpg) no-repeat top center fixed;position: relative;}
#qz_item07{ height:900px;display: block; background:#dd4}
.qz_title{display:block;text-align: center;position: relative;margin-left:-2000px; transition:0.7s all; -webkit-transition:0.7s all; -moz-transition:0.7s all; -o-transition:0.7s all;}
.qz_title h2{height:50px;line-height:50px;font-size: 36px;color: #333;}
.qz_title p{display: block;height:30px;line-height: 30px;font-size: 16px;color: #666}
.qz_title span{height:2px;width:100px;display: block;background:#199f0c;margin:20px auto;}
.cur .qz_title{margin-left:0;}
.qz_titlef{display:block;text-align: center;position: relative;margin-left:-2000px; transition:0.7s all; -webkit-transition:0.7s all; -moz-transition:0.7s all; -o-transition:0.7s all;}
.qz_titlef h2{height:50px;line-height:50px;font-size: 36px;color: #fff;}
.qz_titlef p{display: block;height:30px;line-height: 30px;font-size: 16px;color: #fff}
.qz_titlef span{height:2px;width:100px;display: block;background:#199f0c;margin:20px auto;}
.cur .qz_titlef{margin-left:0;}
.qz_bg1{display: block;width:1000px;margin:0px auto 0;padding-top:200px;}
.qz_bg1 h2{font-size:36px;font-weight: bold;height:50px;line-height: 50px;text-align: center;color: #fff;margin-bottom:20px;letter-spacing:8px;}
.qz_bg1 h2 strong{color: #199f0c;}
.qz_bg1 p{text-align: center;font-size: 16px;line-height: 30px;color: #fff;}
.qz_ser{display: block;margin-top:80px;}
.qz_ser li{float: left;width:194px;text-align: center;padding:0 15px;position:relative;margin-top:180px; opacity: 0;transition:1s all; -webkit-transition:1s all; -moz-transition:1s all; -o-transition:1s all;}
.qz_ser li img{border-radius: 90px;border:3px solid #fff;margin-bottom:10px;}
.qz_ser li img:hover{border:3px solid #529535;background: #529535;}
.qz_ser li h3{height:26px;line-height: 26px;font-size: 16px;font-weight: bold;color: #666;margin-bottom: 5px;}
.qz_ser li h3 p{font-size: 14px;line-height: 24px;}
.cur .qz_ser li.on1{transition-delay:0.5s;margin-top:0; opacity: 1;}
.cur .qz_ser li.on2{transition-delay:1s;margin-top:0; opacity: 1;}
.cur .qz_ser li.on3{transition-delay:1.5s;margin-top:0; opacity: 1;}
.cur .qz_ser li.on4{transition-delay:2s;margin-top:0; opacity: 1;}
.cur .qz_ser li.on5{transition-delay:2.5s;margin-top:0; opacity: 1;}
.qz_ttab > span{display: block;}
.qz_ttab ul.qz_casenav{width:1120px;display: block;text-align: center; opacity: 0;margin-top:-100px; transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
.qz_ttab ul.qz_casenav li{text-align:center;height:30px;line-height:30px;font-size:14px;cursor:pointer;color: #666;display: inline-block;*zoom:1;*display: inline;border-radius: 5px;margin:0 10px;padding:0 10px;}
.qz_ttab ul.qz_casenav li.active{color:#199f0c;}
.qz_contn{width: 1120px;margin:0 auto;display: block;padding:30px 0;}
.qz_contnone{display:none;}
.qz_caselist{display: block;width:1120px;opacity:0;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
.qz_caselist ul{display: block;width:1140px;}
.qz_caselist li{width:265px;height:192px;display: block;margin-right:20px;margin-bottom:20px;float: left;position: relative;}
.qz_caselist li p{width:265px;height: 192px;display: block;overflow: hidden;}
.qz_caselist li img{width:265px;height: 192px;display: block; transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all;}
.qz_caselist li:hover p > img
{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.qz_caselist li span{background: url(images/iconw.png);width:225px;height:112px;position: absolute;left: 0;top:0;display: none;padding:40px 20px;}
.qz_caselist li span h3{color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 24px;}
.qz_caselist li span h5{color: #fff;font-size: 12px;line-height: 20px;text-align: center;margin: 10px 0;}
.qz_caselist li span img{width: 40px;height:40px;margin:0 auto;border:2px solid #fff;border-radius: 90px;}
.cur .qz_ttab ul.qz_casenav{opacity:1;margin-top:0;transition-delay:0.8s;margin:40px auto 20px;}
.cur .qz_caselist{transition-delay:1.5s;opacity:1;}
.qz_about{display:block;width:1120px;margin-top: 50px;overflow: hidden;}
.qz_about img{float: left;width:560px;margin-right:20px;margin-left:-1000px;position: relative;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
.qz_about span{float:right;width:540px;margin-right:-1500px;position: relative;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
.qz_about span h3{line-height:30px;font-size: 24px;margin-bottom:10px;}
.qz_about span p{line-height: 26px;margin-bottom: 30px;}
.cur .qz_about img{margin-left:0;transition-delay:1s;opacity:1;}
.cur .qz_about span{margin-right:0;transition-delay:1s;opacity:1;}
.qz_newslist{display: block;width:1120px;margin-top:50px;opacity:0;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
.cur .qz_newslist{opacity:1;transition-delay:1s;}
.qz_newslist ul{width: 1140px;}
.qz_newslist li {float: left;width:225px;height:253px;padding:20px;display: block;margin-right: 20px;margin-bottom:20px;background: #f7f7f7;color: #333;position: relative;}
.qz_newslist li img{width: 225px;margin-bottom:10px;}
.qz_newslist li h3{font-size: 16px;height:30px;line-height: 30px;overflow: hidden;width:100%;display: block;}
.qz_newslist li span{font-size:46px;font-weight: bold;height:50px;line-height: 50px;position: relative;color: #333;}
.qz_newslist li span strong{position: absolute;left:40px;bottom:5px;color: #333;font-size: 20px;height:20px;line-height: 20px;width:30px;text-align: left;background:#eee;font-weight: normal;}
.qz_newslist li .qz_newsp{position: absolute;left:0;bottom:0;background:#199f0c;color: #fff;padding:20px;width:225px;height:253px;display: none;}
.qz_newslist li .qz_newsp h4{font-size: 18px;font-weight: bold;line-height: 24px;height:24px;overflow: hidden;display: block;}
.qz_newslist li .qz_newsp em{background: #fff;width:60px;height:1px;display: block;margin:10px 0;}
.qz_newslist li .qz_newsp p{display: block;font-size: 14px;line-height: 24px;height:215px;overflow: hidden;}
.qz_cont{display: block;margin-top:50px;}
.qz_contc{display: block;text-align: center;border-bottom:1px solid #fff;margin:0px auto 30px;width:800px;padding-bottom:30px;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;opacity:0;}
.cur .qz_contc{opacity:1;transition-delay:0s;}
.qz_contc li{display: inline-block;text-align
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
html5大气的企业文化传播公司网站模板源码下载.rar (46个子文件)
html5大气的企业文化传播公司网站模板源码下载
css
iconfont.eot 197KB
iconfont.ttf 197KB
iconfont.svg 348KB
lightbox.css 4KB
iconfont.woff 131KB
style.css 3KB
images
sign01.png 3KB
next.png 1KB
sign02_.png 4KB
img2.png 7KB
img1.jpg 44KB
prev.png 1KB
ceshi.jpg 5KB
sign04.png 3KB
sign05.png 4KB
sign05_.png 4KB
sign01_.png 3KB
qz_icon2.png 4KB
inabout.jpg 60KB
sign02.png 4KB
img4.jpg 16KB
icon7.png 3KB
close.png 280B
sign03.png 4KB
qz_about.png 144KB
img8.jpg 35KB
icon2.png 3KB
qz_icon1.png 4KB
Thumbs.db 116KB
bg.jpg 94KB
img7.jpg 42KB
logo.png 16KB
sign03_.png 4KB
sign04_.png 3KB
iconw.png 109B
qz_icon3.png 4KB
img5.jpg 63KB
img3.jpg 86KB
dt.jpg 68KB
img6.jpg 11KB
index.html 33KB
case.html 6KB
js
jquery-1.9.1.min.js 97KB
lightbox.js 15KB
newslook.html 5KB
news.html 16KB
共 46 条
- 1
资源评论
- 做一个快乐的人2018-10-31静态的网站,但是是我想要的。科技类
夜灬繁华
- 粉丝: 1
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- mnist手写数据集本地下载链接
- 52193906181644561181711717834527.jpg
- 图片缓冲技术(android)源码
- 花数据集+数据集汇总+标签txt+数据集汇总代码+迁移学习最佳模型+全部迭代最佳模型
- 20240329224412.zip
- switch.docx `switch`语句是C++中的一种流程控制语句,通常用于根据表达式的值选择执行不同的代码块 下面是`
- python绘制直方图-02-进程之间不共享全局变量.ev4.rar
- python绘制直方图-01-第三天知识点回顾.ev4.rar
- 01背包问题动态规划.docx
- 表达式求值.docx表达式求值涉及许多不同的情况和方法,具体取决于表达式的形式和要求的精度 下面是一个简单的例子
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功