@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑"; color:#424242; position: relative;}
ul,li,dl,dt,dd,ol,input,h1,h2,h3,h4,h5,h6,img,p,span{ margin:0; padding:0; list-style: none;  border: 0;}
a:visited,a:link{ color:#fff; text-decoration: none}
.top,.head,.banner,#content,.case,.foot_nav,.frequency,#advertise, .scroll,.nav, .share,  .ability{width:956px;margin:0 auto; overflow: hidden;}
/*header*/
#header{ width:100%; background:url(../images/BG.gif) repeat-x; overflow: hidden;}
.head{  padding-top:28px; height:72px; }
.head h1{ float: left; line-height:999px; overflow:hidden; width:285px; margin-left:10px; height: 46px; background: url(../images/logo.png); margin-top: 10px}
.head p{ width:264px; float: right; position: relative; padding-top: 10px}
.head p .span1{ width:93px; height: 33px; display: block; position: absolute; left: 0; top: 0; text-align: center; background:url(../images/lianxi.png) no-repeat; color: #fff;  line-height: 24px}
.head p .span2{ margin:0 0 0 10px; display: block;}
.top{ height: 38px; margin-bottom: 10px; }
.top ul{ float: left; width:324px; color:#fff;overflow: hidden;}
.top ul li{ float: left;}
.top ul li a{ display: block; text-align: center; height: 38px; line-height: 30px}
.top ul .Index{ background: url(../images/shouye.png) no-repeat; width:92px;}
.top ul .Movie{ width:92px; background: url(../images/yingshi.png) no-repeat; margin:0 10px;}
.top ul .centre{ width:118px;background: url(../images/zhongxin.png) no-repeat;}
.search{ width:300px; float:right; margin-top: 10px}
.search .text{ width:181px; height: 19px; background: url(../images/search.gif); padding:3px 0 0 45px; float:left;}
.search .but{ width:65px; height:21px; background: url(../images/but.gif); float: left; margin-left: 3px}
.banner{ position: relative; height: 269px}
.banner .ul1{ height:247px; overflow:hidden;}
.banner  li{ float: left;}
.banner ol { position: absolute; bottom:0; right:500px;}
.banner ol li{ width:12px; height: 12px; background:url(../images/dian.png); margin-right: 5px }
.banner ol .current{background-position:30px 0px }
 .nav {margin-top:8px; overflow: hidden;}
 .nav li{ background:#e1e5eb;border:1px solid #e0e1e1;height:38px;line-height:38px;border-right:1px solid #fff; border-left:0; width:106px; text-align: center; font-size: 15px; font-weight: bold; float: left;}
 .nav li a{ color:#424242; }
 .nav .project,.nav .oli4:hover{ background:#87bd43;}
 .nav .oli3:hover, .nav .kffw{ background: #4DA0F5}
 .nav .none{ border-right:1px solid #e0e1e1;}
  .nav .current, .nav .oli1:hover{ background: #DE0428}
  .nav .oli3:hover a,.nav .project a,.nav .oli4:hover a,.nav .current a,.nav .oli1:hover a, .nav .oli4:hover a, .nav .oli3:hover a, .nav .oli2:hover a,.nav .blue a,.nav .oli5:hover a, .nav .kffw a{ color:#fff;}
.nav .blue,.nav .oli5:hover{ background: #00acb1}
 .nav .oli2:hover{ background:#ED8D00}
/*content*/
/*产品宣传片*/
#content{ margin-bottom: 50px}
.frequency{height:394px;}
.frequency .movie{ float: left;}
.frequency_right{ background:#c8c9ca; float: left; width: 186px; padding:0 20px; height:100%;}
.frequency_right h2{ letter-spacing: 4px; font-size:18px; color:#424242; margin-top: 20px; font-weight: normal; }
.frequency_right p{ margin-top: 10px; color:#424242; line-height: 20px}
#advertise{ margin:50px auto;}
#advertise h4{ color:#fff; height:40px; line-height: 40px; padding:0 10px; letter-spacing: 4px; background: #e60012; display: inline-block; font-size: 16px; width: 100px}
#advertise .txt{ width:725px; color:#424242; line-height: 20px; margin: 10px 0; font-weight: bold;}
 .scroll{ height:220px; overflow: hidden; position: relative; margin-top: 20px}
  .scroll span{ display: block; width: 30px; height: 54px; background: url(../images/but.png); position: absolute;top:88px; }
  .scroll .left{ left: 0}
  .scroll .right{ background-position:right top; right:0;}
  .scroll .gundong{width:842px; height:225px; left:0; overflow: hidden; margin:0 auto; position: relative;}
  .scroll .gundong div{ position: absolute; width:9999px; height:225px; overflow: hidden;left:50px; left:0;}
  .scroll ul li{ width:150px; height:100px; margin:0 22px 10px 0; float: left; position:relative;}
  .scroll ul li img{ border:1px solid #888382; position:relative;}
  .scroll ul li h6{ height:26px; line-height: 26px; opacity: 0.5;filter:alpha(opacity=50); background: #000; position: absolute; top:75px; color:#fff; font-size: 12px; font-family: "黑体"; width:150px; left:0; text-align: center;}
  .scroll ul{float: left; height:225px; width:874px;}
  /*作品展示*/
 .nav .curr{ background:#ED8D00}
 .nav .curr a{ color:#fff;}
 .con{ margin-top: 10px}
 .ad { margin-top: 30px}
 .ad h2{ width:124px; height:42px; background: url(../images/h.png); overflow: hidden; line-height:999px}
 .ad p{ font-family: "黑体"; line-height: 20px; font-size:14px; width:700px; padding:5px 0 12px;}
 .ad  ul{ overflow: hidden;}
 .ad li{ width:190px; height:100px; margin-right:65px; float:left; position: relative; overflow: hidden;}
 .ad li img{border:1px solid #c8c9ca;}
 .ad li  h6{ height:26px; line-height: 26px; opacity: 0.5; filter:alpha(opacity=50);background: #000; position: absolute; bottom: 1px; color:#fff; font-size: 12px; font-family: "黑体"; text-align:center;width:192px; left:0;}
 .ad .none{ margin-right: 0}
 .ad .film{ background-position: 0 -42px}
 .ad .Product{ background-position: 0 -84px}
 .ad .viral{background-position: 0 -132px}
 .ad .corporate{background-position: 0 -174px}
	.ad .Conference {background-position: 0 -225px} 
/*新闻*/



.con dl{ margin-top: 30px; overflow: hidden;}
.con dt{ position: relative; float:left; width:328px; height:163px; overflow: hidden; background:#eeeeef;margin-right: 14px; text-align:center; padding:10px 0;}
.con dt span{ width:55px; height:52px; display: block; position: absolute; right:0; bottom:0; background: url(../images/dl.png);}
.con dd{ float: left; font-size: 14px; width:612px; color:#424242; line-height:20px; font-weight: bold; margin-top:20px;}
  
  
  /*服务客户*/
  .Customer {overflow: hidden; width:956px;}
  .Client{ width:956px; overflow: hidden;}
  .Client td{ width:136px; overflow: hidden; text-align: center; height:140px; vertical-align: middle;}
  .Client td img{ display: block; margin: auto; overflow: hidden; }
  
  
  /*项目流程*/
  .flow{ padding-top:20px; font-weight: bold; color: #8F8E8E; line-height: 20px}
  .flow .n_title{text-align:center; font-size:18px; height:36px; line-height:36px; color:#00ACB1;}
  .flow .n_js{text-align:center; font-size:16px;height:24px; line-height:24px;}
  .flow .ccc{width:70%;margin:auto;}
  .xm{ margin:70px auto; text-align: center;}
  /*活动营销*/
.nav .li1:hover,.nav .yingx{background: #1eb7dd}
.nav .li2:hover ,.nav .hex{ background: #00a598}
.nav .li3:hover,.nav .chengg{ background: #87bd43}
.nav .li4:hover,.nav .fuw{ background: #d0d733}
.nav .li1:hover a,.nav .yingx a,.nav .li2:hover a,.nav .hex a,.nav .li3:hover a,.nav .chengg a,.nav .li4:hover a,.nav .fuw a,.nav .li5:hover a,.nav .xingm a,.nav .li6:hover a,.nav .xinw a{color:#fff;}
.nav .li5:hover,.nav .xingm{ background: #ed8d00}
.nav .li6:hover,.nav .xinw{ background: #e1c500}




  .con_top h3{ font-size:18px; color:#888; line-height: 60px}
  .case .Services,.experiences .share .Services{ background:#1eb7dd; margin: 0; font-size: 16px; color:#fff; letter-spacing: 2px     }
  .main_con .Activity{ padding:0 0 0 38px ; width:230px;}
  .main_con .Activity h3,.experiences .share h3{ font-size: 18px; color:#13b4dc; margin-bottom: 10px; font-size:16px}
  .main_con .Activity  .public li{ width:98px; height: 24px; line-height:24px; background:#1eb7dd;color:#fff; padding-left: 10px; float:left; margin:0 4px 4px 0;}
  .main_con .terminal h3{ color:#ed8d00 }
  .main_con .terminal .public li{ background: #ed8d00 }
  .main_con .socialized h3{ color:#00a598;}
  .main_con .socialized .public li{ background: #00a598}
  .main_con .socialized { width:338px;}
  .experiences{ width:100%; background: #fff; padding-top: 15px; padding-bottom: 40px}
  .experiences .share h6{ margin-bottom: 0;padding:12px; display: inline-block; letter-spacing: 2px}
  .experiences .share p{ font-weight: bold; padding:10px 0;}
  .experiences .share img{ width:168px; height: 112px; overflow: hidden;}
  .experiences .share  ul li{ position: relative; float: left; margin:0 0 24px 23px}
  .experiences .share  ul li h5{ background: url(../images/ul.png); width:158px; height: 25px; line-height: 25px; color:#eeece8; font-size: 12px; position: absolute; left:0; bottom: 0; padding-left: 10px;}
  .experiences .share  ul{ margin-left: -27px; }
  /*公关2*/
  .slide{ width:100%; height:374px; background: #fff; padding:20px 10px;}
  #header .gund{height:378px; margin:10px auto; padding:14px 10px; background: #fff}
.hd{ width: 124px; float: left}
  #demoContent{ width:996px; overflow: hidden;}
.hd ul li{ width:124px; height: 166px; margin-bottom: 5px;}
.hd ul li img{ width:131px; height: 106px;}
.hd .tempWrap{float: left; margin-left: 10px}
.hd a{width:15px; height: 112px; float: left}
.hd .sPrev{  background:url(../images/butleft.jpg);}
.hd .sNext{background:url(../images/butright.jpg);}
.hd{ margin-top:26px }
.bd{ width:578px; float:left;}
.hd  div ul{ float: left; width:124px;}
.hd  div{ width: 124px; }
.bd ul li{ float: left}

/* scrolltab */
.dSmallPic{ width:124px; height: 335px; overflow: hidden; margin:1px 0;position: relative; }
.dSmallPic .liSelected div{ display: none}
.dSmallPic li div{ width:124px; height:66px; position: absolute; left:0; top:0; background: #000; opacity: 0.3;filter:alpha(opacity=30);       /* IE */
 -moz-opacity:0.3;              /* 老版Mozilla */
  -khtml-opacity:0.5;              /* 老版Safari */
 }
.dSmallPicBox{ width:124px; height: 372px; float: left; margin-right: 10px}
.ulBigPic{ height: 372px; margin:5px 0; float: left}
.dSmallPic ul{ height: 9999px; position: absolute;}
.dSmallPicBox span{display:block;width: 124px; height: 19px;}
.dSmallPicBox .sLeftBtnBBan{ background: url(../images/top.jpg);}
.dSmallPicBox .sRightBtnB{background: url(../images/bottom.jpg); }
.dSmallPic li{ float: left; margin-bottom: 1px; position: relative;}
.dSmallPic li img{ width:124px; height: 66px; display: block; overflow: hidden;}
.details{ width: 100%; overflow: hidden; margin:20px 0 70px 0}
.particular .details h6{ font-size: 18px; color: #7c7171; font-weight: normal;}
 .details p{ padding:0 46px; color:#4a4a4a; font-size: 14px; font-family: "宋体"}

.ulBigPic .liSelected{ display:block}
.ulBigPic li{ display:none;}
.bann_right{ width:232px; float: left; margin-left: 10px}
.bann_right h3{ font-size: 18px; color:#797878; font-weight: normal; letter-spacing: 2p; margin-bottom: 10px}
  .bann_right p{color:#8f8e8e; margin-bottom: 20px}
/*核心优势*/
.jzl{ width:100%; background: #fff}
.jzl .ability .power{ font-size: 26px; background: #00a598; height: 38px; width: 150px; line-height: 38px; text-align: center; color:#fff; letter-spacing: 2px;}
.ability{ padding:14px 0 30px 0;}
.ability_con{ position:relative; text-align: center;}
.ability_con  p{ position: absolute; color:#8e8d8d; width:292px; text-align: left; font-weight: bold}
.ability_con .p1{ top:114px; left:0}
.ability_con .p2{ right:72px; top:50px;}
.ability_con .p3{right:0px; top:222px;}
.ability_con .p4{right:180px; top:370px;}
.ability_con .p5{left:0px; top:272px;}
/*成功案例*/
.Success .ad  li img{ width:168px; height: 112px; overflow: hidden;}
.Success .ad li h6{ width:168px; overflow: hidden;}
.Success .ad  li{ width:168px; height: 112px; overflow: hidden; margin-right: 29px}
.Success .ad .none{ margin:0;}
  /*foot*/
.bg{ width:100%; height:20px; background: url(../images/foot.gif) repeat;}
.foot_nav li{ float: left; color:#424242; width:280px; height: 73px; border-right: 2px solid #c8c9ca;margin:10px 0;padding:0 18px; }
.foot_nav li h6{ font-size: 14px; height: 30px; line-height: 30px}
.foot_nav .none{ border:0;}
#footer{ width:100%; background:#202020; padding:10px 0; text-align: center; }
.right_bg{ width:71px; height:509px; position:absolute; right:0; top:9px; background: url(../images/right1.png); }
.bottom_bg{ width:199px; height:312px; position: absolute;left:0;background: url(../images/bottom.png); bottom: 20px }



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}