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



4 13 5



模板描述:红色简洁风格 文化传播公司 企业网站,红色简洁风格的文化传播公司企业网站源码下载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>
<!-- 代码 结束 -->
<!--右侧漂浮-->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 pc 电脑 普通自适应 html+css自适应 html+css响应式 红色 简洁 简约 简单 宽屏 全屏 满屏 文化传媒 文化 传媒

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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