﻿
.inner {
	width: 1200px;
	margin: 0 auto;
}
.active{ transition: 0.5s;transform: scale(1.1,1.1);}
.normal {transition: 0.5s;transform: scale(1,1);}

.title {
	height: 35px;
	line-height: 35px;
	margin: 20px 0;
	background-image: linear-gradient(to right, #ee1f0b , #f89104);
}
.col_name,.col_name, .col_name {
	float: left;
	display: inline-block;
	height: 100%;
	background: #fff;
	margin-left: 30px;
	transform:skew(-15deg);
	padding: 0 20px;
}
.title .more a,.title .more a,.title .more a {
	float: left;
	background: none;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: auto;
}
.title .more a:hover {
	color: #088fe4;
}



.header img {
	width: 100%;
}
.nav {
	height: 50px;
	background: #cb3c36;
	border-top: 2px solid #eed00e;
}
.nav li {
	width: 200px;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
}
.nav li a {
	font-size: 20px;
	color: #fff;
}
.banner {
	padding: 20px 0; 
}
.banner h1 {
	text-align: center;
	color: #cb3c36;
}
.banner p {
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
}
.banner p a {
	color: #cb3c36;
}
.banner p a:hover {
	color: #088fe4;
}
.top_news {
	width: 550px;
	float: left;
	margin-left: 50px;
}
.top_news .title {
	margin: 0 0 20px 0;
}
.top_news ul {
	height: 165px;
}
.top_news li {
	height: 30px;
	line-height: 30px;
}
.top_news li:nth-child(1) {
	margin-bottom: 10px;
}
.top_news li:nth-child(1) a {
	font-weight: bold;
	font-size: 16px;
}
.top_news li:nth-child(1) span {
	display: none;
}
.mid .mid_left {
	width: 580px;
}

.mid .news_first div {
	float: left;
}
.mid .news_first img {
	width: 240px;
	height: 170px;
}
.mid .first_title {
	width: 320px;
	margin-left: 20px;
	height: 25px;
	line-height: 30px;
}
.mid .news_list {
	margin-top: 20px;
}
.mid .news_list li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}


.bot .pic_list {
	
}
.bot .pic_list li {
	width: 380px;
	float: left;
	margin-left: 30px;
}
.bot .pic_list li:nth-child(1) {
	margin-left: 0;
}
.bot .pic_list img {
	width: 100%;
	height: 250px;
}
.bot .pic_list li h4 {
	font-size: 17px;
	padding: 20px 0;
}


/* floor3 */
.floor3 {
	border-top: 6px solid #ccc;
	border-bottom: 6px solid #ccc;
	border-left: 8px solid #ccc;
	border-right: 8px solid #ccc;
	margin-bottom: 20px;
}
.floor3 .left {
	height: 360px;
}
.floor3 .left .pic {
	position: relative;
	overflow: hidden;
}
.floor3 .left img {
	width: 100%;
	height: 360px;
}
.floor3 .right li {
	width: 265px;
	height: 170px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.floor3 .right li:nth-child(3),.floor3 .right li:nth-child(4) {
	margin-bottom: 0;
}
.floor3 .right li:nth-child(2),.floor3 .right li:nth-child(4) {
	margin-right: 0;
}
.floor3 .right img {
	width: 100%;
	height: 100%;
	transform: scale(1,1);
}
.floor3 .right a:hover {
	color: #bf0010;
}
.floor3 .right img:hover {
	width: 100%;
	height: 100%;
	transition: 0.5s;
	transform: scale(1.1,1.1)
}
.floor3 .con {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}
.floor3 .con a {
	color: #fff;
}
.floor3 .con a:hover {
	color: #088fe4;
}
.floor3 .right .active{ transition: 0.5s;transform: scale(1.1,1.1);}
.floor3 .left .active{ transition: 0.5s;transform: scale(1.1,1.1);}
.pic_list .active{ transition: 0.5s;transform: scale(1.1,1.1);}
.nav .active{ transition: 0.5s;transform: scale(1.1,1.1);}
