@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	color:#333;
	background:url(../images/common/main_bg.gif) repeat-x;
}
a,a:hover {text-decoration:none; color:#333;}
img {border:none;}
h1,h2,h3,h4,h5,h6,ul,li,p {padding:0; margin:0;}

h1 {font-size:24px; border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:30px;}
h2 {background:url(../images/common/icon_h2.gif) left center no-repeat; font-size:18px; padding-left:20px; margin-bottom:10px;}
h3 {font-size:15px; color:#0072bc; margin-bottom:5px;}
h4 {font-size:14px; margin-bottom:5px;}

.font_big {font-weight:bold; font-size:20px; color:#0072bc; background:url(../images/common/icon_big_font.gif) left center no-repeat; padding-left:12px;}
p {line-height:22px;}


.container {width:980px; margin:0 auto; overflow:hidden;}
/*-- ####################### head ###################################### --*/
#logo img {display:block;}

#top_menu {line-height:31px; text-align:right;}
#top_menu a {padding:0 7px; font-weight:bold; color:#666666;}

#main_menu {list-style-type:none; position:absolute; top:31px; z-index:1000;}
#main_menu li {float:left; font-size:18px; font-weight:bold; line-height:87px;}
#main_menu li:hover {background:#ededed;}
#main_menu li:hover ul li {background:none;}
#main_menu li a {display:block;}

#main_menu li ul {display:none;}
#main_menu li:hover ul {display:block; list-style-type:none; position:absolute; padding-top:3px; background:#1965ba; z-index:10000;}
#main_menu li ul li {float:none; font-size:14px; line-height:41px; border-bottom:1px dashed #367cca;}
#main_menu li ul li a {display:block; padding:0 20px; color:#FFF;}
#main_menu li ul li a:hover {background:#367cca;}

/*-- ######################## index ##################################### --*/
#main_img {text-align:center; background:url(../images/index/main_img_bg.jpg) center top repeat-x; margin-bottom:20px;}
.index_wrap {clear:both; overflow:hidden; margin-bottom:20px;}
#index_board {width:380px; float:right;}
#index_board p {margin-bottom:10px;}


/*-- ######################## sub ##################################### --*/
#sub_img {clear:both; background:url(../images/common/sub_img_bg.gif) center top no-repeat #e3ecf0; text-align:center; margin-bottom:20px;}
#sub_content {float:left; width:200px; overflow:hidden; margin-bottom:30px;}
#sub_tit {background:#1965ba; font-size:20px; font-weight:bold; color:#FFF; text-align:center; line-height:60px; margin-bottom:1px;}

#sub_menu {background:#ededed; list-style-type:none; padding-bottom:40px; margin-bottom:20px;}
#sub_menu li {line-height:18px; border-bottom:1px solid #ffffff;}
#sub_menu li a {display:block; background:url(../images/common/icon_sub_menu.gif) 180px center no-repeat; padding:10px;}
#sub_menu li a:hover {background:url(../images/common/icon_sub_menu.gif) 180px center no-repeat #e0e0e0;}

#sub_menu li ul {list-style-type:disc; padding:0; margin-bottom:10px; margin-left:30px;}
#sub_menu li ul li {line-height:18px; border-bottom:none;}
#sub_menu li ul li a {display:block; background:none; padding:5px 0;}
#sub_menu li ul li a:hover {background:none; color:#F60;}


/*-- ######################### foot #################################### --*/
#foot1 {background:#ededed; border-top:1px solid #cccccc;}
#foot1 #foot2 {width:980px; margin:0 auto; background:url(../images/common/foot_logo.gif) left center no-repeat; text-align:right; padding:30px 0;}
#foot1 #foot2 p {color:#999999; font-size:12px; line-height:18px;}
#foot1 #foot2 a {color:#999999;}


/*-- ######################## content ##################################### --*/
#content {float:right; width:720px; overflow:hidden; margin-bottom:30px;}

#history_bg {background:url(../images/company/p2_a1.jpg) right center no-repeat;}
.history_wrap {clear:both; overflow:hidden; margin-bottom:5px;}
.history_wrap h3 {font-size:24px; font-weight:bold; float:left; width:120px;}
.history_wrap p {float:left; line-height:27px; width:600px;}

.tech_bg1 {background:url(../images/tech/p2_a4.gif) right center no-repeat;}

.btn1 {background:#9581c0; border:1px solid #795faf; color:#FFFFFF; font-weight:bold; padding:5px 25px;}


/*-- ####################### common #################################### --*/
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.text_right {text-align:right;}
.img_right {float:right; padding:0 0 20px 20px;}
.img_left {float:left; padding:0 20px 20px 0;}

.ul_list {margin-left:20px; list-style-type:disc;}
.ul_list li {line-height:20px;}
.ul_num {margin-left:20px; list-style-type:decimal;}
.ul_num li {line-height:20px;}

.table1 {border-top:1px solid #666666;}
.table1 tr th {background:#f0f0f0; text-align:left; border-bottom:1px solid #d9d9d9; padding:8px 10px; font-weight:bold;}
.table1 tr td {padding:6px 15px; border-bottom:1px solid #d9d9d9;}

.table_line {border-collapse:collapse; border:1px solid #CCC;}
.table_line tr th {text-align:center; background:#3e9cde; color:#FFF; padding:5px 0; border:1px solid #CCC;}
.table_line tr td {padding:4px 10px; border:1px solid #CCC;}

.box0 {background:#f2f2f2; border-top:2px solid #666666; padding:12px;}
.box1 {border:3px solid #e5e5e5; padding:15px;}
.ma_r20 {margin-right:20px;}
