//轮播部分
#banners{
	position: relative;
	.login-itembody{
		position: absolute;
		z-index: 9;
		top: 50%;
		right: 10%;
		margin-top: -190px;
		.login-item-val{
			width: 350px;
			height: 380px;
			background: rgba(255,255,255,0.5);
			border-radius: 6px;
			padding: 20px;
			box-sizing: border-box;
			box-shadow: 1px 1px 10px #ddd;
			h2{
				font-size: 20px;
				color: #333;
				text-align: center;
				margin: 25px 0;
			}
			.inpus-logins{
				.inpusitembal{
					width: 100%;
					height: 44px;
					background-color: #fff;
					margin-bottom: 15px;
					border-radius: 6px;
					display: flex;
					justify-content: space-between;
					align-items: center;
					label{
						width: 46px;
						height: 44px;
						display: inline-block;
					}
					input{
						flex: 1;
						margin-right:6px;
						height: 42px;
						border: none;
						font-size: 15px;
					}
				}
				div:not(.inpusitembal){
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: 30px;
					button{
						width: 130px;
						height: 43px;
						background: rgba(81,133,255,1);
						border-radius: 6px;
						color: #FFF;
						font-size: 18px;
						color: rgba(255,255,255,1);
						border: none;
						cursor: pointer;
					}
					button:last-child{
						background-color: #fff;
						color: rgba(81,133,255,1);
					}
				}
			}
			.haslogined{
				text-align: center;
				color: #fff;
				h2{
					color: #fff;
					margin: 10px 0;
				}
				p{
					img{
						width: 60px;
						height: 60px;
						border-radius: 50%;
					}
				}
				.quickloginnow{
					width: 80%;
					margin: 10px auto;
					display: block;
					height: 35px;
					line-height: 35px;
					color: #fff;
					font-size: 16px;
					font-weight: bold;
					background: #08A5E0;
					border-radius: 4px;
					text-align: center;
					border: none;
					cursor: pointer;
				}
				.useothers{
					width: 80%;
					margin: 0 auto;
					display: block;
					height: 35px;
					line-height: 35px;
					color: #333;
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 10px;
					background: #eee;
					border-radius: 4px;
					border: 1px solid #ddd;
					text-align: center;
					font-weight: normal;
					cursor: pointer;
				}
			}
		}
	}
	.banner-main-text{
		position: absolute;
		left: 16%;
		top: 20%;
		z-index: 999;
		h4 {
		    font-size: 46px;
		    font-family: PingFangSC-Semibold;
		    font-weight: 600;
		    color: rgba(255,255,255,1);
		}
		h3 {
		    margin-top: 19px;
		    font-size: 60px;
		    font-family: PingFangSC-Semibold;
		    font-weight: 600;
		    color: rgba(255,255,255,1);
		}
		h5 {
		    margin-top: 36px;
		    font-size: 24px;
		    font-family: PingFangSC-Regular;
		    font-weight: 400;
		    color: rgba(255,255,255,1);
		}
	}
}


//我们能做什么
.ruanwen-case{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 40px 0;
	box-sizing: border-box;
	.ruanwen-case-item{
		width: 1200px;
		.ruanwen-text{
			h4{
				text-align: center;
				margin-bottom: 30px;
				font-size: 40px;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(0,0,0,1);
			}
			p{
				text-align: center;
				font-size: 20px;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: rgba(102,102,102,1);
				margin-bottom: 40px;
			}
		}
		.wedos{
			width: 1200px;
			height: 704px;
			background-color: #ffffff;
			box-shadow: 0px 0px 35px 0px rgba(107, 146, 238, 0.3);
			margin: 0 auto;
			margin-bottom: 30px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.wedosItem{
			    width: 224px;
			    height: 352px;
			    position: relative;
			    transition: all linear .3s;
			    -moz-transition: all linear .3s;
			    -webkit-transition: all linear .3s;
			    -o-transition: all linear .3s;
			    cursor: pointer;
			    background-color: #ffffff;
				>div{
				    transition: all linear .3s;
				    -moz-transition: all linear .3s;
				    -webkit-transition: all linear .3s;
				    -o-transition: all linear .3s;
				}
				.wodo2{
				    font-size: 16px;
				    font-weight: bold;
				    color: #333;
				    text-align: center;
				}
				.wodo3{
				    padding: 0 20px;
				    font-size: 14px;
				    color: #666666;
				    text-align: justify;
				    margin: 18px 0 12px 0;
				    box-sizing: border-box;
				    height: 114px;
				}
				.wodo4{
				    width: 90px;
				    height: 34px;
				    line-height: 34px;
				    border: solid 1px #666666;
				    margin: 0 auto;
				    text-align: center;
				    color: #666666;
				    font-size: 14px;
				}
				.posImgPar{
					.posImg{
						display: none;
					    margin: 45px auto 20px auto;
					}
					.posImg:first-child{
					    display: block;
					}
				}
			}
			.wedosItem:hover{
			    transform: translateY(-10px);
			    box-shadow: 0px 0px 35px 0px 
			        rgba(107, 146, 238, 0.3);
				.wodo2,.wodo3{
					color: #5185ff;
				}
				.wodo4{
				    background-image: linear-gradient(-90deg, 
				        #5185ff 0%, 
				        #6694ff 100%), 
				    linear-gradient(
				        #a0a0a0, 
				        #a0a0a0);
				    background-blend-mode: normal, 
				        normal;
				    color: #fff;
				    border:1px solid #5185ff;
				}
				.posImgPar .posImg:first-child{
				    display: none;
				}
				.posImgPar .posImg:last-child{
				    display: block;
				}
			}
		}
	}
}

//我们的优势
.ruanwen-ad{
	background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/ys_bj.jpg) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
	height: 750px;
	width: 100%;
	display: flex;
	justify-content: center;
	.ruanwen-ad-body{
		width: 1200px;
		.ruanwen-text{
			h4{
				text-align: center;
				margin: 40px 0;
				font-size: 40px;
				color: #333;
			}
		}
		.ruanwen-ad-con{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.ruanwen-ad-item{
				width: 390px;
				height: 220px;
				margin-bottom: 15px;
				background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/mtzy.jpg) no-repeat center;
				background-size: 100% 100%;
				box-sizing: border-box;
				h4,p{
					display: block;
					width: 100%;
					text-align: center;
					color: #fff;
				}
				h4{
					margin-top: 24%;
					font-size: 20px;
					margin-bottom: 12px;
				}
			}
			.ruanwen-ad-item:nth-child(2) {
			    background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/qyhz.jpg) no-repeat center;
			}
			.ruanwen-ad-item:nth-child(3) {
			    background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/zyxs.jpg) no-repeat center;
			}
			.ruanwen-ad-item:nth-child(4) {
			    background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/fbkj.jpg) no-repeat center;
			}
			.ruanwen-ad-item:nth-child(5) {
			    background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/ysfg.jpg) no-repeat center;
			}
			.ruanwen-ad-item:nth-child(6) {
			    background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/indexjpg/qybz.jpg) no-repeat center;
			}
		}
	}
}



//用户点评
.ruanwen-comment{
	.ruanwen-comment-bodys{
		.ruanwen-text{
			h4{
				margin: 50px 0 30px 0;
				text-align: center;
				font-size: 40px;
				color: rgba(0,0,0,1);
			}
		}
		.ruanwen-comment-con{
			width: 1200px;
			margin: 0 auto;
			.ruanwen-comment-item {
			    overflow: hidden;
			    width: 1004px;
			    margin-bottom: 30px;
			    height: 170px;
			    -webkit-background-size: 100% 100%;
			    background-size: 100% 100%;
			    background: url(/static/site/img/index/yxzg.png) no-repeat center;
				h4 {
				    margin-top: 116px;
				    float: left;
				    margin-left: 14px;
				    font-size: 20px;
				    font-family: PingFangSC-Regular;
				    font-weight: 400;
				    color: rgba(51,51,51,1);
				}
				p {
				    margin-left: 148px;
				    margin-top: 20px;
				    font-size: 14px;
				    font-family: PingFangSC-Regular;
				    font-weight: 400;
				    color: rgba(102,102,102,1);
				    line-height: 23px;
				}
			}
			.ruanwen-comment-item:nth-child(2) {
			    background: url(/static/site/img/index/wlzg.png);
			    margin-left: 18%;
				h4{
				    float: right;
				    margin-right: 9px;
				}
				p{
					margin-left: 287px;
				}
			}
			.ruanwen-comment-item:nth-child(3) {
			    background: url(/static/site/img/index/SEOzg.png);
			}
		}
	}
}


//客户案例
.ruanwen-case-user{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	.ruanwen-case-user-body{
		width: 1200px;
		.ruanwen-text{
			h4{
				margin: 80px 0 50px 0;
				text-align: center;
				font-size: 40px;
				color: rgba(0,0,0,1);
			}
		}
		.ruanwen-case-user-con{
			display: flex;
			justify-content: space-between;
			.ruanwen-case-user-item{
				width: 290px;
				height: 475px;
				-webkit-background-size: 100% 100%;
				background-size: 100% 100%;
				box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
				border-radius: 8px;
				background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/index/hkal_1.png) no-repeat center;
				h4 {
				    margin-top: 159px;
				    text-align: center;
				    color: #5185FFFF;
				}
				p {
				    margin-top: 20px;
				    margin-left: 21px;
				    width: 249px;
				    font-size: 14px;
				    font-family: PingFangSC-Regular;
				    font-weight: 400;
				    color: rgba(102,102,102,1);
				}
				h5 {
				    margin-top: 41px;
				    margin-left: 20px;
				    font-size: 14px;
				    font-family: PingFangSC-Regular;
				    font-weight: 400;
				    color: rgba(0,0,0,1);
				}
			}
			.ruanwen-case-user-item:nth-child(2){
				background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/index/khal_2.png) no-repeat center;
			}
			.ruanwen-case-user-item:nth-child(3){
				background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/index/khal_3.png) no-repeat center;
			}
			.ruanwen-case-user-item:nth-child(4){
				background: url(http://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/index/khal_4.png) no-repeat center;
			}
		}
	}
}

@media only screen and (max-width:767px) {
	.ruanwen-case{
		.ruanwen-case-item{
			width: 100%;
			.ruanwen-text{
				h4{
					font-size: 22px;
				}
				p{
					font-size: 14px;
				}
			}
			.wedos{
				width: 100%;
				height: auto;
				.wedosItem{
					width: 49%;
				}
			}
		}
	}
	.ruanwen-ad{
		height: auto;
		.ruanwen-ad-body{
			width: 100%;
			.ruanwen-ad-con{
				justify-content: center;
				.ruanwen-ad-item{
					width: 95%;
				}
			}
			
		}
	}
	.ruanwen-comment{
		.ruanwen-comment-con{
			width: 100%!important;
			.ruanwen-comment-item{
				width: 100%!important;
				margin: 0!important;
				margin-bottom:20px!important;
				background: initial!important;
				border-bottom:1px solid #ddd;
				height:auto!important;
				h4{
					display: none;
				}
				p{
					margin: 0!important;
				}
			}
		}
	}
	.ruanwen-case-user{
		.ruanwen-case-user-body{
			width: 100%;
			.ruanwen-case-user-con{
				flex-wrap:wrap;
				justify-content: center;
				.ruanwen-case-user-item{
					margin-bottom: 15px;
				}
			}
		}
	}
}