@charset "utf-8";

/*------------------ all css ------------------*/
/*---- fuck all
---------------------*/
html,body{
	width:100%;
	height:100%;
	}

*{
	margin:0; 
	padding:0; 
	border:0;
	}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#ffffff;
	color:#bbbbbb;
	line-height:120%;
	}
	
h1,h2,h3,h4,h5{ 
	font-size:12px; 
	line-height:120%;
	}

a,a:hover{
	text-decoration:none;
	}
a{
	color:#ffffff;
	}
	
.clear{
	clear:both;
	}
	
.w_240{
	width:240px;
	}

.ch{ 
	font-family:"宋体";
	}
.en{ 
	font-family:Arial;
	}
.clear{ 
	clear:both;
	}
.f_blue{ 
	color:#1484ed;
	}
.f_black{
	color:#000000;
	}
.f_right{
	float:right;
	}

ul,li{ 
	list-style:none; 
	padding:0; 
	margin:0;
	}
/*---- css all
---------------------*/
#topbar img,
#header .logo{
	display:block;
	}

#topbar{
	background:#000000;
	}

#topbar{ 
	height:8px;
	padding:4px 0 0 14px;
	}

#header,#main,#footer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	}

.top_down,
.top_up{
	display:block;
	float:right;
	}
.top_down{
	margin-top:19px;
	}
.top_up{
	margin-top:9px;
	}	

/*---- header
---------------------*/
	
#header .inner,
#header_banner{
	margin:0 14px;
	}

#header .inner{
	background:url(../images/line_blue.gif) repeat-x 0 34px;
	height:86px;
	}
	
#header .logo{
	margin-top:15px;
	float:left;
	}

#header_banner{
	height:152px;
	background:#000000;
	}

#header_banner img{
	display:block;
	float:left;
	}

#header_banner .inner{
	background:none;
	float:left;
	padding:15px 0;
	width:680px;
	}

#header_banner h1{
	width:100%;
	height:40px;
	padding:0 0 12px 0;
	}

#header_banner p{
	display:block;
	float:left;
	line-height:180%;
	}

#header_banner p:hover a{
	color:#ffffff;
	background:#1484ed;
	}

#header_banner p a:hover{
	color:#1484ed;
	background:#000000;
	}

#header_banner .box_right{ 
	float:right;
	}

.header_more{
	padding-top:10px;
	}
/*---- main
---------------------*/	
#main .inner{ 
	margin:0 14px;
	}	
	
.menu_title{ 
	background:url(../images/line_blue.gif) repeat-x 0 30px; 
	height:53px;
	clear:both;
	}

.box_content{ 
	background:#000000; 
	clear:both;
	overflow:hidden;
	}

.box_content p{
	padding-left:20px;
	}
.box_content p.title{
	padding-left:0;
	}
#main .box_content .inner{
	clear:both;
	color:#ffffff;
	margin:0;
	line-height:200%;
	padding-left:15px;
	}

.box_content .list_l,
.box_content .list_2,
.box_content .list_3{
	float:left;
	}
#resume_en{
	font-family:Arial;
	}
#resume_ch{
	font-family:"宋体";
	}

.box_content .list_l{
	width:220px;
	}
.box_content .list_2{
	width:400px;
	}
.box_content .list_3{
	width:255px;
	}


.box_condown{ 
	background:#1484ed; 
	clear:both;
	overflow:hidden;
	font-family: "宋体";
	}
#main .box_condown .inner{
	margin:0;
	padding:6px 12px;
	}
	
.box_condown .cd_menu a{
	display:block;
	padding:6px 0;
	}

.box_condown .down_box span{
	color:#bbbbbb;
	display:block;
	}
.box_condown a:hover{
	color:#666666;
	}
.box_condown a:hover span{
	color:#ffffff;
	}

.box_condown .down_box{
	float:left;
	background:#4099ec;
	padding:10px 12px;
	margin:0 18px 0 0;
	height:185px;
	overflow:hidden;
	}

.box_condown .cd_web{ 
	width:125px;
	}
.box_condown .cd_web a.f_right{
	margin-top:10px;
	}

.cd_comment{ 
	width:455px; 
	float:right;
	}
.cd_comment h2{ 
	font-family:Verdana, Arial; 
	height:30px; 
	line-height:30px; 
	background:url(../images/line_blue2.gif) repeat-x 0 15px;
	}
.cd_comment h2 span{ 
	display:inline; 
	background:#1484ED; 
	font-size:18px; 
	color:#ffffff; 
	padding:0 10px 0 0;
	}

/*---- form
---------------------*/	
.from_box{ 
	width:190px; 
	padding:5px 0; 
	float:right;
	}
.from_box_msg{
	width:255px; 
	float:left;
	}
.form_label{ 
	color:#ffffff; 
	font-size:14px; 
	padding:5px 0;
	}
.form_label span{ 
	font-size:11px; 
	color:#bbbbbb;
	}
.textarea_text{ 
	width:238px; 
	height:132px; 
	padding:5px;
	border:1px solid #cccccc;
	border-color:#ffffff #cccccc #cccccc #ffffff;
	}
.input_text{ 
	width:175px; 
	height:17px; 
	padding:3px;
	border:1px solid #cccccc;
	border-color:#ffffff #cccccc #cccccc #ffffff;
	}
.input_submit{ 
	background:url(../images/input_seed.gif); 
	width:90px; 
	height:23px;
	}

.form_label{ 
	display:block;
	}
.from_click{
	background:#1484ED;
	color:#ffffff;
	border:dotted 1px #ffffff;
	}
/*---- footer
---------------------*/
#footer{
	padding:20px 0;
	}
#footer a{
	float:right;
	}
#footer .inner{
	margin:0 14px;
	}

/*---- menu
---------------------*/
#menu{
	background:#ffffff;
	display:block;
	float:left;
	height:76px;
	padding:0 4px;
	margin:0 46px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#menu li{
	display:block;
	float:left;
	font-size:18px;
	line-height:380%;
	padding:0 24px;
	}

#menu a{
	color:#000000;
	}	

#menu a:hover{
	color:#1484ed;
	}

/*---- box
---------------------*/
.box_right,.box_right b,
.box_left,.box_left b,
.box_bright,.box_bright b,
.box_bleft,.box_bleft b,
.box_top,.box_top b,
.box_bottom,.box_bottom b,
.box_btop,.box_btop b,
.box_bbottom,.box_bbottom b{
	display:block;
	background-repeat:no-repeat;
	font-size:0;
	}

.box_right,
.box_left,
.box_bright,
.box_bleft{
	height:100%;
	width:6px;
	}
	
.box_bright,
.box_right{
	float:left;
	background-position:right top;
	}
.box_right,
.c_blue:hover .box_bright{
	background-image:url(../images/box_right_top.gif);
	}
.box_bright,
.c_black:hover .box_right{
	background-image:url(../images/boxblue_right_top.gif);
	}

.box_right b,
.box_bright b{
	height:100%;
	background-position:bottom right;
	}
.box_right b,
.c_blue:hover .box_bright b{
	background-image:url(../images/box_right_bottom.gif);
	}	
.box_bright b,
.c_black:hover .box_right b{
	background-image:url(../images/boxblue_right_bottom.gif);
	}	

.box_left,
.box_bleft{
	float:left;
	background-position:left top;
	}
.box_left,
.c_blue:hover .box_bleft{
	background-image:url(../images/box_left_top.gif);
	}
.box_bleft,
.c_black:hover .box_left{
	background-image:url(../images/boxblue_left_top.gif);
	}
	
.box_left b,
.box_bleft b{
	height:100%;
	background-position:bottom left;
	}
.box_left b,
.c_blue:hover .box_bleft b{
	background-image:url(../images/box_left_bottom.gif);
	}
.box_bleft b,
.c_black:hover .box_left b{
	background-image:url(../images/boxblue_left_bottom.gif);
	}


.box_top,.box_top b,
.box_bottom,.box_bottom b,
.box_btop,.box_btop b,
.box_bbottom,.box_bbottom b{
	width:100%;
	height:6px;
	font-size:0;
	}

.box_btop,
.box_top{
	background-position:right top;
	}
.box_top{
	background-image:url(../images/box_right_top.gif);
	}
.box_btop{
	background-image:url(../images/boxblue_right_top.gif);
	}

.box_btop b,
.box_top b{
	background-position:left top;
	}
.box_top b{
	background-image:url(../images/box_left_top.gif);
	}
.box_btop b{
	background-image:url(../images/boxblue_left_top.gif);
	}

.box_bbottom,
.box_bottom{
	background-position:bottom right;
	clear:both;
	}
.box_bottom{
	background-image:url(../images/box_right_bottom.gif);
	}
.box_bbottom{
	background-image:url(../images/boxblue_right_bottom.gif);
	}

.box_bbottom b,
.box_bottom b{
	background-position:bottom left;
	}
.box_bottom b{
	background-image:url(../images/box_left_bottom.gif);
	}
.box_bbottom b{
	background-image:url(../images/boxblue_left_bottom.gif);
	}

.c_blue,
.c_black{
	height:24px;
	float:left;
	margin:18px 8px 0 0;
	overflow:hidden;
	cursor:pointer;
	}

.c_blue span,
.c_black span{
	font-size:14px;
	line-height:24px;
	display:block; 
	float:left;
	text-align:center;
	padding:0 15px;
	}
.c_blue span span,
.c_black span span{
	display:inline;
	padding:0;
	float:none;
	}
	
.c_blue img,
.c_black img{ 
	display:block; 
	float:left; 
	padding:3px 5px 0 12px;
	}
	
.c_blue,.c_black:hover{
	background:#1484ED;
	}
	
.c_black,.c_blue:hover{
	background:#000000;
	}

/*---- work page
---------------------*/
#my_developer{ 
	background:#ffffff;
	font-family:Arial;
	}
#main #my_developer .inner{ 
	padding-left:0;
	line-height:160%;
	}
#my_dev,
#my_dev li{ 
	color:#666666;
	list-style:none;
	}
#my_dev li{
	float:left;
	padding:11px; 
	}
#my_dev li p{
	padding-left:0;
	}
#my_dev li .img img{
	width:275px;
	height:148px;
	display:block;
	background:#000000;
	padding:1px;
	}

#my_dev li span{ 
	margin-right:5px;
	font-weight:bold;
	color:#4099ec;
	}
#my_dev li a{ 
	color:#4099ec;
	padding:1px 5px;
	font-weight:normal;
	}
#my_dev li a:hover,
#my_dev li span:hover a{ 
	background:#4099ec;
	color:#ffffff;
	}
#my_dev li a.img_a{ 
	border:5px solid #4099ec;
	width:277px;
	height:150px;
	display:block;
	margin-bottom:5px;
	padding:0;
	}
#my_dev li a:hover.img_a{ 
	border:5px solid #cccccc;
	}
	
.box_site{ background:#1484ED; color:#ffffff; font-weight:bold;}
.site_list ul{ clear:left;}
.site_list li{ width:285px; line-height:120%;  overflow:hidden; float:left; padding:3px 15px 3px 10px;}
.site_list li b{ font-weight:normal; padding:0 5px;}
.site_list li a{ color:#1484ED; padding:0px 5px;}
.site_list li a:hover{ background:#4099ec; color:#ffffff;}
.site_list li b{ color:#111111; display:block;}