html,body{
	height: 100%;
}
.content{
	width: 1200px;
	min-height:-webkit-calc(100% - 330px); 
  	min-height:-moz-calc(100% - 330px); 
  	min-height:calc(100% - 330px);
	margin: 0 auto;
}
.content .title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 28px;
	color: #333333;
	display: inline-block;
	float: left;
	margin-top: 40px;
}
.content .topinfo{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.content .topinfo .left{
	width: 596px;
	float: left;
}
.content .topinfo .left .lf_title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	float: left;
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
}
.content .topinfo .left p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	display: block;
	float: left;
	width: 100%;
	text-indent: 6px;
}
.content .topinfo .right{
	width: 540px;
	height: 410px !important;
	float: right;
	position: relative;
	border:2px solid #dddddd;
}
.content .topinfo .right .arrow { position: absolute; top: 168px;}

.content .topinfo .right #al { left: 0;}

.content .topinfo .right #ar { right: 0;}
.content .topinfo .right ul li{
	height: 410px;
}
.content .coninfo{
	width: 100%;
	float: left;
}
.content .coninfo .coninfo_t_title{
	width: 100%;
	height: 46px;
	line-height: 46px;
	float: left;
	text-indent: 2em;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	background-color: #EEEEEE;
	margin-top: 50px;
}
.content .coninfo .coninfo_con{
	width: 100%;
	float: left;
	margin-bottom: 50px;
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.content .coninfo .coninfo_con .lf_title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	float: left;
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
}
.content .coninfo .coninfo_con p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	display: block;
	float: left;
	width: 100%;
}