.header { height:80px;margin:0 auto;background:url(/uploads/image/stutcimages/bg_header.png) repeat-x; } .nav { left: 200px;position:absolute;top:0px;background: no-repeat left top; } .nav li { /* width:100px; */height:76px;/* padding-top:22px; */padding:0 13px;line-height:76px;float:left;font-size:14px;text-align:center;background: no-repeat right top; } .nav li:hover { margin-left:-1px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background: 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: 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:100%;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 { display: block; height: 460px; width: 100%; background-position: 50% 50%; background: #fff\9; filter: alpha(opacity=0)\9; } #flash a img { width: 100%; height: 460px; } .flash_bar { background: 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: no-repeat scroll 0 0 transparent; cursor: pointer; height: 8px; margin: 5px; width: 8px; } .flash_bar .dq { background: no-repeat scroll 0 0 transparent; cursor: pointer; height: 8px; margin: 5px; width: 8px; } /*hotnews*/ .hotnews { background: 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: 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: no-repeat; } .text_list ul li.tv_production a { background: no-repeat; } .text_list ul li.ad_design a { background: no-repeat; } .text_list ul li.exhibition a { background: no-repeat; } .text_list ul li.creative_product a { background: no-repeat; } .text_list ul li a.activity_plan_hover { background: no-repeat; } .text_list ul li a.tv_production_hover { background: no-repeat; } .text_list ul li a.ad_design_hover { background: no-repeat; } .text_list ul li a.exhibition_hover { background: no-repeat; } .text_list ul li a.creative_product_hover { background: no-repeat; } .text_list .list_broder { width:2px;height:170px;margin-top:10px;margin-right:10px;background: no-repeat; } .img_list { float:left;margin-bottom:70px;width: 100%; } .img_list h3 { position:relative;height:35px;margin-top:38px;background: 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: 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: 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: no-repeat; } .ul_list h3.ul_list_news_h { background: no-repeat; } .ul_list h3.ul_list_brand_h { background: 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: no-repeat; } .ul_list span.ul_list_news_s { background: no-repeat; } .ul_list span.ul_list_brand_s { background: no-repeat; } .clients { } .clients h3 { height:30px;line-height:30px;vertical-align:middle;color:#323232;margin-bottom:20px;text-align:right;background: no-repeat;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; } .clients span { height:195px;display:block;background: no-repeat; } .to_top { } .to_top { height:73px;margin-top:40px;background: repeat-x;position:relative; } .to_top a { width:74px;height:70px;display:block;position:absolute;left:430px;background: no-repeat; } /*footer*/ .footer { background: 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: no-repeat; } .footer .bg_footer_ul1 { position:absolute;width:15px;height:81px;/* top:134px; */top:60px;background: 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: no-repeat; } .share a.tencent{ right:50px;background: no-repeat; } .share a.tencent_t { right:0px;background: 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: no-repeat;margin-top:58px; } #join .content_ul2 { background: no-repeat;min-height:220px;margin-top:40px; } #join .content_ul3 { background: 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: no-repeat; } #team .content_ul .content_ul_li2 { margin-left:95px;background: no-repeat; } #team .content_ul .content_ul_li3 { margin-left:95px;background: no-repeat; } #team .content_ul .content_ul_li1:hover { background: no-repeat; } #team .content_ul .content_ul_li2:hover { margin-left:95px;background: no-repeat; } #team .content_ul .content_ul_li3:hover { margin-left:95px;background: 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: 0 25px no-repeat; } #servers .content_ul2 { background: 0 25px no-repeat; } #servers .content_ul3 { background: 0 25px no-repeat; } #servers .content_ul4 { background: 0 25px no-repeat; } #servers .content_ul5 { background: 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: no-repeat; } #servers_activity .content_ul2 { background: no-repeat; } #servers_activity .content_ul3 { background: no-repeat; } #servers_activity .content_ul4 { background: no-repeat; } #servers_activity .content_ul5 { background: no-repeat; } #servers_activity .content_ul6 { background: 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: no-repeat; } #servers_tv .content_ul2 { background: 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: no-repeat; } #servers_ad .content_ul2 { margin: 20px 0 80px 0;background: 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: 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: 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: 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: no-repeat; } #contact .connect_qq a.w { background: 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: 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;overflow:hidden; } #news .page_right h3.recent_h { padding-left:20px;background:url(/uploads/image/stutcimages/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(/uploads/image/stutcimages/page_b2.gif) 0 -97px no-repeat; } .page_list_info a.page_pre { text-indent:-10000px;background:url(/uploads/image/stutcimages/page_b2.gif) no-repeat; } .page_list_info a.page_next { text-indent:-10000px;background:url(/uploads/image/stutcimages/page_b2.gif) 0 -22px no-repeat; } .page_list_info a.page_pre:hover { text-indent:-1000px;background:url(/uploads/image/stutcimages/page_b2.gif) 0 -68px no-repeat; } .page_list_info a.page_next:hover { text-indent:-1000px;background:url(/uploads/image/stutcimages/page_b2.gif) 0 -45px no-repeat; } .detail { margin-top:20px; line-height:2em; } .detail p { margin:5px 0; }