.search-center{text-align: center;color: #333333;margin-bottom: 60px;}
.search-center h3{font-size: 30px;}
.search-center p{font-size: 28px;}
.red{color: #FF0000;}

.futures4-main{padding: 70px 0 100px 0;}
.futures4-main .f2-list{margin: 0 -12px;}
.futures4-main .f2-list li{width: 50%;height: 350px;float: left;margin-bottom: 20px;}
.futures4-main .f2-list li a{background: no-repeat center center ;background-size: cover;display: block;height: 100%;margin: 0 10px;position: relative;}
.futures4-main .list-bg{position: absolute;width: 100%;height: 100%;background: url(../images/f2-bg.png);}
.futures4-main .list-bg span{font-size: 26px;color: #ffffff;position: absolute;bottom: 20px;left: 20px;}
.futures4-main .list-none{position:absolute;left:5%;top:5%;right:5%;bottom:5%;background: rgba(10,56,117,.8);display: none;}
.futures4-main .list-none p{display: table;width: 100%;height: 100%;line-height:90px;}
.futures4-main .list-none i{display: block;background-color: rgba(244, 244, 244, 0.5);width: 250px;height: 1px;margin: 0 auto;}
.futures4-main .list-none span{font-size: 28px;color: #ffffff;display: table-cell;vertical-align: middle;text-align: center;position: relative;}
.futures4-main .f2-list li:hover .list-bg{display: none;}

@media only screen and (max-width:768px ) {
	.futures4-main .warper{padding:0 10px;}
	.futures4-main .f2-list li{width: 100%;height: 260px;}
}

@media \0screen\,screen\9 {
	.futures4-main .list-none{background-color:#0a3875;filter:Alpha(opacity=80);*zoom:1;}
}