/* CSS Document */
* {margin:0; padding:0;}
body{font-family:"ËÎÌå", arial; margin:0; padding:0; background: #FFF; font-size:12px; color:#4e4e4e;}
img{border:0;}
ul{ list-style:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
.right{ float:right;}
.left{ float:left;}

a:link{ color:#626262; text-decoration:none}
a:visited{ color:#626262; text-decoration:none}
a:hover{ color:#626262; text-decoration:none}
a:active{ color:#626262;}

.white a:link{ color:#fff; }
.white a:visited{ color:#fff;}
.white a:hover{ color:#fff;}


.blank8{ height:8px; clear:both;display:block; font-size:1px; overflow:hidden}
.blank14{ height:14px; clear:both;display:block; font-size:1px;  overflow:hidden}
.blank16{ height:16px; clear:both;display:block; font-size:1px;}
.blank20{ height:20px; clear:both;display:block; font-size:1px;}
.blank25{ height:25px; clear:both;display:block; font-size:1px;}
.blank37{ height:37px; clear:both;display:block; font-size:1px;}


.warp{ width:1003px; overflow:hidden; margin:0 auto;}
.warpin{ width:975px; overflow:hidden; margin:0 auto;}
.header{ height:54px; background:url(../images/head_b.jpg)}
.header .logo{ margin:16px 0 0 29px;}
.header .right{ margin:10px 15px 0 0; display:inline}


.menu{ background:url(../images/menu_warp.jpg) repeat-x; height:35px;}
.menu .left{ background:url(../images/menu_left.gif); width:3px; height:35px; margin-left:14px; display:inline }
.menu .mid{ width:969px; background:#7b7b7b; float:left; height:35px; }
.menu .mid li{ width:102px; height:30px; float:left; margin-top:5px; line-height:30px; font-weight:bold; text-align:center; background:url(../images/menu_bar.jpg) no-repeat right; }
.menu .mid li a{ width:74px; height:30px; display:block; margin:0 auto}
.menu .mid li a:link{ color:#fff;}
.menu .mid li a:visited{ color:#fff; }
.menu .mid li a:hover{ color:#fff;}
.menu .mid li.active a:link{ background:url(../images/menu_btn.jpg);  }
.menu .mid li.active a:visited{background:url(../images/menu_btn.jpg); }
.menu .mid li.active a:hover{ background:url(../images/menu_btn.jpg);}
.menu .mid li.blog{background:none }
.menu .mid li.blog a{ width:130px; }
.menu .right{ background:url(../images/menu_right.gif); width:3px; height:35px; margin-right:14px;}

.flash_ad{ background:url(../images/flashad_warp.jpg) repeat-x; height:261px;}

.content{ background:url(../images/content_warp.jpg) repeat-x top;}
.content .title{ background:url(../images/sub_title.jpg) repeat-x; height:31px;}
.content .title img{ margin:11px 0 0 17px;}
.content .main{ background:#fff}
.content .main .sub_ad{ margin:16px 0 0 16px; display:inline; width:583px; }
.content .main .sub_ad .left{ width:478px; height:205px;background:#dcdcdc; overflow:hidden;}
.content .main .sub_ad .mid{ width:95px; height:205px; background:#f6f6f6; float:left; margin-left:3px; font-weight:bold}
.content .main .sub_ad .mid a:link{ color:#818181;}
.content .main .sub_ad .mid a:visited{ color:#818181;}
.content .main .sub_ad .mid a:hover{ color:#818181;}
.content .main .sub_ad .mid ul{ margin-top:67px;}
.content .main .sub_ad .mid li{ background:url(../images/sub_btn2.jpg); width:87px; height:27px; text-align:center; line-height:26px; padding-left:4px;  margin:3px 0 0 2px;}
.content .main .sub_ad .mid li.active{ background:url(../images/sub_btn1.jpg) no-repeat; width:89px; height:71px; line-height:75px; font-size:14px; cursor:pointer}
.content .main .sub_ad .right{ background:url(../images/sub_right.gif); width:7px; height:205px; overflow:hidden;}
.content .main .right{ width:369px;}
.content .main .right ul{ margin:10px 12px 0 0;}
.content .main .right li{ float:left; border:1px solid #e4e4e4; width:111px; height:98px; overflow:hidden; margin:6px 0 0 6px;}


.footer{ background:url(../images/footer.jpg) no-repeat; width:963px; height:90px; margin:0 auto; }
.footer .left{ margin:25px 0 0 35px; display:inline; line-height:18px; color:#9e9e9e}
.footer .right{ background:url(../images/foot_logo.gif); width:122px; height:19px; margin:33px 30px 0 0; display:inline}


.subpage .left{ width:282px; }
.subpage .left a{ float:left}
.subpage .about{height:428px; background:url(../images/about/pic.jpg) no-repeat bottom; }
.subpage .right{ width:690px;}
.subpage .right .text_content{ line-height:26px; color:#393939; width:620px; text-align:left; font-family:Arial; margin-left:2px;}
.subpage .about_contact .text_content{ background:url(../images/about/about_pic1.jpg) no-repeat; padding-top:160px;}
.subpage .about_contact .text_content .foot{ background:url(../images/about/pic2.jpg) no-repeat; height:400px; width:620px;}
.subpage .about_contact .text_content .foot div{ padding:29px 0 0 124px;}
.subpage .about_contact .text_content .foot ul{ padding-top:10px;}
.subpage .about_contact .text_content .foot .r2 li{ background:url(../images/about/logo_small.gif) no-repeat 80px 7px; }
.subpage .right .text_content b{ font-size:14px; display:block}
.subpage .right .text_content em{ color:#ff6600}


.culture .text_content{ background:url(../images/about/culture_pic1.jpg) right top no-repeat;  }
.culture .text_content li{ background:url(../images/about/sign.gif) no-repeat 8px 9px; padding-left:25px; color:#323232}
.culture .text_content span{ color:#616161; font-weight:bold;  margin-left:8px; background:url(../images/about/sub_b.gif) repeat-x bottom; }


.team .top{ width:661px; height:36px; background:#fefff3; border:1px solid #f6f8e0; overflow:hidden}
.team .top b{ background:url(../images/about/sign2.gif) no-repeat 15px 8px; padding-left:43px;line-height:40px; font-size:14px; float:left; }
.team .mid{ width:661px; height:219px; margin-top:8px; }
.team .txt{ margin-top:10px; width:661px; line-height:24px;}


.subpage .service{height:470px; background:url(../images/service/service_pic.jpg) no-repeat bottom;}
.interactive .why_pic{ background:url(../images/service/why_pic.jpg); width:601px; height:126px; margin-top:30px;}
.interactive .btn_case{ margin-top:40px;}


.graphic b{ background:url(../images/service/sign.gif) no-repeat 0 10px; padding-left:16px;}
.graphic p{ background:url(../images/service/bar_b.gif) repeat-y  2px; padding:0 0 35px 15px;}
.graphic p.background0{ background:none}


.talent h5{ font-size:14px; color:#676a49; line-height:50px;}
.talent .text_content .box .top{ background:url(../images/service/box_top.gif); width:636px; height:3px; overflow:hidden;}
.talent .text_content .box .mid{width:596px; padding:15px  20px 10px; background:#f9fbe5; color:#6f715c; border-left:1px solid #f5ece7;  border-right:1px solid #f5ece7;}
.talent .text_content .box .foot{ background:url(../images/service/box_foot.gif); width:636px; height:3px; overflow:hidden;}


.themes .text_content .box2 .top{ background:url(../images/service/box2_top.gif); width:515px; height:3px; overflow:hidden }
.themes .text_content .box2 .mid{width:473px; padding:15px  20px 10px; background:#f9fbe5; color:#6f715c; border-left:1px solid #f5ebe7; border-right:1px solid #f5ebe7;}
.themes .text_content .box2 .foot{ background:url(../images/service/box2_foot.gif); width:515px; height:3px; overflow:hidden;}
.themes .text_content .box2 .mid li{ background:url(../images/about/sign.gif) no-repeat 4px 12px; padding-left:25px; color:#ff5615; line-height:30px;}


.introduction ol{ padding:15px 0 0 25px; color:#f60;}
.introduction ol li span{ color:#393939}
.subpage .right .text_content .zine{  background:url(../images/service/bar_b.gif) repeat-y  2px; padding:0 0 55px 15px;}
.subpage .right .text_content .zine em{ margin-left:25px; color:#666666}
.subpage .right .text_content .zine img{ float:right; margin-top:50px;}
.subpage .right .text_content .background0{ background:none}


.subpage .person{height:550px; background:url(../images/service/main_pic.jpg) no-repeat bottom;}
.philosophy .hard{ padding-bottom:10px; border-bottom:1px solid #efebe9;}
.philosophy b{ background:url(../images/person/sub_b.gif) repeat-x bottom; float:left; line-height:20px;}
.philosophy .text_content li{ background:url(../images/about/sign.gif) no-repeat 0px 9px; padding-left:15px; color:#323232}

.subpage .right .person_text{ margin:10px 0 0 10px; }
.subpage .right .person_text .title{ font-size:14px; color:#ff5615}
.subpage .right .person_text div{ margin-top:5px;}
.subpage .right .person_text .address{ background:#eee; padding:5px 10px; margin-top:14px;}
.subpage .right .person_text .address li.bar{  border-bottom:2px solid #f8f8f8; height:1px; overflow:hidden }
.subpage .right .person_text .send_btn{ margin:25px 0 0 0px;}
.subpage .right .person_text .visual{ background:url(../images/person/visual.jpg) no-repeat right 10px; line-height:26px;width:650px; }
.subpage .right .person_text .bar{padding-top:5px;background:url(../images/person/h_bar.gif) repeat-x bottom;   }
.subpage .right .person_text .interaction{ background:url(../images/person/interaction.jpg) no-repeat right 160px; line-height:26px;width:650px; }
.subpage .right .person_text .txt{ width:425px;}
.subpage .right .person_text .developer{ background:url(../images/person/developer.jpg) no-repeat right 100px; line-height:26px;width:650px; }


.case_title{ background:url(../images/case/title_pic.jpg) no-repeat right; height:115px; overflow:hidden}
.case_title img{ margin-top:35px;}
.case_list div{ float:left; width:468px; overflow:hidden; margin-left:5px; margin-right:14px; padding-bottom:55px; display:inline; }
.case_list div img{ float:left;}
.case_list div h3{ background:#efefef; line-height:36px; padding-left:10px; font-size:14px; overflow:hidden; height:34px; margin-top:1px; float:left; width:468px;}
.case_list div h3 em{ font-weight:normal; font-size:12px; margin-left:5px; color:#8b8b8b;}
.case_list div h3 a img{ float:right; margin:12px 15px 0 0;}

.page{}
.page a{ float:left; font-weight:bold; font-family:Arial; margin-left:10px; text-align:center}
.page span{ color:#000; margin-left:10px; float:left;}
.page a:link{ color:#ff5615}
.page a:visited{ color:#ff5615}
.page a:hover{ color:#ff5615}

.case_menu{  height:33px; border-top:2px solid #eeeeec; background:#959595; width:975px;}
.case_menu .add{ background:url(../images/case/add.gif); width:29px; height:33px; overflow:hidden; float:left}
.case_menu ul li{ float:left; margin-right:1px; background:#525252; width:149px; height:33px; padding:11px 0 0 14px;}
.case_menu ul li.active{ background:#fff; font-weight:bold; width:146px; height:32px; border-top:1px solid #d3dbdd; border-left:1px solid #d3dbdd; border-right:1px solid #d3dbdd; padding:11px 0 0 15px;}
.case_menu .active a:link{ color:#2f2f2f;}
.case_menu .active a:visited{ color:#2f2f2f;}
.case_menu .active a:hover{ color:#2f2f2f;}


.contact .left{ margin:44px 0 0 20px; display:inline; background:url(../images/contact/apple.jpg) no-repeat bottom right; height:380px; width:468px; overflow:hidden }
.contact .left .title{ background:url(../images/contact/title.gif); width:413px; height:66px; overflow:hidden}
.contact .left ul{ margin:37px 0 0 11px; line-height:24px; } 
.contact .left li em{ color:#ff5615}
.contact .right{ width:425px; height:410px; margin:25px 16px 0 0; display:inline }