﻿/* Getting the new tags to behave */
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 {width:100%;overflow:hidden}
/* Global properties ======================================================== */
.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);position:relative}

/* Global Structure================================================ */
.main {
	margin:0 auto;
	width:960px
}
.toplink{height:25px;margin:0 auto;width:960px;text-align: right;font-family: "微软雅黑", "宋体","Arial Black", Vrinda;font-size: 12px;}	

/* b_class */
#middle {
	width:960px;
	background-image: url(main_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#b_class .col1 .h_text {
	font-family: "微软雅黑", "宋体","Arial Black", Vrinda;
	font-size: 24px;
	font-weight: bold;
	color: #00B5F7;
	text-decoration: none;
	padding: 10px;
	line-height: 40px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 6px solid #F00;
	word-spacing: 6px;
}
.left_nav {
	width:150px;
	height:40px;
	font-family: "微软雅黑", "宋体", "Arial Black", Vrinda;
	font-size: 16px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	background-color: #FFF;
	line-height: 40px;
	letter-spacing: 8px;
	margin-left: 20px;
	padding-left: 50px;
	background-image: url(left_nav.jpg);
}
.left_nav:hover { 
	background:url(left_nav2.jpg);
	width:130px;
	padding-left: 70px; 
}
.left_title {
	width:150px;
	height:46px;
	font-family: "微软雅黑", "宋体", "Arial Black", Vrinda;
	font-size: 24px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	background-color: #FFF;
	line-height: 40px;
	letter-spacing: 4px;
	padding-left: 70px;
	background-image: url(left_top.jpg);
	background-repeat: no-repeat;
	padding-top: 140px;
}
.left_pic {
	width:180px;
	height:590px;
	float: right;
	background-image: url(leftbg01.jpg);
}

#b_class .col1 .cont {padding:22px 40px 15px 10px;}

#b_class .col1 .cont .pic  {padding:20px 0 0 0;}
#b_class .col1 .cont .list {padding:19px 0 0 17px;}

#b_class .col1 .list2  {padding:0 0 0 10px;}
#b_class .col1 .list3  {padding:0 0 0 42px;}

#b_class .col2 .main_top {
	font-size: 12px;
	color: #999;
	line-height: 30px;
	text-align:right;
	padding-top: 30px;
	padding-right: 40px;
	padding-left: 20px;
}

#b_class .col2 .cont {padding:22px 0 0 11px;}
#b_class .col2 .cont span{ color:#0F79A5;}


#b_class .col2 .indent {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#b_class .col2 .txt{
	font-family:宋体,微软雅黑,Arial,sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #666;
	text-align: left;
	text-indent: 24px;
}
#b_class .class_tbg{
	background:url(class_tbg.jpg);
	height:60px;
	text-align:left;
	vertical-align: bottom;
	font-family:微软雅黑,黑体,Arial,Vrinda;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	color: #060;
	word-spacing: 1px;
	margin-bottom: 20px;
	padding-left: 70px;
	width: 610px;
	margin-left: 20px;
}
#b_class .class_pic{
	width: 260px;
	height:195px;
	padding: 10px;
	border: 1px dotted #999;
	float: left;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#b_class .class_txt{
	padding: 10px;
	float: left;
	width: 330px;
	font-family: "宋体", "微软雅黑", Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
.class_main{
	width:660px;
	text-align:left;
	font-family:微软雅黑,宋体,Arial,Vrinda;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-decoration: none;
	background-image: url(li_bg.jpg);
	background-repeat: repeat;
	text-indent: 50px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 40px;
}
.class_li{line-height: 30px;}

.pagenav{
	margin-top:40px;
	width: 660px;
	border: 1px dotted #CCC;
	font-family:微软雅黑,宋体,Arial,Vrinda;
	font-size: 12px;
	line-height: 32px;
	color: #999;
	text-align: center;
	margin-left: 40px;
	margin-bottom: 30px;

}
/* ContactPage */

#ContactPage .col1 .h_text { padding:22px 0 0 10px;}
#ContactPage .col1 .cont  {padding:22px 25px 24px 9px;}

#ContactPage .col2 .cont2 {padding:22px 0 13px 9px;}
#ContactPage .col2 .h2_text { padding:18px 0 0 9px;}
#ContactPage .col2 .h_text { padding:22px 0 0 9px;}
#ContactPage .col2 .cont {padding:22px 10px 27px 9px;}
#ContactPage .col2 .cont span{ color:#0F79A5;}

.form_left {width:227px; padding:17px 0 0 1px;}
.form_right {width:197px; padding:17px 0 0 1px;}
.form_left .row {height:36px;}

.form_left .input {width:181px; height:17px;}
.form_right .textarea {width:194px; height:89px; overflow:auto}
.form_right div {text-align:right; padding:8px 3px 0 0;}

/* NewsPage */

#newspage .col1 .h_text { padding:22px 0 0 10px;}
#newspage .col1 .cont  {padding:22px 42px 24px 9px;}
#newspage .link_nav {
	font-family:"宋体", "微软雅黑", Arial, sans-serif;
	font-size: 12px;
	color: #999;
	text-align:right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	line-height: 18px;
	margin-bottom: 30px;
}


#newspage .col2 .indent {
	padding: 20px;
}
#newspage .col2 .title{
	display:block;
	margin-bottom:10px;
	font-size: 22px;
	color: #960;
	font-family:微软雅黑,黑体,Arial,Vrinda;
	line-height: 40px;
	width: 800px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-left: 28px;
}

.txt{
	font-family:宋体,微软雅黑,Arial,sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #666;
	text-align: left;
	text-indent: 24px;
	margin-bottom: 30px;
	margin-left: 50px;

}
#newspage .col1 .h_text {
	font-family: "微软雅黑", "宋体","Arial Black", Vrinda;
	font-size: 24px;
	font-weight: bold;
	color: #00B5F7;
	text-decoration: none;
	padding: 10px;
	line-height: 40px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 6px solid #F00;
	text-align: center;
}
#newspage .col1 .news_search {
	background-color: #e0e0e0;
	line-height: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #F90;
	width: 160px;
}
.news_tbg{
	background:url(news_tbg.jpg);
	height:60px;
	text-align:left;
	vertical-align: bottom;
	font-family:"微软雅黑", "黑体", Arial, Vrinda;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	color: #060;
	word-spacing: 1px;
	margin-bottom: 20px;
	padding-left: 60px;
	width: 620px;
	margin-left: 20px;
}
.line2{
	background-image: url(line.jpg);
	height: 30px;
	font-family: "宋体", "微软雅黑", Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #CCC;
	text-align: right;
	background-color: #FFF;
	margin-left: 20px;
}
#newspage .flies{
	font-family: "宋体", "微软雅黑", Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #060;
	margin-left: 85px;
}
#newspage .time{
	font-size: 12px;
	color: #CCC;
	background-color: #FFF;
	float: right;
}
#newspage .news_search .input{background:#fff;padding:6px 18px;width:126px;height:18px;font:14px;font-style:inherit;color:#b4b4b4;margin:0}
#newspage .news_search .type{background:#fff;width:50px;height:30px;font:14px;font-style:inherit;color:#b4b4b4;margin:0}

/* ============================= header ====================== */
.slider{top:105px;position:absolute;z-index:1}
.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:5px;left:432px}
.slider  .pagination li{float:left;padding-right:4px}
.slider  .pagination a{display:block;width:20px;height:22px;text-indent:-9999px;background:url(bullets.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{
	padding-top:30px;
	padding-bottom:30px
}
#content2{
	padding-bottom:20px
}
.pad_left1{padding-left:50px}
.pad_left2{padding-left:40px}
.pad_bot1{padding-bottom:8px}
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{color:#60b000;font-style:normal}
.maxim{
	width:100%;
	position:relative;
	z-index:1;
	height:200px;
	overflow:hidden
}
#maxim div{
	background:url(bg_maxim.gif) 0 bottom no-repeat #f5f5f5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 20px;
}
#maxim span{display:block;padding:0 0 0 11px;font-style:normal}
.maxim li{height:200px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(marker_up.gif) 0 0 no-repeat}
.down{background:url(marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#60b000}
.list1{background:url(line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;	font-size:12px;padding-left:46px;background:url(arrow.gif) 36px 2px no-repeat}
.list1 a:hover{color:#fff}
.address{background:url(line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}
#icons{background:url(line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#fff}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
.tabs ul.nav li{padding-right:1px;float:left}
.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#60b000;text-decoration:none;text-align:center}
.tabs ul.nav .selected a, .tabs ul.nav  a:hover{background:#696969}
.tabs .tab-content {display:none}
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer {
	font-style:normal;
	color:#696969;
	text-align:center;
	font-family: "宋体", "微软雅黑", Arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
footer a{color:#fff}
footer a:hover{}
.line {
	color:#fff;
	height: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000;
}
/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#60b000;text-align:center}
#ContactForm a:hover{background:#080808}
#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#sform{}
#sform .input{background:#fff;padding:6px 18px;width:166px;height:18px;font:14px;font-style:inherit;color:#b4b4b4;margin:0}
#sform .type{background:#fff;width:70px;height:30px;font:14px;font-style:inherit;color:#b4b4b4;margin:0}
#sform .input:focus{color:#696969}
#sform .wrapper{min-height:40px}
#sform a{float:right;width:100px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#sform a:hover{background:#60b000;color:#fff}

/*--- carousel ---*/
.carousel-box {

	overflow:hidden;
	position:relative;
}
.carousel-box.alt {
	margin-top:25px;
}
.pic {
	height: 80px;
	width: 80px;
	float: left;
	margin-bottom: 20px;
}
.title {
	font-family: "微软雅黑", "Arial Black", Vrinda;
	font-size: 30px;
	line-height: 38px;
	color: #030;
	margin-bottom: 20px;
	clip: rect(auto,auto,auto,80px);
	text-align: left;
	float: left;
	margin-left: 25px;
	height: 80px;
	width: auto;
}
.carousel-box .title span{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	color: #CCC;
}
.carousel-box .prev1,
.carousel-box .next1 {
	float:left;
	margin:11px 11px 0 0;
}
.carousel-box .carousel {
	width:952px !important;
	overflow:hidden;
}
.carousel-box ul {
	width:100%;
	overflow:hidden;
}
.carousel-box ul li {
	
	float:left;
	border:0;
	position:relative;
	background:url(divider1.gif) repeat-y right top;
}
.carousel-box ul li div.inside {
	width:280px;
	padding-top: 26px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.carousel-box ul li dl {
	padding-bottom:8px;
	position:relative;
}
.carousel-box ul li dl dd {
	background-image: url(arrow_4.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 16px;
	font-size: 14px;
	line-height: 22px;
}
.carousel-box ul li dl dd a:hover {
	color:#F90;
	text-decoration: underline;
}
/*============================ BOXES ==========================*/

.box { 
	background:#fdfdfd; 
	width:960px;
}
.box .border-left { 
	background:url(border.gif) repeat-y left top;
}
.box .border-right { 
	background:url(border.gif) repeat-y right top;
}
.box .left-top-corner {	
	background:url(left-top-corner.gif) no-repeat left top;
}
.box .right-top-corner { 
	background:url(right-top-corner.gif) no-repeat right top;
}
.box .border-bot { 
	background:url(border-bot.gif) repeat-x left bottom;
	height:46px;
}
.box .left-bot-corner {	
	background:url(left-bot-corner.gif) no-repeat left bottom;
	height:46px;
}
.box .right-bot-corner { 
	background:url(right-bot-corner.gif) no-repeat right bottom;
	height:46px;
	padding-left:463px;
}
.box .inner { 
	padding:0 0 0 10px;
}
/*========================== OTHER ============================*/

.img-indent {
	margin-bottom:20px;
}

.img-box1 { 
	width:100%; 
	overflow:hidden;
}
.img-box1 img { 
	float:left; 
	margin:0 20px 0 0;
}

p { 
	line-height:1.38em;
	margin-bottom:20px;
}
.p1 {
	margin-bottom:35px;
}
.p2 {
	margin-bottom:25px;
}

.slogan {
	float:left;
	width:285px;
	padding-top:35px;
}
.slogan p {
	padding:15px 0 26px 0;
	margin:0;
}

.phone {
	width:100%;
	overflow:hidden;
}
.phone span {
	font-size:23px;
	line-height:1.2em;
	color:#565656;
	float:left;
	padding:5px 29px 0 0;
}

dl {
	line-height:1.38em;
}
dl dt {
	font-weight:bold;
	color:#000;
}
dl dd {
	padding-bottom:21px;
}
/*================= TXT, LINKS, LINES, TITLES =================*/

a {
	color:#030;
	outline:none;
	text-decoration: none;
}
a:hover {text-decoration:none;color: #F90;}
h1 {
	float:left;
	font-size:18px;
	line-height:1.2em;
	padding:21px 0 0 49px;
}
h1 a {
	text-decoration:none;
	color:#6f6f6f;
}
h1 strong {
	color:#fff;
	font-size:30px;
}
h2 {
	font-size:48px;
	line-height:1.5em;
	color:#2a2a2a;
}
h2 span {
	display:block;
	margin-bottom:-32px;
}
h2 em {	
	color:#cccccc;
	font-style:normal;
}
h2 strong {
	font-size:22px;
	line-height:1.2em;
	display:block;
	font-weight:normal;
	color:#81bb00;
	padding-left:14px;
	background:url(arrow1.gif) no-repeat left 9px;
}
h3 {
	font-size:30px;
	line-height:1.2em;
	color:#565656;
	margin-bottom:22px;
}
h4 {
	font-size:16px;
	line-height:24px;
	font-family: "微软雅黑", "Arial Black", "Times New Roman", Times, serif;
	color:#565656;
	font-weight:bold;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 15px;
}
h5 {
	font-size:1em;
	line-height:1.38em;
}
h5,
h5 a {
	color:#222226;
}
h5 a {
	text-decoration:none;
}
h5 a:hover {
	text-decoration:underline;
}

.txt1 {
	color:#000;
	font-weight:bold;
}

.link1 { 
	display:block; 
	float:left; 
	background:url(link1-tail.gif) repeat-x left top; 
	color:#fff; 
	text-decoration:none; 
	line-height:1.2em;
	text-transform:uppercase;
	font-size:12px;
}
.link1 em { 
	display:block; 
	background:url(link1-left.gif) no-repeat left top;
}
.link1 b { 
	display:block; 
	background:url(link1-right.gif) no-repeat right top; 
	padding:12px 36px 13px 21px; 
	font-style:normal; 
}
.link1:hover {
	background:url(link2-tail.gif) repeat-x left top;
	color:#9f9f9f;  
}
.link1:hover em { 
	background:url(link2-left.gif) no-repeat left top;
}
.link1:hover b { 
	background:url(link2-right.gif) no-repeat right top; 
}

.link2 { 
	display:block; 
	float:right; 
	background:url(link2-tail.gif) repeat-x left top; 
	color:#9f9f9f; 
	text-decoration:none; 
	line-height:1.2em;
	text-transform:uppercase;
	font-size:.92em;
	margin-right:10px;
	margin-left:18px;
}

.link4 em,.link2 em { 
	display:block; 
	background:url(link2-left.gif) no-repeat left top;
}
.link4 b,.link2 b { 
	display:block; 
	background:url(link2-right.gif) no-repeat right top; 
	padding:12px 36px 13px 21px; 
	font-style:normal; 
}
.link4:hover,.link2:hover {
	background:url(link1-tail.gif) repeat-x left top;
	color:#fff;
}
.link4:hover em,.link2:hover em { 
	background:url(link1-left.gif) no-repeat left top;
}
.link4:hover b,.link2:hover b { 
	background:url(link1-right.gif) no-repeat right top; 
}
.link4 {
	display:block;
	float:left;
	background:url(link2-tail.gif) repeat-x left top;
	color:#060;
	text-decoration:none;
	line-height:1.2em;
	text-transform:uppercase;
	font-size:16px;
}
.link3,
.link3 a {
	color:#000;
	font-weight:bold;
} 

.line-hor { 
	border-bottom:1px solid #efefef; 
	margin:30px 0 18px 0; 
	overflow:hidden; 
	font-size:0; 
	line-height:0;
}
/*========================== ALIGMENT =========================*/

.fleft { 
	float:left;
}

.fright { 
	float:right;
}

.clear { 
	clear:both;
}

.alignright { 
	text-align:right;
}

.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%; 
	overflow:hidden;
}

.extra-wrap {
	overflow:hidden;
}

.container { 
	width:100%;
}

/*=========================== FORMS ===========================*/

#search-form span,
#search-form label,
#search-form a {
	float:left;
}
#search-form label,
#search-form label a {
	color:#8d8d8d;
}
#search-form label {
	padding:7px 11px 0 0;
}
#search-form label a {
	text-decoration:none;
	float:none;
}
#search-form label a:hover {
	text-decoration:underline;
}
#search-form span {
	background:url(input-bg1.gif) no-repeat left top;
	width:202px;
	height:31px;
}
#search-form input {
	background:none;
	border:0;
	vertical-align:top;
	line-height:1.2em;
	margin:6px 0 0 14px;
	width:178px;
}

/*========================== LISTS ============================*/

.list li {
	padding:0 0 4px 16px;
	background:url(marker.gif) no-repeat left 5px;
}
.list li.last {
	padding-bottom:37px;
}
.list li a:hover {
	color:#000;
}

.news {
	margin-bottom:-5px;
}
.news li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:28px;
	margin-bottom:32px;
}
.news li strong {
	width:63px;
	height:63px;
	display:block;
	float:left;
	font-size:.92em;
	line-height:1.8em;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background:url(date-icon.gif) no-repeat left top;
	margin-right:19px;
}
.news li strong span {
	display:block;
	color:#000;
	font-size:2.5em;
	line-height:1.5em;
	margin-top:-4px;
}
.news li p {
	margin-bottom:0;
}
#Contact li{
	background-color: #FFF;
	font-family: "微软雅黑", "Arial Black", Vrinda;
	font-size: 14px;
	line-height: 24px;
	color: #030;
	text-align: left;
} 
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: relative;
	top: 100px;
	left: 50%;
	width: 360px;
	height: 300px;
	border: 16px solid #060;
	background-color: white;
	z-index:1002;
	overflow: auto;
	padding: 20px;
}