@charset "utf-8";
/****************************** Index ******************************/
.index-module{margin-top: 50px;overflow: hidden;}
.index-module h2{position: relative;margin-bottom: 30px;overflow: hidden;border-bottom: 1px solid #ccc;}
.index-module h2 .en{float: left;font-size: 16px;color: #5282b4;text-transform: uppercase;}
.index-module h2 .en:first-letter{vertical-align: -2px;font-size: 48px;}
.index-module h2 .ch{position: absolute;top: 6px;left: 35px;font-size: 16px;}
.index-module h2 a{float: right;margin-top: 30px;color: #666;}
.index-module h2 a:hover{color: #719cca;}


.index-development .left{position: relative;float: left;width: 489px;height: 350px;}
.index-development .left a h3{height: 26px;line-height: 26px;overflow: hidden;font-weight: bold;font-size: 16px;color: #666;white-space: nowrap;text-overflow: ellipsis;}
.index-development .left a img{display: block;width: 100%;height: 274px;margin-top: 10px;}
.index-development .left a span{position: absolute;bottom: 45px;left: 0;width: 100px;line-height: 22px;background: #ff0000;font-size: 14px;color: #fff;text-align: center;}
.index-development .left a p{width: 340px;height: 20px;line-height: 20px;margin-top: 15px;overflow: hidden;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.index-development .left a:hover h3,
.index-development .left a:hover p{color: #000000;}
.index-development .tb-arrow{right: 0;bottom: 0;width: 62px;height: 30px;}
.index-development .tb-arrow a{width: 30px;height: 30px;background-color: #eee;}
.index-development .tb-arrow a.prev{background-position: -61px -110px;}
.index-development .tb-arrow a.next{background-position: -109px -110px;}
.index-development .tb-arrow a:hover{background-color: #719cca;background-position-y: -160px;}
.index-development .right{float: right;width: 615px;margin: 36px 0 -26px 0;}
.index-development .right a{display: block;margin-bottom: 26px;padding-bottom: 16px;overflow: hidden;border-bottom: 1px solid #ccc;}
.index-development .right a .date{
	float: left;
	width: 70px;
	height: 70px;
	color: #fff;
	text-align: center;
	background-color: #e62219;
}
.index-development .right a .date em{
	display: block;
	font-size: 24px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.index-development .right a .text{position: relative;float: left;width: 490px;margin-left: 20px;color: #666;}
.index-development .right a .text h3{width: 360px;height: 20px;line-height: 20px;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;}
.index-development .right a .text p{display: -webkit-box;height: 40px;line-height: 20px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-development .right a .text span{position: absolute;top: 0;right: 0;line-height: 18px;}
.index-development .right a .text span:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;vertical-align: -3px;background-position: -17px -117px;}

.index-development .right a:hover .text{color: #000000;}
.index-development .right a:hover .text span:before{background-position-y: -167px;}


body {
	margin: 0px;
	padding: 0px;
}

*{
	margin: 0px;
	padding: 0px;
}