/* SCIE CSS Document */
/* By Bones */
/* Email:30415051@qq.com */
/* 2009-03-28 */

body{ margin:0; font-size:12px; line-height:170%; color:#000; background:#f4f4f4 url(../images/bg.gif) repeat-x 0 0; text-align:center;}
*{ margin:0; padding:0; border:0;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;} 
a:link { text-decoration: none; color: #000;}
a:visited {	text-decoration: none; color: #000;}
a:hover { text-decoration: underline; color: #1c72d5;}
a:active { text-decoration: none;color: #000;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}


h1{ font-size:14px;}
h2{ font-size:13px;}
h3{ font-size:12px;}
span{ color:#1275e2;}
ul{ list-style:none; text-align:left; padding:5px;}
li{ background: url(../images/li1.gif) no-repeat 5px center; padding-left:15px;}

.clear{ clear:both; line-height:0; height:0;}

.header{ width:980px; margin:0 auto;}
	.top{ text-align:right; background:#f0f0f0 url(../images/topBg.gif) repeat-x; line-height:27px;}
		.top span{ color:#d52c18; padding-right:30px;}
		.top a{ padding:0 12px 0 0;}
		.top a:link { color: #7e7e7e;}
		.top a:visited { color: #7e7e7e;}
		.top a:hover { color: #5381b7;}
		.top a:active { color: #7e7e7e;}
	.banner{ width:980px; height:167px;}
	.nav{ background:#3981d7 url(../images/navBg.gif) repeat-x; line-height:38px;}
	.navLeft{ background:url(../images/navLeft.gif) no-repeat left; padding-left:3px;}
	.navRight{ background:url(../images/navRight.gif) no-repeat right; padding-right:20px;}
		.nav a{ background:url(../images/navLi.gif) no-repeat left center; padding:9px 13px;}		
		.nav a:link { color: #fff;}
		.nav a:visited { color: #fff;}
		.nav a:hover { color: #fff; background:url(../images/navHover.gif) repeat-x left center !important; background:url(../images/navHover.gif) repeat-x 0 0;}
		.nav a:active { color: #fff;}
		
.main{ width:980px; margin:0 auto; text-align:left; background:#fff url(../images/mainBg.gif) repeat-x top; padding:10px 0;}
	.main .left{ width:215px; float:left; margin-left:6px !important; margin-left:3px;}
	.main .right{ width:745px; float:right; margin-right:6px !important; margin-right:3px;}
	
	.search{ border:1px solid #cfcfcf; padding:2px; text-align:center;}
		.searchBg{ background:#fff url(../images/searchBg.gif) repeat-x bottom; padding:10px 6px;}
		.search h1{ margin:0 auto; background:url(../images/searchH1Li.gif) no-repeat 5px center; padding-left:34px; line-height:27px; color:#444; text-align:left; border-bottom:1px dashed #c4c4c4;}
		.search table{border-top:1px dashed #fff;}
		.search input{ width:135px; background:#fff; border:1px solid #c1d3e4; font-size:12px; color:#606060; height:20px; line-height:18px;}
		.search img{ margin:5px 0 0 5px;}
	
	.bus,.map{ border:1px solid #e8e8e8; margin-top:5px; background: url(../images/tit1Bg.gif) repeat-x top;}
		.bus h1{ color:#444; padding-left:43px; background:url(../images/busH1Li.gif) no-repeat 15px center; border-bottom:1px solid #b5b5b5; line-height:33px; text-align:left;}
		.bus ul{ background:#fff url(../images/busUlBg.gif); line-height:25px; padding:0;}
		.bus li{ background: url(../images/li1.gif) no-repeat 5px 9px; padding-left:15px;}
		
		.map{ text-align:center;}
		.map h1{ color:#444; padding-left:43px; background:url(../images/mapH1Li.gif) no-repeat 15px center; border-bottom:1px solid #b5b5b5; line-height:33px; text-align:left;}
		
	.units{ border:1px solid #e8e8e8; margin-top:6px; padding:5px; background:url(../images/unitsBg.gif) repeat-x bottom;}
	.units h1{ background:url(../images/BigLi.gif) no-repeat 5px center; padding-left:20px; line-height:29px; color:#1275e2; border-top:1px dashed #fff; border-bottom:1px solid #6a8dd9; text-align:left;}
	.units ul{ border-top:1px solid #fff; border-bottom:1px dashed #d3d3d3;}
	
	.intro{ float:left; background:#fff url(../images/tit2Bg.gif) repeat-x top;}
		.intro h1{ color:#1275e2; line-height:31px; background: url(../images/introH1Li.gif) no-repeat 10px center; text-indent:40px;}
		
		.intro .more{ text-align:right; padding-right:10px; line-height:31px; margin-top:-30px;}	
			.more a:link { color: #d01e0e;}
			.more a:visited { color: #d01e0e;}
			.more a:hover { color: #f00;}
			.more a:active { color: #d01e0e;}
		
		.intro .introBox{ width:506px; float:left; border:1px solid #d2e0ed; padding:5px; margin-bottom:5px;}
		.intro .introBox img{ float:left; border:1px solid #707070; margin-right:5px; width:248px; height:182px;}
		.intro .introBox p{ text-indent:0;}
	
	.main .news,.main .tel{ float:right; border:1px solid #d3e1ed; overflow:hidden;}
	.main .news{ width:213px; height:222px !important; height:228px; background:#f5f9fe url(../images/newsUlBg.gif) repeat-x bottom; padding:2px;}
		.main .news li{ background:url(../images/newsLi.gif) no-repeat 5px 8px;}
	.main .tel{width:213px; height:224px !important; height:224px; background:#fff url(../images/telUlBg.gif) repeat-x bottom;}
		.main .tel li{ line-height:32px; border-bottom:1px dashed #c4c4c4; font-size:14px; font-weight:bold;}
		.main .tel span{ font-size:12px; padding:0 2px;}
	
	.online{ width:100%; float:left; background: url(../images/tit2Bg.gif) repeat-x top; text-align:left;}
	.online h1{ width:125px; line-height:25px; padding-top:4px; margin:2px 0 0 8px; background:#2e78cc url(../images/tit3Bg.gif) no-repeat bottom; text-align:center; color:#fff;}
		.askBox{ float:left; border:1px solid #d2e0ed; border-top:2px solid #0f6bb3; padding:5px 0 5px 6px;}
		.askBox .box{ width:357px !important; width:331px; float:left; margin-right:5px; border:1px solid #d5dbe7; padding:2px;}
		.askBox h2{ color:#1275e2; padding-left:10px; width:341px; line-height:31px; background:url(../images/boxH2Bg.gif) repeat-x top; border-bottom:1px dashed #a7acc9;}
		.askBox .more{ line-height:31px; margin-top:-31px; text-align:right; padding-right:10px; width:341px;}
		.askBox .more a{ background:url(../images/moreBg.gif) no-repeat right center; padding:5px 11px 3px 13px;}
		.askBox ul{ float:left; background:url(../images/boxUlBg.gif) repeat-x top; border-top:1px dashed #fff; line-height:23px !important; line-height:24px; padding-right:20px !important; padding-right:0px;}
		.askBox li{ width:100%; float:left; border-bottom:1px solid #e9e9ea; text-align:right; padding-right:5px;}
		.askBox li a{ float:left; width:80%; white-space:nowrap; overflow:hidden; text-align:left;}
		
.footer{ width:980px; margin:0 auto; text-align:center; color:#7591b0; padding:10px 0; border-top:1px solid #abc1db; background:#fff;}

/* ===============  list_1 Page =============== */
.leftList{background:#f2f7fc url(../images/leftListBg.gif) repeat-y; margin-bottom:5px;}
.leftList h1{ background:#428ae0 url(../images/leftListTit.gif) no-repeat top; line-height:31px; text-align:center; color:#fff;}
.leftList ul{ width:190px; font-size:14px; line-height:26px; margin:0 5px;
				background:url(../images/leftListUlImgStyle.gif) repeat-y 10px 4px !important;
				background:url(../images/leftListUlImgStyle.gif) repeat-y 10px 5px;}
.leftList li{ width:190px!important; width:170px; background:url(../images/li1.gif) no-repeat 95% center; border-top:1px dashed #fff; border-bottom:1px dashed #afc7e4; padding:0 0 1px 0;}
.leftList a{ display:block; padding-left:22px; width:auto !important; width:100%;}
	.leftList a:link { color: #2f79cf;}
	.leftList a:visited { color: #2f79cf;}
	.leftList a:hover{ color:#444;font-weight:bold; text-indent:5px;background:#dee9f5 url(../images/li1.gif) no-repeat 97% center;}
	.leftList a:active { color: #2f79cf;}
	
.site{ width:100%; float:left; background:url(../images/siteBg.gif) no-repeat bottom; line-height:30px; color:#718fa6; margin-bottom:5px;}
	.site a:link { color: #d0140e;}
	.site a:visited { color: #d0140e;}
	.site a:hover { color: #f00;}
	.site a:active { color: #d0140e;}
	
.list{ width:auto; float:left; background:url(../images/listUlBg.gif); border-bottom:1px dashed #afc7e4;}
	.list ul{width:auto; float:left; margin-bottom:-10px;}
	.list li{ width:98% !important; width:365; float:left; text-align:right; color:#666; line-height:24px; margin-bottom:7px;}
	.list a{ width:auto; float:left; text-align:left; font-size:14px;}

.ctrl{ width:auto; float:right; white-space:nowrap; margin:5px 0 0 0;}
	.ctrl a{ display:block; float:left; padding:0 6px; background:#f5f9ff; border:1px solid #bfd0e8; margin:3px;}

/* ===============  list_2 Page =============== */
.list_2,.list_3{ width:365px; float:left; margin:5px 3px; background:url(../images/tit2Bg.gif) repeat-x top;}
	.list_2 h1{ width:125px; line-height:25px; padding-top:4px; margin:2px 0 0 8px; background:#2e78cc url(../images/tit3Bg.gif) no-repeat bottom; text-align:center; color:#fff;}
	.list_2 .more,.list_3 .more{ line-height:31px; margin-top:-31px; text-align:right;}
	.list_2 .more a,.list_3 .more a{ white-space:nowrap; background:url(../images/more2Bg.gif) no-repeat; padding:5px 20px 5px !important; padding:2px 15px 5px 20px; margin-right:5px;}
	.list_2 a:link,.list_3 a:link { color: #4e7a9f;}
	.list_2 a:visited,.list_3 a:visited { color: #4e7a9f;}
	.list_2 a:hover,.list_3 a:hover { color: #1d7bca;}
	.list_2 a:active,.list_3 a:active { color: #4e7a9f;}
	
	.list_2 ul{ border:1px solid #d2e0ed; border-top:2px solid #0f6bb3; padding:5px 0 4px 6px; line-height:22px;}

/* ===============  list_3 Page =============== */
.list_3{ width:99%;}
.list_3 h1{ text-align:left; padding:0 0 3px 7px;}
.list_3 ul{ float:left;}
.list_3 li{ float:left; margin:5px 8px; background:none; padding:0; text-align:center;}
.list_3 ul a{ display:block; background:none; padding:2px; border:1px solid #ccc;}
.list_3 ul img{ display:block;}

/* ===============  detail Page =============== */

.detail h1{ float:none; clear:both; font-size:16px; text-align:center; line-height:31px; background:url(../images/tit2Bg.gif) repeat-x;}
.detail h2{ font-size:12px; color:#818f9a; font-weight:normal; text-align:center; line-height:29px; background:#f3f8fc; border:1px solid #d2e0ed; border-bottom:1px dashed #afc7e4; margin-top:1px;}
.detail h2 span{ color:#ce1a10;}
.detail span{ color:#000;}

.detailWords{ border:1px solid #d2e0ed; border-top:1px solid #fff;}
	.detailWords p{ font-size:14px; text-indent:0; margin:20px;}
	.detailWords a:link { color: #d01e0e;}
	.detailWords a:visited { color: #d01e0e;}
	.detailWords a:hover { color: #f00;}
	.detailWords a:active { color: #d01e0e;}

.detailWords .ImgContain img
{
    width:320px;
    height:240px;
    float:left;
    overflow:hidden;
    MARGIN:5px 16px;
    }

.detail h3{ font-weight:normal; background:#f3f8fc; line-height:29px; text-align:right; border-top:1px dashed #afc7e4;}
.detail h3 a{ background:none; border:0; margin:0 10px;}
.detail h3 a:link { color: #d01e0e;}
.detail h3 a:visited { color: #d01e0e;}
.detail h3 a:hover { color: #f00;}
.detail h3 a:active { color: #d01e0e;}

.detail img{ display:block; text-align:center; margin:10px auto;}

/* ===============  contactUs Page =============== */
.contactUs{ border:1px solid #d2e0ed; border-top:1px solid #fff; padding:10px; text-align:center;}
.contactUs td {	font-size: 12px;line-height:26px;color:#586d8b;}
.contactUs *{ margin:0;}
.contactUs input{height:23px;line-height:23px; border:1px solid #c9d5e6; background:#fff url(../images/inputBg.gif) repeat-x 0 1px;}
.contactUs select{height:23px;line-height:23px; width:80px; border:1px solid #c9d5e6;}
.contactUs hr{ color:#d2e0ed; border-top:1px solid #d2e0ed; height:1px; margin:5px;}
.contactUs p{ text-align:center; color:#f00;}
.contactUs a{ display:block; width:125px; height:40px; margin:5px auto;}
.contactUs img{ margin:0; padding:0;}