// display:flex属性设置
.disflexCenSmall {
  display: flex;
  align-items: center;
}
.disflexCen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.disflexCenBtw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.disflexCenAro {
  display: flex;
  justify-content: space-around;
  align-items: center;
}


.sameStyle{
	h2{
		font-size: 32px;
		color: #373232;
		text-align: center;
	}
	h4{
		text-align: center;
		color: #666;
		font-size: 18px;
		margin: 20px auto 35px auto;
	}
}


//媒体数量
.change-num{
	margin-bottom: 40px;
	.newNums{
		padding: 20px 0px;
		margin: 0 auto;
		width: 1200px;
		text-align: center;
		background-color: #ffffff;
		box-shadow: 0px 0px 13px 0px rgb(172 164 129 / 55%);
		border-radius: 6px 6px 0px 0px;
		position: relative;
		z-index: 999;
		margin-top: -28px;
		display: flex;
		.number {
		    flex: 1;
		    font-size: 16px;
		    color: #ffbd22;
			position: relative;
			span{
				display: block;
			}
			span:first-child {
			    height: 40px;
			    line-height: 40px;
			    margin-bottom: 8px;
				font-size: 40px;
			}
			span:last-child {
			    color: #999999!important;
			    font-size: 16px;
			}
		}
		.number::after {
		    content: '';
		    position: absolute;
		    width: 2px;
		    height: 50px;
		    background-color: #e5e5e5;
		    right: 0;
		    top: 12px;
		}
		.number:last-child::after{
			width:0;
		}
	}
}


//我们可以做
.wecandos{
	.wecandoitem{
		width: 1200px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		.wecando-item{
			position: relative;
			width: 220px;
			height: 300px;
			background-color: #ffffff;
			text-align: center;
			overflow: hidden;
			box-shadow: 0px 0px 20px 0px rgb(165 165 165 / 35%);
			cursor: pointer;
			box-sizing: border-box;
			border: 1px solid #fff;
			margin-right: 20px;
			margin-bottom: 20px;
			.wecandoitem1 {
			    margin: 18px 0 20px 0;
			    height: 50px;
			}
			.wecandoitem2 {
			    font-size: 16px;
			    height: 16px;
			    line-height: 16px;
			    font-weight: bold;
			    margin-bottom: 17px;
			}
			.wecandoitem3 {
			    padding: 0 15px 0 20px;
			    text-align: justify;
			    color: #333;
			    font-size: 14px;
			    margin-top: 18px;
			}
			.wecandoitem4 {
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    height: 44px;
			    width: 100%;
			    line-height: 44px;
			    text-align: center;
			}
		}
		.wecando-item:not(.wecando-item-special):hover {
		    box-shadow: 0px 0px 20px 0px rgb(212 167 61 / 35%);
		    border: solid 1px #ffb302;
		}
		.wecando-item:not(.wecando-item-special):hover .wecandoitem4{
			background-color: #ffb302;
			color: #fff;
		}
	}
}


//优势
.youshishows{
	 background: url(/static/site/img/index/bg22-2.jpg) no-repeat;
	 background-size: cover;
	 padding-top: 30px;
	 box-sizing: border-box;
	.youshiliebiao{
		overflow: hidden;
		.youshiliebiaos{
		    width: 1200px;
		    margin: 0 auto;
		    display: flex;
		    justify-content: space-between;
			margin-bottom: 86px;
			flex-wrap: wrap;
			.youshiliebiao-item{
				width: 198px;
				height: 326px;
				cursor: pointer;
				overflow: hidden;
				position: relative;
				background-image: linear-gradient(0deg, #1e1e57 0%, #284165 100%), linear-gradient( #909090, #909090);
				background-blend-mode: normal, normal;
				opacity: 0.85;
				transition: all linear .3s;
				-moz-transition: all linear .3s;
				-webkit-transition: all linear .3s;
				-o-transition: all linear .3s;
				div,p{
					position: absolute;
					transition: all linear .3s;
					-moz-transition: all linear .3s;
					-webkit-transition: all linear .3s;
					-o-transition: all linear .3s;
					text-align: center;
				}
				.wecandoitem1 {
				    margin: 18px 0 20px 0;
				    height: 50px;
					top: 68px;
					left: 52px;
				}
				.wecandoitem2 {
				    font-size: 16px;
				    height: 16px;
				    line-height: 16px;
				    font-weight: bold;
				    margin-bottom: 17px;
					color: #fff;
					top: 212px;
					left: 67px;
				}
				.wecandoitem3 {
				    color: #fff;
				    top: 262px;
				    left: 0px;
				    opacity: 0;
				    padding: 0 15px;
					font-size: 14px;
					    margin-top: 18px;
				}
			}
			.youshiliebiao-item:hover {
			    z-index: 9999999;
			    transform: scale(1.1);
			    background-image: linear-gradient( #ffb302, #ffb302), linear-gradient( #909090, #909090);
			    background-blend-mode: normal, normal;
			    box-shadow: 0px 5px 16px 0px #ac7800;
			}
			.youshiliebiao-item:hover .wecandoitem1{
			    top: 35px;
			}
			.youshiliebiao-item:hover .wecandoitem2{
			    top: 170px;
			}
			.youshiliebiao-item:hover .wecandoitem3{
			    top: 200px;
			    opacity: 1;
			}
		}
	}
}


//发布流程
.fabustepsshow{
	padding: 40px 0;
	.fabustepsshow-item{
		width: 1200px;
		margin: 0 auto;
	}
}


//多资源展示
.moreResources{
	.resource-wrap{
		width: 1200px;
		margin: 0 auto;
		.resource-nav {
			text-align: center;
			li{
				width: 120px;
				height: 46px;
				line-height: 46px;
				border: 1px solid transparent;
				margin: 0 20px;
				display: inline-block;
				vertical-align: middle;
				font-size: 18px;
				border-radius: 3px;
				cursor: pointer;
			}
			li.active,li:hover{
				border-color: #ea6060;
				color: #ea6060;
			}
		}
		.resource-list {
			margin-top: 45px;
			height: 260px;
			.resource-item{
				display: none;
				li{
					width: 240px;
					height: 130px;
					text-align: center;
					cursor: pointer;
					display: inline-block;
					img{
						vertical-align: middle;
						margin-top: 10px;
						width: 100%;
					}
				}
				li:hover{
					background-color: #fff;
					box-shadow: 0px 2px 18px 0px rgb(254 98 71 / 9%);
				}
			}
			.resource-item.active{
				display: block;
			}
		}
	}
}


//合作共赢
.agent{
	background:#fffdf7;
	padding:40px 0 60px 0;
	.agent-bg{
		background: url(/static/site/img/index/gongyings.png) center center no-repeat;
		position: relative;
		margin-top: 20px;
		width: 100%;
		min-width: 1200px;
		height: 510px;
		position: relative;
		background-size: auto;
		background-size: cover;
		z-index: 1;
		.newStyleLinesPar{
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 95px;
			.newStyleLines {
			    width: 1200px;
			    height: 95px;
			    position: relative;
			    z-index: 9999;
			    display: flex;
			    margin: 0 auto;
				li {
				    position: relative;
				    flex: 1;
				    height: 95px;
				    color: #fff;
				    font-size: 16px;
				    padding: 25px;
				    box-sizing: border-box;
				    border-right: 1px solid #87692b;
				    cursor: pointer;
				}
				li:first-child {
				    border-left: 1px solid #87692b;
				}
				li:hover {
				    background-color: #737070;
				}
			}
		}
		.newStyleLinesPar::after{
		    content: '';
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 95px;
		    background-color: #ffffff;
		    opacity: 0.25;
		}
		.together{
			position: absolute;
			width: 330px;
			height: 71px;
			border-radius: 36px;
			border: solid 1px #e4bd35;
			color: #deb03a;
			font-size: 44px;
			text-align: center;
			line-height: 71px;
			top: 296px;
			left: 50%;
			margin-left: -165px;
			cursor: pointer;
		}
	}
}


//最新资讯
.article{
	.article-items{
		.disflexCen();
		.article-wrap{
			margin: 50px 0;
			width: 1200px;
			height: 410px;
			.disflexCenBtw();
			flex-wrap:wrap;
			.article-list li {
			    width: 470px;
			    height: 100px;
			    background-color: #ffffff;
			    padding: 10px 24px;
			    border-bottom: 1px solid #f8f8f8;
				a{
					h5{
						font-size: 14px;
					}
					p{
					    font-size: 12px;
					    color: #999999;
					    line-height: 22px;
					}
				}
			}
			.article-list li:hover a h5{
				color: red;
			}
		}
	}
}



@media only screen and (max-width:767px) {
	.swiper-wrapper{
		height: 230px!important;
	}
	.change-num .newNums,.wecandoitem{
		width: 100%!important;
	}
	.wecando-item{
		width: 47%!important;
	}
	.wecando-item:nth-child(2n+2){
		margin-right: 0!important;
	}
	.youshiliebiaos{
		width: 100%!important;
		.youshiliebiao-item{
			width: 48%!important;
			margin-bottom: 20px;
		}
	}
	.moreResources .resource-wrap{
		width: 100%!important;
		.resource-nav li{
			width: 25%!important;
		}
	}
	#resource_list{
		height: auto;
		.resource-item{
			li{
				width: 50%;
			}
		}
	}
	.fabustepsshow .fabustepsshow-item{
		width: 100%;
	}
	.agent{
		.agent-bg{
			min-width: 100%;
			background-position: initial;
			.newStyleLinesPar{
				height: auto;
				.newStyleLines{
					width: 100%;
					height: auto;
					display:initial;
					li{
						width: 100%;
						height:auto;
						padding: 12px;
					}
				}
			}
			.newStyleLinesPar::after{
				height: 200px;
			}
			.together{
				top: 156px;
			}
		}
	}
	.article .article-items .article-wrap{
		width: 100%;
		height: auto;
		.article-right{
			width: 100%;
			li{
				width: 100%;
				box-sizing: border-box;
			}
		}
	}
	.newNums{
		 .number{
			span:first-child{
				font-size: 20px!important;
			}
			span:last-child{
				font-size: 12px!important;
			}
		 } 
	}
}