红色简洁风格的文化传播公司企业网站源码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

30 118 40



模板描述:红色简洁风格 文化传播公司 企业网站。红色简洁风格的文化传播公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.jslides.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/datouwang.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>

3. HTML代码

<!--top-->
<div class=" wrap overflow">
 <p class="fl pt20 overflow"><img src="images/index_r2_c3.jpg" /><p>
 <ul class="fr nav">
  <li><a href="#" id="ip">首页</a></li>
  <li><a href="#r1">关于高兴</a></li>
  <li><a href="#r2">我们的服务</a></li>
  <li><a href="#r3">案例展示</a></li>
  <li><a href="#r4">联系我们</a></li>
 </ul>
</div>
<!--top-->
<!--js-->
<div class="w100 overflow clearfix mt15"> 
  <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> 
  <script type="text/javascript" src="js/jquery.jslides.js"></script> 
  <!-- 代码 开始 -->
  <div id="full-screen-slider">
    <ul id="slides">
      <li style="background:url('images/index_r2_c1.jpg') no-repeat center top"></li>
      <li style="background:url('images/index_r2_c1.jpg') no-repeat center top"></li>
      <li style="background:url('images/index_r2_c1.jpg') no-repeat center top"></li>
    </ul>
  </div>
  <!-- 代码 结束 --> 
</div>
<!--js--> 
<!--服务项目-->
<div class="wrap pt50 overflow clearfix" >
 <a name="r2"><img src="images/index_r5_c7.jpg" /></a>
</div>
<div class="wrap overflow clearfix l-30 f12 huise">专业,就是认认真真的干好你应该干的事,拍自己和客户都满意的作品</div>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
    </script>
<div class="w100 overflow clearfix mt30 ser ">
<div id="Tab62">
<div class="Contentbox62">
<div id="con_one_1" class="hover" style="display: block;">
  <div class="brandsShow overflow">
  <ul>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<a href="brandLi.html" class="flipper">
<div class="front tl pt50 overflow ">
            <img src="images/index_r8_c4.jpg"  class="fl mr20"/>
            <h5 class="f24 tl pb10">微电影</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国
</div>
<div class="back tl l-24 pt40  overflow "  style=" display:none" >
<h5 class="f24 tc pb10">微电影</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国南高兴文化传播有限公司,自成立
以来,曾服务于361度、
<p><img src="images/72_r2_c2.jpg" class="fl mt10 overflow" /></p>
</div>
</a>
</li>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<a href="brandLi.html" class="flipper">
<div class="front tl pt50 overflow ">
            <img src="images/index_r9_c9.jpg"  class="fl mr20"/>
            <h5 class="f24 tl pb10">产品专题片</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国
</div>
<div class="back tl l-24 pt40 " >
<h5 class="f24 tc pb10">产品专题片</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国南高兴文化传播有限公司,自成立
以来,曾服务于361度、
<p><img src="images/72_r2_c2.jpg" class="fl mt10 overflow" /></p>
</div>
</a>
</li>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');" style="border:none">
<a href="brandLi.html" class="flipper">
<div class="front tl pt50 overflow ">
            <img src="images/index_r7_c15.jpg"  class="fl mr20"/>
            <h5 class="f24 tl pb10">宣传片/广告</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国
</div>
<div class="back tl l-24 pt40 " >
<h5 class="f24 tc pb10">宣传片/广告</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国南高兴文化传播有限公司,自成立
以来,曾服务于361度、
<p><img src="images/72_r2_c2.jpg" class="fl mt10 overflow" /></p>
</div>
</a>
</li>
</ul>
  </div>
</div>
<div id="con_one_2" style="display: none;">
 <div class="brandsShow overflow">
  <ul>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<a href="brandLi.html" class="flipper">
<div class="front tl pt50 overflow ">
            <img src="images/index_r8_c4.jpg"  class="fl mr20"/>
            <h5 class="f24 tl pb10">微电影</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国
</div>
<div class="back tl l-24 pt40 " >
<h5 class="f24 tc pb10">微电影</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国南高兴文化传播有限公司,自成立
以来,曾服务于361度、
<p><img src="images/72_r2_c2.jpg" class="fl mt10 overflow" /></p>
</div>
</a>
</li>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');">
<a href="brandLi.html" class="flipper">
<div class="front tl pt50 overflow ">
            <img src="images/index_r9_c9.jpg"  class="fl mr20"/>
            <h5 class="f24 tl pb10">产品专题片</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国
</div>
<div class="back tl l-24 pt40 " >
<h5 class="f24 tc pb10">产品专题片</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国南高兴文化传播有限公司,自成立
以来,曾服务于361度、
<p><img src="images/72_r2_c2.jpg" class="fl mt10 overflow" /></p>
</div>
</a>
</li>
<li class="flip-container " ontouchstart="this.classList.toggle('hover');" style="border:none">
<a href="brandLi.html" class="flipper">
<div class="front tl pt50 overflow ">
            <img src="images/index_r7_c15.jpg"  class="fl mr20"/>
            <h5 class="f24 tl pb10">宣传1片/广告</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国
</div>
<div class="back tl l-24 pt40 " >
<h5 class="f24 tc pb10">宣传片/1广告</h5>
            河南高兴文化传播有限公司,自成立
以来,曾服务于361度、贵人鸟、
意尔康、PICC中国南高兴文化传播有限公司,自成立
以来,曾服务于361度、
<p><img src="images/72_r2_c2.jpg" class="fl mt10 overflow" /></p>
</div>
</a>
</li>
</ul>
  </div>
</div>
</div>
<div class="Menubox62">
  <ul>
    <li id="one1" onclick="setTab('one',1,2)" class="hover"> </li>
    <li id="one2" onclick="setTab('one',2,2)" class=""> </li>
  </ul>
</div>
</div>
</div>
<!--服务项目-->
<!--高兴作品-->
<div class="wrap pt50 overflow clearfix" >
 <a name="r3"><img src="images/index_r13_c7.jpg" /></a>
</div>
<div class="wrap overflow clearfix l-30 f12 huise">我们始终坚持,为客户制作的影视产品,同时也是高兴的作品,这是我们最根本的工作信念</div>
<!-- 代码 开始 -->
<!-- STAR_CONTAINER -->
<div id="container">
<div id="wrap-container" class="clearfix">
        <div class="examples_body">
        <div class="row2">
	    <ul class="bannerHolder">
            <li>
            <div class="banner">
                <a href="http://www.#.com" target="_blank">
                    <img height="388" width="224" alt="The Best Designs" src="images/index_r17_c2.jpg" />
                </a>
                <p class="companyInfo">图片信息一</p>
                <div class="cornerTL"></div>
                <div class="cornerTR"></div>
                <div class="cornerBL"></div>
                <div class="cornerBR"></div>
            </div>
            </li>
            <li>
            <div class="banner">
                <a href="http://www.#.com/" target="_blank">
                    <img height="388" width="224" alt="The Best Designs" src="images/index_r17_c2.jpg" />
                </a>
                <p class="companyInfo">图片信息二</p>
                <div class="cornerTL"></div>
                <div class="cornerTR"></div>
                <div class="cornerBL"></div>
                <div class="cornerBR"></div>
            </div>
            </li>
            <li>
            <div class="banner">
                <a href="http://www.#.com/" target="_blank">
                    <img height="388" width="224" alt="The Best Designs" src="images/index_r17_c2.jpg" />
                </a>
                <p class="companyInfo">图片信息三</p>
                <div class="cornerTL"></div>
                <div class="cornerTR"></div>
                <div class="cornerBL"></div>
                <div class="cornerBR"></div>
            </div>
            </li>
            <li>
            <div class="banner">
                <a href="http://www.#.com/" target="_blank">
                    <img height="388" width="224" alt="The Best Designs" src="images/index_r17_c2.jpg" />
                </a>
                <p class="companyInfo">图片信息四</p>
                <div class="cornerTL"></div>
                <div class="cornerTR"></div>
                <div class="cornerBL"></div>
                <div class="cornerBR"></div>
            </div>
            </li>
            <li>
            <div class="banner">
                <a href="http://www.#.com/" target="_blank">
                     <img height="388" width="224" alt="The Best Designs" src="images/index_r17_c2.jpg" />
                </a>
                <p class="companyInfo">图片信息五</p>
                <div class="cornerTL"></div>
                <div class="cornerTR"></div>
                <div class="cornerBL"></div>
                <div class="cornerBR"></div>
            </div>
            </li>
            <li>
            <div class="banner">
                <a href="http://www.#.com/" target="_blank">
                     <img height="388" width="224" alt="The Best Designs" src="images/index_r17_c2.jpg" />
                </a>
                <p class="companyInfo">图片信息五</p>
                <div class="cornerTL"></div>
                <div class="cornerTR"></div>
                <div class="cornerBL"></div>
                <div class="cornerBR"></div>
            </div>
            </li>
        </ul>
        </div>
        <!-- Examples body -->
        </div>
<!-- /COPYRIGHT -->
</div>
<!-- END_CONTAINER -->
<script>
$(document).ready(function(){
	// 0.4代表遮罩的透明度
	$('.banner div').css('opacity',0.2);
	$('.banner').hover(function(){
		var el = $(this);
		// 先淡出阴影,后淡入文字
		el.find('div').stop().animate({width:388,height:224},'slow',function(){
			el.find('p').fadeIn('fast');
		});
	},function(){
		var el = $(this);
		// 隐藏文字
		el.find('p').stop(true,true).hide();
		// 去掉遮罩
		el.find('div').stop().animate({width:60,height:60},'fast');
	}).click(function(){
		// 点击图片时打开链接
		window.open($(this).find('a').attr('href'));
	});
});
</script>
<!-- 代码 结束 -->
<div class=" clearfix overflow mt15 p10 mrg" ><a href="#">+ 了解更多 +</a></div>
<!--高兴新闻-->
<div class="w100 news_bg  clearfix">
 <div class="wrap pt50 overflow clearfix" >
  <img src="images/n_r2_c2.jpg" />
</div>
<div class="wrap overflow clearfix l-30 f12 huise">我们这里总是有很多无厘头但是很有趣的事情,有困难也有意思</div>
<div class="w860 overflow clearfix mt15">
 <div class="w100 overflow tl f12">
  <a href="#"><img src="images/aboutus_img04.jpg"  width="278px" height="166" class="fl mr15"/></a>
  <a href="#" class="f16">翼蓝——2016中国郑开国际马拉松赛指定视频拍摄机构</a><br />
  2016-3-28 20:54:44<br />
翼蓝—让世界看到你的马拉松<br />
<a href="#" >详细内容>></a> 
 </div>
 <div class="w100  pb15 pt15 clearfix">
 <!-- 代码 开始 -->
<div id="main">
  <ul id="holder">
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015年第十一届秋季大河国际车展拍摄散记</a>
    </p> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015月我国纺织品服装贸易额</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
         <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015年第十一届秋季大河国际车展拍摄散记</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
        <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015月我国纺织品服装贸易额</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
         <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015年第十一届秋季大河国际车展拍摄散记</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
        <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015月我国纺织品服装贸易额</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
         <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015年第十一届秋季大河国际车展拍摄散记</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
        <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015月我国纺织品服装贸易额</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
         <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015年第十一届秋季大河国际车展拍摄散记</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
        <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015月我国纺织品服装贸易额</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
         <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015年第十一届秋季大河国际车展拍摄散记</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
        <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
    <li >
    <p class="tl boder-b l-30">
    2016-03-20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20:10:20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">2015月我国纺织品服装贸易额</a>
    </p> 
        <div id="light" class="white_content">
         <div class="bt pt50  mt30">
          <h4 class="f12" >2014年4月我国纺织品服装贸易额261亿美元</h4>
          <span class="p15 dis">来源:玉帛服饰&nbsp;&nbsp;&nbsp;发布时间:2015-01-15 15:13:59&nbsp;&nbsp;&nbsp;点击:138</span>
         </div> 
         <div class="w100 overflow clearfix pt15 pb50">
          <p class="tl l-24">
          为设计师,我们责无旁贷的都具备良好的美学素养。这些基础的类别也许各不相同, 比如摄影师、后期特效师、剪辑师或者平面设计师。殊途同归的是,我们都具有一双敏锐的 眼睛,具备迅速的理解、加工和再呈现的能力。这也将是您需要我们完成工作的核心精神。 我们必须具备快速学习的能力,只要这样才能在最短时间内消化您的行业背景和特点,更重 要的是从您的角度考量您要面对的客户和受众。无论您来自传统行业还是时尚领域,我们将 要执行的任务是继续您的思路去思考,并给予专业的建议。当然除了专业的工具之外,设计 质量的分水岭在于人的思维系统和意识形态。举一反三、触类
          </p>
         </div>
        </div> 
         <div id="fade" class="black_overlay"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="images/gb.png" class="fr pt15 pr15 "  /></a></div> 
    </li>
  </ul>
</div>
<!-- 代码 结束 -->
 </div>
</div>
</div>
<!--高兴新闻-->
<!--联系我们-->
<div class="wrap pt50 overflow clearfix" >
 <a name="r4"><img src="images/index_r42_c5.jpg" /></a>
</div>
<div class="wrap overflow clearfix l-30 f12 huise">我们更加小心翼翼,只为不负众望</div>
<div class="wrap overflow clearfix mt15">
 <ul class="ul_l">
  <li> <input type="text" style="color: rgb(170, 170, 170);" value="您的姓名" onfocus="if(this.value=='您的姓名'){this.value='';this.style.color='#333'}" onblur="if(this.value==''){this.value='您的姓名';this.style.color='#aaa'}" x-webkit-grammar="bUIltin:search" x-webkit-speech="" maxlength="30" name="keyword" class="in_pu">
  </li>
  <li> <input type="text" style="color: rgb(170, 170, 170);" value="您的电子邮箱" onfocus="if(this.value=='您的电子邮箱'){this.value='';this.style.color='#333'}" onblur="if(this.value==''){this.value='您的电子邮箱';this.style.color='#aaa'}" x-webkit-grammar="bUIltin:search" x-webkit-speech="" maxlength="30" name="keyword" class="in_pu">
  </li>
   <li> <input type="text" style="color: rgb(170, 170, 170);" value="您的电话" onfocus="if(this.value=='您的电话'){this.value='';this.style.color='#333'}" onblur="if(this.value==''){this.value='您的电话';this.style.color='#aaa'}" x-webkit-grammar="bUIltin:search" x-webkit-speech="" maxlength="30" name="keyword" class="in_pu">
  </li>
  <li><a href="#">联系我们</a></li>
 </ul>
</div>
<div class="wrap overflow clearfix pt15">
 <img src="images/index-1_r22_c3.jpg" />
</div>
<div class="wrap overflow clearfix mt30">
 <ol class="fl pl15 l-24 tl">
 <i class="f18">河南高兴文化传播有限</i><br />
Henan happy culture communication co., LTD<br />
Tel: 0371-5660 5756   /   0371-6338 5668<br />
Emile:happy@hngxcb.com<br />
Add:郑州市经三路鑫苑路天府小区4号楼北单元703室<br />
网站:www.hngxcb.com
 </ol>
 <dl class="fl ml70 ">
  <dt class="fl"> <img src="images/index_r21_c8.jpg" /></dt>
  <dd class="fl ml50 pt30 l-24 tl">我们的微信<br />
关注高兴,了解高兴的设计服务与最新资讯。</dd> 
 </dl>
</div>
<!--联系我们-->
<!--版权-->
<div class="w100 overflow clearfix mt40 copy_bg">
 <div class="wrap overflow ">
  <p class="fl pt50 overflow tl l-19">
  Copyright © ​2014 河南高兴文化传播有限公司<br /> 
Henan happy culture communication co., LTD <br /> 
豫ICP备14009495号
  </p>
  <dl class="fr overflow">
   <dt class="fl pt15"><img src="images/index_r23_c16.jpg" /></dt>
   <dd class="fl ml15 pt55">
    <h5 class="pb10"><img src="images/index-1_r27_c20.jpg" /></h5>
    <a href="#" class="fl ml15"><img src="images/index_r26_c19.jpg" /></a>
    <a href="#" class="fl ml15"><img src="images/index_r26_c21.jpg" /></a>
    <a href="#" class="fl ml15"><img src="images/index_r26_c23.jpg" /></a>
   </dd>
  </dl>
 </div>
</div>
<!--版权-->
<!--悬浮导航-->
<div id="menu">
 <p class="tg1"></p>
	<ul>
		<li><a href="#item1" class="cur "><img src="images/x1_r6_c3.png" class="pt15" /><br />联系我们</a></li>
		<li><a href="#item2" ><em class="pt30 dis">关于高兴</em></a></li>
		<li><a href="#item3"><em class="pt30 dis">案例展示</em></a></li>
		<li><a href="#item4"><em class="pt20 dis">我们的<br />服务</em></a></li>
	</ul>
 <p class="tg2"></p>
</div>
<!--悬浮导航-->
<!--右侧漂浮-->
<!-- 代码 开始 -->
<div id="top"></div>
<!-- 代码 结束 -->
<!--右侧漂浮-->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
小小的太阳
关注
TA的相关作品 >>更多
热搜关键词


热门标签: 扁平化 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到