@charset "utf-8";
/*
  [CSS Giants](C)2006-2008 TriTigerMedia Inc
  Author @ msn:liujian@xiaoyemen.com
  $Id: V1.0 2008/08/06 17:05:00 to 2008/08/06 17:08:00 by Jensen $
*/
@import url("common.css");
#page{background:#DEDFC2 url(images/index-bg.gif) repeat-x 0 0}
#banner{width:100%;clear:both}
#lj-slide{position:relative;height:300px;overflow:hidden;background:#fff url(images/loading.gif) no-repeat 50% 50%}
#lj-slide-list{position:absolute;width:100%}
#lj-slide-list li{width:100%;height:300px}
#lj-slide-list .a{background:url(images/banner1.jpg) no-repeat}
#lj-slide-list .b{background:url(images/banner2.jpg) no-repeat}
#lj-slide-list .c{background:url(images/banner3.jpg) no-repeat}
#lj-slide-list .d{background:url(images/banner4.jpg) no-repeat}
#lj-slide-list li a{display:block;width:100%;height:300px;text-indent:-9999px}
#lj-slide-list li a:hover{background:none}
#lj-slide-list li h2{color:#C33301;font:normal 32px "微软雅黑","黑体"}
#lj-slide-list li p{color:#C33301;font:normal 20px "微软雅黑","黑体"}
#lj-slide-triggers{position:absolute;left:0;bottom:0;width:932px;height:55px;color:#fff;font:700 12px Arial}
#lj-slide-triggers li{display:inline}
#lj-slide-triggers li a{float:left;display:block;width:203.5px;* width:204px;height:47px;padding:8px 0 0 29px;background:#000;opacity:.5;filter:alpha(opacity=50)}
#lj-slide-triggers li a:hover{opacity:10;filter:alpha(opacity=100)}
#lj-slide-triggers li a img{float:left;border:1px solid #fff}
#lj-slide-triggers li a span{padding:0 0 0 10px;line-height:38px;color:#fff}
#lj-tab{width:904px;margin:17px auto 10px;overflow:auto;background:url(images/tab_bg.gif) no-repeat 0 100%}
#lj-tab-header{width:890px;height:24px;padding:0 7px;background:url(images/tab_top.gif) no-repeat}
#lj-tab-header li{position:relative;float:left;margin-left:-10px;background:url(images/tab-triggers_bg.gif) no-repeat 0 0;z-index:10}
#lj-tab-header li:hover{z-index:30}
#lj-tab-header li a{float:left;display:block;height:24px;padding:0 0 0 20px;color:#fff;font:12px/24px Arial}
#lj-tab-header li a:hover{background:url(images/tab-triggers_bg_over.gif) no-repeat;color:#C7000A}
#lj-tab-header li a span{float:left;display:block;height:24px;padding-right:20px;cursor:hand}
#lj-tab-header li a:hover span{background:url(images/tab-triggers_bg_over.gif) no-repeat 100% 0}
#lj-tab-header .first{margin:0;background:url(images/tab-triggers_first.gif) no-repeat}
#lj-tab-header .first a:hover{background:url(images/tab-triggers_first.gif) no-repeat 0 -24px}
#lj-tab-header .last a span{margin:0;background:url(images/tab-triggers_first.gif) no-repeat 100% 0}
#lj-tab-header .last a:hover span{background:url(images/tab-triggers_first.gif) no-repeat 100% -24px}
#lj-tab-content{float:left;width:890px;padding:0 7px 7px}
#lj-tab-content .content{float:left;width:96%;padding:10px 2%;min-height:100px;_height:100px}
#content_web-design{background:url(images/tab-a_bg.jpg) no-repeat 100% 100%}
#content_ecommerce{background:url(images/tab-b_bg.jpg) no-repeat 100% 100%}
#content_seo{background:url(images/tab-c_bg.jpg) no-repeat 100% 100%}
#content_news{background:url(images/tab-c_bg.jpg) no-repeat 100% 100%}
#content_application{background:url(images/tab-d_bg.jpg) no-repeat 100% 100%}
#links{position:relative;left:50%;clear:left;float:left;width:930px;margin:10px 0 10px -465px}
#lj-tab-content .intro{width:70%;float:left;padding-right:2%}
#lj-tab-content p{line-height:180%}
#lj-tab-content .list{float:left;width:28%}
#lj-tab-content h2{color:#252525;font:700 12px Arial}
#lj-tab-content ul{padding:10px 20px}
#lj-tab-content li{list-style:disc}
#lj-tab-content li a{color:#252525}
#lj-tab-content li a:hover{color:#fff}
#links li{display:inline}
#links li a{display:block;float:left;margin:0 5px;padding:0 0 0 15px;background:none;background-repeat:no-repeat;background-position:0 50%;color:#596B75}
#links .link1 a{background-image:url(images/link_ico1.gif)}
#links .link2 a{background-image:url(images/link_ico1.gif)}
#links .link3 a{background-image:url(images/link_ico3.gif)}
#links .link4 a{background-image:url(images/link_ico4.gif)}
#links .link5 a{background-image:url(images/link_ico5.gif)}
#links .link6 a{background-image:url(images/link_ico6.gif)}
#links .link7 a{background-image:url(images/link_ico7.gif)}
#links li a:hover{color:#000}
#index_bottom_link{clear:both;height:20px;overflow:hidden;color:#999999;font:1em Arial,Tahoma,Verdana,Helvetica, sans-serif;padding:15px;background-color:#999999;}/*定义底部文字的字体与颜色*/
#index_bottom_link a{color:#888888;}