.header { height:80px;margin:0 auto;background:url(../image/bg_header.png) repeat-x; }
.nav { left: 300px;position:absolute;top:0px;background:url("../image/top-menu-divider.png") no-repeat left top; }
.nav li { width:100px;height:76px;padding-top:22px;float:left;font-size:14px;text-align:center;background:url("../image/top-menu-divider.png") no-repeat right top; }
.nav li:hover { margin-left:-1px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background: url("../image/top-menu-hover.png") repeat-x left top;}
.nav li  a{ position:relative;font-weight:500; }
.nav li  a:hover{ text-decoration:none;color:#666; }
.nav .small_len { left:-26px }
.banner { position:relative; }
.banner_bg { height: 74px;position: absolute;top: 418px;width: 100%;z-index: -1;background: url("../image/bg_banner.gif") repeat scroll 0 0 transparent; }
.content { padding-top:25px;color:#565656; }

/*flash_bar*/
#flashBg { clear:both;height:460px;margin:0;overflow:hidden;padding:0;width:100%;background:#220807;}
.flash_cover { width:980px;margin:0 auto; }
#flashLine {
    clear: both;
    height: 460px;
    width: 100%;
}
#flash {
    clear: both;
    height: 460px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}
#flash a {
    height: 460px;
    width: 980px;
}
.flash_bar {
    background: url("../image/tg_flashbar.png") repeat-x scroll 10px 0 transparent;
    bottom: 0;
	width:100%;
    height: 30px;
    left: 0;
    overflow: hidden;
    padding-top: 13px !important;
    position: absolute;
    text-align: center;
    z-index: 69;
}
.flash_bar .no {
    background: url("../image/tg_flash_p2.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 8px;
    margin: 5px;
    width: 8px;
}
.flash_bar .dq {
    background: url("../image/tg_flash_p.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 8px;
    margin: 5px;
    width: 8px;
}

/*hotnews*/
.hotnews {
    background: url("../image/tg_hotnews.jpg") no-repeat scroll 10px 0 transparent;
    clear: both;
    height: 31px;
    line-height: 33px;
    margin: 0 auto;
    padding: 0 25px 0 145px;
    width: 830px;
}
#google1 {
    height: 33px;
    line-height: 33px;
    overflow: hidden;
}
#google1 a:hover { color:#d01f40; }

/*content*/
.content { background: url("../image/bg_content.jpg") repeat-x #efefef;padding-top:66px;padding-bottom:30px; }
.text_list ul li { width:182px;float:left;color:#5f5f5f;position:relative; }
.text_list ul li  p { margin-right: 10px;margin-top: 12px; }
.text_list ul li a { display:block;width:163px;height:64px; }
.text_list ul li.activity_plan a { background: url("../image/text_list1.gif") no-repeat; }
.text_list ul li.tv_production a { background: url("../image/text_list2.jpg") no-repeat; }
.text_list ul li.ad_design a { background: url("../image/text_list3.gif") no-repeat; }
.text_list ul li.exhibition a { background: url("../image/text_list4.gif") no-repeat; }
.text_list ul li.creative_product a { background: url("../image/text_list5.jpg") no-repeat; }
.text_list ul li a.activity_plan_hover { background: url("../image/text_list1_hover.gif") no-repeat; }
.text_list ul li a.tv_production_hover { background: url("../image/text_list2_hover.jpg") no-repeat; }
.text_list ul li a.ad_design_hover { background: url("../image/text_list3_hover.gif") no-repeat; }
.text_list ul li a.exhibition_hover { background: url("../image/text_list4_hover.gif") no-repeat; }
.text_list ul li a.creative_product_hover { background: url("../image/text_list5_hover.jpg") no-repeat; }
.text_list .list_broder { width:2px;height:170px;margin-top:10px;margin-right:10px;background:url("../image/bg_list_border.gif") no-repeat; }

.img_list { float:left;margin-bottom:70px;width: 100%; }
.img_list h3 { position:relative;height:35px;margin-top:38px;background: url("../image/img_list_h.gif") no-repeat;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; }
.img_list .bg_more { display:block;position:absolute;right:0;top:3px;;width:93px;height:29px;background: url("../image/more.gif") no-repeat; }
.img_list .img_list_content { margin-top:25px; }
.img_list .img_list_content h2 { color:#fff;padding:5px 0;font-size:16px; }
.img_list .img_list_content a { display:block;float:left;margin-right:2px;padding-bottom:3px;position:relative;background: url("../image/more.gif") no-repeat; }
.img_list .img_list_content a div{ position: absolute;width: 100%;top:0;display:none;text-align:center;color: #999999;background: none repeat scroll 0 0 #000000; }
.img_list  a.line { margin-top:20px; }
.img_list  a.last { margin:0; }

.ul_list {  }
.ul_list .ul_list_view, .ul_list .ul_list_news, .ul_list .ul_list_brand { float:left;min-height:120px;width:300px;padding-bottom:30px;margin-bottom:40px;position:relative;border-right: 1px solid #000000; }
.ul_list .ul_list_news, .ul_list .ul_list_brand { margin-left:20px; }
.ul_list .ul_list_brand { border:none; }
.ul_list h3 { width:181px;height:24px; }
.ul_list h3, .ul_list span { position:absolute; }
.ul_list ul { padding-top:30px; }
.ul_list ul  li a:hover { color:#d01f40; }
.ul_list h3.ul_list_view_h { background: url("../image/ul_list_h1.gif") no-repeat; }
.ul_list h3.ul_list_news_h { background: url("../image/ul_list_h2.gif") no-repeat; }
.ul_list h3.ul_list_brand_h { background: url("../image/ul_list_h3.gif") no-repeat; }
.ul_list_view_s, .ul_list_news_s, .ul_list_brand_s { display: block;height: 112px;position: absolute;width: 114px;left: 178px;top: 30px; }
.ul_list span.ul_list_view_s { background: url("../image/ul_list_s1.gif") no-repeat; }
.ul_list span.ul_list_news_s { background: url("../image/ul_list_s2.gif") no-repeat; }
.ul_list span.ul_list_brand_s { background: url("../image/ul_list_s3.gif") no-repeat; }

.clients {  }
.clients h3 { height:30px;line-height:30px;vertical-align:middle;color:#323232;margin-bottom:20px;text-align:right;background: url("../image/clients_h.gif") no-repeat;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; }
.clients span { height:365px;display:block;background: url("../image/clients.gif") no-repeat; }

.to_top {  }
.to_top { height:73px;margin-top:40px;background: url("../image/bg_to_top.jpg") repeat-x;position:relative; }
.to_top a { width:74px;height:70px;display:block;position:absolute;left:430px;background: url("../image/top.jpg") no-repeat; }

/*footer*/
.footer { background:url("../image/bg_footer.jpg") repeat-x;height:416px;color:#9f9f9f; }
.footer a { color:#9f9f9f; }
.footer a:hover { color:#d01f40;text-decoration:none; }
.footer ul { float:left;margin-top:26px;height:253px; }
.footer ul li { margin-top: 5px; }
.footer .h_navigation { margin-right:70px; }
.footer .h_navigation li{ margin-left:22px; }
.footer .h_navigation2 {width:150px;margin-right:50px;}
.footer .h_social {width:150px;margin-right:50px;}
.footer .h_links {width:180px;}
.footer h3 { font-size:16px;font-weight:500;border-bottom:1px solid #fff; }
.footer .li_tel { width:232px;height:54px;margin:0px;margin-top:15px;margin-bottom:10px;background: url("../image/tel.gif") no-repeat; }
.footer .bg_footer_ul1 { position:absolute;width:15px;height:81px;top:59px;background: url("../image/bg_footer_ul1.gif") no-repeat; }
.footer .share { width:960px;height:33px;margin-bottom:20px;text-align:right;padding-bottom:20px;position:relative;border-bottom:1px solid #555; }
.share a { display: block;position:absolute;top:0px;width:40px;height:39px; }
.share a.weibo { right:100px;background: url("../image/t_sina.gif") no-repeat; }
.share a.tencent{ right:50px;background: url("../image/t_qq.gif") no-repeat; }
.share a.tencent_t { right:0px;background: url("../image/t_qq_t.jpg") no-repeat; }
.footer .copy_right { height:63px;color:#a9a9a9;line-height:63px;vertical-align:middle; }

/*common*/
.breadcrumb ul li { float:left;margin-right:22px;margin-bottom:37px;font-size:14px; }
.breadcrumb ul li.hover a { color:#000;font-weight:bold;border-bottom:2px solid #d01f40; }
.breadcrumb ul li a:hover { color:#000;border-bottom:2px solid #d01f40; }
.content_text h5 { color:#d01f40; }
.content_ul_last { padding-bottom:40px;border-bottom:1px solid #dcdcdc; }
.content_h_p { margin-bottom:36px;line-height:25px; }
.image .image_title { text-align:right;line-height:35px; }

/*index*/
#index .img_list_content a img { width:236px;height:151px; }
#index .img_list a.line { margin-top: 16px; }

/*about us*/
#about_us { padding-top:25px; }
#about_us h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:26px; }
#about_us h5 { margin:16px 0;font-size:16px; }
#about_us .read { color:red; }
#about_us .content_ul1 b { font-weight:normal;color:#d01f40; }

/*join*/
#join { padding-top:26px; }
#join h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:26px; }
#join .content_ul_top { font-size:16px; }
#join .content_ul   { padding-left:150px;line-height:25px; }
#join .content_ul1 { background: url("../image/join1.gif") no-repeat;margin-top:58px; }
#join .content_ul2 { background: url("../image/join2.gif") no-repeat;min-height:220px;margin-top:40px; }
#join .content_ul3 { background: url("../image/join3.jpg") top right no-repeat;min-height:220px; }

/*clients*/
#clients { padding-top:26px; }
#clients h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:26px; }
#clients .content_ul_top { font-size:16px; }
#clients .content_ul   { margin-top:20px;line-height:25px; }
#clients .content_ul h5{ margin-bottom:5px; }

/*team*/
#team { padding-top:26px; }
#team h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:26px; }
#team .content_ul_top { font-size:16px; }
#team .content_ul li  { float:left;padding-top:50px;width:245px;margin-bottom:45px; }
#team .content_ul .content_ul_li1  { background: url("../image/team2.jpg") no-repeat; }
#team .content_ul .content_ul_li2  { margin-left:95px;background: url("../image/team3.jpg") no-repeat; }
#team .content_ul .content_ul_li3  { margin-left:95px;background: url("../image/team4.jpg") no-repeat; }
#team .content_ul .content_ul_li1:hover  { background: url("../image/team2_hover.jpg") no-repeat; }
#team .content_ul .content_ul_li2:hover { margin-left:95px;background: url("../image/team3_hover.jpg") no-repeat; }
#team .content_ul .content_ul_li3:hover  { margin-left:95px;background: url("../image/team4_hover.jpg") no-repeat; }
#team  .image  { text-align:right; }

/*servers*/
#servers { padding-top:26px;line-height:23px; }
#servers .image { margin-bottom:50px; }
#servers h3.content_title { color:rgb(78,78,78);font-size:20px; }
#servers  h5 { font-size:14px; }
#servers .content_ul   { padding:25px 0 0 140px; }
#servers .content_ul1 { background: url("../image/servers_t1.jpg") 0 25px no-repeat; }
#servers .content_ul2 { background: url("../image/servers_t2.jpg") 0 25px no-repeat; }
#servers .content_ul3 { background: url("../image/servers_t3.jpg") 0 25px no-repeat; }
#servers .content_ul4 { background: url("../image/servers_t4.jpg") 0 25px no-repeat; }
#servers .content_ul5 { background: url("../image/servers_t5.jpg") 0 25px no-repeat; }
#servers .image { margin-top:30px;text-align:center; }
#servers .image_b { margin-top:45px; }
#servers .image_b h3 { margin-bottom:20px; }

/*servers activity*/
#servers_activity { padding-top:26px; }
#servers_activity h3.content_title { color:rgb(78,78,78);font-size:20px; }
#servers_activity  h5 { font-size:14px; }
#servers_activity .content_ul   { min-height:169px;padding-left:213px;margin-top:43px;line-height:25px; }
#servers_activity .content_ul1 { background: url("../image/server_act1.jpg") no-repeat; }
#servers_activity .content_ul2 { background: url("../image/server_act2.jpg") no-repeat; }
#servers_activity .content_ul3 { background: url("../image/server_act3.jpg") no-repeat; }
#servers_activity .content_ul4 { background: url("../image/server_act4.jpg") no-repeat; }
#servers_activity .content_ul5 { background: url("../image/server_act5.jpg") no-repeat; }
#servers_activity .content_ul6 { background: url("../image/server_act6.jpg") no-repeat; }
#servers_activity .image { text-align:right; }

/*servers tv*/
#servers_tv { padding-top:26px; }
#servers_tv h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:52px; }
#servers_tv .content_ul_top { font-size:16px; }
#servers_tv .content_ul   { padding-left:293px;line-height:25px; }
#servers_tv .content_ul1 { background: url("../image/server_tv1.jpg") no-repeat; }
#servers_tv .content_ul2 { background: url("../image/server_tv3.jpg") no-repeat;min-height:220px; }
#servers_tv .image { margin:100px 0; }

/*servers ad*/
#servers_ad { padding-top:26px; }
#servers_ad  h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:52px; }
#servers_ad .content_ul_top { font-size:16px; }
#servers_ad .content_ul   { padding-left:293px;line-height:25px; }
#servers_ad .content_ul1 { min-height:547px;background: url("../image/server_ad1.jpg") no-repeat; }
#servers_ad .content_ul2 { margin: 20px 0 80px 0;background: url("../image/server_ad3.jpg") no-repeat;min-height:220px; }

/*servers exbition*/
#servers_exbition { padding-top:26px; }
#servers_exbition  h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:52px; }
#servers_exbition .content_ul_top { font-size:16px;margin:0; }
#servers_exbition .content_ul   { padding-left:293px;line-height:25px; }
#servers_exbition .content_ul h5  { margin-top:32px; }
#servers_exbition .content_ul1 { background: url("../image/server_exbition1.jpg") 0 32px no-repeat; }
#servers_exbition .image { margin:100px 0; }

/*servers create*/
#servers_create { padding-top:26px; }
#servers_create  h3.content_title { color:rgb(78,78,78);font-size:20px;margin-bottom:52px; }
#servers_create .content_ul_top { font-size:16px;margin:0; }
#servers_create .content_ul   { line-height:25px; }
#servers_create .content_ul h5  { margin-top:32px; }
#servers_create .content_ul1 { padding-right:390px;background: url("../image/server_create1.jpg") center right no-repeat; }
#servers_create .image { margin:30px 0; }

/*contact*/
#contact .image { margin-bottom:57px;padding-bottom:82px;text-align:center;border-bottom:1px solid rgb(145,145,145); }
#contact .content_ul1 { padding-left:512px;padding-bottom:100px;line-height:25px;background: url("../image/contact2.jpg") 90px 0 no-repeat; }
#contact .connect_qq { height:40px;width:100%;position:relative;margin-top:32px; }
#contact .connect_qq a { display: block;position:absolute;top:0px;width:83px;line-height:18px;padding-left:47px;height:40px;background: url("../image/qq_m.jpg")  no-repeat; }
#contact .connect_qq a.w { background: url("../image/qq_w.jpg") no-repeat; }

/*demo*/
#demo { padding-top:0px; }
#demo .img_list_content a img { width:316px;height:202px;margin-bottom:16px; }
#demo .img_list h3 { position:relative;text-align:right;line-height:32px;vertical-align:middle;background:#1b1b1b; }
#demo .img_list h3 ul { float:right;}
#demo .img_list h3 ul li { float:left;height:23px;line-height:23px;margin-right:21px;margin-top:6px; }
#demo .img_list h3 ul li.hover { border-bottom:1px solid #D01F40; }
#demo .img_list h3 ul li:hover { border-bottom:1px solid #D01F40; }
#demo .img_list h3 a { color:rgb(160,160,160);font-size:14px;font-weight:normal; }
#demo .img_list h3 a:hover { color:#fff; }
#demo .img_list h3 a.hover { color:#fff; }

/*demo big*/
#demo_big { padding-top:0px; }
#demo_big .img_list h3 { position:relative;text-align:right;line-height:32px;vertical-align:middle;background:#1b1b1b; }
#demo_big .img_list h3 ul { float:right;}
#demo_big .img_list h3 ul li { float:left;height:23px;line-height:23px;margin-right:21px;margin-top:6px; }
#demo_big .img_list h3 ul li.hover { border-bottom:1px solid #D01F40; }
#demo_big .img_list h3 ul li:hover { border-bottom:1px solid #D01F40; }
#demo_big .img_list h3 a { color:rgb(160,160,160);font-size:14px;font-weight:normal; }
#demo_big .img_list h3 a:hover { color:#fff; }
#demo_big .img_list h3 a.hover { color:#fff; }
#demo_big .img_list_content { position:relative; }
#demo_big .img_list_content img { width:960px; }
#demo_big .img_list_content a { position:relative;display:bold;width:67px;height:44px;position:absolute;background:url("../image/page_b.jpg") no-repeat; }
#demo_big a.demo_big_l { left:5px;top:5px; }
#demo_big a.demo_big_m { width:38px;height:21px;left:435px;top:16px;background-position: 0 -187px; }
#demo_big a.demo_big_r { right:5px;top:5px;background-position: 0 -94px; }
#demo_big a.demo_big_l:hover { background-position: 0 -47px; }
#demo_big a.demo_big_m:hover { background-position: 0 -211px; }
#demo_big a.demo_big_r:hover { background-position: 0 -141px; }

/*news*/
#news { padding-top:26px; }
#news .content_title   { border-bottom:rgb(87,87,87) 2px solid;width:715px;font-size:18px; }
#news .page_left   { float:left;width:715px; }
#news .page_right { float:right;width:212px; }
#news .page_right ul.bold { border-top: 2px solid #979797;font-weight: 600;}
#news .page_right ul li a:hover{ color:#D01F40; }
#news .content_ul { min-height:100px;padding:26px 0 26px 160px;border-bottom:rgb(210,210,210) 1px solid;line-height:25px; }
#news .content_ul h5 { font-size:16px;position:relative; }
#news .content_ul h5 a:hover { color:#D01F40; }
#news .content_ul h5 span { position:absolute;right:0;top:3px;font-size:12px;font-weight:500;color:rgb(178,178,178); }
#news .content_ul1 .litpic { position:absolute;left:0; }
#news .page_right li { border-bottom:rgb(210,210,210) 1px solid;height:27px;line-height:27px; }
#news .page_right h3.recent_h { padding-left:20px;background:url(../image/left-link_tit.jpg) 0 4px no-repeat; }
#news .page_right h3.recent_h:hover { color:#D01F40; }

/*news detail*/
.page_left .header_share_s { position:relative; }
.page_left .header_share_s a { position:absolute;width:21px;height:21px; }
.page_left .header_share_s a.share_sina_s { position:absolute; }
.page_left .header_share_s a.share_qq_s { position:absolute;right:0px; }
.page_list_info a { width:18px;height:18px;line-height:18px;margin:0 3px;display:inline-block;text-align:center;font-size:14px; }
.page_list_info a.hover,.page_list_info a:hover { color:#fff;background:url(../image/page_b2.gif) 0 -97px no-repeat; }
.page_list_info a.page_pre { text-indent:-10000px;background:url(../image/page_b2.gif) no-repeat; }
.page_list_info a.page_next { text-indent:-10000px;background:url(../image/page_b2.gif) 0 -22px no-repeat; }
.page_list_info a.page_pre:hover { text-indent:-1000px;background:url(../image/page_b2.gif) 0 -68px no-repeat; }
.page_list_info a.page_next:hover { text-indent:-1000px;background:url(../image/page_b2.gif) 0 -45px no-repeat; }