@charset "utf-8";
/* CSS Document */

.platform {
	margin: auto; animation:gdownIn 0.6s 0.4s both; width: 1205px; overflow: hidden; -webkit-animation: gdownIn 0.6s 0.4s both; -moz-animation: gdownIn 0.6s 0.4s both;
}
.platform a {
	border-radius: 2px; transition:0.3s; width: 120px; height: 50px; text-align: center; line-height: 50px; margin: 10px 10px 20px 0px; float: left; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s;
}
.platform a {
	color: rgb(51, 51, 51); background-repeat: no-repeat; background-color: rgb(240, 240, 240); font-size:16px;
}
.platform a:hover {
	color: rgb(255, 255, 255);
	background-color: #ff0000;
}
.platform .act {
	color: rgb(255, 255, 255);
	background-color: #ff0000;
}
.platform .pc {
	background-position: 0px 0px; text-indent: 30px; background-image: url("../img/platform_icon.png");
}
.platform .pc:hover {
	background-position: 0px -50px;
}
.platform .act.pc {
	background-position: 0px -50px;
}
.platform .mb {
	background-position: -145px 0px; text-indent: 30px; background-image: url("../img/platform_icon.png");
}
.platform .mb:hover {
	background-position: -145px -50px;
}
.platform .act.mb {
	background-position: -145px -50px;
}
.platform-news a {
	background: rgb(255, 255, 255); color: rgb(153, 153, 153);
}
.type_list {
	margin: 0px auto 40px; animation:gdownIn 1s 0.7s both; width: 1205px; height: 44px; line-height: 44px; font-size: 16px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted; background-color: rgb(245, 245, 245); -webkit-animation: gdownIn 1s 0.7s both; -moz-animation: gdownIn 1s 0.7s both;
}
.platform-news a {
	background: rgb(255, 255, 255); color:#333;
}
#news_list {
	width: 1215px; overflow: hidden;
}
#news_list li {
	background: rgb(255, 255, 255); margin: 0px 15px 34px 0px; animation:gfadeIn 0.6s 0.8s both; width: 390px; height: 408px; float: left; -webkit-animation: gfadeIn 0.6s 0.8s both; -moz-animation: gfadeIn 0.6s 0.8s both;
}
#news_list li:nth-of-type(2) {
	animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s;
}
#news_list li:nth-of-type(3) {
	animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s;
}
#news_list li:nth-of-type(4) {
	animation-delay: 1.4s; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s;
}
#news_list li:nth-of-type(5) {
	animation-delay: 1.6s; -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s;
}
#news_list li:nth-of-type(6) {
	animation-delay: 1.8s; -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s;
}
#news_list li:nth-of-type(7) {
	animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s;
}
#news_list li:nth-of-type(8) {
	animation-delay: 2.2s; -webkit-animation-delay: 2.2s; -moz-animation-delay: 2.2s;
}
#news_list li:nth-of-type(9) {
	animation-delay: 2.4s; -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s;
}
#news_list li:nth-of-type(10) {
	animation-delay: 2.6s; -webkit-animation-delay: 2.6s; -moz-animation-delay: 2.6s;
}
#news_list li:nth-of-type(11) {
	animation-delay: 2.8s; -webkit-animation-delay: 2.8s; -moz-animation-delay: 2.8s;
}
#news_list li a {
	height: 100%; display: block;
}
#news_list li picture {
	width: 100%; height: 238px; overflow: hidden; display: block;
}
#news_list li picture img {
	transition:0.3s; width: 100%; height: auto; -webkit-transition: 0.3s; -moz-transition: 0.3s;
}
#news_list li div {
	background: rgb(255, 255, 255); padding: 20px; transition:0.3s; height: 130px; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s;
}
#news_list li h2 {
	color: rgb(51, 51, 51); font-size: 18px; margin-bottom: 5px;
}
#news_list li p {
	height: 44px; color: rgb(153, 153, 153); line-height: 1.8; overflow: hidden; font-size: 12px;
}
#news_list li span {
	left: 20px; bottom: 20px; color: rgb(153, 153, 153); position: absolute;
}
#news_list li a:hover div {
	background: #ff0000;
}
#news_list li a h2 {
	transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;
}
#news_list li a p {
	transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;
}
#news_list li a span {
	transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;
}
#news_list li a:hover h2 {
	color: rgb(255, 255, 255);
}
#news_list li a:hover p {
	color: rgb(255, 255, 255);
}
#news_list li a:hover span {
	color: rgb(255, 255, 255);
}
#news_list li a:hover picture img {
	transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);
}
#news_list li.first {
	width: 795px; position: relative;
}
#news_list li.first picture {
	width: 100%; height: 100%;
}
#news_list li.first div {
	background: rgba(0, 0, 0, 0.7); left: 0px; right: 0px; bottom: 0px; position: absolute;
}
#news_list li.first h2 {
	color: rgb(255, 255, 255);
}
#news_list li.first p {
	width: 70%; color: rgb(187, 187, 187);
}
#news_list li.first span {
	color: rgb(221, 221, 221);
}
.news {
	margin: 75px auto 50px; animation:gfadeIn 0.6s 0.6s both; width: 1200px; -webkit-animation: gfadeIn 0.6s 0.6s both; -moz-animation: gfadeIn 0.6s 0.6s both;
}
.news h1 {
	color: rgb(51, 51, 51); font-size: 24px; margin-bottom: 10px;
}
.news span {
	color: rgb(153, 153, 153); margin-right: 34px;
}
.news article {
	background: rgb(255, 255, 255); padding: 46px 96px 70px; margin-top: 20px;
}
.news article img {
	margin-bottom: 0px; max-width: 100%;
}
.news article p {
	color: rgb(102, 102, 102); line-height: 1.8; font-size: 14px; margin-bottom: 18px;
}
.news .bdsharebuttonbox {
	overflow: hidden; margin-top: 30px; float: right;
}
.news .bdsharebuttonbox em {
	line-height: 28px; float: left;
}
.containerb{margin:auto; width:1200px;padding-top: 20px;}
.connewsaeall{margin:auto; width:100%;background: rgb(244, 244, 244); padding-bottom:30px;}