html,
body {
	position: relative;
	height: 100%;
	background-color: #1A1A1A;
}

body {
	margin: 0;
	padding: 0;
}

/* S滚动部分 */
.main-swiper{
	width: 100%;
	height: 100%;
}
	.main-swiper .main-wrapper{
		
	}
	
		/* S公司简介 */
		.main-swiper .main-wrapper .jianjie{
			background-color: #1A1A1A;
			background-position: center;
			background-size: cover;
			overflow: hidden;
		}
			.main-swiper .main-wrapper .jianjie .jianjie-container{
				height: 100%;
			}
				.main-swiper .main-wrapper .jianjie .jianjie-container .bg{}
					.main-swiper .main-wrapper .jianjie .jianjie-container .bg img{
						position: fixed;
					}
					.main-swiper .main-wrapper .jianjie .jianjie-container .bg .pic01{
						height: 24rem;
						top: -18rem;
						right: 40rem;
					}
					.main-swiper .main-wrapper .jianjie .jianjie-container .bg .pic02{
						height: 33rem;
						left: -11rem;
						bottom: -20rem;
					}
					.main-swiper .main-wrapper .jianjie .jianjie-container .bg .pic03{
						height: 45rem;
						right: -22rem;
						bottom: -19rem;
					}
					
				.main-swiper .main-wrapper .jianjie .jianjie-container .youzi{
					
				}
					.main-swiper .main-wrapper .jianjie .jianjie-container .youzi img{
						position: absolute;
						height: 70vh;
						top: 50%;
						left: -10rem;
						transform: translate(0, -50%);
					}
			
				.main-swiper .main-wrapper .jianjie .jianjie-container .pic{
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					.main-swiper .main-wrapper .jianjie .jianjie-container .pic .pic-box{
						position: absolute;
						height: 100%;
						display: flex;
						justify-content: center;
						align-items: center;
					}
						.main-swiper .main-wrapper .jianjie .jianjie-container .pic .pic-box img{
							/* display: block; */
							position: relative;
						}
						.main-swiper .main-wrapper .jianjie .jianjie-container .pic .pic04{
							height: 15%;
							right: -190%;
							bottom: -30%;
						}
						.main-swiper .main-wrapper .jianjie .jianjie-container .pic .pic05{
							height: 15%;
							top: -35%;
							right: -80%;
						}
						.main-swiper .main-wrapper .jianjie .jianjie-container .pic .pic06{
							height: 15%;
							bottom: -37%;
							right: -40%;
						}
						
				.main-swiper .main-wrapper .jianjie .jianjie-container .txt{
					position: fixed;
					right: 10%;
					top: 48%;
					width: 32%;
					transform: translate(0, -50%);
				}
				.main-swiper .main-wrapper .jianjie .jianjie-container h1{
					font-size: 6rem;
					font-weight: 900;
					color: #fff;
					margin-bottom: 4rem;
				}
				.main-swiper .main-wrapper .jianjie .jianjie-container p{
					font-size: 1.6rem;
					font-weight: 400;
					color: #fff;
					text-align: justify;
				}
				.main-swiper .main-wrapper .jianjie .jianjie-container .txt p{
					margin-bottom: 3rem;
				}
		/* E公司简介 */
		
		/* S整合营销 */
		.main-swiper .main-wrapper .zhenghe{
			background-color: #EC653D;
		}
			.main-swiper .main-wrapper .zhenghe .zhenghe-container{
				height: 100%;
				position: relative;
			}
				.zhenghe-bg{}
					.zhenghe-bg img:nth-child(1){
						height: 100vh;
					}
					.zhenghe-bg img:nth-child(2){
						position: absolute;
						height: 10vh;
						left: 20vw;
						top: 10vh;
					}
					.zhenghe-bg img:nth-child(3){
						position: absolute;
						height: 40vh;
						left: 26vw;
						bottom: 10vh;
					}
				.zhenghe-left{
					position: absolute;
					left: 0;
					top: 0;
					width: 50vw;
					height: 100vh;
				}
					.zhenghe-left .left-container{
						width: 60%;
						position: absolute;
						right:10%;
						top:50%;
						transform: translate(0, -50%);
					}
						.zhenghe-left .left-container h1{
							font-size: 6rem;
							color: #fff;
							font-weight: 600;
						}
						.zhenghe-left .left-container .eng{
							font-size: 4rem;
							color: #fff;
							margin-bottom: 5rem;
						}
						.zhenghe-left .left-container .des{
							font-size: 1.6rem;
							color: #fff;
							text-align: justify;
						}
							.zhenghe-left .left-container .des p{
							}
				.zhenghe-right{
					position: absolute;
					right: 0;
					top: 0;
					width: 50vw;
					height: 100vh;
				}
					.zhenghe-right .right-container{
						width: 70%;
						position: absolute;
						left:10%;
						top:50%;
						transform: translate(0, -50%);
					}
						.zhenghe-right h2{
							font-size: 2rem;
							color: #fff;
							font-weight: 600;
							margin-left: 6rem;
							margin-bottom: 3.2rem;
						}
						.zhenghe-right .zhenghe-case{
							display: flex;
							align-items: center;
							margin-bottom: 2.4rem;
						}
							.zhenghe-right .zhenghe-case .zhenghe-btn-prev{
								margin-right: 3rem;
								cursor: pointer;
							}
								.zhenghe-right .zhenghe-case .zhenghe-btn-prev img{
									display: block;
									width: 2.2rem;
								}
							.zhenghe-right .zhenghe-case .zhenghe-swiper{
								width: 100%;
							}
								.zhenghe-right .zhenghe-case .zhenghe-swiper .zhenghe-wrapper{
									width: 100%;
									height: 35vh;
								}
									.zhenghe-right .zhenghe-case .zhenghe-swiper .zhenghe-wrapper>li{
										width: 100%;
										height: 100%;
									}
										.zhenghe-right .oncase-swiper{
											height: 100%;
										}
											.zhenghe-right .oncase-swiper .oncase-wrapper{
												height: 100%;
											}
												.zhenghe-right .oncase-swiper .oncase-wrapper .oncase-slide{
													width: 100%;
													height: 100%;
													background-position: center;
													background-size: cover;
													background-color: #000000;
												}
							.zhenghe-right .zhenghe-case .zhenghe-btn-next{
								margin-left: 3rem;
								cursor: pointer;
							}
								.zhenghe-right .zhenghe-case .zhenghe-btn-next img{
									display: block;
									width: 2.2rem;
								}
						.zhenghe-right .zhenghe-txt-swiper{
							/* padding: 0 6rem; */
						}
							.zhenghe-right .zhenghe-txt-swiper .zhenghe-txt-wrapper{}
								.zhenghe-right .zhenghe-txt-swiper .zhenghe-txt-wrapper>li{								}
									.zhenghe-right .zhenghe-txt-swiper .zhenghe-txt-wrapper>li .tit{
										font-size: 2rem;
										color: #fff;
										font-weight: 400;
										margin-bottom: 20px;
										padding-left: 6rem;
									}
									.zhenghe-right .zhenghe-txt-swiper .zhenghe-txt-wrapper>li .des{
										font-size: 1.6rem;
										color: #fff;
										text-align: justify;
										max-height: 20rem;
										overflow: visible;
										padding: 0 6rem;
									}
									/* .zhenghe-right .zhenghe-txt-swiper .zhenghe-txt-wrapper>li .des::-webkit-scrollbar { width: 0 !important } */
										.zhenghe-right .zhenghe-txt-swiper .zhenghe-txt-wrapper>li .des p{}
				
		/* E整合营销 */
		
		/* S达人营销 */
		.main-swiper .main-wrapper .daren{
			background-color: #FEB621;
		}
			.main-swiper .main-wrapper .daren .daren-container{
				height: 100%;
				position: relative;
				overflow: hidden;
			}
				.daren-bg{}
					.daren-bg img:nth-child(1){
						position: absolute;
						height: 100vh;
						right: 0;
						z-index: 2;
					}
					.daren-bg img:nth-child(2){
						position: absolute;
						height: 30vh;
						top: 15vh;
						right: 20vw;
					}
					.daren-bg img:nth-child(3){
						position: absolute;
						height: 10vh;
						bottom: 20vh;
						right: 30vw;
					}
					.daren-bg img:nth-child(4){
						position: absolute;
						height: 30vh;
						bottom: 0;
						right: 4vw;
					}
					
				.daren-left{
					position: absolute;
					left: 0;
					top: 0;
					width: 50vw;
					height: 100vh;
				}
					.daren-left .left-container{
						width: 70%;
						position: absolute;
						right:10%;
						top:50%;
						transform: translate(0, -50%);
					}
						.daren-left h2{
							font-size: 2rem;
							color: #fff;
							font-weight: 600;
							margin-left: 6rem;
							margin-bottom: 3.2rem;
						}
						.daren-left .daren-case{
							display: flex;
							align-items: center;
							margin-bottom: 2.4rem;
						}
							.daren-left .daren-case .daren-btn-prev{
								margin-right: 3rem;
								cursor: pointer;
							}
								.daren-left .daren-case .daren-btn-prev img{
									display: block;
									width: 2.2rem;
								}
							.daren-left .daren-case .daren-swiper{
								width: 100%;
							}
								.daren-left .daren-case .daren-swiper .daren-wrapper{
									width: 100%;
									height: 35vh;
								}
									.daren-left .daren-case .daren-swiper .daren-wrapper>li{
										width: 100%;
										height: 100%;
										background-position: center;
										background-size: cover;
									}
							.daren-left .daren-case .daren-btn-next{
								margin-left: 3rem;
								cursor: pointer;
							}
								.daren-left .daren-case .daren-btn-next img{
									display: block;
									width: 2.2rem;
								}
						.daren-left .daren-txt-swiper{
							/* padding: 0 6rem; */
						}
							.daren-left .daren-txt-swiper .daren-txt-wrapper{}
								.daren-left .daren-txt-swiper .daren-txt-wrapper>li{}
									.daren-left .daren-txt-swiper .daren-txt-wrapper>li .tit{
										font-size: 2rem;
										color: #fff;
										font-weight: 400;
										margin-bottom: 20px;
										padding-left: 6rem;
									}
									.daren-left .daren-txt-swiper .daren-txt-wrapper>li .des{
										font-size: 1.6rem;
										color: #fff;
										text-align: justify;
										max-height: 20rem;
										overflow: visible;
										padding: 0 6rem;
									}
										.daren-left .daren-txt-swiper .daren-txt-wrapper>li .des p{}
				
				.daren-right{
					position: absolute;
					right: 0;
					top: 0;
					width: 50vw;
					height: 100vh;
				}
					.daren-right .right-container{
						width: 60%;
						position: absolute;
						left:10%;
						top:50%;
						transform: translate(0, -50%);
					}
						.daren-right .right-container h1{
							font-size: 6rem;
							color: #fff;
							font-weight: 600;
						}
						.daren-right .right-container .eng{
							font-size: 4rem;
							color: #fff;
							margin-bottom: 5rem;
						}
						.daren-right .right-container .des{
							font-size: 1.6rem;
							color: #fff;
							text-align: justify;
						}
							.daren-right .right-container .des p{
							}
			
				
		/* E达人营销 */
		
		/* S MCN */
		.main-swiper .main-wrapper .mcn{}
			.main-swiper .main-wrapper .mcn .mcn-container{
				height: 100%;
				position: relative;
			}
			
				.main-swiper .main-wrapper .mcn .mcn-container .mcn-swiper{
					height: 100%;
					z-index: 0;
				}
					.main-swiper .main-wrapper .mcn .mcn-container .mcn-swiper .mcn-wrapper{
						height: 100%;
					}
						.main-swiper .main-wrapper .mcn .mcn-container .mcn-swiper .mcn-wrapper>li{
							height: 100%;
							background-position: center;
							background-size: cover;
							filter: blur(30px);
						}
					
				.main-swiper .main-wrapper .mcn .mcn-container .left{
					width: 50%;
					position: absolute;
					left: 0;
					top: 54%;
					transform: translate(0, -50%);
				}
					.main-swiper .main-wrapper .mcn .mcn-container .left .txt{
						padding-left: 14%;
						margin-bottom: 5rem;
					}
						.main-swiper .main-wrapper .mcn .mcn-container .left .txt .tit{
							display: flex;
							align-items: center;
							margin-bottom: 1rem;
						}
							.main-swiper .main-wrapper .mcn .mcn-container .left .txt .tit h1{
								font-size: 7rem;
								font-weight: 900;
								color: #fff;
								margin-right: 3rem;
							}
							.main-swiper .main-wrapper .mcn .mcn-container .left .txt .tit .tips{
								font-size: 1.2rem;
								color: #fff;
							}
								.main-swiper .main-wrapper .mcn .mcn-container .left .txt .tit .tips>li{
									opacity: 0.5;
									line-height: 2.2rem;
								}
						.main-swiper .main-wrapper .mcn .mcn-container .left .txt .des{
							font-size: 1.6rem;
							/* line-height: 2.4rem; */
							font-weight: 400;
							color: #fff;
							text-align: justify;
						}
							.main-swiper .main-wrapper .mcn .mcn-container .left .txt .des p{}
							
					.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list{
						display: flex;
						background-color: #3696B9;
						padding: 2rem 2rem 2rem 0;
					}
						.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left{
							width: 40%;
							align-items: center;
							height: 25vh;
						}
							.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul{
							}
								.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li{
									display: flex;
									justify-content: flex-end;
									align-items: center;
									position: relative;
								}
								.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li:nth-last-child(1){
									margin-bottom: 0;
								}
									.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li .avatar{
										justify-content: space-between;
										align-items: center;
										width: 50%;
										display: none;
										position: absolute;
										left: 0;
									}
									.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li.active .avatar{
										display: flex;
									}
										.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li .avatar .line{
											height: 1px;
											flex: 1;
											background-color: #fff;
										}
										.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li .avatar img{
											display: block;
											width: 5rem;
											height: 5rem;
											border-radius: 100%;
											border: 2px solid #FEB621;
											box-shadow: 0 0 1rem #FEB621;
											margin-right: 2rem;
										}
									.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li p{
										color: #fff;
										font-size: 1.2rem;
										opacity: 0.5;
										width: 50%;
									}
									.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-left>ul>li.active p{
										color: #FEB621;
										font-size: 1.6rem;
										font-weight: 600;
										opacity: 1;
										padding-left: 15.6rem;
									}
						.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-right{
							width: 60%;
						}
							.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-right h2{
								font-size: 3rem;
								font-weight: 600;
								color: #fff;
								margin-bottom: 2rem;
							}
							.main-swiper .main-wrapper .mcn .mcn-container .left .mcn-list .list-right .des{
								font-size: 1.3rem;
								color: #fff;
								line-height: 2.1rem;
							}
				
				.main-swiper .main-wrapper .mcn .mcn-container .right{
					width: 50%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					top: 0;
					right: 0;
				}
					.main-swiper .main-wrapper .mcn .mcn-container .right .right-prev{
						margin-right: 1rem;
					}
						.main-swiper .main-wrapper .mcn .mcn-container .right .right-prev img{
							display: block;
							height: 3.6rem;
							cursor: pointer;
						}
					.main-swiper .main-wrapper .mcn .mcn-container .right .pic{
						height: 70vh;
						width: 70vh;
						margin: 0;
					}
						.main-swiper .main-wrapper .mcn .mcn-container .right .pic>ul{
							height: 100%;
							width: 100%;
						}
							.main-swiper .main-wrapper .mcn .mcn-container .right .pic>ul>li{
								
								background-position: center;
								background-size: cover;
							}
					.main-swiper .main-wrapper .mcn .mcn-container .right .right-next{
						margin-left: 1rem;
					}
						.main-swiper .main-wrapper .mcn .mcn-container .right .right-next img{
							display: block;
							height: 3.6rem;
							cursor: pointer;
						}
		/* E MCN */
		
		/* S 直播电商 */
		.main-swiper .main-wrapper .zhibo{}
			.main-swiper .main-wrapper .zhibo .zhibo-container{
				height: 100%;
				position: relative;
			}
			
				/* 背景 */
				.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-bg{}
					.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-bg .pic1{
						position: absolute;
						left: 0;
						top: 0;
						height: 40vh;
					}
					.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-bg .pic2{
						position: absolute;
						right: 0;
						bottom: 0;
						height: 40vh;
					}
				
				/* 左侧logo群 */
				.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left{
					width: 50%;
					height: 100%;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					position: absolute;
				}
					.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .zhibo-button-prev{
						margin-right: 4rem;
						cursor: pointer;
					}
						.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .zhibo-button-prev img{
							width: 2.2rem;
						}
						
					.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper{
						width: 70vh;
						height: 70vh;
						/* background-color: #007AFF; */
						margin-left: 0;
						margin-right: 0;
					}
						.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper{
							height: 100%;
							display: flex;
							flex-direction: column;
							flex-wrap: wrap;
							/* justify-content: space-between;
							align-items: center; */
						}
							.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper>li{
								position: relative;
								display: flex;
								justify-content: center;
								align-items: center;
								width: 25%;
								height: 25%;
							}
								.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper>li .logo-bg{
									width: 70%;
									height: 70%;
									background-position: center;
									background-repeat: no-repeat;
									background-size: contain;
									display: flex;
									justify-content: center;
									align-items: center;
								}
								.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper>li.active .logo-bg{
									display: none;
								}
									.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper>li .logo-bg h5{
										font-size: 1.6rem;
										color: #fff;
										width: 80%;
										text-align: center;
									}
								.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper>li .logo-color{
									width: 60%;
									height: 60%;
									background-position: center;
									background-size: cover;
									border-radius: 100%;
									position: absolute;
									display: none;
								}
								.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .logo-swiper .logo-wrapper>li.active .logo-color{
									display: block;
								}
					
					.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .zhibo-button-next{
						margin-left: 4rem;
						cursor: pointer;
					}
						.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-left .zhibo-button-next img{
							width: 2.2rem;
						}
				
				/* 右侧文字 */
				.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-right{
					width: 50%;
					height: 100%;
					position: absolute;
					right: 0;
				}
					.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-right .txt{
						position: absolute;
						left: 14%;
						top: 50%;
						transform: translate(0, -50%);
					}
						.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-right .txt h1{
							font-size: 6rem;
							font-weight: 900;
							color: #fff;
							margin-bottom: 1rem;
						}
						.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-right .txt .eng{
							font-size: 4rem;
							color: #fff;
							margin-bottom: 2rem;
						}
						.main-swiper .main-wrapper .zhibo .zhibo-container .zhibo-right .txt .des{
							width: 82%;
							font-size: 1.6rem;
							font-weight: 400;
							color: #fff;
							text-align: justify;
						}
		/* E 直播电商 */
		
		/* S页面分页器 */
		.works-pagination{
			position: fixed;
			right: 0 !important;
			top: 50%;
			transform: translate(0, -50%);
			z-index: 99;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
				.works-pagination .works-bullet{
					display: block;
					width: 1.2rem;
					height: 0.6rem;
					background-color: #fff;
					margin-bottom: 2rem;
				}
				.works-pagination .works-bullet:nth-last-child(1){
					margin-bottom: 0;
				}
				.works-pagination .works-bullet-active{
					width: 4.4rem;
					background-color: #FF3A00;
				}
		/* E页面分页器 */
		
/* E滚动部分 */