#contentShowData{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.login-alert{
	opacity: 0.8;
}

#carousel{
	margin-top: -80px;
	.banner-js{
		position:absolute;bottom:0;z-index: 999999;width:100%;background:rgba(0,0,0,0.3);
		.carousel-indicators{
			margin-left: 0!important;
			position:relative;left:0;top:0;width:1200px;
			div{
				padding: 20px!important;
				transition: all 0.3s;
				margin:0;
				color:#fff;
				cursor:pointer;
				h4{
					font-size: 20px;
					color: #fff;
					font-weight: bold;
					margin-bottom: 20px;
					height: 20px;
					line-height: 20px;
				}
				p{
					font-size:14px;
					color:#9e9e9c;
					line-height: 1.8;
					height: 100px;
				}
			}
			div.active {
				width: auto!important;
				height:200px!important;
				background-color: rgba(255,255,255,0.2)!important;
				color: #fff!important;
				cursor: pointer!important;
				width:25%!important;
			}
		}
	}
}
@keyframes sha{
	0% {
		box-shadow: 0 0 0 #ff6c00;
	}
	100% {
		box-shadow: 0 0 70px 1px #ff6c00;
	}
}

.carousel-fade .carousel-inner .item{
  -webkit-transition:opacity 2s linear;-moz-transition:opacity 2s linear ;height: 738px;
  -ms-transition:opacity 2s linear;-o-transition:opacity 2s linear;transition:opacity 2s linear;opacity:0;
}
 .carousel-fade .carousel-inner .active{ opacity: 1;}
 .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left: 0;opacity: 0;}
 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {opacity: 1;}
 @keyframes fadeInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 500px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.carousel-fade .carousel-inner .item>img{
	height: 738px;
}





/*平台资源*/
.ptzy{
	width: 100%;
	background-color: #fff;
	.ptzys{
		width: 1200px;
		margin:30px auto 52px auto;
		text-align: center;
		h2.ptzyTitle{
			text-align: center;
			height: 40px;
			line-height: 40px;
			font-size: 40px;
			color: #333333;
			position: relative;
			z-index: 1;
			margin-bottom: 60px;
		}
		.ptzyTitle::after{
			content:'PROVIDE';
			font-size: 58px;
			color: #e7e7e7;
			position: absolute;
			top: 25px;
			left: 50%;
			z-index: -1;
			margin-left: -130px;
		}
		.ptzyLists{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			div{
				width: 285px;
				height: 200px;
				color: #fefefe;
				overflow: hidden;
				position: relative;
				cursor: pointer;
				margin-bottom: 20px;
				.ptzyItem{
					cursor: pointer;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					.ptzySmallTitle{
						font-size: 24px;
						text-align: center;
						margin-top: 80px;
						-webkit-transition:all 0.3s ;
						-moz-transition: all 0.3s;
						-ms-transition: all 0.3s;
						-o-transition:all 0.3s ;
						transition:all 0.3s ;
					}
					.ptzySmallContent{
						font-size: 14px;
						padding: 0 18px 0 15px;
						line-height: 1.8;
						text-align: justify;
						-webkit-transition:all 0.3s ;
						-moz-transition: all 0.3s;
						-ms-transition: all 0.3s;
						-o-transition:all 0.3s ;
						transition:all 0.3s ;
						opacity: 0;
						-webkit-transform: translateY(60px);
						-moz-transform: translateY(60px);
						-ms-transform: translateY(60px);
						-o-transform: translateY(60px);
						transform: translateY(60px);
					}
				}
			}
			div:not(.special-not-hover):hover{
				div{
					background-color: rgba(206, 88, 2,0.8);
					-webkit-transition:all 0.3s ;
					-moz-transition: all 0.3s;
					-ms-transition: all 0.3s;
					-o-transition:all 0.3s ;
					transition:all 0.3s ;
					.ptzySmallTitle{
						-webkit-transform: translateY(-160px);
						-moz-transform: translateY(-160px);
						-ms-transform: translateY(-160px);
						-o-transform: translateY(-160px);
						transform: translateY(-160px);
					}
					.ptzySmallContent{
						-webkit-transform: translateY(-60px);
						-moz-transform: translateY(-60px);
						-ms-transform: translateY(-60px);
						-o-transform: translateY(-60px);
						transform: translateY(-60px);
						opacity: 1;
					}
				}
			}
		}
	}
}






/*资源渠道*/
.zyqd{
	width: 100%;
	height: 600px;
	.zyqds{
		width: 1200px;
		margin:36px auto 90px auto;
		.zyqdTitle{
			font-size: 40px;
			color: #fefefe;
			height: 40px;
			line-height: 40px;
			text-align: center;
		}
		.zyqdSmallTitle{
			font-size: 20px;
			color: #ffffff;
			opacity: 0.5;
			height: 20px;
			line-height: 20px;
			text-align: center;
			margin: 15px 0 68px 0;
		}
		.zyqdItem{
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			.zyqdLeftItem{
				.leftChooseItems{
					width: 128px;
					padding: 14px 0;
					border-right: 1px solid #e5e5e5;
					li{
						height: 60px;
						line-height: 60px;
						color: #fff;
						font-size: 20px;
						display: flex;
						justify-content: space-between;
						align-items: center;
						cursor: pointer;
						-webkit-transition: all 0.3s;
						-moz-transition: all 0.3s;
						-ms-transition:all 0.3s ;
						-o-transition: all 0.3s;
						transition: all 0.3s;
						span{
							display: inline-block;
						}
						.icos{
							width: 20px;
							height: 20px;
							background-color:#e5e5e5;
							border-radius: 50%;
							margin-right: -10px;
						}
					}
					li.active{
						color: #ff6c00;
						.icos{
							background-image: linear-gradient(-31deg, 
								#ff9649 0%, 
								#f6724b 50%, 
								#ed4d4d 100%), 
							linear-gradient(
								#e5e5e5, 
								#e5e5e5);
							background-blend-mode: normal, 
								normal;
								position: relative;
								z-index: 11;
						}
						.icos::after{
							content: '';
							width: 30px;
							height: 30px;
							border-radius: 50%;
							background-image: linear-gradient(-31deg, 
								#ff9649 0%, 
								#f6724b 50%, 
								#ed4d4d 100%), 
							linear-gradient(
								#e5e5e5, 
								#e5e5e5);
							background-blend-mode: normal, 
								normal;
							opacity: 0.3;
							position: absolute;
							top: -5px;
							left: -5px;
						}
					}
				}
			}
			.zyqdRightItem{
				margin-left: 100px;
				flex: 1;
				div{
					opacity: 0;
					-webkit-transition: opacity 0.3s ease-in-out;
					-moz-transition: opacity 0.3s ease-in-out;
					transition: opacity 0.3s ease-in-out;
					position: relative;
					section{
						position: absolute;
						h2{
							font-size: 20px;
							color: #ff6c00;
							margin-bottom: 30px;
						}
						>button{
							margin: 30px 0 15px 0;
							-webkit-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-ms-transition:all 0.3s ;
							-o-transition: all 0.3s;
							transition: all 0.3s;
							width: 196px;
							height: 47px;
							background-image: linear-gradient(-90deg, 
								#ed4d4d 0%, 
								#ff9649 100%);
							border-radius: 24px;
							color: #fff;
							font-size: 16px;
							border: none;
							cursor: pointer;
						}
						p{
							color: #fff;
							font-size: 14px;
							button{
								width: 172px;
								height: 54px;
								border-radius: 6px;
								border: solid 1px #ffffff;
								font-size: 16px;
								color: #fff;
								text-align: center;
								background-color: transparent;
								margin: 0;
								margin-right: 60px;
								margin-top: 15px;
								outline: none;
							}
						}
						hr{
							background-color: #999;
							margin-bottom: 22px;
						}
					}
					
				}
				.active{
					opacity: 1;
					z-index: 1;
				}
			}
		}
	}
}


.whiteLine{
	width: 100%;
	height: 4px;
	background-color: #fff;
	margin: 0;
}




// 关于
.gywm{
	width: 100%;
	height: 500px;
	background-color: #fff;
	background: url(/static/site/img/index/nihaoNews.png) center no-repeat;
	background-size: cover;
	.gywms{
		margin: 0 auto;
		width: 1200px;
		height: 500px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap:wrap;
		.gywm-left{
			width: 540px;
			height: 350px;
			position: relative;
			#firstLines,#secondLines{
				display: inline-block;
			}
		}
		.gywm-right{
			p{
				margin: 57px 0 37px 0;
				font-size: 16px;
				color: #666666;
			}
		}
	}
}



// 地图
.dt{
	width: 100%;
	height: 836px;
	background: url(/static/site/img/index/shujuBG.png) no-repeat;
	background-size: cover;
	.topHasLine{
		position: relative;
		margin-bottom: 16px;
		span:first-child{
			color: #ff6c00;
			font-size: 36px;
			height: 36px;
			line-height: 36px;
			margin-bottom: 16px;
		}
		span:last-child{
			font-size: 14px;
			color: #999999;
		}
	}
	.topHasLine::after{
		position: absolute;
		content: '';
		width:80px;
		height: 2px;
		background-color: #e5e5e5;
		top: -20px;
		left: 0;
	}
}



/*合作流程*/
.hzlc{
	width: 100%;
	height: 586px;
	background: url(/static/site/img/index/hezuoya.png) no-repeat;
	background-size: cover;
	.hzlcs{
		width: 1200px;
		margin: 0 auto;
		.hhlcTitle{
			text-align: center;
			height: 49px;
			line-height: 49px;
			font-size: 49px;
			color: #FEFEFE;
			position: relative;
			z-index: 1;
			margin-top: 54px;
			margin-bottom: 90px;
		}
		.hhlcTitle::after{
			content:"COOPERATION PROCESS";
			font-size: 58px;
			color: #e7e7e7;
			opacity: 0.2;
			position: absolute;
			top: 25px;
			left: 50%;
			width: 750px;
			z-index: -1;
			margin-left: -375px;
		}
		.jutiliucheng{
			.liuchengTitle{
				width: 375px;
				margin: 0 auto;
				padding-bottom: 26px;
				border-bottom: 1px solid #d2d2d2;
				span{
					display: inline-block;
					width: 46%;
					text-align: center;
					font-size: 20px;
					color: #ffffff;
					cursor: pointer;
				}
				.active{
					position: relative;
				}
				.active::after{
					position: absolute;
					bottom: -28px;
					left: 38px;
					content: '';
					width: 100px;
					height: 4px;
					background-image: linear-gradient(-90deg, 
						#ef584d 0%, 
						#fc8d4a 100%);
					border-radius: 2px;
				}
			}
		}
	}
}


.FGLC,.DLLC{
	height: 300px;
}
.FGLC span,.DLLC span{
	font-size: 16px;
	color: #ffffff;
}
.FGLC>.FGLCs,.DLLC>.DLLCs{
	display: flex;
	padding: 0 20px;
}
.FGLC>.FGLCs>p,.DLLC>.DLLCs>p{
	margin-right: 30px;
	display: inline-block;
	flex: 1;
	height: 118px;
	background-image: linear-gradient(72deg, 
		#181820 0%, 
		#282c34 100%), 
	linear-gradient(
		#f4f5f7, 
		#f4f5f7);
	background-blend-mode: normal, 
		normal;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	position: relative;
	    margin-left: 8px;
		padding-top: 25px;
		box-sizing: border-box;
}
.FGLC>.FGLCs>p:hover,.DLLC>.DLLCs>p:hover{
	background-image: linear-gradient(90deg, 
			#ff9649 0%, 
			#ed4e4d 100%), 
		linear-gradient(
			#f4f5f7, 
			#f4f5f7);
}
.FGLC>.FGLCs>p:hover em,.DLLC>.DLLCs>p:hover em{
	color: #ff6c00;
}
.FGLC>.FGLCs>p:hover a,.DLLC>.DLLCs>p:hover a{
	background-image: linear-gradient(90deg, 
		#ff9649 0%, 
		#ed4e4d 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
		background-color: initial;
}
.FGLC em,.DLLC em{
	position: absolute;
	font-size: 32px;
	color: #ffffff;
	left: 45%;
	bottom: -55px;
}
.FGLC>.FGLCs>p:last-child,.DLLC>div>p:last-child{
	margin-right: 0;
}
.FGLC b,.DLLC b{
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto;
}
.FGLC b,.DLLC b{
	display: none;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	-ms-transition:all 0.3s ;
	-o-transition:all 0.3s ;
	transition:all 0.3s ;
	opacity: 0;
	cursor: pointer;
}
.FGLC b.active,.DLLC b.active{
	display: block;
	opacity: 1;
}
.liuchengContent>section{
	display: none;
}
.liuchengContent>section.active{
	display: block;
}




.shanshuoss{
	display: none;
}
.classNameees {
	-webkit-animation: twinkling 1s infinite ease-in-out;
	display: inline-block!important;
}

.animatededd {
	display: inline-block!important;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}



@-webkit-keyframes twinkling {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes twinkling {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.liaojieMore{
	border: none;
	margin-top: 30px;
	width: 126px;
	height: 48px;
	background-image: linear-gradient(-90deg, 
		#ed4e4d 0%, 
		#ffa364 100%), 
	linear-gradient(
		#ff6c00, 
		#ff6c00);
	background-blend-mode: normal, 
		normal;
	border-radius: 6px;
	font-size: 16px;
	color: #fff;
}
.FGLCs,.DLLCs{
	margin: 78px 0 62px 0;
}
.FGLCs>p , .DLLCs>p{
	-webkit-transition: all 0.2s ;
	-moz-transition:  all 0.2s;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	transition: all 0.2s;
}
.FGLCs>p span,.FGLCs>p em , .DLLCs>p span,.DLLCs>p em{
	-webkit-transition: all 0.2s ;
	-moz-transition:  all 0.2s;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	transition: all 0.2s;
}
.FGLCs>p:hover span,.FGLCs>p:hover em,.DLLCs>p:hover span,.DLLCs>p:hover em{
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.liuchengContent>section>p>span{
	display: inline-block;
}
.dixianBGs{
	width: 1200px;
	display: flex;
}
.sameLiness{
	flex: 1;
	height: 2px;
	background-color: #939598;
}
.beffss{
	position: absolute;
	left: 45%;
	bottom: -72px;
	width: 20px;
	height: 20px;
	background-color: #939598;
	border-radius: 50%;
}
.FGLCs>p>span,.DLLCs>p>span{
	display: flex;
	justify-content: center;
	align-items: center;
}
.FGLCs>p>span img,.DLLCs>p>span img{
	display: none;
	margin-bottom: 12px;
}
.FGLCs>p>span img:first-child,.DLLCs>p>span img:first-child{
	display: block;
}
.FGLCs>p:hover>span img:first-child,.DLLCs>p:hover>span img:first-child{
	display: none!important;
}
.FGLCs>p:hover>span img:last-child,.DLLCs>p:hover>span img:last-child{
	display: block!important;
}

.headTitle a{
	color: #666;
}
.headTitle a:link {color: #666; text-decoration:none;}
.headTitle a:visited {color: #666;text-decoration:none;}
a:visited{
	text-decoration: none;
}
.loginReg a span{
	border-radius:2px ;
}
.login,.registe{
	font-size: 14px!important;
}
.clearfixss a:hover{
	color: #ff6c00;
}
.actives{
	color: #ff6c00!important;
}
#myCarousel img{
	height: 480px;
	width: 100%;
}

/*遇到问题*/
.ydwt{
	width: 100%;
	background-color: #fff;
	.ydwts{
		padding-bottom: 75px;
		h2,h4{
			text-align: center;
		}
		h2{
			font-size: 40px;
			color: #333;
			height: 40px;
			line-height: 40px;
			margin-bottom: 15px;
		}
		h4{
			font-size: 20px;
			color: #666;
			opacity: 0.5;
			height: 20px;
			line-height: 20px;
		}
		.mianlingWT{
			width: 1200px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 40px;
			flex-wrap:wrap;
			p{
				text-align: center;
				span{
					display: block;
				}
				span:first-child{
					height: 140px;
					display: flex;
					align-items: flex-end;
					margin-bottom: 20px;
				}
			}
		}
	}
}


/*海量媒体*/
.hlmt{
	width: 100%;
	background-color: #fff;
	.hlmts{
		padding: 37px 0 60px 0;
		box-sizing: border-box;
		width: 1200px;
		margin: 0 auto;
		h2{
			font-size: 40px;
			color: #333;
			height: 40px;
			line-height: 40px;
			margin-bottom: 55px;
		}
		.meitiLists{
			display: flex;
			flex-wrap: wrap;
			p{
				width: 224px;
				height: 120px;
				border-radius: 6px;
				border: solid 1px #d2d2d2;
				margin-right: 20px;
				margin-bottom: 20px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			p:nth-child(5n+5){
				margin-right: 0;
			}
		}
	}
}


/* 营销学院 */
.yxxy{
	width: 100%;
	background-color: #fff;
	.yxxys{
		padding: 40px 0;
		box-sizing: border-box;
		h2{
			text-align: center;
		}
		.yxxyLists{
			width: 1200px;
			margin: 0 auto;
			.yxDetails{
				display: inline-block;
				vertical-align: top;
				width: 580px;
				height: 382px;
				padding:0 20px;
				box-sizing: border-box;
				background-color: #ffffff;
				box-shadow: 0px 0px 13px 0px 
					rgba(255, 108, 0, 0.15);
				div{
					border-bottom: 1px solid #eee;
					padding: 20px 0;
					display: flex;
					cursor: pointer;
					p:first-child{
						margin-right: 20px;
					}
					p{
						span{
							display: block;
							margin-bottom: 15px;
						}
					}
					img{
						width: 136px;
						height: 86px;
					}
				}	
			}
		}
		div:first-child{
			margin-right: 34px;
		}
	}
}


/* 登录框部分 */


/* 登录框位置定位配置 */
@media only screen and (min-width:1180px) and (max-width: 1640px) {
	.login-banner{
		right: 0;
	}
}
@media only screen and (min-width:1660px) and (max-width: 1700px) {
	.login-banner{
		right: 28px;
	}
}

@media only screen and (max-width:767px) {
	html,body,.container-fluid,.container{
		min-width: 100%!important;
	}
	#carousel{
		margin-top:0;
		.banner-js{
			.container{
				min-width: 100%;
				.carousel-indicators{
					width: 100%;
					>div{
						width:48%!important;
						height: 215px;
					}
					>div.active{
						height:215px!important;
					}
				}
			}
		}
		.carousel-inner{
			min-width: 100%;
			.calindex1{
				top:5%!important;
			}
			.calindex2{
				div{
					top:16%!important;
				}
			}
			.calindex3{
				top:30%!important;
			}
			.carousel-caption{
				width: 65%!important;
			}
			img{
				width: 100%;
			}
		}
	}
	.ptzy .ptzys{
		width:100%;
		.ptzyLists{
			>div{
				width:48%;
				.ptzyItem{
					width:100%;
				}
			}
		}
	}
	.ydwt{
		.ydwts{
			h2{
				font-size: 28px;
			}
			h4{
				font-size: 16px;
			}
			.mianlingWT{
				width: 100%;
				>p{
					width: 30%;
				}
			}
		}
	}
	.zyqd{
		height:730px;
		.zyqds{
			width: 100%;
			h2{
				height: auto!important;
				font-size: 22px!important;
			}
			h4{
				font-size: 12px!important;
			}
			.zyqdItem{
				.zyqdLeftItem{
					ul{
						padding-left:8px!important;
						box-sizing:border-box;
						width:110px!important;
					}
				}
				.zyqdRightItem{
					margin-left: 15px;
					div{
						p.newsBtnsStyle{
							display:flex;
							flex-wrap:wrap;
							button{
								width: 100px;
								height: 46px;
								margin-top: 8px;
								font-size: 12px;
								margin-right:8px;
							}
						}
					}
				}
			}
		}
	}
	.hlmt{
		.hlmts{
			width: 100%;
			.meitiLists{
				p{
					width: 30%;
					height: 80px;
					margin-right: 3%;
					img{
						width: 90%;
						max-height: 80px;
					}
				}
				p:nth-child(3n+3){
					margin-right:0;
				}
				p:nth-child(5n+5){
					margin-right:3%;
				}
			}
		}
	}
	.gywm{
		height: auto;
		.gywms{
			width: 100%;
			    height: auto;
			.gywm-left{
				width: 100%;
				padding: 15px;
				    box-sizing: border-box;
					    height: 450px;
			}
			.gywm-right{
				img{
					width: 100%;
				}
			}
		}
	}
	.hzlc{
		height:385px;
		.hzlcs{
			width: 100%;
			.hhlcTitle::after{
				font-size: 38px;
				width: 90%;
				margin-left: -190px;
			}
		}
	}
	.yxxy{
		.yxxys{
			.yxxyLists{
				width: 100%;
				.yxDetails{
					width: 100%;
					div:first-child{
						margin-right: 0;
					}
				}
				.yxDetails:first-child{
					margin-right:0;
				}
			}
		}
	}
}