.trani_center{
	width: 1200px;
	min-height: 80px;
	border-top: 2px solid #E5E5E5;
	margin: auto;
	margin-top: 50px;
}
.trani_btn{
	width: 400px;
	height: 80px;
	background: #f8f8f8;
	text-align: center;
	float: left;
	cursor: pointer;
}
.trani_btn h4{
	font-size: 24px;
	color: #333;
	margin-top: 19px;
}
.trani_btn span{
	font-size: 18px;
	color: #666666;
}
.trani_color{
	color: #2067c4;
	background: #fff;
}
/*.trani_btn:hover h4{
	color: #2067c4;
}
.trani_btn:hover{
	background: #fff;
}*/
.trani_list_1{
	width: 1160px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 100px;
}
.trani_list_1 li{
	height: 105px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.trani_left{
	float: left;
	width: 180px;
	height: 106px;
}
.trani_txt{
	width: 838px;
	height: 105px;
	float: left;
}
.trani_txt p{
	font-size: 20px;
	color: #333333;
	margin-top: 27px;
	margin-left: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width: 600px;
}

.end_trani{
	display: none;
	float: left;
	margin-top:37px;
	cursor: pointer;
}

.star_trani{
	float: left;
	margin-top:37px;
	cursor: pointer;
}
.trani_list_1 li:hover{
	background: #f5f8fc;
}
.trani_list_1 li:hover .trani_txt1{
	color: #2067c4;
}
.trani_list_1 li:hover .end_trani{
	display: block;
}
.trani_list_1 li:hover .star_trani{
	display: none;
}
.trani_1{
	width: 4px;
	height: 106px;
	background-color: #2067c4;
	display: none;
	float: left;
}
.trani_text{
	font-size: 16px;
	color: #aaa;
	display: block;
	margin-top: 16px;
	margin-left: 20px;
}
.trani_list_1 li:hover .trani_1{
	display: block;
}
.trani_list_1 li:hover .trani_text{
	color: #A9B6C7;
}