@charset "utf-8";
/* CSS Document */
* {padding:0px; margin:0px; border:0px; list-style:none;}
body {background:url('body_bg.png') repeat-x; font-size:12px; font-family:Arial,Microsoft YaHei,'宋体'; color:#738483;}
a {text-decoration:none;}
.w {width:940px; margin:0 auto;}
.fix {clear:both;}

.img {filter:blendTrans(duration=0.3);}

#header {height:105px; padding-top:19px;}

#header div.logo {padding-left:18px;}
#header div.logo a {display:block; background:url('logo.png') left top no-repeat; width:180px; height:66px; filter:blendTrans(duration=0.3);}
#header div.logo a:hover {background-position:left bottom;}

#header div.nav {background:url('nav_bg.jpg') repeat-x;; height:24px; margin:10px 0px 0px 0px;}

#header div.nav a {background:url('nav.png') no-repeat; color:#ccc;}
#header div.nav div.nav_left a {background-position:left top; width:34px; float:left; height:24px;}
#header div.nav div.nav_left a:hover {background-position:left bottom; color:#fff;}
#header div.nav div.nav_right a {background-position:right top; width:34px; float:right; height:24px;}
#header div.nav div.nav_right a:hover {background-position:right bottom;}

#header div.nav ul {}
#header div.nav ul li { float:left; width:96px; text-align:center;}
#header div.nav ul li a {display:block; height:19px; padding-top:5px; background-position:-34px top;}
#header div.nav ul li a:hover,#header div.nav ul li.navon a {padding-top:4px; height:20px; background-position:-34px bottom;}


/* 内容 */
#content {clear:both;}

/* 服务范围 */
.service {margin:20px 0px;}
.service ul li {padding:196px 12px 10px 8px; width:280px; height:160px; line-height:1.4em; float:left;}
.service ul li.service_website {background:url('service01.png') no-repeat;}
.service ul li.service_gui {background:url('service02.png') no-repeat; margin:0px 20px;}
.service ul li.service_illustration {background:url('service03.png') no-repeat;}

.service ul li a {display:block; background:url('more.png') no-repeat; height:32px; width:120px; margin:10px 0px; filter:blendTrans(duration=0.3);}
.service ul li a:hover { background-position:left bottom;}

.contact {background:url(contact.jpg) no-repeat; height:32px;}

/* 作品 */
ul.sort { height:38px;}
ul.sort li {width:270px; float:left;}
ul.sort li a {background:url(pro_sort.png) no-repeat; display:block; filter:blendTrans(duration=0.3); height:32px;}
ul.sort li a:hover {background:url(pro_sort.png) no-repeat;}

ul.sort li.web a {background-position:left top;}
ul.sort li.web a:hover,ul.sort li.web a.sorton {background-position:left bottom;}
ul.sort li.gui a {background-position:-270px top;}
ul.sort li.gui a:hover,ul.sort li.gui a.sorton {background-position:-270px bottom;}
ul.sort li.cg a {background-position:-540px top;}
ul.sort li.cg a:hover,ul.sort li.cg a.sorton {background-position:-540px bottom;}
ul.sort li.ather {width:130px;}
ul.sort li.ather a {background-position:right top;}
ul.sort li.ather a:hover,ul.sort li.ather a.sorton {background-position:right bottom;}

.sort_tip { background-color:#eee; padding:4px; line-height:1.6em;}

.portfolio {margin:20px 0px;}

.menu {float:right; width:206px; padding:8px 0px 16px 12px; border-left:1px solid #999;}
.menu li {clear:both; text-align:center; padding-bottom:24px; width:204px;}
.menu li * {display:block;}
.menu li a {padding:1px; color:#999;}
.menu li a img {border:1px solid #fff;}
.menu li a span { padding-top:4px;}
.menu li.menuon a {background-color:#dce2fb; color:#333;}
.menu li a:hover {background-color:#f60; color:#fff;}

ul.cnt { width:680px;}
ul.cnt li {text-align:center;}
ul.cnt li img {margin:8px auto;}

.ill li { margin-bottom:20px;}

#footer {border-top:1px solid #a1adac; padding:6px 10px; height:80px; width:920px;}
#footer span {float:right;}
#footer span a {color:#999;}
#footer span a:hover {color:#fff; background-color:#f60;}