<!--head-->
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>东莞市艺力广告有限公司-让企划更省心-专业大型品牌终端广告制作服务商</title>
	<meta name="keywords" content="大型超市装饰工程,大型超市装饰工程,广告装饰,活动布置,美陈搭建,展厅布置,物料制作"/>
	<meta name="description" content="东莞市艺力广告有限公司是一家专业大型品牌终端广告制作服务商,集策划,设计,制作,工程及媒体发布为一体,主营大型超市装饰工程,大型超市装饰工程,广告装饰,活动布置,美陈搭建,展厅布置,物料制作,联系电话:0769-23286339"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="files/ico.ico">
	<!-- 网页样式 -->
	<link href="reset.css" rel="stylesheet" type="text/css" />
	<link href="site.css" rel="stylesheet" type="text/css" />
	<link href="swiper.min.css" rel="stylesheet" type="text/css" />
	<link href="iconfont.css" rel="stylesheet" type="text/css">
	<link href="animate.css" rel="stylesheet" type="text/css">
	<link href="zoom.css" rel="stylesheet" type="text/css">
	<link href="files/aos.css" rel="stylesheet" type="text/css">


	<!-- 网页JS -->
    <script src="files/jquery-1.7.2.min.js"></script>
	<script src="files/jquery.SuperSlide.2.1.1.js"></script>
	<script src="files/swiper.min.js"></script>
	<script src="files/nsw.pc.min.js"></script>
	<script src="site.js"></script>
    <script src="files/wow.min.js"></script>
	<style type="text/css" media="all">
    a:hover{ color:#e94f11;}
    </style>

<!--跳转手机-->
<script type="text/javascript">
(function(){var isPhoneBrowser = /Android|webOS|Windows Phone|iPhone|ucweb|ucbrowser|iPod|BlackBerry|iPad/i.test(navigator.userAgent.toLowerCase()); 
var phoneSite="http://m.dg-yili.com";//手机网站网址
if(isPhoneBrowser && phoneSite){window.location.href=phoneSite+location.pathname+location.hash; }
}());
</script>

</head>
<body data-aos-easing="ease-in-sine" data-aos-delay="100" data-aos-duration="600">
<!--顶部-->
<div mfid="C1_Share_top">
<style>
.htop{ background:#e70014; font-size:13px; color:rgb(255 255 255 / 80%); line-height:46px;}
.htop .box{ margin:0 auto; width:1400px;}
.htop .fr a.bright{  border-right:1px solid #fff; font-size:13px; font-weight:lighter; color:rgb(255 255 255 / 80%);  padding:0 15px;}
.htop .fr {color:#fff;}
.htop .fr i{padding-left:15px;}
.htop .fr strong{ display:inline-block; font-size:15px;}
.htop .fr span {
    font-size: 22px;
    display: block;
    margin-top: -48px;
    margin-left: 100px;
}

</style>
<div class="htop">
<div class="box clearfix">
<div class="fl">您好，欢迎访问东莞市艺力广告有限公司网站！</div>
<div class="fr"><a class="bright" href="sitemap.htm" target="_blank">网站地图</a> <i class="dicon di-dianhua10"></i> <strong>客户服务热线 <span>0769-23286339 / 0769-33232689</span></strong></div>

</div>
</div>
</div>
<!--抬头-->
<div mfid="C1_Share_header">

</div>

<!--导航-->
<div mfid="C1_Share_nav">
<style type="text/css" media="all">

.box.w95{width:95%; max-width:1400px;}
.hsecond{ height:130px;}
.hlogo{ height: 130px;  display: flex;    align-items: center;}
.hlogo img{max-height:110px;}
.hname{ margin-left:15px; margin-top:30px; font-size:36px; color:#333333;}
.hname p{ text-transform:uppercase; font-size:12px; font-weight:lighter;  color:#666;
    padding-top: 3px;
}
.hname b {color: #e70014;}
.hline{ width:1px; height:68px; margin:30px 15px; background:#b5b5b5; background:linear-gradient(to bottom,#f2f2f2,#b5b5b5,#f2f2f2);}
.hmean{margin-top:30px; font-size:16px; color:#999999; font-weight:lighter;}
.hmean strong{ display:block; font-size:24px; font-weight:bold; color:#e94f11; margin:8px 0 5px 0;}

    
    
/*导航*/
.nav{ width:800px; height: 130px;}
.nav ul li{ float: left; width:14%; height: 130px; position: relative; text-align:center;}
.nav ul li>a{ display:block; font-size:16px; color:#333; line-height:130px; transition: 0.2s all ease-in-out; position: relative; z-index: 1113;}
.nav ul li:after{ content:'/'; position:absolute; color:#ccc; width:11px; line-height:130px;  right:-5px; top:0; bottom:0;}
.nav ul li:last-child:after{content:'';}
.nav ul li > a:after{ content: ''; width: 0%; height: 2px; background: #e70014 ; display: block; position: absolute; left: 0; bottom: 0; transition:0.3s all ease-in-out; }
.nav ul li:hover>a,.nav li.on>a{ color:#e70014; font-weight:bold;}
.nav ul li.on > a:after,.nav li:hover > a:after{ width: 100%; }
.nav ul li.on>a:after,.nav li:hover>a:after{ opacity:1;}
.nav ul li>div{position: absolute;top: 130px;display: none;z-index: 2;width:180px;margin-left: -90px;  left: 50%;}
.nav ul li>div ka kb a{display:block; transition: 0.3s all ease-in;background:#fff;width:100%;height:45px;line-height:45px;font-size:15px; border-bottom: 1px solid #ededed;}
.nav ul li>div ka kb a:hover{background:#e70014;transition: 0.3s all ease-in; color:#fff;}
.nav ul li img{margin-top:15px; margin-left:5px;}

</style>

<div class="box w95 clearfix">
<div class="hsecond fl clearfix" data-aos="flip-up">
<div class="hlogo fl"><a href="/"><img varid="logo" src="images/F5A193EF-D28D65EC-A91C3380-D8D5F0D90.jpg" alt="东莞市艺力广告有限公司" title="东莞市艺力广告有限公司"></a></div>

<div class="hname fl"><b>让企划更省心</b><p>Make planning more worry free</p></div>
</div>

<!--导航x-->
  
<div class="nav fr clearfix" varid="list">
	    <ul>
	   
      
   <li class="on nLi"> 
   <a href="/"> 网站首页 </a> 
   
     <div class="sub">
         <ka>
   
   <kb><a href="company.html">关于艺力</a></kb>
   
   
   <kb><a href="workshop.html">厂房车间</a></kb>
   
   
   <kb><a href="office.html">办公环境</a></kb>
   
   
   </ka>
   </div>
      
   </li>   
      
   <li class=" nLi"> 
   <a href="company.html"> 关于艺力 </a> 
   
     <div class="sub">
         <ka>
   
   <kb><a href="company.html">公司简介</a></kb>
   
   
   <kb><a href="honor.html">荣誉资质</a></kb>
   
   
   <kb><a href="workshop.html">厂房车间</a></kb>
   
   
   <kb><a href="office.html">办公环境</a></kb>
   
   
   </ka>
   </div>
      
   </li>   
      
   <li class=" nLi"> 
   <a href="products.html"> 产品中心 </a> 
   
     <div class="sub">
         <ka>
   
   <kb><a href="products_169897.html">广告超市</a></kb>
   
   
   <kb><a href="products_169898.html">创意美陈</a></kb>
   
   
   <kb><a href="products_169899.html">网红灯箱</a></kb>
   
   
   <kb><a href="products_169900.html">创新广告产品</a></kb>
   
   
   </ka>
   </div>
      
   </li>   
      
   <li class=" nLi"> 
   <a href="case.html"> 客户案例 </a> 
   
     <div class="sub">
         <ka>
   
   <kb><a href="case_143236.html">一站式广告&品牌终端服务商</a></kb>
   
   
   <kb><a href="case_143238.html">活动布置、美陈搭建</a></kb>
   
   
   <kb><a href="case_143239.html">展厅布置案例</a></kb>
   
   
   <kb><a href="case_143240.html">视觉包装案例</a></kb>
   
   
   <kb><a href="case_143241.html">园林包装案例</a></kb>
   
   
   <kb><a href="case_143242.html">商业案例</a></kb>
   
   
   <kb><a href="case_143243.html">推广案例</a></kb>
   
   
   <kb><a href="case_143244.html">画册、宣传单、礼品案例</a></kb>
   
   
   </ka>
   </div>
      
   </li>   
      
   <li class=" nLi"> 
   <a href="partner.html"> 合作伙伴 </a> 
   
      
   </li>   
      
   <li class=" nLi"> 
   <a href="news.html"> 新闻资讯 </a> 
   
     <div class="sub">
         <ka>
   
   <kb><a href="news_143229.html">公司动态</a></kb>
   
   
   <kb><a href="information.html">行业资讯</a></kb>
   
   
   <kb><a href="faq.html">常见问题</a></kb>
   
   
   </ka>
   </div>
      
   </li>   
      
   <li class=" nLi"> 
   <a href="contact.html"> 联系我们 </a> 
   
      
   </li>   
   
   
	</ul>
	</div>

</div>
<script type="text/javascript">
jQuery(".nav").slide({ 
		type:"menu", 
		titCell:".nLi", 
		targetCell:".sub",
		effect:"slideDown",
		delayTime:300,
		triggerTime:0,
		returnDefault:true
});
</script>
</div>

<!--幻灯片-->
<div mfid="C1_Share_banner" class="mod1019">
	  
	
	<style>
		.mod1019 .banner .swiper-container,.mod1019 .banner .ban_bg,.mod1019 .banner .ban_nbg { width: 100%; height: 700px;} 
		.mod1019 .banner .swiper-pagination-bullet-active {background: #e94f11;}
		.mod1019 .banner .ban_bg	{ background: url() no-repeat center;}
		.mod1019 .banner .ban_nbg { background: url(files/images/ban-n.jpg) no-repeat center;}
		.mod1019 .banner .slide_01{ background: url(files/images/01.jpg) no-repeat center;}
		.mod1019 .banner .slide_02{ background: url(files/images/banner02.jpg) no-repeat center;}
		.mod1019 .banner .swiper-slide{ background-position: center; background-repeat: no-repeat;}
		.mod1019 .banner .swiper-slide a{ display: block; width: 100%; height: 100%;}
	</style>
	
	<div class="banner">
		 
		
		   <!--首页banner-->
		<div class="swiper-container clearfix" varid="ban">
			 
			    <div class="swiper-wrapper">
			        
				    <style>
				    .mod1019 .banner .slide_01{ background-image: url(images/7764739C-5C3526F4-05F72BE7-822E00050.jpg);}
				    </style>
				    <div class="swiper-slide slide_01">
					    <a href="#"></a>
			    	</div>
				    
				    <style>
				    .mod1019 .banner .slide_02{ background-image: url(images/1B55C793-B9D1ABB1-9B0AC2DE-B925DDAA0.jpg);}
				    </style>
				    <div class="swiper-slide slide_02">
					    <a href="#"></a>
			    	</div>
				    
				    <style>
				    .mod1019 .banner .slide_03{ background-image: url(images/ED7AF0F3-B9E9C777-34A5B480-C50AF86A0.jpg);}
				    </style>
				    <div class="swiper-slide slide_03">
					    <a href="#"></a>
			    	</div>
				    
				</div>
			
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			<!-- Add Arrows -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<!-- Initialize Swiper -->
			<script>
			    var swiper = new Swiper('.banner .swiper-container', {
			        spaceBetween: 30,
			        centeredSlides: true,
			        autoplay: {
			            delay: 2500,
			            disableOnInteraction: false,
			        },
			        pagination: {
			            el: '.banner .swiper-pagination',
			            clickable: true,
			        },
			        navigation: {
			            nextEl: '.banner .swiper-button-next',
			            prevEl: '.banner .swiper-button-prev',
			        },
			        loop: 'true',
			    });
			    //鼠标覆盖停止自动切换
			    swiper.el.onmouseover = function(){
			    swiper.autoplay.stop();
			    }
			    //鼠标离开开始自动切换
			    swiper.el.onmouseout = function(){
			    swiper.autoplay.start();
			    }
			</script>
			
			
		</div>
		
	
		
		
		</div>
	
</div>

<!--搜索栏-->
<div mfid="C1_Share_search"  class="mod1451">
<style>
    .mod1451 .search_bg {
        width: 100%;
        height: 80px;
        line-height: 80px;
        background: #f5f5f5;
        overflow: hidden;
    }
    .mod1451 .search_bg .search_hot {
        height: 80px;
    }
    .mod1451 .search_bg .search_hot b {
        font-size: 16px;
        color: #e70014;
    }
    .mod1451 .search_bg .search_hot a {
        font-size: 16px;
        color: #999;
    }
    .mod1451 .search_bg .search_hot span {
        font-size: 16px;
        color: #999;
    }
    .mod1451 .search_bg .search_hot a:hover {
        color: #e70014;
    }
    .mod1451 .search_bg .search_hot span:last-of-type {
        display: none;
    }
    
    .mod1451 .search_bg .search_d {
        width: 367px;
        height: 80px;
        border-left: 1px solid #e9e9e9;
    }
    .mod1451 .search_bg .search_d form .search-bg {
        float: left;
        width: 280px;
        height: 80px;
        background: url(jump-url/hk0ZRo-UkHMmRJ-Spf2Myl7SkKt9pGw2xD1MXIQvGV_JTbFO115TVuoGzszODkTh2ixReXPZ3aZLAB1k85WJ2sVGUII73jD7lG6k40tw2bI345aDY8Ai297iUtFF1Y36.png) 20px 28px no-repeat;
    }
    .mod1451 .search_bg .search_d form .search-bg input {
        margin-left: 50px;
        width: 230px;
        height: 80px;
        background: none;
        border: none;
    }
    .mod1451 .search_bg .search_d form .search-i {
        position: relative;
        display: block;
        float: right;
        width: 86px;
        height: 80px;
    }
    .mod1451 .search_bg .search_d form .search-i:after {
        display: block;
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 1000%;
        height: 80px;
        background: #e70014;
    }
    .mod1451 .search_bg .search_d form .search-i input {
        position: relative;
        width: 86px;
        height: 80px;
        background: url(files/images/search_08_ico.png) center no-repeat;
        z-index: 9;
        cursor: pointer;
        border: none;
    }
</style>
<div class="search_bg">
    <div class="box clearfix">
        <div class="search_hot fl" varid="links">
            <b class="line-clamp-1" varid="hot">热搜关键词：</b>
            
            
            <a href="case.html">大型商超广告装饰</a><span>、</span>
            
            <a href="case_143238.html">连锁超市活动布置</a><span>、</span>
            
            <a href="case_143238.html">商业广场美陈搭建</a><span>、</span>
            
            <a href="case_143239.html">产业园展厅布置</a><span>、</span>
            
            <a href="case_143244.html">宣传物料制作</a><span>、</span>
            
            
        </div>
        <div class="search_d fr clearfix">
            <form name="form1" action="search.html" method="get" onSubmit="sub()">
				<div class="search-bg" varid="search_img"><input name="infoname" id="infoname" class="inputxt" placeholder="请输入关键词搜索..."></div>
				<div class="search-i" varid="search_ico"><input name="imageField" type="submit" value="" align="middle" ></div>
				<div class="cl clear"></div>
				<script>
                    var reg=/key_word=([^;]+)/img;
                    function sub(){
                        document.cookie='key_word=' + (encodeURIComponent (document.getElementById('infoname').value));
                    }
                </script>
			</form> 
        </div>
    </div>
</div>
</div>

<!--公司实力-->
<div mfid="C1_Share_ys_01">
    
<style>
/*实力*/
.strength{ padding:70px 0 70px 0;}
.sertitl { display:block; margin:15px auto 15px auto; width:240px; line-height:50px; border-radius:5px; background:#e94f11; color:#fff; font-size:28px; text-align: center;}
.traitul li{ width:335px; height:445px; float:left; position:relative; cursor:pointer; box-shadow:2px 2px 3px #f1f1f1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.traitul li+li{ margin-left:20px;}
.traicon{ position:absolute; right:0px; left:0px; margin:0 auto; top:188px; width:74px; text-align:center; height:66px;  transition:all 0.5s ease;}
.traitul li:hover .traline3:before{width:310px;}
.traitul li:hover .traicon{ transform:rotate(360deg);}
.traitul li:hover {box-shadow: 0 10px 10px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.trawa{ margin-top:45px; text-align:center; padding:0px 10px;}
.trawa p{ font-size:24px; color:#222;}
.trawa b { color: #e70014;}
.trawa i {display: block; width: 48px; height: 2px; margin: 10px auto; background: #e70014;}
.trawa em { display: block; width: auto; margin-top:5px; height: 15px; line-height: 15px; font-size: 14px; color: #666; font-weight: lighter; text-align: center; text-transform: uppercase;}
.trawa p:nth-child(2){ font-size:16px; line-height:26px; color:#666;}
.trawa span { font-size:16px; line-height:26px; color:#666;}
.trapic{ width:335px; height:220px; position:relative; overflow:hidden;}
.trapic img{ transition:all 0.5s ease;width:100%;}
.traitul li:hover .trapic img{ transform: scale(1.2);}
.traitul{ padding:40px 0 0 0;}
/*标题*/
.strength .title{ width:935px; height:80px; line-height:100px; margin:0 auto; background:url(files/images/yst.jpg) right center no-repeat;  font-size:40px; color:#333; }
.strength .title span {font-weight:bold; color:#e70014; }
.strength .title strong{font-weight:bold;}
.strength .title1{ font-size:20px; color:#666; font-weight:lighter; text-align:center;}
.strength .title a{ font-size:42px; color:#222; text-align:center; letter-spacing:1px;     line-height: 50px;}
.strength .title strong a{ color:#009b43;}

</style>


<!--实力-->
<div class="strength">
<div data-aos="fade-down">
<p class="title"><span varid="txt1">专注品牌连锁企业服务15年，</span><strong varid="txt2">让企划</strong></p>
<p class="title1"><span varid="txt3">集策划、设计、制作、工程及媒体发布为一体的大型品牌终端广告制作服务商</span></p>
<div class="title_bg">
    <div class="title_logo" varid="l_logo"><img src="files/images/title_logo.jpg" alt="东莞市艺力广告有限公司" ></div>
</div>
</div>
 
<ul class="traitul w1400" data-aos="zoom-in">
<li class="wow fadeInLeft animated" data-wow-delay=".2s" data-wow-duration="1s">
<div class="trapic"><img varid="pic1" src="images/9A7961CB-06B36457-853181E3-4E0205AC0.jpg" alt="让企划"></div>
<p class="traicon" varid="traicon1"><img varid="traicon1" src="files/images/fenlei1.png" alt="让企划"></p>
<div class="trawa">
<p varid="txt10"><b>广告超市</b> </p>
<em>Advertising Supermarket</em>
<i></i>
<span varid="txt20">整合优质标品优质供应链，产品种类齐全</span>
</div>
</li>
<li class="wow fadeInLeft animated" data-wow-delay=".2s" data-wow-duration="1s">
<div class="trapic"><img varid="pic2" src="images/A2FBBD85-3E369DFF-01441F10-123432140.jpg" alt="让企划"></div>
<p class="traicon" varid="traicon1"><img varid="traicon2" src="files/images/fenlei2.png" alt="让企划"></p>
<div class="trawa">
<p varid="txt30"><b>创意美陈</b> </p>
<em>Creative beauty</em>
<i></i>
<span varid="txt40">标识深化设计：集成工艺设计、光源设计、组装及安装配套的成品化设计；精工制作安装：精细化施工凸显品牌品质感</span>
</div>
</li>
<li class="wow fadeInLeft animated" data-wow-delay=".2s" data-wow-duration="1s">
<div class="trapic"><img varid="pic3" src="images/C79C3C09-67FCAF35-0E96280E-9D0CE6A10.jpg" alt="让企划"></div>
<p class="traicon" varid="traicon1"><img varid="traicon3" src="files/images/fenlei3.png" alt="让企划"></p>
<div class="trawa">
<p varid="txt50"><b>网红灯箱</b> </p>
<em>Internet celebrity lightbox</em>
<i></i>
<span varid="txt60">软膜灯箱、侧招灯箱、天花灯箱、点餐灯箱、动感灯箱、造型艺术灯箱、广告位灯箱等</span>
</div>
</li>
<li class="wow fadeInLeft animated" data-wow-delay=".2s" data-wow-duration="1s">
<div class="trapic"><img varid="pic4" src="images/2A29D9B9-CC2692DD-7EEB6383-802BE5760.jpg" alt="让企划"></div>
<p class="traicon" varid="traicon1"><img varid="traicon4" src="files/images/fenlei4.png" alt="让企划"></p>
<div class="trawa">
<p varid="txt70"><b>创新广告产品</b> </p>
<em>Innovative advertising products</em>
<i></i>
<span varid="txt80">天花吊灯装饰、墙面立体装饰画框、墙面油画、墙面手绘、品牌文化立体字、|P平面形象装饰、IP立体玻璃钢装饰等</span>
</div>
</li>
<div class="clear"></div>
</ul>

</div>

</div>

<!--产品-->
<div mfid="C1_Share_pro"  class="mod1240">
		<style>
			
			/*产品中心*/

.product_bg { width: 100%; height: auto; background:#f5f5f5; padding:60px 0; }
.title_b { width: auto; height:auto; text-align: center; font-size:40px; line-height:50px;}
.title_b span { font-weight:bold; color:#333;} 
.title_b b { color:#e70014;}
.title_b p { display:block; font-size: 20px; color: #666; font-weight:lighter; line-height:30px;} 
.product{ padding:20px 0;}
.product>p span{font-weight: bold;}
.protab{max-width:1400px; height:auto; margin:0 auto; padding:10px 0 30px 0;}
.protab a{ display:inline-block; width:auto; height:48px; padding:0 22px; line-height:48px; border:1px solid #eeeeee; text-align:center; background:#fff; font-size:16px; color:#666; font-weight:lighter; transition:all .3s ease;}
.protab span a{ margin-right:8px;}
.protab span a:nth-last-of-type(1){margin-right: 0px;}
.protab a.on,.protab a:hover{ color:#fff; background:#e70014;}
.protwoClass{ margin-bottom:30px;}
.protwoClass table,.protwoClass tbody,.protwoClass td{ display:block; width:100%;}
.protwoClass tr{ display:inline-block;}
.protwoClass tr+tr{ margin-left:35px;}
.protwoClass tr a{ display:block; position:relative; line-height:66px; color:#999999; font-size:14px; padding-left:20px; transition:all .3s ease;} 
.protwoClass tr a:after{ content:''; display:block; position:absolute; width:4px; height:4px; border-radius:50%; background:#d2d2d2; left:9px; top:0; bottom:0; margin:auto 0;transition:all .3s ease;}
.protwoClass tbody{ border-bottom:1px solid #f2f2f2;}
.protwoClass tr a:hover{color:#e70014;} 
.protwoClass tr a:hover:after{ background:#e70014;}
.proshow td{ display:inline-block; padding:0 ; width:450px; border:1px solid #ddd;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td span a{ font-size:14px; color:#666; font-weight:normal;transition: ease-in-out 0.15s all;}
.proshow td span a:hover { color:#fff; background:#e70014;}
.proshow td:hover span a { color:#fff; background:#e70014;}
.proshow td span{ margin-top:2px; line-height:58px ; background:#f1f1f1; text-align:center; }
.proshow td{ margin-right:25px;margin-bottom:25px;}

.proshow td:nth-of-type(3n){margin-right:0px;}
.proshow tr+tr{ margin-top:25px; display:block;}
.proshow td>a:after,.proshow td>a:before,.proshow td>a i:after,.proshow td>a i:before{ content:''; display:block; position:absolute; width:25%; height:0; background:rgba(0,0,0,0.4); transition:all .3s ease; left:0; z-index:3;} 
.proshow td>a:after,.proshow td>a:before{ background:linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.05)); top:0;}
.proshow td>a:before{ left:50%;}
.proshow td>a i:after,.proshow td>a i:before{ background:linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0,0.05)); bottom:0; left:25%}
.proshow td>a i:before{ left:75%;}
.proshow td:hover>a:after,.proshow td:hover>a:before,.proshow td:hover>a i:after,.proshow td:hover>a i:before{ height:100%;}
.proshow td>a img{ transition:all .6s ease;width:100%;
    display: block;
}
.proshow td:hover>a img{ transform:scale(1.1);}
.procon ul { display: block;width: 1400px;}
.protwoClass { width: 1400px;}
.proshow  { width: 1400px; min-height:600px;}
		</style>
		<div class="product_bg">
		    <div class="title_b" data-aos="fade-down" ><span>艺力广告·</span><b>客户案例</b>
		    <p>我们为客户提供精心策划的方案，深入了解客户需求和品牌定位，打造独具特色的广告创意，让客户的企划独具魅力</p>
		    <div class="title_bg">
    <div class="title_logo1"><img src="files/images/logotitle.png" alt="东莞市艺力广告有限公司"></div>
</div>
		    </div>
		<div class="product box">
<div class=" center13">
	<!--<div class="top30"></div>-->
	
	<div class="procenter"  data-aos="zoom-in">
		<p class="protab" varid="product_rt11">
		    
		    <span>
		    		


<a href="case_143236.html" title="一站式广告&品牌终端服务商">一站式广告&品牌终端服务商</a>

<a href="case_143238.html" title="活动布置、美陈搭建">活动布置、美陈搭建</a>

<a href="case_143239.html" title="展厅布置案例">展厅布置案例</a>

<a href="case_143240.html" title="视觉包装案例">视觉包装案例</a>

<a href="case_143241.html" title="园林包装案例">园林包装案例</a>

<a href="case_143242.html" title="商业案例">商业案例</a>

<a href="case_143243.html" title="推广案例">推广案例</a>

<a href="case_143244.html" title="画册、宣传单、礼品案例">画册、宣传单、礼品案例</a>

     
		    </span>
		
	  
		</p>

			<div class="procon">
              <ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307627.html" target="_blank">
											<img src=" images/D5AF3ED6-A601BA30-C37B062B-13D441440.jpg" width="414" alt=" 楼顶发光字工程案例(华润超市楼顶改造)" title=" 楼顶发光字工程案例(华润超市楼顶改造)" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307627.html" target="_blank" title=" 楼顶发光字工程案例(华润超市楼顶改造)">
                                 楼顶发光字工程案例(华润超市楼顶改造)
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307625.html" target="_blank">
											<img src=" images/CAB3A828-F04450B8-2A1A3787-DC4DCC0A0.jpg" width="414" alt=" 楼顶发光字工程案例(华润超市楼顶改造)" title=" 楼顶发光字工程案例(华润超市楼顶改造)" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307625.html" target="_blank" title=" 楼顶发光字工程案例(华润超市楼顶改造)">
                                 楼顶发光字工程案例(华润超市楼顶改造)
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307626.html" target="_blank">
											<img src=" images/088BD55B-DF843C1B-E85D9C43-02D9310B0.jpg" width="414" alt=" 楼顶发光字工程案例（东莞市民艺术中心）" title=" 楼顶发光字工程案例（东莞市民艺术中心）" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307626.html" target="_blank" title=" 楼顶发光字工程案例（东莞市民艺术中心）">
                                 楼顶发光字工程案例（东莞市民艺术中心）
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307652.html" target="_blank">
											<img src=" images/BB39950C-0AF091C4-9EE40945-376638E30.jpg" width="414" alt=" 活动布置、美陈搭建" title=" 活动布置、美陈搭建" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307652.html" target="_blank" title=" 活动布置、美陈搭建">
                                 活动布置、美陈搭建
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307657.html" target="_blank">
											<img src=" images/7DEEE4B0-69BFA3D9-BCE61081-71D4A5790.jpg" width="414" alt=" 活动布置、美陈搭建" title=" 活动布置、美陈搭建" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307657.html" target="_blank" title=" 活动布置、美陈搭建">
                                 活动布置、美陈搭建
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307656.html" target="_blank">
											<img src=" images/2BE4B8A8-EBF45FB5-35810F02-A849EADA0.jpg" width="414" alt=" 活动布置、美陈搭建" title=" 活动布置、美陈搭建" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307656.html" target="_blank" title=" 活动布置、美陈搭建">
                                 活动布置、美陈搭建
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307654.html" target="_blank">
											<img src=" images/E5E2A784-70BAF38A-5ADD17BE-098BB6220.jpg" width="414" alt=" 活动布置、美陈搭建" title=" 活动布置、美陈搭建" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307654.html" target="_blank" title=" 活动布置、美陈搭建">
                                 活动布置、美陈搭建
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307655.html" target="_blank">
											<img src=" images/F6CF3AE8-449FCE36-B609BB50-06E92D720.jpg" width="414" alt=" 活动布置、美陈搭建" title=" 活动布置、美陈搭建" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307655.html" target="_blank" title=" 活动布置、美陈搭建">
                                 活动布置、美陈搭建
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307653.html" target="_blank">
											<img src=" images/43D66B5D-3DD9B798-E29489C3-C9E294B20.jpg" width="414" alt=" 活动布置、美陈搭建" title=" 活动布置、美陈搭建" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307653.html" target="_blank" title=" 活动布置、美陈搭建">
                                 活动布置、美陈搭建
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307604.html" target="_blank">
											<img src=" images/9B2BDFD4-07A28FBB-E773A5AA-0E28606A0.jpg" width="414" alt=" 展厅布置案例" title=" 展厅布置案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307604.html" target="_blank" title=" 展厅布置案例">
                                 展厅布置案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307603.html" target="_blank">
											<img src=" images/BC47FEC0-500B8DE4-BE9E481B-EDEF43630.jpg" width="414" alt=" 展厅布置案例" title=" 展厅布置案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307603.html" target="_blank" title=" 展厅布置案例">
                                 展厅布置案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307602.html" target="_blank">
											<img src=" images/25B8F551-3AE5E97A-2F74DDCC-9B4C29590.jpg" width="414" alt=" 展厅布置案例" title=" 展厅布置案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307602.html" target="_blank" title=" 展厅布置案例">
                                 展厅布置案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307601.html" target="_blank">
											<img src=" images/E838DB28-826B3D94-4D6CA64D-7604DF120.jpg" width="414" alt=" 展厅布置案例" title=" 展厅布置案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307601.html" target="_blank" title=" 展厅布置案例">
                                 展厅布置案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307600.html" target="_blank">
											<img src=" images/FF0A313F-5317A417-326BADB9-FAA67A050.jpg" width="414" alt=" 展厅布置案例" title=" 展厅布置案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307600.html" target="_blank" title=" 展厅布置案例">
                                 展厅布置案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307599.html" target="_blank">
											<img src=" images/FB52DDE9-BBC2B2E0-A73115EB-2D56029E0.jpg" width="414" alt=" 展厅布置案例" title=" 展厅布置案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307599.html" target="_blank" title=" 展厅布置案例">
                                 展厅布置案例
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307589.html" target="_blank">
											<img src=" images/4D3AD60B-3B8E0133-8A67E33D-72EB0E320.jpg" width="414" alt=" 视觉包装案例" title=" 视觉包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307589.html" target="_blank" title=" 视觉包装案例">
                                 视觉包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307588.html" target="_blank">
											<img src=" images/35E5573C-A3EE8135-4FB7804C-FECD4F720.jpg" width="414" alt=" 视觉包装案例" title=" 视觉包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307588.html" target="_blank" title=" 视觉包装案例">
                                 视觉包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307587.html" target="_blank">
											<img src=" images/7D1EDB02-B8259A35-69CA678D-3D72D0120.jpg" width="414" alt=" 视觉包装案例" title=" 视觉包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307587.html" target="_blank" title=" 视觉包装案例">
                                 视觉包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307586.html" target="_blank">
											<img src=" images/C0CCD0C0-C5F00396-142A27A9-9C6A26090.jpg" width="414" alt=" 视觉包装案例" title=" 视觉包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307586.html" target="_blank" title=" 视觉包装案例">
                                 视觉包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307585.html" target="_blank">
											<img src=" images/7F4B6B34-F284B945-D902950F-836D321F0.jpg" width="414" alt=" 视觉包装案例" title=" 视觉包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307585.html" target="_blank" title=" 视觉包装案例">
                                 视觉包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307584.html" target="_blank">
											<img src=" images/FAC50A76-1D5CA884-4922EBFF-A562EF1D0.jpg" width="414" alt=" 视觉包装案例" title=" 视觉包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307584.html" target="_blank" title=" 视觉包装案例">
                                 视觉包装案例
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307609.html" target="_blank">
											<img src=" images/16E4FE2E-5DD88197-AD5FE62A-8DA8FDF70.jpg" width="414" alt=" 园林包装案例" title=" 园林包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307609.html" target="_blank" title=" 园林包装案例">
                                 园林包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307608.html" target="_blank">
											<img src=" images/AAF04A2E-CD2600D4-016D8A8B-D5CF43F70.jpg" width="414" alt=" 园林包装案例" title=" 园林包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307608.html" target="_blank" title=" 园林包装案例">
                                 园林包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307607.html" target="_blank">
											<img src=" images/4A5289AA-73929CEC-DB12A1A6-B547FA4F0.jpg" width="414" alt=" 园林包装案例" title=" 园林包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307607.html" target="_blank" title=" 园林包装案例">
                                 园林包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307606.html" target="_blank">
											<img src=" images/C238AFA4-3F5DC57F-308A3D42-C210D5970.jpg" width="414" alt=" 园林包装案例" title=" 园林包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307606.html" target="_blank" title=" 园林包装案例">
                                 园林包装案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307605.html" target="_blank">
											<img src=" images/5CF49A76-52E51F76-09237668-5715FE160.jpg" width="414" alt=" 园林包装案例" title=" 园林包装案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307605.html" target="_blank" title=" 园林包装案例">
                                 园林包装案例
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307624.html" target="_blank">
											<img src=" images/56C07797-6D58F0BC-E516BC86-004ED0590.jpg" width="414" alt=" 商业案例" title=" 商业案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307624.html" target="_blank" title=" 商业案例">
                                 商业案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307623.html" target="_blank">
											<img src=" images/BB355A8D-46D6189B-DB331C79-BA1DAA160.jpg" width="414" alt=" 商业案例" title=" 商业案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307623.html" target="_blank" title=" 商业案例">
                                 商业案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307622.html" target="_blank">
											<img src=" images/EFC322BF-C8F09029-356E3B5A-9E4D54570.jpg" width="414" alt=" 商业案例" title=" 商业案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307622.html" target="_blank" title=" 商业案例">
                                 商业案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307621.html" target="_blank">
											<img src=" images/56F0DE22-B1E6A3C3-37D602D4-4F0852C20.jpg" width="414" alt=" 商业案例" title=" 商业案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307621.html" target="_blank" title=" 商业案例">
                                 商业案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307620.html" target="_blank">
											<img src=" images/B0DBD5D2-3CC2FEB8-B47D2F28-67B8192A0.jpg" width="414" alt=" 商业案例" title=" 商业案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307620.html" target="_blank" title=" 商业案例">
                                 商业案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307619.html" target="_blank">
											<img src=" images/2DC2E507-6F6973BF-3D01E9C6-57ECD1C30.jpg" width="414" alt=" 商业案例" title=" 商业案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307619.html" target="_blank" title=" 商业案例">
                                 商业案例
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307594.html" target="_blank">
											<img src=" images/889AFAA0-E45D07D2-3F3FC4B9-5E8BA58E0.jpg" width="414" alt=" 推广案例" title=" 推广案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307594.html" target="_blank" title=" 推广案例">
                                 推广案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307593.html" target="_blank">
											<img src=" images/9559112D-6255F8D6-FCF78819-41C6BE320.jpg" width="414" alt=" 推广案例" title=" 推广案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307593.html" target="_blank" title=" 推广案例">
                                 推广案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307592.html" target="_blank">
											<img src=" images/1A3D7BB0-409407BA-4436F540-7C2659A60.jpg" width="414" alt=" 推广案例" title=" 推广案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307592.html" target="_blank" title=" 推广案例">
                                 推广案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307591.html" target="_blank">
											<img src=" images/FDC99D1E-8EBA8E42-CAE77C44-66B1D6F10.jpg" width="414" alt=" 推广案例" title=" 推广案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307591.html" target="_blank" title=" 推广案例">
                                 推广案例
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307590.html" target="_blank">
											<img src=" images/EE7D41AD-213FF81C-C8DD6114-D8ED9E610.jpg" width="414" alt=" 推广案例" title=" 推广案例" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307590.html" target="_blank" title=" 推广案例">
                                 推广案例
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
				<ul >
				<div class="proshow">
						<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
							<tbody>
								<tr>
								
                    
									<td align="center" >
										<a href=" case_307650.html" target="_blank">
											<img src=" images/BE917F1C-96F9AE41-C2E4BA6F-F7744AE20.jpg" width="414" alt=" 礼品" title=" 礼品" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307650.html" target="_blank" title=" 礼品">
                                 礼品
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307651.html" target="_blank">
											<img src=" images/84CA8344-18415097-BBA99D98-3FC711D20.jpg" width="414" alt=" 礼品" title=" 礼品" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307651.html" target="_blank" title=" 礼品">
                                 礼品
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307644.html" target="_blank">
											<img src=" images/D5D8252D-57C188FC-B855A541-B3E89F7B0.jpg" width="414" alt=" 画册" title=" 画册" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307644.html" target="_blank" title=" 画册">
                                 画册
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307643.html" target="_blank">
											<img src=" images/8104D2D4-0FF4F424-75834439-DEC5CB360.jpg" width="414" alt=" 画册" title=" 画册" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307643.html" target="_blank" title=" 画册">
                                 画册
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307642.html" target="_blank">
											<img src=" images/509D4517-DD645115-AE92D07C-C57F31320.jpg" width="414" alt=" 画册" title=" 画册" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307642.html" target="_blank" title=" 画册">
                                 画册
                                </a>
                                </span></td>
									<td align="center" >
										<a href=" case_307640.html" target="_blank">
											<img src=" images/B2E27DC5-59EA9D9E-2A59527F-A78F67E70.jpg" width="414" alt=" 宣传单" title=" 宣传单" border="0">
											<i></i></a><br>
										<span >
                                <a href=" case_307640.html" target="_blank" title=" 宣传单">
                                 宣传单
                                </a>
                                </span></td></tr>

							</tbody>
						</table>
					</div>
				</ul>
			</div>
		
	</div>
	<script>
		$(function() {
			$('.procon ul').each(function(index, element) {
				$(this).find('.proshow tr').each(function(index, element) {
					$(this).find('td>a').append('<i></i>');
				});
			});
			jQuery(".procenter").slide({
				mainCell: ".procon",
				titCell: ".protab span>a",
				effect: "leftLoop",
				autoPlay: true,
				interTime: 5000,
				delayTime: 800
			});
		})
	</script>
</div>
</div>
</div>
</div>

<!--广告条-->
<div mfid="C1_Share_ggt">
    <style>
        .ggt_bg {
            width: 100%;
            height: 440px; 
            background: url(files/images/ggtbg.jpg) top center no-repeat;
            margin: 0 auto;
            overflow: hidden;
        }
        .ggt_w {
            width: 990px;
            height: 68px;
            color: #fff;
            margin: 94px 0 0 410px;
        }
        .ggt_w b {
            display: block;
            width: 317px;
            text-align: center;
            line-height: 68px;
            font-size: 38px;
        }
        .ggt_w ul {
            display: block; 
            width: auto;
            float: left;
            margin-left: 28px;
        }
        .ggt_w ul li {
            display: block;
            
            float: left;
            line-height: 68px;
            font-size: 28px;
            margin-left: 28px;
        }
        .ggt_w ul li:nth-child(3) {
            width: 115px;
            margin-left: 35px;
        }
        .ggt_w p {
            display: block;
            line-height: 85px;
            font-size: 35px;
            font-weight: bold;
          
        }
        .ggt_w span {
            display: block;
            width:730px;
            height: 64px;
            line-height: 64px;
            text-align: left;
            border-radius: 32px;
            font-size: 18px;
            margin: 15px 0 0 130px;
            background: #e70014 url(files/images/tel_n.png) left center no-repeat;
        }
        .ggt_w span i {
            font-size: 40px;
            font-family: impact;
        }
        .ggt_w span em {
            display: block;
            line-height: 64px;
            font-size: 18px;
            align-items: center;
            margin-left: 85px;
        }
    </style>
    <div class="ggt_bg" varid="ggt_bg">
        <div class="box"  data-aos="flip-up">
            <div class="ggt_w">
                <b class="fl">品牌终端服务商</b>
                <ul class="fl">
                    <li>品牌设计</li>
                    <li>礼仪庆典策划</li>
                    <li>物料制作</li>
                     <li>工程安装</li>
                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
                <p>集策划、设计、制作、工程及媒体发布为一体，提供全方位服务</p>
                <span><em class="fl">咨询热线：</em><i>133-6063-3299 / 153-7776-3322</i>
                <div class="clear"></div>
                </span>
            </div>
        </div>
    </div>
</div>

<!--成功案例-->
<div mfid="C1_Share_case03"  class="mod1330">
<style>
    .mod1330 .case_bg {
        width: 100%;
        height: auto;
        min-height: 50px;
    }
    .mod1330 .case_bg li {
        position: relative;
        float: left;
        margin-right: 20px;
        margin-bottom:20px;
        width: 340px;
        height: 227px;
        overflow: hidden;
        background: #e70014;
    }
    .mod1330 .case_bg li:nth-child(2n-1) {
        margin-right: 0;
    }
    .mod1330 .case_bg li:nth-child(n+4) {
        margin-bottom: 0;
    }
    .mod1330 .case_bg li:first-child {
        width: 680px;
        height: auto;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .mod1330 .case_bg li:first-child .case_img {
        width: 680px;
        height:474px;
    }
    .mod1330 .case_bg li:first-child .case_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mod1330 .case_bg li .case_img {
        width: 340px;
        height: 227px;
    }
    .mod1330 .case_bg li .case_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mod1330 .case_bg li .case_t {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30px;
        text-align: center;
        line-height: 30px;
        transition: ease 0.3s;
        background: rgba(#2c1817,0.6);
    }
    .mod1330 .case_bg li .case_t a {
        display: block;
        font-size: 16px;
        color: #fff;
    }
    .mod1330 .case_bg li:first-child .case_ico .dicon {
        left: 45%;
        font-size: 60px;
    }
    .mod1330 .case_bg li .case_ico {
        position: absolute;
        top: -25%;
        left: 44%;
        transition: all 0.5s;
    }
    .mod1330 .case_bg li .case_ico .dicon {
        font-size: 40px;
        color: #fff;
    }
    .mod1330 .case_bg li:first-child .case_tile {
        font-size: 24px;
        line-height: 450px;
    }
    .mod1330 .case_bg li .case_tile {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 220px;
        opacity: 0;
        transform: scale(0.5,0.5);
        transition: all 0.5s;
    }
    .mod1330 .case_bg li:hover .case_tile {
        opacity: 1;
        transform: scale(1,1);
    }
    .mod1330 .case_bg li:hover .case_ico {
        top: 56%;
    }
    .mod1330 .case_bg li:first-child:hover .case_ico {
        top: 54%;
    }
    .mod1330 .case_bg li:hover .case_img {
        opacity: 0.1;
    }
    .mod1330 .case_bg li:hover .case_t {
        bottom: -30px;
    }
    .title_b { width: auto; height:auto; text-align: center; font-size:40px; line-height:50px;}
    .title_b span { font-weight:bold; color:#333;} 
    .title_b b { color:#e70014;}
    .title_b p { display:block; font-size: 20px; color: #666; font-weight:lighter; line-height:30px;} 
</style>
<div class="case_bg" varid="case">
    <div class="box">
        <div class="title_b" data-aos="fade-down"><span>艺力广告·</span><b>实力展示</b>
		    <p>公司面积达2000多平方，是一家专业大型品牌终端广告制作服务商</p>
		    <div class="title_bg">
    <div class="title_logo1"><img src="files/images/logotitle.png" alt="东莞市艺力广告有限公司" title="东莞市艺力广告有限公司"></div>
</div>
		    </div>
		    <div class="top50"></div>
        <ul class="clearfix" data-aos="fade-up">
            
            
            
            <li>
                <div class="case_ico">
                    <i class="dicon di-search2"></i>
                </div>
                <div class="case_tile line-clamp-1">标识车间</div>
                <div class="case_img">
                    <a href="workshop_307676.html"><img src="images/F45ECCE9-414790A0-C88BC0AB-7CCE47970.jpg" alt="标识车间" title="标识车间"></a>
                </div>
                <div class="case_t">
                    <a href="workshop_307676.html" class="line-clamp-1">标识车间</a>
                </div>
            </li>
            
            <li>
                <div class="case_ico">
                    <i class="dicon di-search2"></i>
                </div>
                <div class="case_tile line-clamp-1">生产车间</div>
                <div class="case_img">
                    <a href="workshop_307691.html"><img src="images/2299B189-1962C569-8F89EF58-871921740.jpg" alt="生产车间" title="生产车间"></a>
                </div>
                <div class="case_t">
                    <a href="workshop_307691.html" class="line-clamp-1">生产车间</a>
                </div>
            </li>
            
            <li>
                <div class="case_ico">
                    <i class="dicon di-search2"></i>
                </div>
                <div class="case_tile line-clamp-1">生产车间</div>
                <div class="case_img">
                    <a href="workshop_307690.html"><img src="images/9689369F-81738F22-05944590-726501FA0.jpg" alt="生产车间" title="生产车间"></a>
                </div>
                <div class="case_t">
                    <a href="workshop_307690.html" class="line-clamp-1">生产车间</a>
                </div>
            </li>
            
            <li>
                <div class="case_ico">
                    <i class="dicon di-search2"></i>
                </div>
                <div class="case_tile line-clamp-1">生产车间</div>
                <div class="case_img">
                    <a href="workshop_307689.html"><img src="images/B79F5743-C1530AE2-84EE1746-9D9D2DE90.jpg" alt="生产车间" title="生产车间"></a>
                </div>
                <div class="case_t">
                    <a href="workshop_307689.html" class="line-clamp-1">生产车间</a>
                </div>
            </li>
            
            <li>
                <div class="case_ico">
                    <i class="dicon di-search2"></i>
                </div>
                <div class="case_tile line-clamp-1">生产车间</div>
                <div class="case_img">
                    <a href="workshop_307688.html"><img src="images/AACE465B-5D3296A5-3B458DD0-76A721E50.jpg" alt="生产车间" title="生产车间"></a>
                </div>
                <div class="case_t">
                    <a href="workshop_307688.html" class="line-clamp-1">生产车间</a>
                </div>
            </li>
            
            
        </ul>
    </div>
</div>
</div>

<!--优势-->
<div mfid="C1_Share_ys">
    <style>
.title_ys { width: auto; height:auto; text-align: center; font-size:50px; line-height:65px; overflow:hidden; margin-bottom:30px;}
.title_ys span { font-weight:bold; color:#333;} 
.title_ys b { color:#e70014;}
.title_ys p { display:block; font-size: 20px; color: #666; font-weight:lighter; line-height:30px;} 

.ys{ margin-top: 90px; width:100%; height:auto; overflow:hidden; position:relative;}
.leit{width: 100%;display: block;height:624px;margin-top: 50px;}
.leit ul{width: 102%;}
.leit li{width: 25%;float: left;position: relative;cursor:pointer;height: 624px;border-right: 1px solid #fff;box-sizing: border-box; background:url(files/images/ys011.jpg) center no-repeat;}
/*.leit li img{display: block;}*/
.leit li:nth-child(2){background:url(files/images/ys012.jpg) center no-repeat;}
.leit li:nth-child(3){background:url(files/images/ys013.jpg) center no-repeat;}
.leit li:nth-child(4){background:url(files/images/ys014.jpg) center no-repeat;}
.mo{width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;background:rgba(0,0,0,0.5); }
.black_bg { width: 100%;height: 100%; position: absolute;left: 0%;top: 0%;background:rgba(0,0,0,0.65);}
.num_bg { width: 64px; height:87px; position: absolute; top:0%; right:0%; background: url(files/images/ys_num_03.png) center no-repeat;}
.num_bg span { display: block; text-align: center; padding-top: 28px; font-size: 45px; color:#fff; font-weight: lighter;}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{left:0%;padding-top:210px;color: #fff;text-align: center;}

.shu2 h4{font-size:45px;color: #fff;font-weight: bold;height: 105px;line-height: 74px;position: relative;}
.shu2 span {display:block; color:#fff; font-size:16px; line-height:20px; font-weight:lighter;text-transform: uppercase;}
.shu2 h4:after{ position: absolute;left: 50%;height:4px;bottom:0;width: 55px;background:#e70014; content: ""; margin-left: -21px;}
.shu2 em { display:block; margin-top:20px; font-size:16px;color: #ffffff; height:auto; line-height: 30px;}
.bock {width: 93%;position: absolute;left:4%;bottom:20px;color: #fff;opacity:0;height:170px;padding:15px 6% 0 7%;box-sizing: border-box;box-shadow: 5px 8px 12px rgba(0,0,0,0.06);z-index: 50;background: url(files/images/ys_line01.png) no-repeat 3% 35px #fff;}
.bock h3{font-size:22px;line-height: 70px;font-weight:normal;height: 70px;color: #1a1a1a;font-family: 'Microsoft Yahei', Arial;}
.bock h3 b{ display: inline-block;margin-right: 20px;font-size:32px;font-weight: bold; font-family: 'Microsoft Yahei', Arial;}
.bock p{font-size: 15px;color: #4c4c4c;line-height: 27px;}

@media screen and (max-width:1400px) {   
  .bock{height:220px;  }
    .bock h3{font-size:18px;font-family: 'Microsoft Yahei', Arial;}
    .bock h3 b{font-size:22px;margin-right:10px;font-family: 'Microsoft Yahei', Arial; }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
         .bock{height:210px;  }
    .bock h3{font-size:20px;font-family: 'Microsoft Yahei', Arial;}
    .bock h3 b{font-size:28px;font-family: 'Microsoft Yahei', Arial; }
}

    </style>

	<div class="ys fonst"> 
		<div class="title_ys" data-aos="fade-down"><span>专注品牌连锁企业服务15年，</span><b>让企划更省心</b>
		    <p>立足广东东莞，深耕珠三角地区，且在江西赣州设有分公司</p>
		    <div class="title_bg">
    <div class="title_logo2"><img src="files/images/logotitle.png" alt="艺力" ></div>
</div>
</div>
 <div class="leit" data-aos="fade-up"> 
  <ul class="cc"> 
   <li> 
   <div class="black_bg">
       <div class="num_bg">
           <span>01</span>
       </div>
   </div>
    <div class="hav"> 
     <div class="shu2"> 
      <h4>经验丰富<span>Experience</span></h4> 
      <em>多年行业经验<br>专注品牌终端广告制作</em> 
     </div> 
     <div class="bock"> 
      <h3><b>经验丰富</b>集策划、设计、制作、工程及媒体发布为一体</h3> 
      <p>

艺力广告拥有专业的品牌设计、礼仪庆典策划、物料制作及工程安装队伍，能为客户提供全方位的服务。
我们为客户提供精心策划的方案，深入了解客户需求和品牌定位，打造独具特色的广告创意，让客户的企划独具魅力。
</p> 
     </div> 
    </div> 
    </li> 
   
   <li> 
   <div class="black_bg">
       <div class="num_bg">
           <span>02</span>
       </div>
   </div>
    <div class="hav"> 
     <div class="shu2"> 
      <h4>大型厂房<span>Large workshop</span></h4> 
      <em>公司面积达2000多平方<br>
大型品牌终端广告制作服务商</em> 
     </div> 
     <div class="bock"> 
      <h3><b>大型厂房</b>实力厂家  倾力打造</h3> 
      <p>公司面积达2000多平方是一家专业大型品牌终端广告制作服务商。
      同时，公司引进一流的数码广告设备，如武藤、MIMAKIJV33、奧威、晶绘、泰美斯等进口高精写真机和高精户外喷绘机，确保广告产品的高品质。
      
      </p> 
     </div> 
    </div> 
    </li> 
    
    <li> 
   <div class="black_bg">
       <div class="num_bg">
           <span>03</span>
       </div>
   </div>
    <div class="hav"> 
     <div class="shu2"> 
      <h4>执行能力强<span>Strong execution ability</span></h4> 
      <em>从设计图纸到实际场景，无缝衔接<br>
让客户的企划真正变为现实</em> 
     </div> 
     <div class="bock"> 
      <h3><b>执行能力强</b>从设计图纸到实际场景，无缝衔接</h3> 
      <p>在落地能力上，专业的工程安装队伍确保每一个广告项目都能精准、完美地呈现。
      我们凭借专业的眼光和丰富的经验，从不同角度为客户的企划查漏补缺、锦上添花，让客户的广告企划更加完善、更具吸引力。
      </p> 
     </div> 
    </div> 
    </li> 
    
    <li> 
   <div class="black_bg">
       <div class="num_bg">
           <span>04</span>
       </div>
   </div>
    <div class="hav"> 
     <div class="shu2"> 
      <h4>专业服务<span>professional service</span></h4> 
      <em>多年竭力为客户提供高性价比的产品和服务<br>接到咨询后快速响应客户的要求</em> 
     </div> 
     <div class="bock"> 
      <h3><b>专业服务</b>多年竭力为客户提供高性价比的产品和服务</h3> 
      <p>
      快速响应客户需求，以高效的工作流程和沟通机制，确保在最短时间内给予反馈和行动，不耽误客户时间。凭借专业的团队、先进的设备、高效的服务以及贴心的免费优化建议，已成功服务于众多客户，并得到一致好评。
      </p> 
     </div> 
    </div> 
    </li> 
  </ul> 
 </div> 
</div>
<script>
    var wind
        var wen = 1
        window.onload = function(){
            wind = $(".fonst").width()
            $(".leit li").css("width",wind/4)

            wen = parseFloat(wind) -960
        }

        $(window).resize(function(){
            wind = $(".fonst").width()
            $(".leit li").css("width",wind/4)

            wen = parseFloat(wind) -960
        });

        $(".leit li").mouseenter(function(){
            var wen = $(".fonst").width()-960
            $(".leit li").stop().animate({
                "width":320
            })
            $(this).stop().animate({
                "width":wen
            })
            $(".leit li").find(".black_bg").stop().animate({
                "opacity":1
            },200)
            $(this).find(".black_bg").stop().animate({
                "opacity":0
            },200)
            $(this).find(".shu2").hide()

            $(".leit li").find(".bock").stop().animate({
                "opacity":0,
                "bottom":-300
            },200)
            $(this).find(".bock").stop().animate({
                "opacity":1,
                "bottom":50
            },800)
        })
        $(".leit li").mouseleave(function(){
            $(".leit li").stop().animate({
                "width":wind/4
            })
            $(".leit li").find(".black_bg").stop().animate({
                "opacity":1
            },200)
            $(".leit li").find(".tor").stop().animate({
                "opacity":0,
            },100)
            $(".leit li").find(".bock").stop().animate({
                "opacity":0,
                "bottom":-500
            },200)

            $(".leit li").find(".shu2").show()
        })
</script>

</div>

<!--首页留言-->
<div mfid="C1_Share_feedback_s" >
<div class="feedback">
  <div id="feedback_c">
         <div class="font" data-aos="zoom-in">
        艺力广告- <b>深入了解客户需求和品牌定位，打造独具特色的广告创意</b>
    </div>

 <div class="box">
     <form id="form1" name="form2" action="https://site.di7.com/api.php?module=SiteTools&amp;action=feedback_add" method="post">
		<input name="member" type="hidden" value="web17477h3" /> 
			<ul class="feedback_content">
				<li class="fb_name">
					<input class="wbf-input" type="text" id="s_name" name="s_name" maxlength="32" placeholder="请输入您的姓名" /> 
				</li>
				<li class="fb_tel">
					<input class="wbf-input" type="text" id="s_tel" name="s_tel" maxlength="20" placeholder="请输入您的电话" /> 
				</li>
				
				<li class="fb_message">
					<textarea class="wbf-textarea" id="s_content" name="s_content" placeholder="请输入您的留言内容"></textarea> 
				</li>
				<li class="yzma fl">
                    <input class="wbf-code" id="s_code" name="code" placeholder="验证码" />
                        <img src="https://site.di7.com/api.php?module=SiteTools&amp;action=getCode" onclick="this.src+='&amp;'+parseInt(Math.random()*10)" alt="点击可刷新">
                    </li>
                    
                    <p class="text-center fr">
<a href="javascript:void(0);" onclick="sendmsg()" class="button bgary btn_message" id="ongetmsg">提交留言</a> 
		    </p>
		    <div class="clear"></div>
			</ul>
			
		
	</form>
    <script language="JavaScript">
        ////在线留言
        function sendmsg(){
            if($.trim($("#s_name").val())==''){alert('请输入您的姓名');return false;}
            if($.trim($("#s_tel").val())==''){alert('请输入您的电话号码');return false;}
            if ($.trim($("#s_content").val()) == '') { alert('请输入您的留言信息'); return false; }
            if ($.trim($("#s_code").val()) == '') { alert('请输入验证码，看不清楚请在验证码上点击刷新'); return false; }
            document.getElementById("form1").submit();
        }
    </script>
    
<div class="clear"></div>
 </div>
</div>
</div>

</div>
<!--简介-->
<div mfid="C1_Share_about" >
<style>
/*about*/
.about{ width:100%; height:850px; background:url() top center no-repeat; padding-top:50px; overflow:hidden;}
.about_t { width:auto; height:110px; line-height:65px; text-align: center;font-size: 50px; font-weight:bold; color: #333; margin-top:50px;}
.about_t b { color:#e70014;}
.about_t p { font-size: 30px; line-height:35px; font-weight: bold; color: #cdcdcd; text-transform: uppercase;}
.about .w1300{ position:relative; height:100%;}
.about_cont{width:100%; height:530px; margin-top:20px;}
.abcon{ width:665px; margin:5px 0 0 35px;}
.ab_t{ font-size:26px; color:#2b3338;}
.ab_t em{ display:block; font-size:40px; color:#e94f11; font-family:fontDin; text-transform:uppercase;}
.ab_c{ font-size:16px; color:#666666; line-height:30px; margin:0px 0 20px 0;}
.ab_c p {text-indent:2em;}
.abbtn{ font-size:0; margin-top:10px;}
.abbtn a{ display:inline-block; line-height:45px; width:140px; font-size:18px; color:#fff; text-align:center; transition:all .3s ease; background:#e94f11; } 
.abbtn a+a{ margin-left:19px;background:#e70014 ;}
.abbtn a:hover{ background:linear-gradient(to right,#d20000,#a1bf11);}
.about_img { margin:10px 30px 0 0;}

/*动画效果*/
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}
</style>
<!--简介-->
<div class="about" varid="about_bg" data-aos="fade-up">
<div class="w1300">
<div class="about_cont">
    <div class="about_t">走进<b>艺力广告</b><p>about us</p></div>
<div class="abcon fl">
<div class="ab_c" varid="about_w"><p>
	东莞市艺力广告有限公司成立于2011年，立足广东东莞，深耕珠三角地区，且在江西赣州设有分公司。公司面积达2000多平方是一家专业大型品牌终端广告制作服务商，集策划、设计、制作、工程及媒体发布为一体。
</p>
<p>
	艺力广告拥有专业的品牌设计、礼仪庆典策划、物料制作及工程安装队伍，能为客户提供全方位的服务。同时，公司引进一流的数码广告设备，如武藤、MIMAKIJV33、奧威、晶绘、泰美斯等进口高精写真机和高精户外喷绘机，确保广告产品的高品质。
</p>
<p>
	在服务客户方面，艺力广告以“让企划更省心”为定位。我们为客户提供精心策划的方案，深入了解客户需求和品牌定位，打造独具特色的广告创意，让客户的企划独具魅力。面对客户需求，我们快速响应，以高效的工作流程和沟通机制，确保在最短时间内给予反馈和行动，绝不耽误客户的时间。在落地能力上，专业的工程安装队伍确保每一个广告项目都能精准、完美地呈现，从设计图纸到实际场景，无缝衔接，让客户的企划真正变为现实。不仅如此，艺力广告还免费为客户的企划提供优化方案和宝贵建议。我们凭借专业的眼光和丰富……
</p></div>
<p class="abbtn"><a href="company.html" rel="nofollow">公司简介</a><a href="contact.html"  rel="nofollow">联系我们</a></p>
</div>
<div class="about_img fr"><img varid="pic1" src="files/images/about_img.jpg" alt="东莞市艺力广告有限公司"></div>
</div>
<div class="clear"></div>
</div>

</div>
</div> 

<!--新闻-->
<div mfid="C1_Share_news">
<style>
.news_bg {
        padding: 70px 0;
        background: #f8f8f8;
    }
.news_d ul {
        display: flex;
        justify-content: space-between;
    }
.news_d ul li {
        width: 32%;
    }
.news_d ul li .news_img {
        padding-bottom: 68%;
        height: 0;
        border: 1px solid #eee;
        overflow: hidden;
    }
.news_d ul li .news_img a {
        display: block;
    }
.news_d ul li .news_img img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
    }
.news_d ul li .news_txt {
        padding: 8% 4%;
        background: #fff;
    }
.news_d ul li .news_txt .news_ctime {        
        height: 19px;
        font-size: 16px;
        color: #333;
        line-height: 20px;        
    }
.news_d ul li .news_txt .news_ctime:before {
    content: "\e74f";
    font-size: 18px;
    padding-right: 5px;
    }
.news_d ul li .news_txt .news_t {
        padding-top: 15px;
    }
.news_d ul li .news_txt .news_t span {
        display: block;
        font-size: 18px;
        color: #333;
    }
.news_d ul li .news_txt .news_w {
        padding-top: 15px;
    }
.news_d ul li .news_txt .news_w p {
        min-height: 56px;
        font-size: 14px;
        color: #666;
        font-weight: lighter;
        line-height: 28px;
    }
.news_d ul li .news_txt .news_a{       
    display: inline-flex;
    margin-top: 26px;
    width: 120px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    background: #6a6d74;
    border-radius: 36px;
    align-items: center;
    justify-content: center;
    }
.news_d ul li .news_txt .news_a:after {
        content: "\e677";
        padding-left: 5px;
        font-size: 18px;       
    }
.news_d ul li:hover .news_img img {
        transform: scale(1.1);
    }
.news_d ul li:hover .news_a {
        background: #e70014;
    }
    
.news_tab {
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
        
    margin-top: 10px;
    }
.news_tab a {
        display: block;
        margin-left: 15px;
        border-radius: 20px;
        padding: 10px 40px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: #e70014 ;       
    }
.news_tab a.on {
        background:#e94f11 ;
    }
    .news_dh{
        float: left;
    }
    .news_dh p{
        font-size: 30px;
        line-height: 30px;        
        font-weight: bold;
        color: #e70014
    }
    .news_dh p i{
        font-weight: lighter;
    font-size: 14px;
    color: #ccc;    
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 10px;
    }
    .news_dh span{
        font-size: 16px;
        color: #888;
    }
</style>
<div class="news_bg">        
    <div class="w1300" data-aos="zoom-in">
        <div class="news_dh"><p><strong varid="txt1">新闻中心</strong><i varid="txt2">NEWS CENTER</i></p><span varid="txt3">关注我们获取更多企划行业资讯</span></div>
        <div class="news_tab wow fadeInUp" varid="news_d">
            
            
            
            <a href="news_143229.html" class="on">公司动态</a>
            
            <a href="information.html" class="">行业资讯</a>
            
            <a href="faq.html" class="">常见问题</a>
            
            
        </div>
        <div class="news_d wow fadeInUp">
            <div class="news_content">
                
                
                
                <ul>
                    
                    
                    <li>
                        <div class="news_img">
                            <a href="news_307634.html">
                                <img src="images/2AF0B018-04B5D1FA-B539836C-10E549960.jpg" alt="活动布置方案优，满足多样活动的需求">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="news_307634.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">活动布置方案优，满足多样活动的需求</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">在活动举办的过程中，一个优质的活动布置方案起着举足轻重的作用，它能够完美满足多样活动的不同需求。 优质的活动布置方案具有高度的定制性。无论是商务活动、文艺演出、婚礼庆典还是儿童派对，专业的策划团队都会根据活动的主题、目的和参与人群，量身打造独一无二的布置方案。对于商务活动，会采用简洁大气的风格...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <div class="news_img">
                            <a href="news_307631.html">
                                <img src="images/6DEE2CD8-705A3DAF-0B4912D7-86F79F580.jpg" alt="活动布置有技巧，轻松营造活跃活动氛围">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="news_307631.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">活动布置有技巧，轻松营造活跃活动氛围</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">活动氛围的好坏直接影响参与者的体验，而巧妙的活动布置技巧则是营造活跃氛围的关键。 色彩搭配是营造氛围的重要技巧之一。鲜明活泼的色彩能够迅速调动人们的情绪。比如在儿童活动中，使用红、黄、蓝等明亮的色彩作为主色调，布置气球、彩带等装饰，能瞬间让现场充满欢快的气息。而对于一些时尚派对，大胆运用对比强...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <div class="news_img">
                            <a href="news_307628.html">
                                <img src="images/DE94E94A-343389BB-FC6DB8C2-170A1FA30.jpg" alt="展厅布置玩时尚，解锁潮流展示的新密码">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="news_307628.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">展厅布置玩时尚，解锁潮流展示的新密码</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">在当今竞争激烈的商业环境中，展厅作为品牌展示的重要窗口，其布置的时尚性愈发关键。巧妙地玩时尚进行展厅布置，能够解锁潮流展示的新密码，吸引更多目光。 时尚的展厅布置首先体现在空间设计上。摒弃传统的规整布局，采用不规则的几何形状划分区域，打破常规，营造出充满动感与活力的氛围。例如，利用倾斜的墙面、...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                </ul>
                
                <ul>
                    
                    
                    <li>
                        <div class="news_img">
                            <a href="information_307635.html">
                                <img src="images/51A00185-1665D879-12AF1637-10DA55160.jpg" alt="活动布置一站式，省心省力办精彩活动">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="information_307635.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">活动布置一站式，省心省力办精彩活动</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">在策划和举办活动时，繁琐的活动布置环节常常让组织者心力交瘁。而如今，活动布置一站式服务的出现，为大家带来了省心省力办精彩活动的绝佳解决方案。 一站式活动布置涵盖了从活动前期策划到现场布置的全方位服务。专业的团队会根据活动的主题、规模和预算，精心设计出独具特色的布置方案。无论是商务会议的庄重典雅...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <div class="news_img">
                            <a href="information_307632.html">
                                <img src="images/6C889988-76EC52E5-CE1DBA34-CD7186F70.jpg" alt="活动布置重细节，成就活动精彩瞬间">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="information_307632.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">活动布置重细节，成就活动精彩瞬间</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">活动的成功，往往藏于那些容易被忽视的细节之中。活动布置时对细节的重视，能为活动增添光彩，成就一个个精彩瞬间。 细节体现在装饰的精致度上。比如在一场高端商务活动中，桌布的褶皱是否平整、餐具的摆放是否整齐、鲜花的搭配是否协调，这些看似微小的地方，却能反映出活动的品质。精心挑选的鲜花，不仅颜色搭配要...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <div class="news_img">
                            <a href="information_307629.html">
                                <img src="images/6C533E06-D7497C78-16583B74-0D8533300.jpg" alt="时尚展厅布置，打造潮流先锋的魅力空间">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="information_307629.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">时尚展厅布置，打造潮流先锋的魅力空间</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">在当今追求个性与潮流的时代，时尚展厅布置成为打造潮流先锋魅力空间的关键。一个时尚且独具魅力的展厅，不仅能吸引顾客的目光，更能传递品牌的独特理念与风格。 时尚展厅的布置注重空间的合理利用与创新设计。打破传统的布局模式，采用开放式的空间设计，让顾客能够自由穿梭于各个展区，增强互动与体验感。同时，巧...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                </ul>
                
                <ul>
                    
                    
                    <li>
                        <div class="news_img">
                            <a href="faq_307636.html">
                                <img src="images/26C85F2C-09417870-1115C951-074DA2810.jpg" alt="时尚活动布置，打造潮流先锋的魅力舞台">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="faq_307636.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">时尚活动布置，打造潮流先锋的魅力舞台</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">在当今时代，活动不仅仅是一场聚会，更是潮流与个性的展示平台。时尚活动布置，无疑是打造潮流先锋魅力舞台的关键所在。 时尚活动布置注重的是创新与独特。从场地的整体规划到每一个细节的设计，都需要融入当下最前沿的潮流元素。比如，运用大胆的色彩搭配，将鲜艳的亮色与低调的中性色相互融合，营造出强烈的视觉冲...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <div class="news_img">
                            <a href="faq_307633.html">
                                <img src="images/EEC48B23-800EA76E-A9A77233-4BA527990.jpg" alt="精准活动布置，保障活动顺利圆满进行">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="faq_307633.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">精准活动布置，保障活动顺利圆满进行</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">活动的顺利圆满进行，离不开精准的活动布置。精准布置就如同精密仪器中的关键零件，每一个环节都紧密相连，为活动的成功奠定坚实基础。 精准活动布置体现在对场地的精确规划上。专业团队会在活动前对场地进行详细勘察，根据活动的类型、规模和流程，合理划分各个功能区域，如舞台区、观众区、嘉宾休息区、签到区等。...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <div class="news_img">
                            <a href="faq_307630.html">
                                <img src="images/CBF0D854-FAA64D5D-7E092C20-81046B560.jpg" alt="以匠心布置，为展厅晕染出艺术的画卷">
                            </a>
                        </div>
                        <div class="news_txt">
                            <a href="faq_307630.html">
                                <div class="news_ctime dicon">2025-04-27</div>
                                <div class="news_t">
                                    <span class="line-clamp-1">以匠心布置，为展厅晕染出艺术的画卷</span>
                                </div>
                                <div class="news_w">
                                    <p class="line-clamp-2">在当今多元化的展示领域中，展厅不仅仅是展品陈列的空间，更是艺术与创意交融的舞台。以匠心进行展厅布置，方能为其晕染出美轮美奂的艺术画卷。 匠心体现在对空间的精妙规划上。设计师会深入了解展厅的实际空间结构，结合展品特点，巧妙划分展示区域。例如，对于大型雕塑展品，会预留开阔的空间，让观众能够全方位欣...</p>
                                </div>
                                <div class="news_a dicon">查看详情</div>
                            </a>
                        </div>
                    </li>
                    
                </ul>
                
                
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
	jQuery(".news_bg").slide({titCell:".news_tab a",mainCell:".news_d .news_content",effect:"leftLoop",autoPlay:true,interTime:5000});
</script>
</div>

<!--友链-->
<div mfid="C1_Share_links" >
    <style>
.link_box { background:#e70014 ; height:80px; line-height:80px; overflow:hidden;}
.link_til { font-size:18px; color:#fff; 
    position: relative; padding-left: 35px;    
}
.link_til .dicon { font-size:32px; 
    position: absolute; left: 0;
}
.link_til span{ font-size:15px; color:#e0efe0; font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.linkTagcs li a{ font-size:16px; color:#fff;}
.link_nor { width:1180px; overflow:hidden;}
.link_nor a {color: #fff;}
.footer { margin-top: 0px;}
</style>
<div class="link_box"> 
    <div class="link w1400">
        <div class="link_til fl"><i class="dicon di-link"></i>友情链接<span> / links</span></div>
        <div class="link_nor fr">            
            	
					    </div>
        <div class="clear"></div>
    </div>
</div>

</div>
<!--版权-->
<div mfid="C1_Share_copyright"  class="mod1501">

<style>
.mod1501 .copyright{ background:#181818;}
.mod1501 .copyright_nav{ padding-top:60px; display: flex;justify-content: space-between;}
.mod1501 .nav_d {
    width: 50%;
}
.mod1501 .copyright_nav > .fr {
    width: 50%;
    padding-left: 5%;
    display: flex;
    justify-content: space-between;
}
.mod1501 .nav_d li{ float:left;}
.mod1501 .nav_d li p{ padding-left:35px; background:url(files/images/copyright_ico.png) no-repeat left center; font-size:16px; color:#fff;  margin-bottom:20px;}
.mod1501 .nav_d li p span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; padding-left:5px;}
.mod1501 .nav_d li a{ padding-left:10px; font-size:13px; color:#666666; display:block; font-weight:lighter; line-height:30px;}
.mod1501 .nav_d li a:hover{ color:#fff;}
.mod1501 .nav_d li a em{ padding-left:10px;}
.mod1501 .nav_d li+li{ margin-left:55px;}
.mod1501 .crcode dl{ float:left; font-size:14px; color:#666; text-align:center;}
.mod1501 .crcode dl img{ width:150px;  margin:0 0 15px 0;}
.mod1501 .crcode dl+dl{ margin:0 0 0 20px;}
.mod1501 .crconcat{ text-align:center;}
.mod1501 .crconcat p:nth-child(1){ font-size:32px; color:#f5f5f5; font-family:Arial, Helvetica, sans-serif;}
.mod1501 .crconcat p:nth-child(2){ font-size:14px; color:#666; line-height:28px; margin:20px 0;}
.mod1501 .crconcat a{ display:inline-block; width:200px; line-height:40px; border-radius:25px; background:#202020; text-align:left; padding-left:50px; font-size:13px; color:#999999; position:relative; transition:all .3s ease;}
.mod1501 .crconcat a:hover{ background:#e70014; color:#fff;}
.mod1501 .crconcat a:hover:after{ background-position-y:-17px;}
.mod1501 .crconcat a:after{ content:''; display:block; position:absolute; width:19px; height:17px; background:url(jump-url/hk0ZRo-UkHMmRJ-Spf2Myl7SkKt9pGw2xD1MXIQvGV_JTbFO115TVuoGzszODkThDxclLAOyanisoCW9r7RDjsAYjTsbiETHL2IIKQvOCt7m2ySz7bPQDrrZjRBqH5Db.png) no-repeat top left; top:11px; left:25px;}
.mod1501 .links{ margin-top: 60px; height:60px; background:#202020; font-size:14px; color:#999999; line-height:60px;}
.mod1501 .links p:nth-child(1){ margin:0 20px; padding-left:30px; background:url(jump-url/hk0ZRo-UkHMmRJ-Spf2Myl7SkKt9pGw2xD1MXIQvGV_JTbFO115TVuoGzszODkThDxclLAOyanisoCW9r7RDjtUe3KpCT2vXVxcVwy_MFmfhWgzeRe9FLGn7LEX7og8N.png) no-repeat left center;}
.mod1501 .end ,.mod1501 .end a{ line-height:95px; font-size:13px; color:#666666;}
.mod1501 .end a:hover{ color:#fff;}
.mod1501 .linkTagcs {height:auto; width: 88%;}
.mod1501 .linkTagcs ul {margin:0px;padding:0px;list-style-type:none;}
.mod1501 .linkTagcs li {list-style:none;margin:0px; padding-right:10px;line-height:60px;float:left;}
.mod1501 .linkTagcs li a {color:#666666;word-break:break-all;}
.mod1501 .linkTagcs li a:hover {
    color: #e70014;
}
.mod1501 .linkTagcs li img{border:0px;}
.float_a{position:fixed; top:573px; right: 10px; z-index:999;}
</style>
	<div class="copyright">
		<div class="box">
			<div class="copyright_nav">
				<ul class="fl nav_d" varid="nav">
				    
				    
				    <li>
						<p>
							关于艺力
						
						</p>
						
						<a href="company.html">
							-
							<em>
								公司简介
							</em>
						</a>
						
						<a href="honor.html">
							-
							<em>
								荣誉资质
							</em>
						</a>
						
						<a href="workshop.html">
							-
							<em>
								厂房车间
							</em>
						</a>
						
						<a href="office.html">
							-
							<em>
								办公环境
							</em>
						</a>
						
						<a href="partner.html">
							-
							<em>
								合作伙伴
							</em>
						</a>
						
					</li>
				    
				    <li>
						<p>
							产品中心
						
						</p>
						
						<a href="products_169897.html">
							-
							<em>
								广告超市
							</em>
						</a>
						
						<a href="products_169898.html">
							-
							<em>
								创意美陈
							</em>
						</a>
						
						<a href="products_169899.html">
							-
							<em>
								网红灯箱
							</em>
						</a>
						
						<a href="products_169900.html">
							-
							<em>
								创新广告产品
							</em>
						</a>
						
					</li>
				    
				    <li>
						<p>
							客户案例
						
						</p>
						
						<a href="case_143236.html">
							-
							<em>
								一站式广告&品牌终端服务商
							</em>
						</a>
						
						<a href="case_143238.html">
							-
							<em>
								活动布置、美陈搭建
							</em>
						</a>
						
						<a href="case_143239.html">
							-
							<em>
								展厅布置案例
							</em>
						</a>
						
						<a href="case_143240.html">
							-
							<em>
								视觉包装案例
							</em>
						</a>
						
						<a href="case_143241.html">
							-
							<em>
								园林包装案例
							</em>
						</a>
						
						<a href="case_143242.html">
							-
							<em>
								商业案例
							</em>
						</a>
						
						<a href="case_143243.html">
							-
							<em>
								推广案例
							</em>
						</a>
						
						<a href="case_143244.html">
							-
							<em>
								画册、宣传单、礼品案例
							</em>
						</a>
						
					</li>
				    
				    <li>
						<p>
							新闻资讯
						
						</p>
						
						<a href="news_143229.html">
							-
							<em>
								公司动态
							</em>
						</a>
						
						<a href="information.html">
							-
							<em>
								行业资讯
							</em>
						</a>
						
						<a href="faq.html">
							-
							<em>
								常见问题
							</em>
						</a>
						
					</li>
				    
				    
				</ul>
				<div class="fr">
					<div class="fl crconcat">
						<p>133-6063-3299</p>
						<p varid="copyright_w">周一到周六 8:30-20:00<br>（欢迎来电咨询）</p>
						<a href="contact.html" varid="contact_a">售前、中、后在线服务</a>
					</div>
					<div class="fl crcode">
						<dl>
							<img src="images/986995FD-276D86D9-0E412BAC-473114740.png" alt="扫一扫，手机浏览" title="扫一扫，手机浏览">
							<p varid="qr_txt1">扫一扫，手机浏览</p>
						</dl>
						<dl>
							<img src="images/3A65FCD4-63FBBE52-909A8C15-5088129C0.png" alt="扫一扫，关注公众号" title="扫一扫，关注公众号">
							<p varid="qr_txt2">扫一扫，关注公众号</p>
						</dl>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			
			<p class="end">
				东莞市艺力广告有限公司 © Copyright 技术支持：
				<a href="https://www.wyi.com.cn/" target="_blank" rel="nofollow">网一科技</a>
				【<a href="sitemap.xml" target="_blank">GMAP</a>】
				【<a href="sitemap.htm" target="_blank">BMAP</a>】
				
				备案号：<a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">粤ICP备17071735号</a>
				【<a href="https://login.di7.com/" target="_blank" rel="nofollow">网站管理</a>】
				<span class="fr">
				    【<a href="javascript:;" id="gototop" rel="nofollow">返回顶部</a>】
				</span>
			</p>
		</div>
	</div>
<script>
    //backtop
    $('#gototop').on('click',function(e){
        e.preventDefault(); 
        $('body,html').animate({ scrollTop: 0 }, 1000);
        return false;
    }) 
</script>
<script src="files/aos.js" type="text/javascript"></script>
<script>
        AOS.init({
            offset: 200,
            easing: 'ease-out-back',
            duration: 1000,
            disable: 'mobile',
            once: true,
        });

    </script>
<div mfid="C1_Share_kefu"  class="mod1533">
<style>
.mod1533 .y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.mod1533 .y-kefu-box img { display: block; width: 100%; height: auto; }
.mod1533 .y-kefu-box01 .icon { display: block; background: url(jump-url/hk0ZRo-UkHMmRJ-Spf2Myl7SkKt9pGw2xD1MXIQvGV_JTbFO115TVuoGzszODkThxYUwZM96V-XbQY0QC7ZDwxcJuxjUVaj8POpN-7o8ynM.1.png) no-repeat; margin: 0 auto 6px;}
.mod1533 .y-kefu-box01 { width: 66px; color: #666; text-align: center; }
.mod1533 .y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.mod1533 .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #e70014; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.mod1533 .y-kefu-box01 .show-status>a, .mod1533 .y-kefu-box01 .show-status>div { display: block; width: 66px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;cursor: pointer;}
.mod1533 .y-kefu-box01 .show-status { position: relative; }
.mod1533 .y-kefu-box01 .show-status .kf-zixun { background-color: #e70014; border-color: #e70014; color: #fff; margin: 1px 0 1px;}
.mod1533 .y-kefu-box01 .kf-zixun { border-radius: 2px; }
.mod1533 .y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }

.mod1533 .y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.mod1533 .y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.mod1533 .y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }

.mod1533 .y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.mod1533 .y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }

.mod1533 .y-kefu-box01 .kf-ewm { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.mod1533 .y-kefu-box01 .kf-ewm>i { width: 16px; height: 16px; background-position: -5px -148px; }
.mod1533 .y-kefu-box01 .kf-ewm:hover>i { background-position: -30px -148px; }

.mod1533 .y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.mod1533 .y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.mod1533 .y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }

.mod1533 .y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.mod1533 .y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.mod1533 .y-kefu-box01 .show-status div:last-of-type, .mod1533 .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.mod1533 .y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left:68px;}
.mod1533 .y-kefu-box01 .hver:hover { background-color: #e70014; border-color: #e70014;}
.mod1533 .y-kefu-box01 .hver:hover>p { color: #fff; }

.mod1533 .y-kefu-box01 .mobile-infos, .mod1533 .y-kefu-box01 .weChat-infos, .mod1533 .y-kefu-box01 .y-ewm-box, .mod1533 .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*手机*/
.mod1533 .y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.mod1533 .y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.mod1533 .y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.mod1533 .y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.mod1533 .y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.mod1533 .y-kefu-box01 .mobile-infos p { color: #e70014; font-size: 18px; }
.mod1533 .y-kefu-box01 .right {width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
.mod1533 .y-kefu-box01 .right-arrow1,.mod1533 .right-arrow2 {width: 0;height: 0;display: block;position: absolute;left: 0;top: 0;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;}
.mod1533 .y-kefu-box01 .right-arrow1 {left: 1px;border-left: 6px #efefef solid;}
.mod1533 .y-kefu-box01 .right-arrow2 {border-left: 6px white solid;}
/*微信*/
.mod1533 .y-kefu-box01 .weChat-infos { width: 260px; text-align: left; top: 0;}
.mod1533 .y-kefu-box01 .weChat-infos>div { padding: 20px 0 20px 45px; position: relative; }
.mod1533 .y-kefu-box01 .weChat-infos>div i { width: 18px; height: 15px; background-position: -52px -55px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.mod1533 .y-kefu-box01 .weChat-infos .online1 { border-bottom: solid 1px #efefef; }
.mod1533 .y-kefu-box01 .weChat-infos span { color:#b9b9b9; }
.mod1533 .y-kefu-box01 .weChat-infos p { color: #e70014; font-size: 18px; }
/*二维码*/
.mod1533 .y-kefu-box01 .y-ewm-box { width: 151px; top: -75px;}
.mod1533 .y-kefu-box01 .y-ewm-box>div { width: 150px; height: 185px; }
.mod1533 .y-kefu-box01 .y-ewm-box img { width: 145px; height: 145px; margin: 5px auto; }
.mod1533 .y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.mod1533 .y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.mod1533 .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.mod1533 .y-kefu-box01 .y-email-infos p { color: #e70014; font-size: 16px; }
.mod1533 .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.mod1533 .y-kefu-box01 .y-email-infos .right { top: 55px; }
</style>
<div class="y-kefu-box y-kefu-box01">
  <div class="show-status">
    <span class="kf-close-btn icon"></span>
    
    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1763203907&amp;site=qq&amp;menu=yes" target="_blank" class="kf-zixun"><i class="icon"></i>QQ</a>
    
     <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2643991559&amp;site=qq&amp;menu=yes" target="_blank" class="kf-zixun"><i class="icon"></i>QQ</a>
    <div class="kf-mobile hver">
        <i class="icon"></i>
        <p varid="kefu_tel">咨询热线</p>
        <div class="mobile-infos">
            <b class="right"><i class="right-arrow1"></i><i class="right-arrow2"></i></b>
            <div class="online2">
            <i class="icon"></i>
            <span>王先生</span>
            <p>133-6063-3299<br>153-7776-3322</p>
            <br>
            <i class="icon"></i>
             <span>王经理</span>
            <p>180-2756-8844</p>
            
        </div>
        </div>
    </div>
   
  
   
    <div class="kf-weChat hver">
        <i class="icon"></i>
        <p>个人微信</p>
        <div class="y-ewm-box clearfix">
            <b class="right">
            <i class="right-arrow1"></i>
            <i class="right-arrow2"></i>
            </b>
            <div class="y-ewm-img1 fl">
            <img src="images/6C1DF4CE-EBEBF1C1-75F59C64-64E1B30D0.jpg" alt="个人微信">
            <p>个人微信</p>
        </div>
        </div>
    </div>
    
    
    <div class="kf-weChat hver">
        <i class="icon"></i>
        <p>公众号</p>
        <div class="y-ewm-box clearfix">
            <b class="right">
            <i class="right-arrow1"></i>
            <i class="right-arrow2"></i>
            </b>
            <div class="y-ewm-img1 fl">
            <img src="images/3A65FCD4-63FBBE52-909A8C15-5088129C0.png" alt="微信公众号">
            <p>微信公众号</p>
        </div>
        </div>
    </div>
    
      
   
   <a href="javascript:;" class="back-top hver" id="yBackTop"><i class="icon"></i><p>回顶</p></a>
  </div>
</div>
<script>
    /*===========================================================================*/
 $('.kf-mobile, .kf-weChat, .kf-zixun1, .kf-email').hover(function(){
    $(this).children('div').stop().show().animate({right:'70px',opacity:1}, 400);
  },function(){
    $(this).children('div').stop().animate({right:'90px',opacity:0}, 400,function(){$(this).hide()});
                                                                                   })
																				   
      
      $('.y-kefu-box01 .kf-close-btn').on('click',function(){
      $(this).parent().animate({left:'55px'}, 400,function(){
      $(this).hide().next().show().animate({left:'0'}, 400);
  });
  })
    $('#hideStatus').on('click',function(){
    $(this).animate({left:'55px'}, 400,function(){
    $(this).hide().prev().show().animate({left:'0'}, 400);
  });
  })
    
    //返回顶部
    var yWin = $(window).scrollTop();
  var isShow = true;
  $(window).scroll(function(){
    yWin = $(window).scrollTop();
    console.log(yWin);
    if(yWin > 500){
      if(isShow){
        isShow = false;
        $('#yBackTop').show().animate({left:'0'}, 400);
      }
    }
    if(yWin < 500){
      if(!isShow){
        isShow = true;
        $('#yBackTop').animate({left:'55px'}, 400,function(){$(this).hide();});
      }
      
    }
  })
    $('#yBackTop').on('click',function(){
    $('html,body').animate({'scrollTop':0}, 800);
  })
  
</script>
</div>

</div>

<script>
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='plugins/pluginLoad.js?v='+parseInt(new Date().getTime()/(1000*60))];
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='plugins/online/onlineLoad.js?v='+parseInt(new Date().getTime()/(1000*60))];
</script></body></html>