﻿/* CSS Document */

/* Reset style */

* { 
	margin:0; 
	padding:0; 
	word-break:break-all; 
}
fieldset, img { 
	border:none; 
}
legend { 
	display:none; 
}
em, strong, cite, th { 
	font-style:normal; 
	font-weight:normal; 
}
input, textarea, select, button { 
	font:12px Helvetica, Arial, sans-serif; 
}
table { 
	border-collapse:collapse; 
}
html { 
	overflow:-moz-scrollbars-vertical; 
} 
/*Always show Firefox scrollbar*/

body{
	font-family:宋体, Arial, Helvetica, sans-serif;
}
h1 {
	font:bold 22px/30px "宋体";
	letter-spacing:1px;
	color:#666;
	text-align:center;
	margin:20px 100px 40px 100px;
	border:1px solid #33CCFF;
	background-color:#F4FCFF;
	padding:10px; 
	}

h2 {
	font:bold 12px/22px "宋体";
	color:#666;
	margin:8px 5px 5px 5px;
	}
h3 {
	font:bold 13px/30px "宋体";
	color:#666;
	background:url('images/bgb.jpg') repeat-x bottom left;
	padding:0 20px;
	margin-bottom:10px;
	}
p {
	font:normal 12px/18px "宋体";
	color:#999;
	margin:5px;
	margin-bottom:15px;
}
.black {
	color:#666;
}
a:hover{
	text-decoration:none;
}
a img { 
	border:0;
}
img {
	vertical-align:top;
}
ul { 
	list-style:none;
}
.page {
	padding:5px 20px 30px;
	background:url('images/page_bg.gif')repeat-x bottom left;
}
.L { 
	float:left;
}
.R {
	float:right;
}
.clear  { 
	clear:both;
}
address { 
	font-style:normal;
	float:left;
	margin-left:10px
}
html, input, textarea
	{
	font-family:Georgia, tahoma; 
	font-size:12px;
	line-height:18px;
	color:#868686;		
	}
input, select { 
	vertical-align:middle; 
	font-weight:normal;
}
strong {
	font-size:12px; 
	color:#444444;
}
a {
	color:#3d6f92; 
	font-size:12px;
}

/*main layout */
.logo{
	margin-bottom:10px
}
#header{
	background:url(images/header_tall.gif) top repeat-x;
	padding-top:26px;
	clear:both;
}
#pic {
	width:750px;
	margin:0px auto;
	overflow:hidden;
}
.top {
	width:750px;
	margin:0px auto;
}
#main { 
	margin:0 auto;
}
#header .left {
	padding:26px 0 0 0;
}
#header .right {
	padding:46px 11px 0 0;
}
.tel {
	background:url(images/tel.gif) no-repeat top right; 
	margin-top:5px;
	float:right;
}
#menu {
	background:url(images/menu_tall.gif) top repeat-x; 
	width:750px;
	height:65px;
	margin:0px auto;
	clear:both;
}
#menu .rightbg {
	background:url(images/menu_right.gif) top right no-repeat;
}
#menu .leftbg {
	background:url(images/menu_left.gif) top left no-repeat; 
	width:100%; 
	height:65px;
}
#menu .padding {
	padding:9px 0;
}
#menu li {
	float:left; 
	width:123px; 
	background:url(images/menu_libg.gif) top right repeat-y; 
	font-size:14px; 
	text-align:center;  
	display:block;
}
#menu li a {
	color:#666; 
	text-decoration:none; 
	font-weight:normal; 
	display:block; 
	padding:8px 0 5px 0;
}
#menu li span{ 
	display:block; 
	padding:8px 0 5px 0;
}
#menu li a:hover {
	color:#333; 
	text-decoration:none;
	font-weight: bold;
}
#menu li span {
	color:#333; 
	text-decoration:underline;
}
#menu .last {
	background:none;
}

#header .content {
	background:url(images/header_bg.jpg) top left no-repeat; 
	padding:45px 60px 28px 414px; 
	color:#ffffff;
}
#header .content .text {
	padding:2px 0 33px 2px;
}
#header .content a img {
	float:right;
}
#middle{ 
	width:750px;
	margin:0px auto
}
#content {
	width:750px;
	margin:10px auto;
	border:1px solid #E0E0E0;
}
#content p {
	color:#666;
	line-height:20px;
	text-indent:24px;
}
#content ol {
	 list-style: armenian;
	  list-style-position:outside;
	  margin:5px 0 5px 30px;
}
#content li {
	  color:#666;
	  margin:5px 0;
}
#footer {
	width:100%;
	height:54px;
	padding:10px 0;
	clear:both;
	margin-top:20px;
	background:#FFFFFF url(images/footer_bg.gif) top repeat-x;
}
#footer .indent {
  	width:720px;
  	margin:0px auto; 
	padding:15px 0 0; 
	color:#868686; 
	font-size:12px;
}
#footer a {
	color:#3d6f92; 
	font-weight:bold;
}
#footer .indent span {
	display:block;
	float:left;
	font:normal 11px Arial;
	padding:10px;
	border-right:1px solid #ccc;
}
.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}

.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {
	text-align:right;
	color:#3C83BD;
	float:right;
	margin-top:5px;
}
.more a{
	padding-right:10px; 
	color:#3C83BD;
	text-decoration:none
}
.date {
	background:url(images/date_bg.gif) no-repeat 0 0; 
	padding:2px 0 2px 22px; 
	color:#444444;
}
li { 
	color:#3d6f92;
}
li a {
	color:#3d6f92; 
	font-size:12px;
}
.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}

/* index */

#index #middle .indent {
	padding:0;
}
#news {
	padding:20px 0px 20px 5px;
	width:740px;
	margin:0 auto;
}
#news li {
	float:left;
	width:720px;
	clear:left;
	line-height:25px;
	padding-left:15px;
	background:url('images/liststyle.gif') no-repeat left bottom;
	border-bottom:1px dotted #ccc;
}
#news li a {
	color:#3d6f92;
	float:left;
	text-decoration:none;
	display:block;
}
#news li a:hover {
	color:#12b4ff;
	text-decoration:underline;
}
#news li span {
	float:right;
	color:#666;
}
.products {
	width:230px;
	height:184px;
	float:left;
	margin-right:15px;
	margin-top:10px;
	padding:5px; 
	*padding:5px 5px 0 5px;
	background:url('images/products.gif') no-repeat top left ;
}

/* Products */
.products_menu {
	width:120px;
	padding:10px;
	float:left;
	border:1px solid #dbdbdb;
	background:url('images/background_sidebar.jpg') no-repeat top left;
}
.products_menu dl {
	margin-top:55px;
}
.products_menu dd {
	line-height:22px;
	margin-top:5px;
	padding-left:10px;
	background:url('images/arrow.gif') no-repeat left bottom;
} 
.products_menu dt {
	line-height:22px;
	padding-left:10px;
    background:url('images/point.gif') no-repeat left bottom;
}
.products_list {
	width:600px;
	padding-bottom:20px;
	float:right;
	border:1px solid #DEDEDE;
}
.products_list ul {
	
}
.products_list ul li {
	float:left;
	width:120px;
	margin:9px;
	_margin:7px;
	border:1px solid #dbdbdb;
	padding:5px;
	display:block;
}
.products_list ul li span {
	text-align:center;
	margin-top:5px;
	width:120px;
	overflow:hidden;
	display:block;
	height:20px;
}

/* contact us */
.contact_us {
	margin:20px 0;
	height:200px;
	clear:both;
}
.contact_us dl {
	width:235px;
	float:left;
	margin:0 5px 0 8px;
	_margin:0 5px 0 5px;
	border-right:1px dotted #ccc;
}
.contact_us dd {
	font:bold 13px/30px "宋体";
	color:#333;
	float:left;
	clear:left;
	width:100%;
}
.contact_us dt {
	font:normal 12px/20px "宋体";
	color:#666;
	float:left;
	clear:left;
	width:100%;
}

/* iFocus style */

#ifocus { width:745px; 
	height:320px; 
	margin:0px auto;
	border:1px solid #DEDEDE; 
	background:#F8F8F8; 
}
#ifocus_pic { 
	display:inline; 
	position:relative; 
	float:left; 
	width:510px; 
	height:300px; 
	overflow:hidden; 
	margin:10px 0 0 10px; 
}
#ifocus_piclist { 
	position:absolute; 
}
#ifocus_piclist li { 
	width:520px; 
	height:300px; 
	overflow:hidden;
}
#ifocus_piclist img { 
	width:520px; 
	height:300px; 
}
#ifocus_btn { 
	display:inline; 
	float:right; 
	width:200px; 
	margin:9px 9px 0 0; 
}
#ifocus_btn li { 
	width:190px; 
	height:76px; 
	cursor:pointer; 
	opacity:0.5; 
	-moz-opacity:0.5; 
	filter:alpha(opacity=50); 
}
#ifocus_btn img { 
	width:160px; 
	height:60px; 
	margin:8px 0 0 21px; 
}
#ifocus_btn .current { 
	background: url(images/ifocus_btn_bg.gif) no-repeat; 
	opacity:1; 
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
}
#ifocus_opdiv { 
	position:absolute; 
	left:0; 
	bottom:0; 
	width:520px; 
	height:35px; 
	background:#000; 
	opacity:0.5; 
	-moz-opacity:0.5; 
	filter:alpha(opacity=50); 
}
#ifocus_tx { 
	position:absolute; 
	left:8px; 
	bottom:8px; 
	color:#FFF; 
}
#ifocus_tx .normal { 
	display:none; 
	color:#FFF;
}
.scroll_div {
	width:100%;
	height:146px;
	margin:15px auto 0 auto;
	overflow: hidden;
	white-space: nowrap;
	background:#ffffff;
	clear:both;
}
.scroll_div img {
	width:140px;
	height:105px;
	border: 0;
	margin: auto 2px;
	border:1px #efefef solid;
}
#scroll li{
	width:144px;text-align:center;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li {
	display:inline;
}
/*设置ul和li横排*/
