body{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; background:url(images/bg.gif) repeat-x}
dl,ul	{ list-style:none; margin:0; padding:0}
table	{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a	{ color:#DF2D2D; text-decoration:underline}
a:hover	{ color:#FFCC00; text-decoration:underline}

/* top */
.top	{ position:relative; width:891px; height:310px; margin:0 auto}

.top .logo	{ position:absolute; left:0; top:5px}
.top .ico	{ position:absolute; right:0; top:4px; line-height:24px; font-weight:bold; text-align:left}
.top .ico li	{ float:left; width:99px}
.top .ico li img{ float:left; margin:0 5px 0 0}
.top .ico a	{ color:#003475; text-decoration:none}
.top .ico a:hover	{ color:#CD3301}

.top .menu	{ position:absolute; right:0; top:74px}
.top .menu a{ display:inline-table; float:left; width:auto; height:24px; line-height:24px; margin:0 1px; padding:0 10px; font-weight:bold; background:#0D60AE; color:#FFFFFF; text-decoration:none}
.top .menu a:hover	{ text-decoration:underline; background:#CD3301}
.top .menu .menu_on	{ background:#003474; height:25px}
.top .menu .menu_on:hover	{ background:#003474}

.top .banner_img_1	{ position:absolute; left:-50px; top:99px}
.top .banner_img_2	{ position:absolute; left:250px; top:99px}

.top .banner_name	{ position:absolute; left:90px; top:155px; text-align:right; font-size:15px; font-family:"Times New Roman", Times, serif; color:#FFFFFF}
.top .banner_name b	{ font-size:21px; font-weight:normal;  color:#FCDA6A}
.top .banner_intro	{ position:absolute; left:300px; top:150px; width:500px; line-height:150%; text-align:justify; color:#FFFFFF}


/* main */
.main	{ width:891px; margin:-30px auto 20px; text-align:left}

.left	{ float:left; width:193px}
.left h3{ font-size:12px; color:#CD3301; margin:0 0 10px}
.left ul{ margin:0 0 20px 0}
.left li{ line-height:32px; border-bottom:solid 1px #E7E8E6; }
.left li image	{ float:left; margin:11px 6px 0 0}
.left li a	{ color:#000000; text-decoration:none}

.left p	{ margin-left:6px; line-height:180%}

.right	{ float:right; width:690px; text-align:justify; background:url(images/mid_dot.gif) repeat-y left}
.right_main	{ margin-left:20px;}
.right h1	{ font-size:14px; color:#CD3301; text-align:center}
.right h2	{ font-size:13px}

.right .right_location	{ color:#003375}
.right .right_location a{ color:#003375; text-decoration:none}
.right .right_location a:hover	{ color:#FF0000; text-decoration:underline}



/* bottom */
.bottom	{ width:891px; clear:both; text-align:left; margin:10px auto; padding:10px 0; line-height:180%; color:#8C8C8C; background:url(images/bottom_dot.gif) repeat-x top}



/* index */
.index_main	{ background:url(images/mid_dot.gif) repeat-y; background-position:470px; height:300px}
.index_main	h2	{ font-size:18px; margin:0 0 18px}
.index_main h2 a	{ color:#053575; text-decoration:none}
.index_left	{ float:left; width:450px; margin:0 0 0 5px}
.index_right{ float:right; width:390px; margin:0 5px 0 0}


.index_bottom	{ clear:both; margin:24px auto -11; height:87px; color:#FFFFFF; background:url(images/index_bottom_bg.gif) repeat-x}
.index_bottom h3{ font-size:18px; margin:0}

.index_bottom_left	{ float:left; width:470px; padding:12px 0 0 12px}

.index_bottom ul	{ clear:both}
.index_bottom li	{ float:left; width:auto; margin:5px 12px 5px 0; line-height:12px;  }
.index_bottom li img{ float:left; margin:1px 3px 0 0}
.index_bottom li a	{ color:#FFFFFF}

.index_bottom_right	{ float:right; position:relative; width:408px; padding:12px 0 0 0}
.index_bottom_right div	{ position:absolute; top:14px; right:3px;}
.index_bottom_right p	{ width:auto; margin:10px 0}


/* products list*/
.products_list li	{ clear:both; height:130px; border-bottom:solid 1px #E7E8E6}
.products_list li h2	{ margin:16px 10px 6px 0}
.products_list li h2 a	{ color:#000000; text-decoration:none}
.products_list li div	{ float:left; width:100px; height:120px; text-align:center}
.products_list li p		{ float:left; width:500px; margin:0 0 0 24px; line-height:180%; text-align:justify}
.products_list li .read_more	{ text-align:right}

/*video*/
.video_show	{ margin:20px 0}
.video_show	li	{ float:left; width:335px; text-align:center}
.video_show	li h3	{ font-size:13px; text-align:left; padding-left:24px}
.video_show	li p	{ font-weight:bold}

.video_list	{ clear:both;width:99%}
.video_list li	{ clear:both;  border-bottom:solid 1px #E7E8E6; line-height:28px; padding:0; margin:0}
.video_list li p	{ float:left; width:auto}
.video_list li div	{ float:right; width:auto}

.video_detail h2{ text-align:center}
.video_detail div	{ text-align:center}
.video_detail p		{ text-align:center; color:#FF0000}