@charset "utf-8";
/* css document */
	/**/

.banner .container a{
	height:498px;
	display:block;}
.view{
	width:100%;
	overflow:hidden;
	background: #f3f7f9;
}
.view .container{
	width: 1200px;
	margin:0 auto;
}
.view .container .main{
	width:100%;
}
.view .container .main ul{
	width:100%;
	display:flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.view .container .main ul li{
	width: 280px;
	border: 1px solid #fcfcfc;
	margin-bottom: 30px;
	background: #fcfcfc;
	border-radius: 3px;
}
.view .container .main ul li:hover{
    transform: scale(1.08);
    z-index: 99;
    transition: all .5s ease;
    box-shadow: 0 3px 20px 0 rgba(26,26,26,.15);
	background: #fff;
}
.view .container .main ul li img{
	float:left;
	width: 100%;
	opacity:.9;
	border-radius: 3px 3px 0 0;
}
.view .container .main ul li:hover img{
	opacity:1;
}
.view .container .main ul li .text{
	float:right;
	width:565px;
}
.view .container .main ul li h1 a{
	font-size:22px;
	color:#333333;
	font-weight:normal;
}
.view .container .main ul li p{
	font-size:14px;
	line-height:46px;
	text-align:center;
	color:#666;
}
.view .container .main ul li:hover p{
	color:#1b9fe0;
	font-weight: bold;
}
.view .container .main ul li span{
	font-size:14px;
	color:#666666;
}
.view .container .main ul li .text>a{
	font-size:14px;
	color:#666666;
	display:block;
	float:right;}
.view .container .main ul li:hover h1>a{
	color:#2866af;}


.view .container .main ul.box{
	width:100%;
	display:flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.view .container .main ul.box li{
	width: 280px;
	border: 1px solid #eee;
	margin-bottom: 30px;
	background: #eee;
}
.view .container .main ul.box li:hover{
    transform: scale(1.08);
    z-index: 99;
    transition: all .5s ease;
    box-shadow: 0 3px 20px 0 rgba(26,26,26,.15);
	background: #fff;
}
.view .container .main ul.box li img{
	float:left;
	width: 100%;
	height: 396px;
	opacity:.9;
}
.view .container .main ul.box li:hover img{
	opacity:1;
}
.view .container .main ul.box li .text{
	float:right;
	width:565px;
}
.view .container .main ul.box li h1 a{
	font-size:22px;
	color:#333333;
	font-weight:normal;
}
.view .container .main ul.box li p{
	font-size:14px;
	line-height:46px;
	text-align:center;
	color:#666;
}
.view .container .main ul.box li:hover p{
	color:#1b9fe0;
	font-weight: bold;
}
.view .container .main ul.box li span{
	font-size:14px;
	color:#666666;
}
.view .container .main ul.box li .text>a{
	font-size:14px;
	color:#666666;
	display:block;
	float:right;}
.view .container .main ul.box li:hover h1>a{
	color:#2866af;}