﻿@charset "utf-8";
#article_content{padding: 15px 15px;
border: 1px solid #CCC;
width: 900px;
margin-top: 80px;}
list1 pad_bot2 li strong a{font-size:16px;}
#page1{font-size: 13px;
font-family: "微软雅黑";}
#h1_box h1{font-size:12px;font-family: "微软雅黑";}
#h1_box a{color:#363636;}
#tuijian #tuijian_ul li {border: 1px solid 
#CCC;float: left;margin: 2px 1px 5px 1px;}
#tuijian {
	width: 980px;
}

#tuijian #tuijian_ul li a {display: block;font-size: 12px;border-bottom: 1px dotted #CCC;font-family: 微软雅黑;margin: 1px;}
#tuijian #tuijian_ul li img{width: 155px;height: 155px;}

h1 {
	margin: 0;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}



.clear {
	clear: both;

}

a { text-decoration:none;
	outline-color: #888;	
}

/*------------------------------------------------*/


#tuijian ul#tabs li a.current .tuijian_h3{
			
			color: #FFF;
		}

	#tuijian .tuijian_h3{
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
			width: 940px;
			height: 240px;
margin:5px 0 0 0;
			overflow: hidden;
			position: relative;border: 4px solid #ccc;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('../images/current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width:658px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 658px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
/*----------------------------*/

*{margin:0px;padding:0px; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {
	overflow:hidden;
}
body {background:#f2f2f2;border:0;font:14px Arial, Helvetica, sans-serif;color:#363636;line-height:20px;font-family: 微软雅黑;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}
.main {	margin:0 auto;	width:990px;}
.body1 {background:url(../images/bg2_top.gif) top repeat-x #fff;}
.body3 {background:url(../images/bg_top2.gif) top center repeat-x}
/* main layout */
a {color:#008cdd;outline:none;text-decoration:none;}
a:hover {text-decoration:none}
#div_h1 {float:left;padding:21px 0 0 217px;position:absolute}
h2 {font-size:40px;line-height:1.2em;color:#182125;padding:35px 0 16px 0;font-weight:normal;letter-spacing:-1px;font-family: 微软雅黑;}
h2 span {font-size:20px;line-height:1.2em;color:#008cdd;display:block;margin-top:5px;letter-spacing:0;text-align:center;}
h3 {
	font-size:20px;
	color:#182125;
	line-height:1.2em;

	padding:5px 0 5px 0;
	font-weight:normal;
	font-family: "微软雅黑";
}
h4 {border:1px solid #cccccc;font-size:19px;font-weight:normal;color:#182125;line-height:40px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(js/PIE.htc);position:relative;margin-bottom:20px}
h4 span {border:1px solid #fff;display:block;background:url(../images/bg_box1.gif) top repeat-x #eee;padding:0 17px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(js/PIE.htc);position:relative}
h4 span.right {background:none;border:0}
p {padding-bottom:20px}
/* header */

#logo {display:block;width:227px;height:36px;text-indent:-5000px}
#search {float:right;padding:28px 50px 0 0}
#search .submit {float:right;background:url(../images/search_button.gif) no-repeat;width:29px;height:29px;cursor:pointer}
#search .input {float:right;margin-right:7px;background:url(../images/search_input.gif) no-repeat;width:177px;font:14px Arial, Helvetica, sans-serif;color:#363636;height:17px;padding:6px}
#menu {float:right;padding:42px 27px 0 0;}
#menu li {float:left;padding-left:25px}
#menu li a {
	display:block;
	font-size:16px;
	color:#fff;
	line-height:50px;
	padding:0 15px;
	text-decoration:none;
	font-family: "微软雅黑";
	font-weight: 500;
}
#menu li a:hover {color:#008cdd}
/* content */
#content {width: 985px;overflow:hidden;padding-bottom:35px;}
#content2 {width:990px;overflow:hidden;padding-bottom:35px}
.pad_bot1 {padding:5px 1px}
.pad_bot1 strong{font-size:15px;}
.pad_bot2 {padding-bottom:15px}
.pad_bot3 {padding-bottom:5px}
.marg_right1 {margin-right:8px}
.pad {padding:0 8px}
.pad_left1 {padding-left:58px}
.list1{}
.list1 a {color:#363636;padding-left:13px;background:url(../images/marker_1.gif) 0 5px no-repeat}
.list2{margin:0px;margin:0px;}

.list2 li {display:block; 
width: 275px;
height: 28px;
line-height: 28px;
overflow: hidden;
border-bottom: 1px solid #999;
padding-left:15px;background:url(../images/marker_2.gif) left center no-repeat;
}
.list2 li a {
font-size:12px;
text-decoration: none;
color:#363636;
width: 249px;
overflow: hidden;
height: 28px;
display: block;
font-family: 微软雅黑;
}

.list2 li a:hover{
font-size:12px;
text-decoration: underline;
color:#008CDD;
padding:0 0 0 5px;

}

.button {display:inline-block;text-decoration:none;font-size:19px;color:#182125;border:1px solid #c6cacc;line-height:35px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(js/PIE.htc);position:relative;font-family: "微软雅黑";}
.button span {background:url(../images/button1_bg.gif) top repeat-x #eee;border:1px solid #fff;padding:0 20px;display:block;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(js/PIE.htc);position:relative;font-family: "微软雅黑";}
.button:hover {color:#fff}
.button:hover span {
	background:#b2e1ff;
	font-family: "微软雅黑";
}
.color1 {color:#008cdd}
/* footer */
#footer {height:auto;text-align:center}
#footer .pad {
	padding:0;
	text-align: left;
font-size: 13px;
font-family: 微软雅黑;
text-align:center;
}
#footer .pad a {
	font-size: 12px;
}
#footer_menu li h2 {font-size: 12px;padding:0px;margin:0px;word-break:keep-all;}

#footer #nav {
	background:url(../images/bg_box2.jpg) top center no-repeat;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
	behavior:url(js/PIE.htc);
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:10px
}
#footer_menu {padding:0 43px}
#footer_menu li {float:left;padding-right:1px;word-break:keep-all;}
#footer_menu li a {
font-size: 12px;
color: 
white;
text-decoration: none;
line-height:25px;
padding: 0 1px;
font-family: "微软雅黑";
}
#footer_menu li a:hover {color:#008cdd}
/* forms */
#ContactForm {margin-top:-4px;line-height:28px}
#ContactForm .button {font-size:19px;color:#fff;border:0;line-height:29px;width:81px;text-align:center;background:url(../images/button2_bg.gif) top repeat-x #000}
#ContactForm .button:hover {background:#008cdd}
#ContactForm .textarea_box {min-height:232px;width:100%;overflow:hidden}
#ContactForm .wrapper {min-height:35px}
#ContactForm span {width:82px;float:left;font-weight:bold}
#ContactForm a {margin-left:10px;float:right}
#ContactForm .input {float:left;background:url(../images/input.gif) no-repeat;width:311px;height:17px;padding:6px;color:#182125;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;float:left;background:url(../images/textarea.gif) no-repeat;width:416px;height:202px;padding:6px;color:#182125;font:14px Arial, Helvetica, sans-serif;margin:0}

#content .col1 .listbox {
float: left;
height: auto;
width: 230px;
margin: 0 5px 0 0;
}
.main #content .col1 .listbox ul li h3 {
	font-size: 18px;
	color: #000;
	padding: 0px 0 5px 0;
	margin: 0px;
}
.listbox ul li h3 a {
	color: #0078D9;
	text-decoration: none;
font-size: 15px;
}

#page1 .body1 .body2 .main #content .col1 .listbox ul li h3 a:hover {
	text-decoration: underline;
	color: #000;
}

#linksbox ul li
{list-style-type: none;
display: block;
float: left;
width: auto;
font-size: 12px;
color: 
#999;
margin: 0 1px 0 0;
border-right: 1px solid 
#CCC;
padding: 0 1px 0 1px;
height: 16px;
line-height: 14px;
word-break: keep-all;}

