﻿/* ======  reset  ====== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}


/* ======  fonts  ====== */
body{font:13px/1.231,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; }
h1 { font-size: 34px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }


/* ======  clearfix  ====== */
.clear {clear:both;visibility:hidden; display: block;	font-size: 0;line-height: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}


/* ======  typo  ====== */
.typo:before, .typo:after{content:"."; display:block; height:0; visibility:hidden;}
.typo:after{clear:both;}
.typo{*zoom:1;}
.typo .typo-text { overflow:hidden;*zoom:1;}
.typo .typo-text h3{ font-size: 14px;}
.typo .typo-img { float:left; margin-right:20px;}
.typo .typo-img img { display:block;}
.typo .imgtoright { float:right; margin-left:20px; margin-right:0; }


/* ======  Columns  ====== */
.column:after {clear:both; content:"."; display:block; font-size:0; height:0; line-height:0;  min-height:0; visibility:hidden; *zoom:1;}
.column {width:100%;}
.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4{float:left;}
/* default marg-per3 margin right 3% */
.column .col-1-1 {width:100%;}
.column .col-2-1 {width: 48.5%; margin-right:3%;}
.column .col-3-1 {width: 31.3333%; margin-right:2%;}
.column .col-4-1 {width: 22.75%; margin-right:3%;}
.column .col-5-1 {width: 17.6%; margin-right:3%;}
.column .col-3-2 {width: 65.6666%; margin-right:3%;}
.column .col-4-2 {width: 48.5%; margin-right:3%;}
.column .col-4-3 {width: 74.25%; margin-right:3%;}
.column .col-5-2 {width: 38.2%; margin-right:3%;}
.column .col-5-3 {width: 58.8%; margin-right:3%;}
.column .col-5-4 {width: 79.4%; margin-right:3%;}
/* margin right 0% */
.marg-per0 > .col-2-1 {width: 50%; margin-right:0;}
.marg-per0 > .col-3-1 {width: 33.3333%; margin-right:0;}
.marg-per0 > .col-4-1 {width: 25%; margin-right:0;}
.marg-per0 > .col-5-1 {width: 20%; margin-right:0;}
.marg-per0 > .col-3-2 {width: 66.6666%; margin-right:0;}
.marg-per0 > .col-4-2 {width: 50%; margin-right:0;}
.marg-per0 > .col-4-3 {width: 75%; margin-right:0;}
.marg-per0 > .col-5-2 {width: 40%; margin-right:0;}
.marg-per0 > .col-5-3 {width: 60%; margin-right:0;}
.marg-per0 > .col-5-4 {width: 80%; margin-right:0;}
/* margin right 2% */
.marg-per2 > .col-2-1 {width: 49%; margin-right:2%;}
.marg-per2 > .col-3-1 {width: 32%; margin-right:2%;}
.marg-per2 > .col-4-1 {width: 23.5%; margin-right:2%;}
.marg-per2 > .col-5-1 {width: 18.4%; margin-right:2%;}
.marg-per2 > .col-3-2 {width: 66%; margin-right:2%;}
.marg-per2 > .col-4-2 {width: 49%; margin-right:2%;}
.marg-per2 > .col-4-3 {width: 74.5%; margin-right:2%;}
.marg-per2 > .col-5-2 {width: 38.8%; margin-right:2%;}
.marg-per2 > .col-5-3 {width: 59.2%; margin-right:2%;}
.marg-per2 > .col-5-4 {width: 79.6%; margin-right:2%;}
/* margin right 4% */
.marg-per4 > .col-2-1 {width: 48%; margin-right:4%;}
.marg-per4 > .col-3-1 {width: 30.6667%; margin-right:4%;}
.marg-per4 > .col-4-1 {width: 22%; margin-right:4%;}
.marg-per4 > .col-5-1 {width: 16.8%; margin-right:4%;}
.marg-per4 > .col-3-2 {width: 65.3333%; margin-right:4%;}
.marg-per4 > .col-4-2 {width: 48%; margin-right:4%;}
.marg-per4 > .col-4-3 {width: 74%; margin-right:4%;}
.marg-per4 > .col-5-2 {width: 37.6%; margin-right:4%;}
.marg-per4 > .col-5-3 {width: 58.4%; margin-right:4%;}
.marg-per4 > .col-5-4 {width: 79.2%; margin-right:4%;}
/* margin right 5% */
.marg-per5 > .col-2-1 {width: 47.5%; margin-right:5%;}
.marg-per5 > .col-3-1 {width: 30%; margin-right:5%;}
.marg-per5 > .col-4-1 {width: 21.25%; margin-right:5%;}
.marg-per5 > .col-5-1 {width: 16%; margin-right:5%;}
.marg-per5 > .col-3-2 {width: 65%; margin-right:5%;}
.marg-per5 > .col-4-2 {width: 47.5%; margin-right:5%;}
.marg-per5 > .col-4-3 {width: 73.75%; margin-right:5%;}
.marg-per5 > .col-5-2 {width: 37%; margin-right:5%;}
.marg-per5 > .col-5-3 {width: 58%; margin-right:5%;}
.marg-per5 > .col-5-4 {width: 79%; margin-right:5%;}
.column .last {margin-right:0; *float:right; *clear:right;}


/* ======  Form  ====== */
.qhdform fieldset{ border:none; margin:0; padding:0;}
.qhdform fieldset legend{ margin:0; padding:0;}
.qhdform .formHeader,.qhdform .formSection { padding-bottom:10px; margin-bottom:25px;}
.qhdform .formHeader p,.qhdform .formSection p { color:#666;}
/* clear float for Form */ 
.qhdform .formrow { font-size:12px; line-height:100%;}
.qhdform .formrow:before,.formrow:after{content:"."; display:block; height:0; visibility:hidden;}
.qhdform .formrow:after{clear:both;}
.qhdform .formrow{#zoom:1;}
.qhdform .formrow .controls{overflow:hidden; #zoom:1; _float:left; _clear:right;}

/* ====== Ĭ�ϱ����� ====== */
/*��̧ͷ*/
.qhdform .formrow .label{display:block; float:left; margin:5px 15px 0 0; line-height:16px; width:100px;}
.qhdform .formrow .label em {display:inline-block; float:right; line-height:22px; margin-left:5px;}
/*������ʾ*/
.qhdform .inlineHint { display:inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.qhdform .inlineHint,.qhdform .blockHint { color:#777; line-height:20px;}
/* Ĭ�ϱ�Ԫ�ؿ�� */
.qhdform .textInput,
.qhdform .fileUpload,
.qhdform .selectInput,
.qhdform select,
.qhdform textarea { width:95%;}
/* Ԥ���Ԫ�ؿ�� */
.qhdform .small { width:25% !important; }
.qhdform .medium{ width:50% !important; }
.qhdform .auto  { width:auto !important; height:auto !important; overflow:visible; }
.qhdform .textInput,.qhdform .textarea,.qhdform .selectInput,.qhdform .fileUpload {color:#666; margin:0 5px 6px 0;}
/* ���� */
.qhdform .controls ul { padding:0; margin:0 0 10px; list-style:none;}
.qhdform .controls li { padding:8px 0 0; *padding:5px 0 0; list-style:none;}
.qhdform .controls .inlinelabel li { display:inline-block; *display:inline; *zoom:1; margin-right:15px;}
.qhdform .controls li label .textInput,.qhdform .controls li label .textarea,.qhdform .controls li label .selectInput {display:block; margin-top:8px;}
.qhdform .controls .column li .textInput,.qhdform .controls .column li .textarea,.qhdform .controls .column li .selectInput { width:90%; margin-right:0;}
.qhdform .controls .column { margin-bottom:0;}

/* ====== �ޱ߿�/�ı����� ������ ====== */
.qhdform .labelRright .label { text-align:right; margin-left:0;}
.qhdform .labelRright .label em { float:none; line-height:normal; margin:0 5px 0 0;}
.qhdform .labelRright .formrow { border:none; padding:5px 0;}

/* ====== ���Žṹ ���� ��====== */
.qhdform .blockLabels .label{display:block; float:none; position:relative; margin:0 0 5px 0; line-height:18px; width:100%;}
.qhdform .blockLabels .label em {display:inline-block; float:none; line-height:16px; position:absolute; left:-6px; top:2px; margin-left:0;}
/* form skins */
.qhdform .formrow { padding:15px 10px 10px;/* width:100%;*/ overflow:hidden; border-bottom: 1px solid #EFEFEF;}
.qhdform .formbutton { border-bottom:none;}
.qhdform .textInput,
.qhdform textarea    { padding:5px; line-height:normal; border:solid 1px #ddd; background:#FFF url(../images/input_bg.png) repeat-x top; _background-image:none;}
.qhdform textarea    { height:12em;  line-height:160%;}
.qhdform select      { padding:4px; border: 1px solid #ddd; background: #fff; }
.qhdform .textInput:focus,.qhdform textarea:focus {border-color:#c9c9c9; outline:0;}
.qhdform .textInput,.qhdform textarea  {-webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s;}
/* Form Messages */
.qhdform .formrow.error,
.qhdform .formrow.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5;/* CSS3 */ border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius:px; -o-border-radius:4px; -khtml-border-radius:4px;}
/* labelRright error Messages */
.qhdform .labelRright .formrow.error,
.qhdform .labelRright .formrow.focused.error{ background:none; border:none;}
.qhdform .labelRright .formrow.error input.error,
.qhdform .labelRright .formrow.error select.error,
.qhdform .labelRright .formrow.error textarea.error{ color:#af4c4c; border: 1px solid #F3AFB5;}


/* ====== pagination  ====== */
div.pagination {
	height: 20px;
	float: right;
	margin: 50px 0px 10px 0px;
}

div.pagination a,div.pagination span {
	height: 18px;
	line-height: 18px;
	display: inline;
	float: left;
	margin-left: 3px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	outline: none;
	blr: expression(this.hideFocus =   true);
}

div.pagination a {
	padding: 0px 5px;
	border: 1px solid #cccccc;
}

div.pagination a:hover {
	border: 1px solid #1cc817;
	text-decoration: none;
}

div.pagination a.previousPage {
	width: 18px;
	padding: 0px;
	background: url(../images/common.gif) 0px -180px no-repeat;
}

div.pagination span.previousPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/common.gif) -30px -180px no-repeat;
}

div.pagination a.next_bg2 {
	color: #1cc817;
	padding: 0 0 0 5px;
	width: 15px;
}
div.pagination a.nextPage {
	width: 18px;
	padding: 0px;
	background: url(../images/common.gif) 0px -210px no-repeat;
}
div.pagination span.nextPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/common.gif) -30px -210px no-repeat;
}

div.pagination a.firstPage {
	width: 18px;
	padding: 0px;
	background: url(../images/common.gif) -60px -180px no-repeat;
}

div.pagination span.firstPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/common.gif) -90px -180px no-repeat;
}

div.pagination a.lastPage {
	width: 18px;
	padding: 0px;
	background: url(../images/common.gif) -60px -210px no-repeat;
}

div.pagination span.lastPage {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc;
	background: url(../images/common.gif) -90px -210px no-repeat;
}

div.pagination .currentPage {
	padding: 0px 5px;
	color: #1cc817 !important;
	font-weight: bold;
	cursor: default;
	border: 1px solid #1cc817;
}

div.pagination .pageBreak {
	padding: 0px 5px;
	color: #3366cc;
	cursor: default;
}



/* ====== breadcrumbs ====== */
.breadcrumbs i { font-style:normal; margin:0 3px;}
.breadcrumbs strong { font-weight:normal; color:#333;} 


/* ====== Slideshow Scrollable ====== */
.carousel-direction a { display:block; width:40px; height:40px; line-height:40px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-20px; color:#ccc; font-family:simsun; font-size:30px; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer; text-shadow:0 -1px 0 #fff; border-radius:50%; }
.carousel-direction a:hover { background-color:#81e4ed; color:#fff; text-decoration:none; }
.carousel-prev { left:0; }
.carousel-next { right:0; }
.carousel-btn { text-align:center; margin:15px 0; }
.carousel-btn a { display:inline-block; width:12px; height:12px; margin:0 10px 0 0; background:#a4a4a4; border-radius:50%; }
.carousel-btn .selected {background:#0d137f; cursor:default;}
.carousel-btn a span {display:none;}
.carousel-fixed-btn { position:absolute; bottom:20px; left:50%; margin:0 0 0 -40px; z-index:100; }
.carousel-num { position:absolute; bottom:10px; right:10px; z-index:100; }
.carousel-num a { background:#333; width:20px; height:20px; line-height:20px; text-align:center; margin:0 0 0 5px; display:inline-block; color:#fff;}
.carousel-num a:hover { text-decoration:none; color:#fff;}
.carousel-num a.selected { background:#f60; cursor:default;}
.carousel { position:relative;}
.carousel-item { position:relative; float:left; }
.carousel-info { position:absolute; bottom:0; left:0; width:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); }
.carousel-info-inner { padding:5px 10px; color:#fff; }
.carousel-info-inner h4, .carousel-info-inner h4 a { font-size:15px; color:#fff; }
.responsive-carousel .carousel-item { float:none; }
/* .responsive-carousel .carousel-item img { width:100%; height:100%; } */
.slideshow {} 
.slideshow .carousel-direction a { }
.slideshow .carousel-direction a:hover { background-color:#666; }
.slideshow .carousel-prev { left:10px; }
.slideshow .carousel-next { right:10px; }
.scrollable {}
.scrollable .caroufredsel_wrapper {/* margin:0 auto !important;*/ }
.scrollable ul { padding:0; margin:0 0 10px; list-style:none; overflow:hidden;}
.scrollable ul li {	padding:0px; margin:0 10px; display:block; float:left; text-align:center; width:225px; }
.scrollable ul li img { display:block; width:100%; }
.scrollable ul li h4 { margin-top:5px; }
.scrollable ul li h4 a { font-size:13px; font-weight:normal; }
.scrollable .carousel-direction a { width:15px; height:21px; background:url(../images/carousel-control.png); }
.scrollable .carousel-direction a span { display:none; }
.scrollable a.carousel-prev { left:-15px; background-position:0 0 }
.scrollable a.carousel-prev:hover { left:-15px; }
.scrollable a.carousel-next { right:-28px; background-position:-18px 0; }
.scrollable a.carousel-next:hover { right:-28px; }
.scrollable #scrollable-03 { margin-left:-7px;}




/* ====== Tab Accordion ====== */
.tabs-default .tabs-nav li { float:left; display:inline; height:35px; line-height:35px; margin-right:5px; }
.tabs-default .tabs-nav li a { float:left; display:block; padding:0 15px; background-color:#3b3b3b; text-decoration:none; color:#e5e5e5; cursor:pointer; border-radius:5px 5px 0 0; }
.tabs-default .tabs-nav li a:hover { color:#fff; }
.tabs-default .tabs-nav li a.current { position:relative; background-color:#169FE6; color:#fff; font-weight:bold; }
.tabs-default .tabs-panes { background:#f0eee9; border:1px solid #e3e3e3; }
.tabs-default .tabs-panes .tab-box { display:none; padding:10px 15px; width:auto; }
.accordion-default { }
.accordion-default .accordion-handle { position:relative; line-height:30px; padding:10px 0 10px 40px; border-bottom:1px solid #f0eee9; cursor:pointer; *zoom:1; }
.accordion-default .accordion-handle:hover { background-color:#f3f3f3; border-bottom:1px solid #bebebd; }
.accordion-default accordion-handle-first { border-top:1px solid #f0eee9; }
.accordion-default .accordion-handle h4 { font-size:14px; color:#333; }
.accordion-default .accordion-handle i { display:block; width:20px; height:20px; overflow:hidden; position:absolute; left:10px; top:15px; background:url(../images/accordion.gif) no-repeat;}
.accordion-default .current i { background-position:0 -20px; }
.accordion-default .accordion-pane { display:none; padding:15px 0; border-bottom:1px solid #F0EEE9; }



/* module ģ��
------------------------------------------------------------------------------------------ */
.module-default { margin:0; padding:0; }
.module { margin-bottom:25px; }
.mod-tit { padding:0; margin-bottom:10px; position:relative; line-height:35px; overflow:hidden; }
.mod-tit h3 { display:block; float:left; font-size:16px; _display:inline; }
.mod-tit-group { float:left;}
.mod-tit-icon { padding-left:35px; background-repeat:no-repeat; background-position:left center; }
.mod-more { display:block; float:right; background:url(../images/ico-mod-more.gif) no-repeat right center; padding:0 10px; font-size:12px; text-decoration:none; }
.mod-divider-line { height:1px; overflow:hidden; background-color:#dfe1e5; margin-top:20px; clear:both; }
.module-no-margin,
.module-no-margin .mod-content p,
.module-no-margin .mod-content ul,
.module-no-margin .mod-content ol, 
.module-no-margin .mod-content h1,
.module-no-margin .mod-content h2,
.module-no-margin .mod-content h3,
.module-no-margin .mod-content h4,
.module-no-margin .mod-content h5,
.module-no-margin .mod-content h6 {	
	margin:0;
}
.module-tit-border-b .mod-tit { border-bottom:2px solid #DFE1E5; }
.module-tit-border-b .mod-tit-group { border-bottom:2px solid #169fe6; margin-bottom:-2px; position:relative; padding-right:10px;}
.module-tit-border-b .mod-tit-group .mod-more { background-color:#fff; }
.module-sidebar { margin-bottom:40px; }
.module.module-sidebar{display:none;}
.module-sidebar .mod-tit { border-bottom:1px dotted #232323; border-top:2px solid #232323; margin-bottom:15px; padding:5px 0;}
.module-sidebar .mod-tit-group { float:none; }
.module-sidebar .mod-tit h3 { line-height:1.8; font-size:15px; float:none; }
.module-sidebar .mod-content p { margin-bottom:10px; }
.module-tit-bg .mod-tit { background:url(../images/mod-tit-bg.gif) repeat-x center center; }
.module-tit-bg .mod-tit-group { background-color:#fff; padding-right:15px; }
.module-tit-bg .mod-more { background-color:#fff; padding-right:15px; }
.module-shadow { padding-top:4px; background:url(../images/shadow.png) repeat-x center top; }
.module-full-page { margin-bottom:0; }
.module-full-page .mod-tit-full { margin-bottom:25px; text-align:center; }
.module-full-page .mod-tit-full h2 { font-size:24px; }
.module-full-page .mod-tit-full h3 { float:none; color:#666; }
.module-full-page .mod-tit-full .mod-tit-group { float:none; }
.module-full-page .mod-inner-full { padding:30px 110px 30px; }
.module-bg { background-color:#f9f9f9;}




/* Article ����
------------------------------------------------------------------------------------------ */
.article-category li { position:relative; margin:2px; line-height:30px; *zoom:1; }
.article-category li a { display:block; padding:0 15px; background:#fafafa; color:#7f8282; border-radius:2px; *zoom:1; }
.article-category li a:hover { background:#e5e5e5; text-decoration:none; }
.article-category li.current a { background:#2ea8e8; color:#fff; text-decoration:none; }
.article-list-row {}
.article-list-row li { padding:5px 0; *vertical-align:text-top; border-bottom:1px solid #ccc; *zoom:1; }
.article-list-row li .article-title { padding-left:15px; background:url(../images/skin-icon/ico-dot.gif) no-repeat 0 5px; }
.article-list-row li .article-time { color:#999; font-size:12px; margin-right:5px; }
.article-list-row li .article-download-link { background:url(../images/skin-icon/article-download.gif) no-repeat left center; padding-left:20px; }
.article-list-headlines { padding:0 0 15px !important;}
.article-list-headlines .article-title { background:none !important; padding:0 !important; }
.article-list-headlines .article-title h3 { font-size:16px; position:relative; top:-3px; }
.article-list-headlines .article-summary { font-size:12px; color:#4d4d4d; }
.article-list-headlines .article-info { margin-top:-10px; }
.article-list-item { border-bottom:1px solid #eee; margin:0 0 15px 0; padding:0 0 15px 0; }
.article-list-item .article-title { margin-bottom:5px; }
.article-list-item .article-title h3, .article-list .article-title a { font-size:14px; }
.article-list-item .article-title h3 a:hover {}
.article-list-item .article-title .time { font-size:10px; color:#ccc; }
.article-list-item .article-summary { font-size:12px; color:#666; }
.article-summary .qhd-content {font-size:12px; color:#666;}
.article-list-item .article-info { margin-top:-10px;}
.article-list-item .article-time { color:#999; font-size:12px; }
.article-list-item .article-time strong { font-weight:normal; }

.article-detail .article-title { text-align:center; margin-bottom:10px; }
.article-detail .article-title h1 { font-size:20px; }
.article-detail .article-info { text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; color:#666; }
.article-detail .article-info span { margin:0 10px; }
.article-detail .article-info span strong { font-weight:normal; }
.article-detail .article-download-cont { padding:5px 15px; margin:30px 0 0; border:1px solid #e5e5e5; background-color:#f2f2f2;}
.article-detail .article-download-cont h4 { font-size:16px; font-weight:bold; }
.article-detail .article-download-cont li { padding:3px 0; }
.article-detail .article-download-cont a { padding-left:10px; background:url(../images/skin-icon/ico-dot.gif) no-repeat 0 6px; }
/* ����-�б� */
.portfolio-list { }
.portfolio-list ul li { margin-bottom:20px; }
.portfolio-list ul li img { width:100%; }
.portfolio-list ul li h4 { font-size:13px; text-align:center; margin:5px 0; font-weight:normal; } 
.portfolio-list ul li h4 a { font-weight:normal; }


/* Product ��Ʒ
------------------------------------------------------------------------------------------ */
.product-img { width:270px; float:left; margin-right:20px; }
.product-info { overflow:hidden; *zoom:1; }
.product-name h1 { font-size:18px; margin-bottom:15px; }
.product-summary { font-size:12px; color:#666; }
.product-desc { margin-top:20px; }
.product-desc-tit { padding:5px 0; border-bottom:1px solid #ccc; margin-bottom:15px; }
.product-desc-tit h3 { font-size:16px; }


/* Link ����
------------------------------------------------------------------------------------------ */
.link-line li { display:inline-block; white-space:nowrap; *display:inline; *zoom:1; font-weight:700; }
.link-line span { padding:0 10px; *zoom:1; }
.link-block li { height:30px; line-height:30px; }
.link-block li em { color:#1cc817; font-size:14px; padding-right:6px; font-style:normal; }
.link-multi-line li { margin-bottom:10px; }
.link-page li { position:relative; margin:2px; line-height:30px; *zoom:1; }
.link-page li a { display:block; padding:0 15px; background:#fafafa; color:#7f8282; border-radius:2px; *zoom:1; }
.link-page li a:hover { background:#e5e5e5; text-decoration:none; }



/* ��̬����
------------------------------------------------------------------------------------------ */
.qhd-content p { line-height:1.8; }
.qhd-content h1 { font-size:30px; }
.qhd-content h2 { font-size:25px; }
.qhd-content h3 { font-size:20px; }
.qhd-content h4 { font-size:16px; }
.qhd-content h5 { font-size:15px; }
.qhd-content h6 { font-size:13px; }




/*----------------------------------------------------------------------------------------------------------------------------------------------------
           Pages style
----------------------------------------------------------------------------------------------------------------------------------------------------*/
body { font-size:12px; color:#333; position:relative; background:#e7e9eb;font-family:宋体; }
a { color:#333; text-decoration:none; }
a:hover { color:#239923; text-decoration:underline; }

/* Common Class */
#wrapper { position:relative; }
.float-left { float:left; display:inline;}
.float-right { float:right; display:inline;}
.text-center { text-align:center; }
.text-right { text-align:right; }
.boxed { width:1200px; margin:0 auto; position:relative; background:url(../images/boxed-bg.png) repeat-y 0 0; padding:0 4px; }
.page-width { width:980px; margin:0 auto; position:relative; }
.full-page { width:980px; margin:0 auto; position:relative; }
.full-screen { width:100%; margin:0 auto; position:relative; }
.page-width-padding { padding:0 30px; }


/* This Skin Carousel */
.carousel-btn a { background-color:#999; }
.carousel-btn .selected { background-color:#239923; }
.carousel-num a.selected { background:#63bdeb; }




/* ==================== Top ==================== */
.Top { position:relative; z-index:1000; }

/* ====== top-toolbar ====== */
.top-toolbar { position:relative; z-index:10000; background-color:#239923; color:#fff; }
.top-toolbar a { color:#fff; }
.top-toolbar a:hover { color:#fff; }
.top-toolbar-left, .top-toolbar-right { padding:26px 0; width:365px;text-align: right; }
.top-toolbar-left .qhd-content img { vertical-align:text-bottom; }
.top-toolbar-right .link-line li { height:30px; line-height:30px;}
.top-toolbar-right .link-line .languageCn { color:#1cc817;}
.search { margin-right:10px;}
.search .searchTxt { width:180px; padding:0 5px; height:28px; line-height:28px; border:1px solid #ccc; vertical-align:middle; color:#999;}
.search .searchBtn { width:60px; height:30px; line-height:30px; border:none; background:#1cc817; color:#fff; vertical-align:middle; cursor:pointer;}

/* language-select */
.language-select { position:relative; }
.language-select a:hover { text-decoration:none; }
.language-tip { position:absolute; top:3px; left:-5px; margin-left:-35px;}
.language-select .language-ico { padding:0 0 0 20px; background-repeat:no-repeat; background-position:left center; }
.language-select .sf-menu a { border:none; color:#ccc !important; } 
.language-select .sf-menu li { background-color:transparent; }
.language-select .sf-menu li li { background-color:#4d4d4d; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color:#595959; }



/* ====== top-container ====== */
.top-container { padding-bottom:4px; margin-bottom:-4px; background:url(../images/shadow.png) left bottom repeat-x; }
.top-container-inner { background-color:#f5f5f5; }

.logo { float:left; display:inline; margin:0; padding:10px 0 10px; }
.logo a, .logo a img { display:block;}		
.top-container-widget { }

/* nav-area */
.nav-area { background:url(../images/nav_li_green.png) repeat-x;}
.main-nav .sf-menu a { border:none; padding:10px 25px; height:22px; line-height:22px; color:#fff !important; font-weight:bold; font-size:14px; }
.main-nav .sf-menu li li a { padding:0; padding-left:15px; color:#f9f9f9 !important; font-weight:normal; font-size:12px; height:38px; line-height:38px; border-bottom:1px solid #404040; border-top:1px solid #1a1a1a; }
.main-nav .sf-menu li:hover ul, .main-nav .sf-menu li.sfHover ul { top:42px; }
.main-nav .sf-menu li li:hover ul, .main-nav .sf-menu li li.sfHover ul { top:0; }
.main-nav .sf-menu li { background:url(../images/nav_litab_green.png) no-repeat left top; padding-left:2px;}
.main-nav .sf-menu li li {background:#3a3a3a;}
.main-nav .sf-menu li li li {background-color:#3a3a3a;}
/*.main-nav .sf-menu li:hover, 
.main-nav .sf-menu li.sfHover, 
.main-nav .sf-menu a:focus, 
.main-nav .sf-menu a:hover, 
.main-nav .sf-menu a:active { background-color:#208b20; }*/
.main-nav .sf-menu li a:hover { background:url(../images/nav_li_hover_green.png) repeat-x; }
.main-nav .sf-menu li li:hover, 
.main-nav .sf-menu li li.sfHover, 
.main-nav .sf-menu li li a:focus, 
.main-nav .sf-menu li li a:hover, 
.main-nav .sf-menu li li a:active { background:url(../images/nav_li_green.png) repeat-x;}

.main-nav li .sf-sub-indicator { display:none; } /*������ͷָʾ*/
.main-nav li li .sf-sub-indicator { top:0.8em; }
	.main-nav { }
	.main-nav li {  *zoom:1; }
	.main-nav li a { display:block; }
	.main-nav li a:hover { text-decoration:none; }	
	.main-nav li li { margin:0; }
	.main-nav li.current .first-level {  }


/* ====== Top layout ====== */
.nav-below {  }
.nav-below .top-toolbar { background-color:inherit; }
.nav-below .language-select .sf-menu li { background-color:inherit;}
.nav-below .main-nav { float:none; }





/* ==================== Header ==================== */
.Header { }

/* banner */
/* 
.banner { overflow:hidden; position:relative; *zoom:1; }
.banner .carousel-img { display:block; width:100%; }
.banner .carousel-btn .selected { background-color:#fff; }
.banner-bg { background:#81e4ed url(../images/banner-bg.jpg) repeat-x; }
.banner-padding { padding:20px 0 40px; }
 */


/* ==================== ContentArea ==================== */
.ContentArea {}


/* page-title */
.page-title { position:relative; margin:0 0 60px 0; padding:20px 0; background:#f2f2f2 url(../images/page-title-bg.jpg) top center no-repeat; }
.page-title h2 { float:left; font-size:18px; overflow:hidden; color:#666; }
.breadcrumbs { float:right; margin-top:5px; font-size:12px; color:#7F8282; }
.breadcrumbs a { color:#7F8282; }
.breadcrumbs a:hover { color:#239923; }
.breadcrumbs strong { color:#239923; }

/* Sidebar */
.Sidebar { position:relative; width:230px; display:inline; }
.sidebar-menu { margin-bottom:40px; }
.sidebar-menu-tit { border-bottom:1px dotted #232323; border-top:2px solid #232323; margin-bottom:15px; padding:5px 0;  }
.sidebar-menu-tit h2 { font-size:15px; }
.context-menu li { position:relative; margin:2px; line-height:30px; *zoom:1; }
.context-menu li a { display:block; padding:0 15px; background:#fafafa; color:#7f8282; border-radius:2px; *zoom:1; }
.context-menu li a:hover { background:#e5e5e5; text-decoration:none; }
.context-menu li.current a { background:#239923; color:#fff; text-decoration:none; }

/* Main */
.Main { position:relative; width:700px; display:inline; }
.main-cont { padding:0 0 60px 0; }
.main-cont .qhd-content img { max-width:700px; }
.article-detail .qhd-content { line-height:2; }
.article-detail .qhd-content p { line-height:2; font-size:14px;}

/* fullPage-cont */
.fullPage-cont { padding:0 0 60px 0; }
.fullPage-cont .qhd-content img { max-width:980px; }



/* ==================== Footer ==================== */
.Footer { overflow:hidden; padding:25px 0 10px; color:#333; }
.Footer a:hover { color:#239923; text-decoration:underline; } 
.Footer .mod-tit { line-height:26px; color:#000; border-bottom:1px solid #ccc; }
.Footer .mod-tit h3 { font-size:15px; }
.Footer .mod-tit .mod-more { background:none; padding:0;}
.Footer .col-4-1 .link-block li { height:23px; line-height:23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* ==================== Bottom ==================== */
.Bottom { overflow:hidden; padding:8px 0; background:#f6f6f6; font-size:12px; border-top:1px solid #dfdfdf; }
.Bottom a { text-decoration:underline; font-weight:300;}
.Bottom a:hover { color:#000; text-decoration:none; }








