/* CSS Document */
@import url("CommonStyle.css") ;
@import url("BaseStyle.css") ;
/***************Index Content Style Begin *********************/
 
 .sliderbox
 {
	background-color:#ECF2F5;
 }
 
 .Tab
{
	width:100%;
	float:left;
	background-color:#C8DDEC;
}
.Tab ul
{
	float:left;
}
.Tab ul li
{
	float:left;
	height:22px;
	line-height:22px;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	padding-bottom:-5px;
}
.TabOn
{
	background-color:#FBEBEC;
	color:#BE4848;
	width:95px;
	border:solid 1px #fff;
}

.TabOff
{
	background-color:#FDFAF1;
	color:#A89752;
	width:95px;
	border:solid 1px #fff;
}

.TabUL
{
	width:665px;
	float:left;
	margin:0px;
	margin-left:-10px;
	padding:0px;
}

ul.TabUL li
{
	width:210px;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	margin-left:5px;
}

ul.TabUL li .LITitle
{
	color:#0277B0;
	background:#D7E7F7 url(../images/arrow.gif) no-repeat 6px;
	height:25px;
	line-height:25px;
	text-indent:30px;
	
}

.TabUL2
{
	width:665px;
	float:left;
	margin:0px;
	margin-left:-10px;
	padding:0px;
}

ul.TabUL2 li
{
	width:320px;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	margin-left:5px;
	height:75px;
}

ul.TabUL2 li .LITitle
{
	color:#CE6401;
	height:25px;
	line-height:25px;
	text-indent:30px;
	background:#FDFDDF url(../images/arrow2.gif) no-repeat 6px;
	
}
.list_arr1 {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/list_arr1.gif) no-repeat 0px 6px
}
.list_arr2 {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/list_arr2.gif) no-repeat 0px 6px
}
.border_dash {
	BORDER-BOTTOM: #dde8ea 1px dashed
}
.border_index_dotted {
	BACKGROUND: url(../images/dotted.gif) repeat-x 0px 95px
}
.sp {
	CLEAR: both; BACKGROUND: url(../images/sp_s.gif) no-repeat 50% 0px; OVERFLOW: hidden; HEIGHT: 2px
}
.tip_right {
	PADDING-LEFT: 25px; BACKGROUND: url(../images/icon_right.gif) no-repeat 4px 4px; COLOR: #390
}
.tip_wrong {
	PADDING-LEFT: 25px; BACKGROUND: url(../images/icon_wrong.gif) no-repeat 4px 4px; COLOR: #c33
}
.small_box {
	BORDER-RIGHT: #e1ecf5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e1ecf5 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f5f8fa; PADDING-BOTTOM: 5px; OVERFLOW: hidden; BORDER-LEFT: #e1ecf5 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #e1ecf5 1px solid; ZOOM: 1
}
.top {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; BACKGROUND: url(../images/top.gif); MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 942px; PADDING-TOP: 10px; HEIGHT: 152px
}
.swf {
	FLOAT: left; WIDTH: 664px; HEIGHT: 152px
}
.login {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 242px; COLOR: #fff; PADDING-TOP: 0px; HEIGHT: 152px; TEXT-ALIGN: center
}
.login H4 {
	FONT-SIZE: 14px; MARGIN-left: 10px; WIDTH: 232px; POSITION: relative; HEIGHT: 25px; TEXT-ALIGN: left
}
.login H4 A {
	FONT-SIZE: 12px; RIGHT: 0px; COLOR: #fff; POSITION: absolute; TOP: 0px
}
.login P {
	OVERFLOW: hidden; WHITE-SPACE: nowrap; HEIGHT: 23px
}
.login LABEL {
	PADDING-RIGHT: 5px; FLOAT: left; WIDTH: 50px; LINE-HEIGHT: 24px; HEIGHT: 24px; TEXT-ALIGN: right
}
.login .ipt_login {
	FLOAT: left
}

.login .login_code
{
	width:110px;
}

.login .login_btn
{
BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px;  FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid;
height:24px;
color:#0266A6;
font-size:13px;
}

.login a
{
	color:#fff;
}
.pager {
	WIDTH: 110px; COLOR: #999; LINE-HEIGHT: 17px; HEIGHT: 17px; TEXT-ALIGN: center
}
.pager LI {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap
}
.box_960 {
	MARGIN-BOTTOM: 8px; OVERFLOW: hidden; WIDTH: 960px
}
.box_960 .t {
	BACKGROUND: url(../images/box_960.gif) no-repeat; OVERFLOW: hidden; WIDTH: 960px; HEIGHT: 3px
}
.box_960 .m {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: url(../images/box_960.gif) repeat-y -960px 50%; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 0px; ZOOM: 1;
}
.box_960 .b {
	BACKGROUND: url(../images/box_960.gif) no-repeat 0px -3px; OVERFLOW: hidden; WIDTH: 960px; HEIGHT: 3px
}
.box_960 H2 {
	PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND: url(../images/sp_w.gif) no-repeat 0px 100%; COLOR: #0277B0; LINE-HEIGHT: 25px; HEIGHT: 28px
}
.box_960 H3 {
	FONT-SIZE: 14px
}
.box_675 {
	 MARGIN-BOTTOM: 8px; OVERFLOW: hidden; WIDTH: 675px
}
.box_675 .t {
	BACKGROUND: url(../images/box_675.gif) no-repeat; OVERFLOW: hidden; WIDTH: 675px; HEIGHT: 3px
}
.box_675 .m {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: url(../images/box_675.gif) repeat-y -675px 50% #fff; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 0px; ZOOM: 1
}
.box_675 .b {
	BACKGROUND: url(../images/box_675.gif) no-repeat 0px -3px; OVERFLOW: hidden; WIDTH: 675px; HEIGHT: 3px
}
.box_675 H2 {
	PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND: url(../images/sp_w.gif) no-repeat 0px 100%; COLOR: #0277B0; LINE-HEIGHT: 25px; HEIGHT: 28px
}
.box_675 H3 {
	FONT-SIZE: 14px
}
.box_275 {
	MARGIN-BOTTOM: 8px; OVERFLOW: hidden; WIDTH: 275px
}
.box_275 .t {
	BACKGROUND: url(../images/box_275.gif) no-repeat; OVERFLOW: hidden; WIDTH: 275px; HEIGHT: 3px
}
.box_275 .m {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: url(../images/box_275.gif) repeat-y -275px 50%; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; ZOOM: 1
}
.box_275 .b {
	BACKGROUND: url(../images/box_275.gif) no-repeat 0px -3px; OVERFLOW: hidden; WIDTH: 275px; HEIGHT: 3px
}
.box_275 H2 {
	PADDING-LEFT: 15px; FONT-SIZE: 14px; BACKGROUND: url(../images/sp_s.gif) no-repeat 50% 100%; COLOR: #0277B0; LINE-HEIGHT: 24px; HEIGHT: 25px
}
.box_small {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(../images/box_small.gif); PADDING-BOTTOM: 20px; MARGIN: 10px auto; WIDTH: 327px; PADDING-TOP: 20px; HEIGHT: 125px
}



/* Annoncement Style*/
#ScrollDiv
{
	text-align:left;
}

#ScrollDiv table tr td
{
	font-size:12px;
	text-align:left;
	margin-top:10px;
	color:#ccc;
}

#ScrollDiv table tr td a
{
	font-size:13px;
	line-height:22px;
}

.AnnoncementTable
{
	width:90%;
}

.AnnoncementTitle td
{
	
	font-size:15px;
	color:#0081BD;
}

.AnnoncementContent td
{
	padding:10px 5px 10px 10px;
	text-align:left;
	height:300px;
	font-size:10px;
	font-size:13px;
	line-height:20px;
	text-indent:20px;
	vertical-align:top;
	border:solid 1px #F8F8F8;
	
}

/**Annoncement Style End*/


.FriendLinkClass
{
	width:100%;
}

.FriendLinkClass td
{
	padding:5px 5px 5px 5px;
}


/***********成功案例************/
.cases
{
 width:100%;
 float:left;
 text-align:left;
 display:table;
}

.cases li
{
 width:200px;
 float:left;
 text-align:left;
 }
 
 .cases li dt
 {
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#0277B0;
  }
  
   .cases li dt img
   {
    width:120px;
    height:160px;
    }
  .cases li dd
  {
  text-align:left;
  width:100%;
  white-space:normal; word-break:break-all;
  
  }
  
  /*************模板展示样式*******************/
  
  .cateList
  {
	width:100%;
	float:left;
  }
  
  .cateList li
  {
	width:33%;
	border:solid 1px #fff;
	background-color:#E5EFF8;
	font-size:14px;
	float:left;
	height:24px;
	text-align:center;
	overflow:hidden;
	line-height:24px;
  }
  
   .cateList li a
   {
	color:#0277B0;
   }
  
  .Templatelist
  {
	width:100%;
	float:left;
  }
  
  table.Templatelist tr td
  {
	width:335px;
	float:left;
	border-bottom:dashed 1px #E5EFF8;
	padding-bottom:8px;
  }
  
  .TemplateTitle 
  {
	text-align:center;
  }
  .TemplateTitle a
  {
	font-size:15px;
	font-weight:bold;
	color:#336699;
	
	
  }
  
  .TemplateThambnail 
  {
	width:150px;
	height:160px;
	text-align:center;
	float:left;
	vertical-align:middle;
  }
  
  
  .TemplateDescription
  {
	text-indent:20px;
	font-size:13px;
  }
  
  .TemplateImg
  {
	width:500px;
	float:left;
	overflow:hidden;
  }
  
  .TemplateDetail
  {
	text-align:left;
  }
  
 .TemplateDetail .Title
 {
	font-size:15px;
	font-weight:bold;
	color:#336699;
	text-align:center;
	border-bottom:dashed 1px #E5EFF8;
	margin-bottom:5px;
 }

 .DetailBottom
 {
	width:100%;
	text-align:center;
 }
 
 /************文件下载模块样式**********************/
 .fileList li 
 {
	margin-left:10px;
	font-size:14px;
	border-bottom:dashed 1px #c8c8c8;
	margin-top:8px;
 }
 
 .fileList li a
 {
	color:#cc0033;
	font-size:15px;
 }
 
  .fileList .fileDescription
  {
	text-indent:20px;
	margin-bottom:5px;
	margin-top:5px;
  }
  
  .articlesub
  {
	color:#008000;
	font-size:13px;
  }