body{
	background-color: #fff;
	font-size: 12px;
	color: #41413d;
}
p{
	line-height: 25px;
	}
@media (max-width: 767px) {
	body{
		font-size: 14px;
		font-family: "microsoft yahei";
	}
}
/* 浮动 */
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
/* Clear */
.clearfix {
	*zoom: 1
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both
}
/*背景*/
.bg-red{
	background-color: #ca0404;
}
.bg-yellow{
	background-color: #f9df78;
}
.bg-white{
	background-color: #ffffff;
}
/*标题*/
h2,
h3,
h4
{
	font-family: "microsoft yahei";
	text-align: center;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 16px;
}
@media (max-width: 767px) {
	h2{
	font-size: 18px;
	}
	h3{
		font-size: 16px;
	}
	h4{
		font-size: 14px;
	}
}
/*字体*/
a{
	color: #41413d;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.fya{
	font-family: "microsoft yahei";
}
.f14{
	font-size: 14px;
	}
.f16{
	font-size: 16px;
}
.f-gary{
	color: #a5a2a2;
}
a.f-gary:hover{
	color: #FF0000;
}
.f-white{
	color: #fff;
}
a.f-white{
	color: #fff;
}
.f-red{
	color: #ca0404;
}
a.f-red{
	color: #ca0404;
}
/*行高*/
.lh40{
	line-height: 40px;
}
.lh35{
	line-height: 35px;
}
.lh30{
	line-height: 30px;
}
.lh24{
	line-height: 24px;
}
/*间距*/
.p0{padding: 0!important;}
.pt10{padding-top: 10px;}.pb10{padding-bottom: 10px;}.pl10{padding-left: 10px;}.pr10{padding-right: 10px;}
.pt15{padding-top: 15px;}.pb15{padding-bottom: 15px;}
.pl20{padding-left: 20px;}.pr20{padding-right: 20px;}.pt20{padding-top: 20px;}.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}.pt30{padding-top: 30px;}.pl30{padding-left: 30px;}.pr30{padding-right: 30px;}.p30{padding: 30px;}
.pb40{padding-bottom: 40px;}.pt40{padding-top: 40px;}
.m0{margin: 0!important;}
.mt10{margin-top: 10px;}.ml10{margin-left: 10px;}
.mt20{margin-top: 20px;}.ml20{margin-left: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mt40{margin-top: 40px;}.mb40{margin-bottom: 40px;}


/*=============公用样式===============*/
#index_main .colunm{
	margin-top: 20px;
}
@media (max-width: 767px) {
	#index_main .colunm{
		margin-top:0;
	}
}
/*链接*/









/*栅格化布局*/
[class*="span"] 
{
	float: left;
    min-height: 1px;
		    margin-left: 30px;
		    box-sizing:border-box;
			-moz-box-sizing:border-box; 
			-webkit-box-sizing:border-box;
}
		  .container
		  {
		    width: 1050px;
		   margin-left: auto;
		   margin-right: auto;
		  }
		.span12 {
		  width: 1050px;
		}
		
		.span11 {
		  width: 960px;
		}
		
		.span10 {
		  width: 870px;
		}
		
		.span9 {
		  width: 780px;
		}
		
		.span8 {
		  width: 690px;
		}
		
		.span7 {
		  width: 600px;
		}
		
		.span6 {
		  width: 510px;
		}
		
		.span5 {
		  width: 420px;
		}
		
		.span4 {
		  width: 330px;
		}
		
		.span3 {
		  width: 240px;
		}
		
		.span2 {
		  width: 150px;
		}
		
		.span1 {
		  width: 60px;
		}
			[class*="span"]:first-child
			{
				margin-left: 0;
			}
			@media (min-width: 768px) and (max-width: 1000px) {
				 .container
				  {
				    width: 700px;
				  }
				  [class*="span"] {
				    float: left;
				    min-height: 1px;
				    margin-left: 20px;
				  }
				  .span12 {
				    width: 700px;
				  }
				  .span11 {
				    width: 640px;
				  }
				  .span10 {
				    width: 580px;
				  }
				  .span9 {
				    width: 520px;
				  }
				  .span8 {
				    width: 460px;
				  }
				  .span7 {
				    width: 400px;
				  }
				  .span6 {
				    width: 340px;
				  }
				  .span5 {
				    width: 280px;
				  }
				  .span4 {
				    width: 220px;
				  }
				  .span3 {
				    width: 160px;
				  }
				  .span2 {
				    width: 100px;
				  }
				  .span1 {
				    width: 40px;
				  }
			}
			@media (max-width: 767px) { 
					 .container
					  {
					    width: 90%;
					    padding-left: 5%;
					    padding-right: 5%;
					  }
					  [class*="span"] {
					    float: none;
					    min-height: 1px;
					    margin-left: 0;
					    width: 100%;
					  }
				 }
/*响应式显示*/
.hidden {
	display: none;
	visibility: hidden
}
.visible-phone {
	display: none!important
}
.visible-tablet {
	display: none!important
}
.hidden-desktop {
	display: none!important
}
.visible-desktop {
	display: inherit!important
}
@media(min-width:768px) and (max-width:979px) {
	.hidden-desktop {
		display: inherit!important
	}
	.visible-desktop {
		display: none!important
	}
	.visible-tablet {
		display: inherit!important
	}
	.hidden-tablet {
		display: none!important
	}
}
@media(max-width:767px) {
	.hidden-desktop {
		display: inherit!important
	}
	.visible-desktop {
		display: none!important
	}
	.visible-phone {
		display: inherit!important
	}
	.hidden-phone {
		display: none!important
	}
}
.visible-print {
	display: none!important
}