﻿/*
****************************全局控制
*/
*{ margin:0; padding:0;}
body{ margin:0 auto; font:12px Tahoma; padding:0px; background-color:#ffffff; color: #787878;}
div, form, img, ul, ol, li, dl, dt, dd{ margin:0; padding:0;}
ul{ list-style:none;}z
ol{ margin-left:23px;}
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; font:12px Tahoma; color:#797979;}
a img, img{ border:0;}
select, input, textarea{ color:#797979; background:inherit; font:12px Arial,Verdana,Tahoma;}
a:link,a:active,a:visited{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#787878;text-decoration:none;}
a:hover{text-decoration:underline;}
.hr0{ height:1px;border:none;border-top:1px dashed #D7D7D7;}
.hr1{ height:1px;border:none;border-top:1px solid #000;}
.hr2{ height:3px;border:none;border-top:3px double #6B8E23;}
.hr3{ height:5px;border:none;border-top:5px ridge #45D6D8;}
.hr4{ height:10px;border:none;border-top:10px groove #FF8C00;}

html,body { overflow-x:hidden;}

/****************************结构
*/
#wrap{width:100%;height:253px;text-align:center;background: url(../images/topbg.jpg) #fff no-repeat top center; text-align:center;}
	#wrap .flash{width:1002px;height:253px;position:relative;text-align:left; margin:0 auto;}
#wrap_min {width:100%;height:127px;text-align:center;background: url(../images/top_bg_min.png) #fff no-repeat top center; text-align:center;}
	#wrap_min .flash{width:1002px;height:127px;position:relative;text-align:left; margin:0 auto;}
#main{width:861px;height:auto!important;min-height:600px;*height:600px;text-align:left;margin:auto; margin-top:30px;}
	#main .left{ width:211px; float:left;}
		#main .left .leftnav{ width:211px; }
		#main .left .joinnav{ width:211px; padding-top:20px;}
	#main .right{ width:650px; float:left; padding-bottom:20px}
		#main .right .title{ width:650px;}
		#main .right .title .tit{ width:200px; float:left; height:21px; margin-bottom:24px;}
		#main .right .title .seat{ width:400px; float:right; line-height:27px; text-align:right;}
		#main .right .title .seat .arrow{color:#C8C8C8;}
		#main .right .title .seat a{ color:#C8C8C8; text-decoration:none;}
		#main .right .title .seat a:hover{ color:#787878; text-decoration:underline;}
		#main .right .title .description{ width:650px;clear:both;}
#bottom {width:100%;clear:both; height:auto; border-top:1px solid #dbdbdb;text-align:center; }
	#bottom .cen{ width:961px; height:60px; margin:auto;}
	#bottom .cen .copyright{ width:500px; float:left; margin-top:10px;}
	#bottom .cen .link{width:450px; float:right; line-height:56px; margin-top:10px;}
a {blr:expression(this.onFocus=this.blur())}
area {blr:expression(this.onFocus=this.blur())}

/* --- common --- */
#main .tabs {border-bottom:1px solid #faa86e; padding-bottom:26px}
#main .tabs a {float:left; height:26px; line-height:26px; padding:0 23px}
#main .tabs a img {margin:6px 0}
#main .tabs a.on {border-width:1px 1px 0 1px; border-style:solid; border-color:#faa86e; background:url(../images/tabs_repeat_bg.png) repeat-x 0 0}
#main .tabs-content {clear:both; padding-top:10px}
.hidden {display:none}

/**news***/
#main .right .NewsTitle{  height:29px; width:650px; margin-top:30px;}	
#main .right .NewsList{  height:35px; border-bottom:1px #E9E9E9 solid; padding-left:20px; line-height:35px;}
	#main .right .NewsList ul { width:630px; margin:0; padding:0; list-style:none; line-height:35px; }
	#main .right li.NewsList {width:630px;height:30px;overflow:hidden; line-height:30px;text-overflow:ellipsis; white-space:normal;word-break :break-all;}
	#main .right .NewsList a{ float:left; color:#787878; text-decoration:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:527px; zoom:1}
	#main .right .NewsList a:hover{ color:#333; text-decoration:underline;}
	#main .right .NewsList span { color:#888; float:right; line-height:35px; padding-right:25px;}
#main .right .Ipages { padding: 0 0 10px 0; margin: 0; clear: both; font-size: 14px; text-align: center; line-height: 35px; height:35px; margin-top:20px;}
#main .right .Ipages a {color:#333; padding:2px 5px; vertical-align:middle}
#main .right .Ipages strong {padding:2px 5px; color: #F60; font-size:12px; vertical-align:middle}
.prev, .prevv, .next, .nextt {background-image:url(../images/common_icons.png); background-repeat:no-repeat; height:13px; line-height:13px; display:inline-block}
#main .right .Ipages a.prev {background-position:0 -58px; width:8px;}
#main .right .Ipages a.prevv {background-position:0 -77px; width:16px}
#main .right .Ipages a.next {background-position:0 -22px; width:8px;}
#main .right .Ipages a.nextt {background-position:0 -40px; width:18px}
#main .right .NewsListContentTit{  height:35px; width:650px; margin-top:30px; background-image:url(../images/newsContent_title_bg.jpg); line-height:35px; font-size:14px; font-weight:bold; text-align:center; color:#555;}	
#main .right .NewsListContent{ width:650px; text-align:center;} 
	#main .right .NewsListContent .text{ width:620px; margin:auto; margin-bottom:40px; } 
	#main .right .NewsListContent .text p{text-indent: 2em;text-align:left; line-height:22px; }
	#main .right .NewsListContent .text .time{ text-align:center; line-height:30px; height:50px; } 
	#main .right .NewsListContent .p {text-indent:24px}
#main .right .NewsRelatedLinks{height:35px; text-align:left; }
	#main .right .NewsRelatedLinks ul { width:600px; margin:0; height:55px;list-style:none;border-bottom:solid 1px #E9E9E9; border-top:solid 1px #E9E9E9; margin-left:20px; padding-left:20px; }
	#main .right .NewsRelatedLinks li { width:550px;height:25px;margin-bottom:6px;overflow:hidden; line-height:25px;text-overflow:ellipsis; white-space:normal;word-break :break-all;}
	#main .right .NewsRelatedLinks a{ color:#787878; text-decoration:none; }
	#main .right .NewsRelatedLinks a:hover{ color:#333; text-decoration:underline;}
	#main .right .NewsRelatedLinks span { color:#888; float:right; line-height:25px; padding-right:25px;}

/**about***/
.about {margin:30px 0 }
.about dl {overflow:hidden; zoom:1}
.about dl dt {float:left; width:129px; padding-top:16px; color:#fe7211; font:bold 19px/100% Tahoma, Geneva, sans-serif}
.about dl dd {float:left; width:521px; padding-top:16px; border-top:1px solid #b4b4b4}
.about dl dd strong {display:block; color:#777}
.about dl dd span {display:block; margin:5px 0 20px 0; color:#777}
.honor h3 {color:#FF9900; border-bottom:1px solid #FF9900; font-size:14px; font-weight:bold; margin-bottom:20px; padding-bottom:5px}
.honor h4 {font-weight:bold; margin-bottom:5px}
.honor ul {margin:0 0 10px 20px}
.honor li {line-height:150%}



/**cooperation***/
.prapgaph .bigtit{ color:#FF6600; font-size:14px; font-weight:bold; line-height:35px;}
.prapgaph p {margin:10px 0; text-indent:2em; line-height:150%}
.prapgaph div {margin:10px 0; line-height:150%}
.prapgaph a{color:#787878; text-decoration:underline;}
.prapgaph a:hover{ color:#333; text-decoration:underline;}
.prapgaph2 h3 {text-indent:2em; font-weight:bold}
.prapgaph2 p {text-indent:2em; line-height:150%}
.prapgaph2 ul {margin:.5em 0 .5em 2em; line-height:150%}
.prapgaph .brand { width:650px; border-bottom: #CCCCCC 1px solid; height:120px;}
.prapgaph .brand .t1{ color:#666; font-weight:bold;}
.prapgaph .brand .t1 a{ text-decoration:none;color:#666; }
.prapgaph .brand .t1 a:hover{ text-decoration:underline;color:#222222; }
.prapgaph .brand .t2{ color:#bda487; }
.prapgaph .brand .t3{ color:#ff6533; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.prapgaph .promotion { width:650px; height:140px;}
.prapgaph .friend { width:650px; height:240px; text-align:center;}
.prapgaph .friend td{text-align:center;}

/* --- join --- */
.join {padding-top:40px}
.join table {width:100%; border-collapse:collapse; margin-bottom:14px}
.join caption {text-align:left; padding-bottom:5px;}
.join caption strong {float:left; padding-left:24px; height:20px; line-height:20px; color:#fe7316; font-weight:bold; font-size:14px; background:url(../images/common_icons.png) no-repeat 0 0}
.join caption a {float:right; width:79px; height:26px; padding-left:16px; line-height:26px; _line-height:27px; background:url(../images/common_btns.png) no-repeat 0 0; color:#FE7316}
.join caption span {display:none}
.join th {background-color:#FFF7E2; padding:0 10px; height:26px; border-bottom:1px solid #eaeae8; font-weight:bold;}
.join table td {padding:0 10px; height:26px; line-height:26px; border:1px solid #eaeae8}
.join table td.detailTd {padding:0}
.join table.joinList td {border-top:none; border-left:none; border-right:none; border-bottom:1px solid #eaeae8}
.join tbody td a {padding-left:8px; height:26px; line-height:26px; display:block; background:url(../images/common_icons.png) no-repeat 0 -95px}
.join tbody td a img {vertical-align:middle}
.join tbody tr.on td {background-color:#fff7e2}

.join td.eachList {padding:0; border:none; border-top:1px solid #eaeae8}
.join td.eachList ul {overflow:hidden; zoom:1}
.join td.eachList li {float:left; width:312px; height:27px; line-height:27px; margin:-1px -1px 0 0; padding:0 5px; border:1px solid #eaeae8; vertical-align:middle}
.join td.eachList li a {line-height:26px}
.join td.eachList li a img {vertical-align:middle}

.join .joinDesc{padding:14px; border-top:1px solid #eaeae8;backgrond-color:#fff7e2; color:#fe7115}
.join .joinDesc a{ color:#FF6600; text-decoration:underline;}
.join .joinDesc a:hover{ color:#FF9900; text-decoration:underline;}
.join .postDetail {padding:10px 25px}
.join .postDetail div p{text-indent: 2em;text-align:left; line-height:22px; }
.join .postDetail h4 {font-weight:bold; padding-top:3px;}
.join .postDescList {font-weight:bold; padding-top:3px;}
.join .detailTitle {height:36px; line-height:36px; background:url(../images/join_detail_bg.png) repeat-x 0 0; padding-left:26px; color:#787878; font-size:14px; font-weight:bold}
.joinHelp h3, .welfare h3 {font-size:14px; font-weight:bold; padding-bottom:5px; margin-bottom:10px; color:#FF9900; border-bottom:1px solid #FF9900}
.joinHelp ul {margin-left:20px; margin-bottom:10px}
.joinHelp li {line-height:150%; list-style:disc}
.welfare {padding-bottom:20px}
.welfare h3 {margin:10px 0}
.welfare p {margin:0 0 0 20px}
.dev h3 {color:#FF9900; padding-bottom:5px; font-size:14px; border-bottom:1px solid #FF9900}
.dev p {margin:10px 0; text-indent:2em}

/* --- pro --- */
.pro {padding-top:40px}
.pro .logoItems {overflow:hidden; zoom:1}
.pro .logoItems img {float:left}
.pro .logoItems div {float:right; width:518px; margin-bottom:22px; padding-bottom:27px; border-bottom:1px solid #b4b4b4; line-height:22px;}
.pro .logoItems div p{text-indent: 2em;text-align:left; line-height:22px; }
.ser {padding-top:20px}
.ser .textItems {}
.ser .textItems .yellowtit { color:#FF9900; font-weight:bold; font-size:14px; margin-bottom:22px;line-height:22px;border-bottom:1px solid #FF9900; }
.ser .textItems .texttit { line-height:22px; margin-bottom:30px;}
.ser .textItems .texttit p{text-indent: 2em;text-align:left; line-height:22px; }

/**cluture***/
.cluture {margin:10px 0 ;width:650px;}
.cluture .box { border:#CCC 1px solid; width:106px; text-align:center; float:left; height:188px; margin-bottom:15px; margin-right:40px;}
.cluture .box img{margin:3px; }
.cluture .box div{margin:5px; text-align:center; }

/* --- site --- */
.sitemap {padding-bottom:20px}
.sitemap h2 {padding-bottom:20px}
.sitemap .sitemapBox {float:left; width:115px; height:172px; margin-left:24px; padding:10px 0 115px; border:1px solid #e9e9e9; padding-left:36px}
.sitemap .marginNone {margin:0}
.sitemap .sitemapBox h3 {margin-bottom:8px}
.sitemap .sitemapBox li {line-height:150%}
.sitemap .sbox1 {background:url(../images/sitemap_1.png) no-repeat 0 bottom}
.sitemap .sbox2 {background:url(../images/sitemap_2.png) no-repeat 0 bottom}
.sitemap .sbox3 {background:url(../images/sitemap_3.png) no-repeat 0 bottom}
.sitemap .sbox4 {background:url(../images/sitemap_4.png) no-repeat 0 bottom}
.sitemap .sbox5 {background:url(../images/sitemap_5.png) no-repeat 0 bottom}

.law h3 {font-size:14px; color:#FF9900; margin:20px 0; padding-bottom:5px; border-bottom:1px solid #FF9900}
.law ul {margin-left:2em}
.law li {margin:5px; line-height:150%; list-style-type:disc; list-style-position:outside}
.law p {text-indent:2em; margin:10px 0}

.contact h2 {margin:0 0 15px 0}
.contact h3 {margin:8px 0; padding:16px 0; border-bottom:1px solid #e9e9e9}
.contact .borderNone {border:none}
.contact ul {line-height:150%}

.proxyList h3 {margin-top:-1px; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; padding-left:20px; font-weight:bold; background-color:#EFEFEF; height:38px; line-height:38px}
.proxyList ul {overflow:hidden; zoom:1; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/td_bg.png) repeat}
.proxyList li {float:left; width:108px; height:40px; line-height:40px; text-align:center}

.copyright { line-height:22px;}
.copyright h2 {margin:0 0 15px 0}
.copyright h3 {margin:8px 0; padding-top:16px; border-top:1px solid #e9e9e9}
.copyright .borderNone {border:none}

.tableList table {margin-top:10px;border-collapse:collapse;border:0px;}
.tableHead td {background-color:#FF9900; color:#F9F9F9; font-weight:bold}
.tableList td {border:1px solid #EEE; padding:5px}