@charset "utf-8";

.banner{
	height:536px; position: relative;
}
.bg-btn{
	position: absolute;left: 0;bottom: 0;background: url(../images/fwListBg.png) ;
}
.bg-btn .col-md-3{
	text-align: center;line-height: 68px;color: #fff;font-size: 16px;cursor: pointer;
}
.cooperation{
	padding: 30px 15px;
}
.cooperation h2{
	font-size: 26px;color: #333;text-align: center;
}
.cooperation h2 span{
	font-family: arial;
}
.cooperation img{
	margin: 0 auto;
}
.cooperation p{
	text-align: center;color: #888;
}
.cooperation p strong{
	font-size: 36px;color: #333;margin-bottom: 15px;display: inline-block;font-weight: normal;
}
.cooperation p span{
	font-size: 20px;color: #e64d48;display: inline-block;margin-bottom: 15px;
}
.new-pro{
	padding: 30px 15px;
}
.new-pro .col-md-8 h2{
	font-size: 26px;color: #333;text-align: center;margin-bottom: 15px;
}
.new-pro .col-md-8 p{
	font-size: 16px;color: #888;text-align: center;
}
.list-con{
	margin-top: 30px;
}
.list-con .col-md-2>div{
	transition:all .3s;
}
.list-con .col-md-2>div:hover *{
	color: #fff;
}
.list-con .col-md-2>div h3{
	font-size: 20px;color: #333;text-align: center;padding-top: 100px;font-weight: bold;padding-bottom: 10px;
}
.list-con .col-md-2>div p{
	font-size: 15px;color: #888;text-align: center;padding: 0 8px;
}
.list-con .col-md-2 a{
	display: block;width: 100%;text-align: center;background: #26ace2;color: #fff;height: 40px;line-height: 40px;margin-top: 30px;
	border-radius: 5px;
}
.list-con .col-md-2 a:hover{
	background: #000000;transition: 1s;
}
.gy01{
	width: 187px;height: 283px; background: url(../images/gyTab.png) no-repeat ; 
}
.gy02{
	width: 187px;height: 283px; background: url(../images/gyTab.png) no-repeat -197px 0;
}
.gy03{
	width: 187px;height: 283px; background: url(../images/gyTab.png) no-repeat -397px 0;
}
.gy04{
	width: 187px;height: 283px; background: url(../images/gyTab.png) no-repeat -597px 0;
}
.gy05{
	width: 187px;height: 283px; background: url(../images/gyTab.png) no-repeat -797px 0;
}
.gy01:hover{
	background-position: 0 -283px;
}
.gy02:hover{
	background-position: -197px -283px;
}
.gy03:hover{
	background-position: -397px -283px;
}
.gy04:hover{
	background-position: -597px -283px;
}
.gy05:hover{
	background-position: -797px -283px;
}
@media only screen and (min-width: 320px) and (max-width: 640px){
	.list-con .col-md-2{
		width: 187px;float: left;margin:0 2.5% 15px 0;
	}
}
.dynamic {
	padding: 30px 15px;
}
.dynamic h3{
	font-size: 26px;color: #333;background: url(../images/dtTitA_ico.png) no-repeat 0 7px;padding-left: 15px;margin-bottom: 10px;
	border-bottom: 3px solid #333;padding-bottom: 10px;
}
.dynamic ul{
	padding: 15px;border: 2px solid #ddd;border-top: none;
}
.dynamic ul li a{
	font-size: 16px;color: #333;line-height: 26px;
}