.banner-wxfxsc{
	background-image: url(../images/solution9/banner-bg.jpg);
}
.banner-box{
	width: 1200px;
	height: 420px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.banner-box p{
	font-size: 18px;
	color: #fff;
}
.banner-box .line{
	width: 60px;
	height: 2px;
	background-color: #fff;
	margin: 40px 0;
}
.banner-box .btn{
	width: 160px;
	height: 46px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow:0px 10px 10px 0px rgba(53, 138, 255, 0.2);
	color: #358AFF;
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}


/*模块一*/
.model-first{
	text-align: center;
	background-color: #fff;
	overflow: hidden;
}
.box-first{
	width: 1220px;
	height: 230px;
	overflow: hidden;
	margin: 35px auto 40px;
	color: #fff;
}
.box-first li{
	float: left;
	width: 285px;
	height: 200px;
	margin: 10px 10px 0;
	border-radius: 10px;
	transition: .3s;
	cursor: pointer;
}
.box-first li:hover{
	margin: 0 10px 10px;
}
.box-first li:nth-child(1){
	background-image: url(../images/solution9/cont1-bg01.jpg);
	box-shadow:0px 10px 10px 0px rgba(86,151,240,0.2);
}
.box-first li:nth-child(2){
	background-image: url(../images/solution9/cont1-bg02.jpg);
	box-shadow:0px 10px 10px 0px rgba(253,99,99,0.2);
}
.box-first li:nth-child(3){
	background-image: url(../images/solution9/cont1-bg03.jpg);
	box-shadow:0px 10px 10px 0px rgba(180,111,244,0.2);
}
.box-first li:nth-child(4){
	background-image: url(../images/solution9/cont1-bg04.jpg);
	box-shadow:0px 10px 10px 0px rgba(254,120,96,0.2);
}

.box-first li h3{
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	margin-top: 36px;
}
.box-first li p{
	font-size: 14px;
	line-height: 22px;
	margin-top: 30px;
}


/*模块二*/
.model-two{
	height: 680px;
	text-align: center;
	background-image: url(../images/solution9/cont2-bg.jpg);
	background-repeat: no-repeat;
}
.box-two{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 35px auto 0px;
}
.box-two img{
	float: left;
}
.box-two .right{
	width: 460px;
	height: auto;
	float: right;
	text-align: left;
	padding-top: 50px;
}
.box-two .right .list{
	margin-top: 36px;
}
.box-two .right h3{
	font-size: 30px;
	color: #358AFF;
	line-height: 36px;
}

.box-two .right p{
	font-size: 14px;
	line-height: 22px;
	color: #666;
	margin-top: 10px;
}


/*模块三*/
.model-three{
	text-align: center;
	background-color: #fff;
	overflow: hidden;
}
.box-three{
	width: 1220px;
	height: auto;
	margin: 35px auto 60px;
	overflow: hidden;
}
.box-three .left{
	float: left;
	width: 460px;
	height: auto;
}
.box-three .left li{
	float: left;
	width: 180px;
	height: 50px;
	border-radius: 3px;
	color: #666;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #ebeff5;
	box-shadow:0px 5px 5px 0px rgba(53, 138, 255, 0.1);
	text-align: center;
	transition: .2s;
	cursor: pointer;
}
.box-three .left li:nth-child(2n+1){
	margin-left: 10px;
}
.box-three .left li:nth-child(2n){
	margin-left: 80px;
}
.box-three .left li img{
	float: left;
	margin-top: 9px;
	margin-left: 30px;
}
.box-three .left li span{
	float: left;
	line-height: 50px;
	font-size: 14px;
	margin-left: 10px;
}
.box-three .left li:hover{
	border-color: #358AFF;
}

.model-three .btn{
	width: 160px;
	height: 46px;
	border-radius: 3px;
	background-color: #28A0F1;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 46px;
	margin: 30px auto 60px;
	box-shadow:0px 10px 20px 0px rgba(40, 160, 241, 0.2);
	transition: .2s;
}
.model-three .btn a{
	display: inline-block;
	width: 160px;
	height: 46px;
}
.model-three .btn:hover{
	background-color: #9059de;
}
/*模块四*/
.model-four{
	height: 680px;
	text-align: center;
	background-image: url(../images/solution9/cont4-bg.jpg);
}
.model-four h2{
	color: #fff;
}
.box-four{
	color: #fff;
	width: 1200px;
	height: auto;
	margin: 80px auto 60px;
}
.box-four .left, .box-four .right{
	width: 420px;
	float: left;
	height: auto;
}
.box-four .middle-img{
	width: 360px;
	height: auto;
	float: left;
	margin-top: -40px;
}
.box-four li{
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	overflow: hidden;
}
.box-four .left img{
	float: right;
	margin-top: 24px;
}

.box-four .right img{
	float: left;
	margin-top: 24px;
}
.box-four .left .p{
	float: right;
	text-align: right;
	margin-right: 50px;
}
.box-four .right .p{
	float: left;
	text-align: left;
	margin-left: 50px;
}
.box-four .p1{
	font-size: 24px;
	line-height: 36px;
}
.box-four .p2{
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}



/*模块五*/
.model-five{
	height: auto;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	width:100%
}
.box-five{
	width: 1220px;
	height: auto;
	margin: 35px auto 60px;
	overflow: hidden;
}
.box-five .right{
	float: right;
	width: 460px;
	height: auto;
	margin-right:60px; 
}
.box-five .right li{
	float: left;
	width: 180px;
	height: 50px;
	border-radius: 3px;
	color: #666;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #ebeff5;
	box-shadow:0px 5px 5px 0px rgba(53, 138, 255, 0.1);
	text-align: center;
	transition: .2s;
	cursor: pointer;
}
.box-five .right li:nth-child(2n+1){
	margin-left: 10px;
}
.box-five .right li:nth-child(2n){
	margin-left: 80px;
}
.box-five .right li img{
	float: left;
	margin-top: 9px;
	margin-left: 30px;
}
.box-five .right li span{
	float: left;
	line-height: 50px;
	font-size: 14px;
	margin-left: 10px;
}
.box-five .right li:hover{
	border-color: #358AFF;
}
.box-five .left-img{
	float: left;
}

.model-five .btn{
	width: 160px;
	height: 46px;
	border-radius: 3px;
	background-color: #28A0F1;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 46px;
	margin: 30px auto 60px;
	box-shadow:0px 10px 20px 0px rgba(40, 160, 241, 0.2);
	transition: .2s;
}
.model-five .btn a{
	display: inline-block;
	width: 160px;
	height: 46px;
}
.model-five .btn:hover{
	background-color: #9059de;
}

/*模块六*/
.model-six{
	text-align: center;
	background-color: #F7FBFF;
	overflow: hidden;
}
.box-six{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 35px auto 60px;
}
.box-six li{
	float: left;
	width: 270px;
	height: 240px;
	overflow: hidden;
	margin-right: 40px;
	position: relative;
	margin-bottom: 40px;
	cursor: pointer;
}
.box-six li:nth-child(4n){
	margin-right: 0;
}
.box-six li .icon{
	margin: 64px auto 20px;
	position: relative;
	z-index: 4;
}
.box-six li span{
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	position: relative;
	z-index: 4;
}
.box-six li .mark{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,31,101,0.7);
	top: 0;
	left: 0;
	z-index: 3;
}
.box-six li .bg{
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: .5s;
}

.box-six li:hover .bg{
	width: 120%;
	height: 120%;
	left: -10%;
	top: -10%;
}


/*模块八*/
.model-seven{
	height: 308px;
	background-image: url(../images/solution9/cont7-bg.jpg);
	text-align: center;
	overflow: hidden;
}
.model-seven .p1{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-top: 48px;
	line-height: 54px;
}
.model-seven .p2{
	font-size: 24px;
	color: #fff;
	margin-top: 36px;
	line-height: 36px;
}
.model-seven .btn{
	display: block;
	width: 160px;
	height: 46px;
	border-radius: 3px;
	background-image: url(../images/solution9/cont7-btn.png);
	color: #fff;
	font-size: 16px;
	line-height: 46px;
	margin: 36px auto 0;
	cursor: pointer;
	box-shadow:0px 10px 20px 0px rgba(40, 160, 241, 0.2);
}










