@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

.mclear {

  *zoom: 1;
}
.mclear:before,
.mclear:after {
  display: table;
  content: "";
  line-height: 0;
}
.mclear:after {
  clear: both;
}



/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
.xwzx
{
	background-color:#639;
	 height:20px;
	width:150px;}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.nowrap{
	
	overflow:hidden;
	height:22px;
	
	word-break:break-all;}
	
	
.mSpan1{width:4.16666666666667%;float:left;}
.mSpan2{width:8.33333333333333%;float:left;}
.mSpan3{width:12.5%;float:left;}
.mSpan4{width:16.6666666666667%;float:left;}
.mSpan5{width:20.8333333333333%;float:left;}
.mSpan6{width:25%;float:left;}
.mSpan7{width:29.1666666666667%;float:left;}
.mSpan8{width:33.3333333333333%;float:left;}
.mSpan9{width:37.5%;float:left;}
.mSpan10{width:41.6666666666667%;float:left;}
.mSpan11{width:45.8333333333333%;float:left;}
.mSpan12{width:50%;float:left;}
.mSpan13{width:54.1666666666667%;float:left;}
.mSpan14{width:58.3333333333333%;float:left;}
.mSpan15{width:62.5%;float:left;}
.mSpan16{width:66.6666666666667%;float:left;}
.mSpan17{width:70.8333333333333%;float:left;}
.mSpan18{width:75%;float:left;}
.mSpan19{width:79.1666666666667%;float:left;}
.mSpan20{width:83.3333333333333%;float:left;}
.mSpan21{width:87.5%;float:left;}
.mSpan22{width:91.6666666666667%;float:left;}
.mSpan23{width:95.8333333333333%;float:left;}
.mSpan24{width:100%;float:left;}
.c1{width:100%;float:left;}
.c2{width:50%;float:left;}
.c3{width:33.3333333333333%;float:left;}
.c4{width:24.99%;float:left;}
.c5{width:19.9%;float:left;}
.c6{width:16.6666666666667%;float:left;}
.c7{width:14.2757142857143%;float:left;}
.c8{width:12.474%;float:left;}
.c9{width:11.071111%;float:left;}
.c10{width:9.96%;float:left;}
.c11{width:9.09090909090909%;float:left;}
.c12{width:8.33333333333333%;float:left;}
.c13{width:7.69230769230769%;float:left;}
.c14{width:7.14285714285714%;float:left;}
.c15{width:6.66666666666667%;float:left;}
.c16{width:6.25%;float:left;}
.c17{width:5.88235294117647%;float:left;}
.c18{width:5.55555555555556%;float:left;}
.c19{width:5.26315789473684%;float:left;}
.c20{width:5%;float:left;}
.c21{width:4.76190476190476%;float:left;}
.c22{width:4.54545454545455%;float:left;}
.c23{width:4.34782608695652%;float:left;}
.c24{width:4.16666666666667%;float:left;}


.bHidden
	{
		display:none !important;
		}
/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (max-width: 420px) {
	
	
	.xxxsShow
	{
		display:block !important;
	}
	.xxxsHidden
	{
		display:none !important;
	}

	}


	
/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (max-width: 767px) {

.search{
	width:110px;
	height:20px;
	border:1px solid #cecece;
	border-right:none;
	margin-top:2px;
	float:right;
	line-height:20px;
	background-color:#FFF;
	}

	.mSpan1{width:8.33333333333333%;float:left;}
.mSpan2{width:16.6666666666667%;float:left;}
.mSpan3{width:25%;float:left;}
.mSpan4{width:33.3333333333333%;float:left;}
.mSpan5{width:41.6666666666667%;float:left;}
.mSpan6{width:50%;float:left;}
.mSpan7{width:58.3333333333333%;float:left;}
.mSpan8{width:66.6666666666667%;float:left;}
.mSpan9{width:75%;float:left;}
.mSpan10{width:83.3333333333333%;float:left;}
.mSpan11{width:91.6666666666667%;float:left;}
.mSpan8,.mSpan13,.mSpan16{width:100%;float:left;}

.c1{width:100%;float:left;}
.c2{width:50%;float:left;}
.c3{width:50%;float:left;}
.c4{width:50%;float:left;}
.c5{width:33.3333333333333%;float:left;}
.c6{width:33.3333333333333%;float:left;}
.c7{width:25%;float:left;}
.c8{width:25%;float:left;}
.c9{width:20%;float:left;}
.c10{width:20%;float:left;}
.c11{width:16.66666666666666%;float:left;}
.c12{width:16.66666666666666%;float:left;}
.c13{width:13.33333333333334%;float:left;}
.c14{width:13.33333333333334%;float:left;}
.c15{width:12.5%;float:left;}
.c16{width:12.5%;float:left;}
.c17{width:11.11111111111112%;float:left;}
.c18{width:11.11111111111112%;float:left;}
.c19{width:10%;float:left;}
.c20{width:10%;float:left;}
.c21{width:9.0909090909091%;float:left;}
.c22{width:9.0909090909091%;float:left;}
.c23{width:8.33333333333334%;float:left;}
.c24{width:8.33333333333334%;float:left;}

	
	
	.xsShow
	{
		display:block !important;
	}
	.xsHidden
	{
		display:none !important;
	}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.mgT
{ 
	}

.xs
{
	float:left;
	padding-left:10px;
}
.col2
{
	 width:50%;	 
}
.col3
{
		 width:33.33333%;	 
}
.col4
{
	 
	width:25%;
}

.xs-row
{
	margin-left:-10px;
	
}
.numbe
{
	display:none;}
	
}
.search{
	width:160px;
	height:20px;
	border:1px solid #cecece;
	border-right:none;
	margin-top:1px;
	float:right;
	line-height:20px;
	background-color:#FFF;
	}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width:768px) and (max-width: 980px) {

.c1{width:100%;float:left;}
.c2{width:50%;float:left;}
.c3{width:50%;float:left;}
.c4{width:25%;float:left;}
.c5{width:20%;float:left;}
.c6{width:16.6666666666667%;float:left;}
.c7{width:14.2857142857143%;float:left;}
.c8{width:12.5%;float:left;}
.c9{width:11.1111111111111%;float:left;}
.c10{width:10%;float:left;}
.c11{width:9.09090909090909%;float:left;}
.c12{width:8.33333333333333%;float:left;}
.c13{width:7.69230769230769%;float:left;}
.c14{width:7.14285714285714%;float:left;}
.c15{width:6.66666666666667%;float:left;}
.c16{width:6.25%;float:left;}
.c17{width:5.88235294117647%;float:left;}
.c18{width:5.55555555555556%;float:left;}
.c19{width:5.26315789473684%;float:left;}
.c20{width:5%;float:left;}
.c21{width:4.76190476190476%;float:left;}
.c22{width:4.54545454545455%;float:left;}
.c23{width:4.34782608695652%;float:left;}
.c24{width:4.16666666666667%;float:left;}
	
	
	
.search{
	width:110px;
	height:20px;
	border:1px solid #cecece;
	border-right:none;
	margin-top:8px;
	float:right;
	line-height:20px;
	background-color:#FFF;
	}

	.sShow
	{
		display:block !important;
	}
	.sHidden
	{
		display:none !important;
	}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.xwzx
{
	 height:180px;
	width:150px;
	background-color:#0F9}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 980px) {

.c1{width:100%;float:left;}
.c2{width:50%;float:left;}
.c3{width:33.3333333333333%;float:left;}
.c4{width:25%;float:left;}
.c5{width:20%;float:left;}
.c6{width:16.6666666666667%;float:left;}
.c7{width:14.2857142857143%;float:left;}
.c8{width:12.5%;float:left;}
.c9{width:11.1111111111111%;float:left;}
.c10{width:10%;float:left;}
.c11{width:9.09090909090909%;float:left;}
.c12{width:8.33333333333333%;float:left;}
.c13{width:7.69230769230769%;float:left;}
.c14{width:7.14285714285714%;float:left;}
.c15{width:6.66666666666667%;float:left;}
.c16{width:6.25%;float:left;}
.c17{width:5.88235294117647%;float:left;}
.c18{width:5.55555555555556%;float:left;}
.c19{width:5.26315789473684%;float:left;}
.c20{width:5%;float:left;}
.c21{width:4.76190476190476%;float:left;}
.c22{width:4.54545454545455%;float:left;}
.c23{width:4.34782608695652%;float:left;}
.c24{width:4.16666666666667%;float:left;}	
	
	
.search{
	width:160px;
	height:20px;
	border:1px solid #cecece;
	border-right:none;
	margin-top:1px;
	float:right;
	line-height:20px;
	background-color:#FFF;
	}

	.bShow
	{
		display:block !important;
	}
	.bHidden
	{
		display:none !important;
		}
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.xwzx
{
	background-color:#639;
	 height:20px;
	width:150px;}
}
/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (max-width: 550px) {
	
.c1{width:100%;float:left;}
.c2{width:100%;float:left;}
.c3{width:50%;float:left;}
.c4{width:50%;float:left;}
.c5{width:50%;float:left;}
.c6{width:50%;float:left;}
.c7{width:50%;float:left;}
.c8{width:50%;float:left;}
.c9{width:50%;float:left;}
.c10{width:50%;float:left;}
.c11{width:25%;float:left;}
.c12{width:25%;float:left;}
.c13{width:25%;float:left;}
.c14{width:25%;float:left;}
.c15{width:25%;float:left;}
.c16{width:25%;float:left;}
.c17{width:22.22222222222224%;float:left;}
.c18{width:22.22222222222224%;float:left;}
.c19{width:20%;float:left;}
.c20{width:20%;float:left;}
.c21{width:18.1818181818182%;float:left;}
.c22{width:18.1818181818182%;float:left;}
.c23{width:16.66666666666666%;float:left;}
.c24{width:16.66666666666666%;float:left;}	
	
	
.search{
	width:110px;
	height:20px;
	border:1px solid #cecece;
	border-right:none;
	margin-top:8px;
	float:right;
	line-height:20px;
	background-color:#FFF;
	}

	.mSpan1{width:16.6666666666667%;float:left;}
.mSpan2{width:33.3333333333333%;float:left;}
.mSpan3,.mSpan4,.mSpan5,.mSpan6{width:50%;float:left;}

.mSpan6{width:100%;float:left;}
	.xxsShow
	{
		display:block !important;
	}
	.xxsHidden
	{
		display:none !important;
	}
	
	.numberout{
		display:none;
		}
			.numberover{
		display:none;
		}
	}