/* CSS Document */
body{ font-family:Verdana, Arial, Helvetica, sans-serif, "宋体", Tahoma;margin: 0px;padding: 0px; border: 0px;font-size:12px;background:#f1f1f1}

.index_wrap{ width:1000px; margin:0 auto; padding:300px 0 0 0; background:#f1f1f1;}
.symbol{ position:absolute; left:0px; top:0px; background:url(../../images/site_sig.jpg) no-repeat; width:110px; height:110px; z-index:9999;}
.symbol a{ display:block; width:110px; height:110px;}
.left_avatar{ background:url(../../images/bg_avatar.jpg) no-repeat; width:260px; height:340px; position:absolute; left:-270px; top:-160px;}
.left_avatar a{ width:260px; height:340px; display:inline-block;}
.center_nav{ width:400px; margin:0 auto; text-align:center; position:relative;}
.center_nav a.a1{ background:url(../../images/button_blog.jpg) no-repeat; display:inline-block; width:108px; height:154px; margin:0 10px;}
.center_nav a.a1:hover{background:url(../../images/button_blog.jpg) no-repeat -108px 0;}

.center_nav a.a2{ background:url(../../images/button_about.jpg) no-repeat; display:inline-block; width:108px; height:154px; margin:0 10px;}
.center_nav a.a2:hover{background:url(../../images/button_about.jpg) no-repeat -108px 0;}

.center_nav a.a3{ background:url(../../images/button_portfolio.jpg) no-repeat; display:inline-block; width:108px; height:154px; margin:0 10px;}
.center_nav a.a3:hover{background:url(../../images/button_portfolio.jpg) no-repeat -108px 0;}

.right_func{ background:url(../../images/bg_func.jpg) no-repeat; width:220px; height:100px; position:absolute; right:-250px; top:5px; padding:1px 0 0 0;}
.right_func a.f1{ background:url(../../images/func_switch.jpg) no-repeat; display:inline-block; width:80px; height:98px; margin:0 5px;}
.right_func a.f1:hover{ background:url(../../images/func_switch.jpg) no-repeat -80px 0;}

.right_func a.f2{ background:url(../../images/func_mail.jpg) no-repeat; display:inline-block; width:80px; height:98px; margin:0 5px;}
.right_func a.f2:hover{ background:url(../../images/func_mail.jpg) no-repeat -80px 0;}

.bottom{ width:1000px; margin:0 auto; padding:0 0 30px 0;}
.cr{ width:430px; height:33px; background:url(../../images/copyright.png) no-repeat; margin:150px auto 0 auto; position:relative;}
.cr a.l1{ display:block; position:absolute; width:96px; height:10px; right:15px; bottom:3px;}


.about_wrap{ width:1000px; margin:0 auto; padding:120px 0 0 0; background:#f1f1f1; position:relative; overflow:hidden; zoom:1;}
.about_wrap .left{ width:970px; float:left;}
.about_wrap .right{ float:right; width:750px;}
.left_nn{ background:url(../../images/bg_about_lnn.jpg) no-repeat; height:150px;}
.about_func{ background:url(../../images/about_hp.jpg) no-repeat; width:300px; float:right; margin:0 20px 0 0; text-align:center; padding:300px 0;}

.about_con a.af1{ display:inline-block; height:41px; background:url(../../images/button_af3.jpg) no-repeat; width:255px;}
.about_con a.af1:hover{ background:url(../../images/button_af3.jpg) no-repeat -255px 0;}

.about_con a.af2{ display:inline-block; height:41px; background:url(../../images/button_af4.jpg) no-repeat; width:255px;}
.about_con a.af2:hover{ background:url(../../images/button_af4.jpg) no-repeat -255px 0;}

.about_con a.af3{ display:inline-block; height:41px; background:url(../../images/button_af1.jpg) no-repeat; width:120px; margin:0 5px 0 0;}
.about_con a.af3:hover{ background:url(../../images/button_af1.jpg) no-repeat -120px 0;}

.about_con a.af4{ display:inline-block; height:41px; background:url(../../images/button_af2.jpg) no-repeat; width:120px; margin:0 0 0 5px;}
.about_con a.af4:hover{ background:url(../../images/button_af2.jpg) no-repeat -120px 0;}

.about_func ul{ padding:10px 0 0 140px;}
.about_func ul li{ overflow:hidden; zoom:1; padding:5px 0; color:#666; font-size:14px;}
.about_func ul li strong{ float:left; display:inline-block; width:100px; text-align:right; font-weight:normal;}
.about_func ul li span{ float:left; display:inline-block; text-align:left;}
.about_func ul li a{ float:left; display:inline-block; text-align:left; color:#06c; background:url(../../images/bg_link.jpg) no-repeat right 0px; padding:0 20px 0 0;} 
.about_func ul li a:hover{ background:url(../../images/bg_link.jpg) no-repeat right -35px; color:#06c;}

.about_con{ float:left;  padding:0; margin:0; font-size:14px; color:#333; line-height:24px;}
.about_con p{ padding:10px 15px 10px 15px; border-bottom:1px dotted #ccc;}
.about_con p strong{ color:#666; font-size:10px; font-weight:normal;}
.about_con p a{ color:#06c;}
.about_con p a:hover{ color:#06c;}
.about_con p .pt{ color:#333; font-weight:bold;}

.common_sort{ padding:28px 0 0 0;}
.common_sort a{ margin:0 8px; color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:; padding:4px 0 0 0; display:inline-block; float:right;}
.common_sort a:hover{ color:#333; text-decoration:none;}
.common_sort a.currenta{ color:#fff; background:url(../../images/bg_currenttags.jpg) no-repeat 0 0; width:42px; display:inline-block; text-align:center; height:40px; font-weight:bold;}
.common_sort a.currentm{ color:#fff; background:url(../../images/bg_currenttags.jpg) no-repeat -52px 0; width:60px; display:inline-block; text-align:center; height:40px; font-weight:bold;}
.common_sort a.currentw{ color:#fff; background:url(../../images/bg_currenttags.jpg) no-repeat -212px 0; width:52px; display:inline-block; text-align:center; height:40px; font-weight:bold;}
.common_sort a.currents{ color:#fff; background:url(../../images/bg_currenttags.jpg) no-repeat -122px 0; width:80px; display:inline-block; text-align:center; height:40px; font-weight:bold;}

.common_navl{ height:101px; background:url(../../images/bg_common_nav_left.jpg) no-repeat left; padding:0 0 0 15px; position:absolute; top:-20px; right:20px;}
.common_navr{ height:101px; background:url(../../images/bg_common_nav_right.jpg) no-repeat right; padding:0 15px 0 0;}
.common_nav{ background:url(../../images/bg_common_nav.jpg) repeat-x; height:101px; text-align:center; padding:11px 0 0 0;}

.common_nav a{ margin:0; padding:0;}
.common_nav a:hover{ margin:0; text-decoration:none;}
.common_nav a.a1{ background:url(../../images/button_cn1.jpg) no-repeat 0 1px; display:inline-block; width:80px; height:85px;}
.common_nav a.a1:hover{background:url(../../images/button_cn1.jpg) no-repeat -80px 1px;}

.common_nav a.a2{ background:url(../../images/button_cn2.jpg) no-repeat 0 1px; display:inline-block; width:80px; height:85px;}
.common_nav a.a2:hover{background:url(../../images/button_cn2.jpg) no-repeat -80px 1px;}

.common_nav a.a3{ background:url(../../images/button_cn3.jpg) no-repeat 0 1px; display:inline-block; width:80px; height:85px;}
.common_nav a.a3:hover{ background:url(../../images/button_cn3.jpg) no-repeat -80px 1px;}

.common_nav a.a4{ background:url(../../images/button_cn4.jpg) no-repeat 0 1px; display:inline-block; width:80px; height:85px;}
.common_nav a.a4:hover{background:url(../../images/button_cn4.jpg) no-repeat -80px 1px;}

.common_nav a.a5{ background:url(../../images/button_cn5.jpg) no-repeat 0 1px; display:inline-block; width:80px; height:85px;}
.common_nav a.a5:hover{background:url(../../images/button_cn5.jpg) no-repeat -80px 1px;}


.work_wrap{ width:1000px; margin:0 auto; padding:120px 0 0 0; position:relative; overflow:hidden; zoom:1;}
.work_wrap .left{ width:970px; float:left;}
.work_wrap .right{ padding:30px 0 0 0;}
.work_list{}
.work_list ul{}
.work_list ul li{ border-bottom:1px dashed #999; margin:0 0 10px 0;}
.work_list ul li img{ margin:0 0 10px 0; width:1000px; padding:0;}
.work_list ul li .imgs{ padding:0 0 28px 0; background:url(../../images/bg_img_bottom.jpg) no-repeat center bottom;}
.work_list ul li b{ color:#999; font-weight:normal; display:none; line-height:18px; width:185px; font-size:10px; padding:0;}
.work_list ul li b h1{ color:#333; font-size:14px; display:inline-block; line-height:24px; margin:0 0 0 0;}
.work_list ul li b h2{ color:#666; font-size:12px; display:inline-block; line-height:18px; font-weight:normal;}

.left_wnn{ background:url(../../images/bg_work_lnn.jpg) no-repeat; height:150px;}