#banners{
	position: relative;
	.login-itembody{
		position: absolute;
		right: 10%;
		top:50%;
		margin-top: -180px;
		.login-item-val{
			position: relative;
			width: 270px;
			height: 350px;
			z-index: 2;
			border-radius: 6px;
			padding: 10px 15px;
			box-sizing: border-box;
			>h2{
				height: 47px;
				line-height: 47px;
				text-align: center;
				border-bottom: 2px solid #3cb4f9;
				color: #3cb4f9;
				font-size: 16px;
			}
			.inpus-logins{
				margin-top: 18px;
				div.inpusitembal{
					background-color: #fff;
					border-radius: 4px;
					margin-bottom: 12px;
					height: 38px;
					display: flex;
					align-items: center;
					label{
						margin-right: 5px;
						border-right: 1px solid #ddd;
						width: 45px;
						height: 38px;
					}
					input{
						height: 34px;
						border: none;
					}
				}
				.otherlogin-item{
					margin: 10px 0;
					display: flex;
					justify-content: space-between;
					align-items: center;
					color: #ccc;
					font-size: 12px;
					input{
						margin-right: 3px;
						width: 15px;
						height: 15px;
						vertical-align: middle;
						margin-top: -3px;
					}
					a{
						color: #ccc;
					}
				}
				div{
					button{
						height: 37px;
						background: #3cb4f9;
						width: 100%;
						border: none;
						border-radius: 6px;
						cursor: pointer;
						color: #fff;
						font-size: 16px;
					}
				}
				p{
					font-size: 12px;
					margin-top: 10px;
					color: #ddd;
					a{
						color: #3cb4f9;
					}
				}
			}
			.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;
				}
			}
		}
		.login-item-val::after{
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: #000;
			opacity: 0.5;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-radius: 6px;
		}
	}
}

//百万优质资源
.youzhiziyuan{
	width: 1200px;
	margin: 0 auto;
	.youzhiziyuans{
		.bigtitles{
			h2{
				text-align: center;
				font-size: 36px;
				color: #474747;
				padding: 50px 0px 0px;
				box-sizing: border-box;
				font-weight: bold;
			}
		}
		.media-box{
			.media-tit{
				font-size: 20px;
				color: #131313;
				margin: 25px 0px 15px;
				padding-left: 14px;
				line-height: 26px;
				position: relative;
			}
			.media-tit::after{
				content:"";
				position: absolute;
				left: 0;
				top: 3px;
				width: 5px;
				background-color: #50acea;
				height: 20px;
			}
			.moremediashows{
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				
				.media-text{
					border-top: 2px solid #50acea;
					margin-left: 20px;
					.tab-tit{
						height: 55px;
						border-bottom: 1px solid #ebebeb;
						line-height: 55px;
						display: flex;
						li{
							color: #727272;
							font-size: 16px;
							cursor: pointer;
							width: 126px;
							border-left: 1px solid #ebebeb;
							text-align: center;
						}
						li:first-child{
							border-left: none;
						}
						li.current {
						    background: #50acea;
							color: #fff;
						}
					}
					.tab-content{
						.tab-box{
							display: none;
							.img-list{
								display: flex;
								flex-wrap: wrap;
								margin: 20px 0;
								border-bottom: 1px solid #ebebeb;
								a{
								    width: 178px;
								    height: 88px;
								    border: 1px solid #ebebeb;
								    border-radius: 4px;
								    display: flex;
									margin: 0px 0px 13px 34px;
									justify-content: center;
									align-items: center;
									img{
										width: 100%;
									}
								}
							}
							.package{
								padding: 20px 0px;
								box-sizing: border-box;
								display: flex;
								flex-wrap: wrap;
								>div.p-box{
									width: 49%;
									div.boxtext{
										display: flex;
										align-items: center;
										margin-bottom: 20px;
										.img-box{
											width: 157px;
											height: 137px;
											border: 1px solid #ebebeb;
											margin: 0px 12px 0px 39px;
											img{
												width: 157px;
												height: 137px;
												display: block;
											}
										}
										.text-box{
											.title{
												color: #2d2d2d;
												font-size: 15px;
												margin-bottom: 20px;
											}
											p{
												span{
													width: 93px;
													height: 27px;
													display: inline-block;
													background: #b9b9b9;
													color: #fff;
													line-height: 27px;
													text-align: center;
													-webkit-border-radius: 20px;
													-moz-border-radius: 20px;
													-ms-border-radius: 20px;
													border-radius: 20px;
													font-size: 12px;
													margin-right: 10px;
												}
												span.color50{
													background: #50acea;
												}
												a{
													width: 72px;
													height: 29px;
													border: 1px solid #50acea;
													display: block;
													color: #50acea;
													line-height: 29px;
													text-align: center;
													-webkit-border-radius: 4px;
													-moz-border-radius: 4px;
													-ms-border-radius: 4px;
													border-radius: 4px;
													margin-left: 60px;
													margin-top: 20px;
												}
											}
										}
									}
								}
								>div.p-box:first-child{
									border-right: 1px solid #ebebeb;
								}
							}
							.box{
								width: 48%;
								display: inline-block;
								border-right: 1px solid #ebebeb;
								margin: 20px 0px 0px 12px;
								box-sizing: border-box;
								.tuba {
								    position: relative;
								    padding: 0px 0px 0px 97px;
								    min-height: 80px;
									.img {
									    position: absolute;
									    left: 0px;
									    top: 0px;
										img {
										    width: 80px;
										    height: 80px;
										    -webkit-border-radius: 100%;
										    -moz-border-radius: 100%;
										    -ms-border-radius: 100%;
										    border-radius: 100%;
										    display: block;
										}
									}
									.des{
										.name {
										    font-size: 16px;
										    color: #2d2d2d;
										}
										.number {
										    color: #757575;
										    padding: 10px 0px;
											em {
											    color: #62b900;
											    font-size: 16px;
											    font-weight: bold;
											    font-family: 'Arial';
											    margin-left: 14px;
											}
										}
										.tag{
											span{
												color: #858585;
												background: url(/static/site/img/index/spanicon.gif) no-repeat left center;
												display: inline-block;
												padding-left: 20px;
												margin-right: 20px;
												line-height: 20px;
												height: 20px;
											}
										}
									}
									>a{
										position: absolute;
										right: 3px;
										top: 14px;
										width: 80px;
										height: 35px;
										border: 1px solid #62b900;
										color: #62b900;
										text-align: center;
										line-height: 35px;
										display: block;
										border-radius: 4px;
									}
								}
								.list{
									ul{
										display: flex;
										flex-wrap: wrap;
										li{
											padding: 0px 14px;
											margin-bottom: 20px;box-sizing: border-box;
											.tit {
											    color: #757575;
											    padding: 20px 0px 10px;
											}
											.number {
											    background: url(/static/site/img/index/number.gif) no-repeat left center;
											    width: 37px;
											    height: 44px;
											    text-align: center;
											    line-height: 37px;
											    color: #70c207;
											    font-weight: bold;
											}
											.progress {
											    width: 29px;
											    height: 144px;
											    background: url(/static/site/img/index/progress.gif) no-repeat left top;
											    overflow: hidden;
											    position: relative;
											    margin: 1px 0px 0px 4px;
												.progress-bar {
												    background: #70c207;
												    width: 24px;
												    position: absolute;
												    left: 2px;
												    bottom: 2px;
												    -webkit-border-radius: 6px;
												    -moz-border-radius: 6px;
												    -ms-border-radius: 6px;
												    border-radius: 6px;
												}
											}
										}
									}
								}
								.read{
									border-top: 1px solid #ebebeb;
									padding-top: 7px;
									display: flex;
									.lbox {
									    width: 207px;
									    color: #757575;
										dl{
										    margin: 10px 0px 0px;
											width: 50%;
											text-align: center;
											display: inline-block;
											vertical-align: top;
											dt{
												span {
												    background: url(/static/site/img/index/yd.gif) no-repeat left center;
												    padding-left: 28px;
													display: inline-block;
													height: 20px;
												}
											} 
											dd {
											    color: #f15210;
											    font-size: 16px;
											    font-family: 'Arial';
											    font-weight: 600;
											    padding-top: 12px;
											}
										}
										dl:last-child{
											dt span{
												background: url(/static/site/img/index/dz.gif) no-repeat left center;
											}
										}
									}
									.rbox {
									    width: 212px;
									    border-left: 1px solid #ebebeb;
										display: flex;
										dl {
										    width: 50%;
										    text-align: center;
											dt{
												padding: 6px 0px;
											}
											dd {
											    padding-bottom: 3px;
											    color: #757575;
												span {
													color: #33c2e5;
													font-weight: bold;
													margin-left: 5px;
												}
											}
										}
									}
								}
								.bj{
									overflow: hidden;
									vertical-align: top;
									ul{
										padding-top: 35px;
										li {
										    width: 89px;
										    height: 89px;
										    float: left;
										    margin: 0px 30px 23px 18px;
											p {
											    color: #fff;
												position: relative;
												font {
													background-color: #f96868;
												    width: 71px;
												    height: 71px;
												    display: block;
												    text-align: center;
												    font-size: 18px;
												    font-family: 'Arial';
												    font-weight: bold;
													border-radius: 50%;
													line-height: 52px;
												}
												span{
													position: absolute;
													top: 50%;
													left: 17%;
												}
											}
										}
									}
								}
							}
							.fans{
								border-top: 1px solid #ebebeb;
								margin-top: 7px;
								padding: 14px 0px 10px;
								display: flex;
								.f-box {
								    border-left: 1px solid #ebebeb;
								    width: 221px;
								    padding-bottom: 5px;
									div.text{
										display: flex;
										align-items: center;
										.imgicon {
										    margin: 5px 12px 0px 20px;
											img {
											    width: 77px;
											    height: 77px;
											    display: block;
											    -webkit-border-radius: 100%;
											    -moz-border-radius: 100%;
											    -ms-border-radius: 100%;
											    border-radius: 100%;
											}
										}
										.textbox {
											p {
											    color: #757575;
											    font-size: 12px;
											    margin-top: 8px;
												em {
												    font-family: 'Arial';
												    color: #70c207;
												    font-weight: bold;
												    margin-left: 10px;
												}
											}
											p.name {
											    font-size: 15px;
											    color: #2d2d2d;
											    width: 105px;
											    height: 20px;
											    overflow: hidden;
											    white-space: nowrap;
											    text-overflow: ellipsis;
											}
										}
									}
									p.see{
										font-size: 12px;
										text-align: center;
										padding-top: 10px;
									}
								}
								.f-box.first {
								    border-left: none;
								    width: 222px;
								}
							}
						}
						.tab-box.active{
							display: block;
						}
					}
				}
			}
		}
	}
}
.moremediashows2 .media-text{
	border-top: 2px solid #70c207!important;
}
.moremediashows2 ul.tab-tit li.current{
	background-color:#70c207!important;
}
.moremediashows3 .media-text{
	border-top: 2px solid #f96868!important;
}
.moremediashows3 ul.tab-tit li.current{
	background-color:#f96868!important;
}
.moremediashows3 .media-text .tab-content .tab-box .fans .f-box div.text .textbox p em{
	color: #f96868!important;
}
.moremediashows3 .tab-content3 .number em{
	color: #f96868!important;
}
.moremediashows3 .tab-content3 .price{
	color: #f96868!important;
	border: 1px solid #f96868!important;
	margin-right: 20px;
}
.moremediashows2 .tab-content2 .price{
	margin-right: 20px;
}
.moremediashows .read .rbox dl:last-child dd span{
	color: #f96868!important;
}

//精选案例
.case{
	width: 1200px;
	margin: 50px auto;
	overflow: hidden;
	.case-tit{
		font-size: 36px;
		font-weight: bold;
		color: #414141;
		text-align: center;
		padding: 45px 0px;
	}
	.tab-tit{
		border-bottom: 1px solid #ebebeb;
		height: 88px;
		margin-bottom: 38px;
		margin-top: 5px;
		display: flex;
		li {
		    width: 110px;
		    height: 87px;
		    float: left;
		    text-align: center;
		    font-size: 16px;
		    color: #727272;
		    cursor: pointer;
		    margin-right: 106px;
			span {
			    width: 110px;
			    height: 43px;
			    display: block;
			    background: url(/static/site/img/index/caseicon.png) no-repeat left top;
			    margin-bottom: 10px;
			}
			span.icon1 {
				background-position: 29px 0px;
			}
			span.icon2 {
				background-position: -185px 0px;
			}
			span.icon3 {
				background-position: -398px 0px;
			}
			span.icon4 {
				background-position: -616px 0px;
			}
			span.icon5 {
				background-position: -833px 0px;
			}
			span.icon6 {
				background-position: -1045px 0px;
			}
		}
		li.current {
		    border-bottom: 2px solid #3cb4f9;
		    color: #3cb4f9;
			.icon1 {
			    background-position: 29px -48px;
			}
			.icon2 {
			    background-position: -185px -48px;
			}
			.icon3 {
			    background-position: -398px -48px;
			}
			.icon4 {
			    background-position: -616px -48px;
			}
			.icon5 {
			    background-position: -833px -48px;
			}
			.icon6 {
			    background-position: -1045px -48px;
			}
		}
	}
	.tab-content{
		.box{
			display: none;
			.imgbox{
				width: 288px;
			}
			.textbox{
				width: 884px;
				.title {
				    color: #3e3e3e;
				    font-size: 16px;
				    padding: 5px 0px;
					span {
					    color: #3cb4f9;
					    font-size: 20px;
					}
				}
				.des {
				    line-height: 25px;
				    color: #727272;
				}
				.line {
				    height: 15px;
				    border-bottom: 1px solid #ebebeb;
				    position: relative;
				    margin-bottom: 25px;
				}
				.self {
				    width: 210px;
				    margin: 10px 10px 5px 0px;
				    float: left;
					display: flex;
					align-items: center;
					.self-img {
					    margin-right: 12px;
						img {
						    width: 80px;
						    height: 80px;
						    border-radius: 50%;
						}
					}
					.self-text{
						p{
							color: #727272;
							margin-top: 5px;
							a{
								color: #3cb4f9;
								font-size: 12px;
								width: 58px;
								height: 25px;
								border: 1px solid #3cb4f9;
								display: block;
								text-align: center;
								line-height: 25px;
								border-radius: 4px;
							}
						}
					}
				}
				.caseShowsitems{
					display: flex;
					align-items: flex-start;
					justify-content: space-between;
					.r-box{
						div:not(.title){
							width: 87px;
							height: 87px;
							text-align: center;
							color: #fff;
							margin: 8px 25px 0px 0px;
							border-radius: 50%;
							display: inline-block;
							p{
								padding-top: 20px;
							}
							h3{
								padding-top: 5px;
								font-size: 16px;
								font-family: 'Arial';
								font-weight: bold;
							}
						}
						.bg01{
							background-color: #f07474;
						}
						.bg02{
							background-color: #33c2e5;
						}
						.bg03{
							background-color: #54bfa1;
						}
					}
				}
			}
		}
		.box.active{
			display: flex;
			justify-content: space-between;
		}
	}
}


//合作流程
.process{
	background: url(/static/site/img/index/process.jpg) no-repeat center top;
	height: 550px;
	width: 100%;
	text-align: center;
	.tit{
	    font-size: 36px;
	    color: #fff;
	    font-weight: bold;
	    text-align: center;
	    padding-top: 68px;
	    margin-bottom: 58px;
	}
	.tab-tit{
		margin-bottom: 70px;
		li {
		    display: inline-block;
		    margin: 0px 45px 0px;
		    font-size: 16px;
		    color: #ccc;
		    cursor: pointer;
		}
		li.current {
		    color: #3cb4f9;
		}
	}
	.tab-content{
		.box{
			display: none;
		}
		.box.active{
			display: block;
		}
	}
}


//合作伙伴
.partner{
	margin-bottom: 50px;
	h2 {
	    font-size: 36px;
	    color: #464646;
	    text-align: center;
	    padding: 80px 0px 15px;
	}
	h3 {
	    font-size: 16px;
	    color: #727272;
	    text-align: center;
	    font-weight: normal;
	}
	.mr-frbox {
		width: 1200px;
	    height: 235px;
	    margin: 40px auto 0px;
		.mr-frBtnL {
		    float: left;
		    margin: 100px 0px 0px 0px;
		    cursor: pointer;
		    display: inline;
		}
		.mr-frBtnR {
		    float: right;
		    margin-top: 100px;
		    cursor: pointer;
		}
		.mr-frUl {
		    float: left;
		    height: 235px;
		    width: 1020px;
		    margin-left: 65px;
			ul{
				li {
				    display: inline;
				    float: left;
				    height: 235px;
				    width: 183px;
				    margin: 0px 10px;
				    overflow: hidden;
				    text-align: center;
					a {
					    width: 181px;
					    height: 91px;
					    border: 1px solid #ebebeb;
					    display: block;
					    margin: 24px 0px 0px;
						span {
						    width: 181px;
						    height: 91px;
						    display: table-cell;
						    vertical-align: middle;
							img {
							    max-width: 181px;
							    max-height: 91px;
							}
						}
					}
				}
			}
		}
	}
}




@media only screen and (max-width:767px) {
	.swiper-wrapper{
		height: 420px!important;
	}
	.youzhiziyuan{
		width: 100%;
	}
	.youzhiziyuan .youzhiziyuans .media-box .moremediashows .media-text .tab-content .tab-box .img-list a{
		width: 28%;
		margin-left: 15px;
	}
	.moremediashows{
		.media-text {
			width: 100%;
			ul.tab-tit{
				height: auto!important;
				flex-wrap: wrap;
			}
			div.tab-content{
				.tab-box{
					div.box{
						display: block;
					}
				}
			}
		}
	}
	.moremediashows{
		>div.media-text{
			overflow: hidden;
		}
	}
	.tab-content2{
		.tab-box{
			.box{
				width: 100%!important;
				.read .lbox{
					flex: 1;
				}
				.list ul li{
					padding: 0 8px!important;
				}
			}
			.fans{
				box-sizing: border-box;
				flex-wrap:wrap;
				.f-box{
					width: 48%!important;
					.text{
						.imgicon {
							margin: 0!important;
							margin-right: 6px!important;
						}
					}
				}
			}
		}
	}
	.tab-content3{
		.tab-box{
			.box{
				width: 100%!important;
				.bj{
					ul{
						overflow: hidden;
						li{
							width: 31%!important;
							margin: 0!important;
						}
					}
				}
			}
			.fans{
				box-sizing: border-box;
				flex-wrap:wrap;
				.f-box{
					width: 48%!important;
					.text{
						.imgicon {
							margin: 0!important;
							margin-right: 6px!important;
						}
					}
				}
			}
		}
	}
	.case {
		width:100%;
		.tab-tit{
			flex-wrap:wrap;
			height:auto;
			justify-content: center;
			li{
				margin-right: 0;
				font-size: 14px;
				text-align: center;
				margin-bottom: 10px;
				span{
					
				}
			}
		}
		.tab-content{
			.box{
				padding:0 20px;
				box-sizing: border-box;
				.imgbox {
					display: none;
				}
				.textbox {
					width: 100%;
					.caseShowsitems{
						flex-wrap:wrap;
						.l-box{
							width: 100%!important;
						}
						.r-box{
							width: 100%!important;
						}
					}
					.hezuorenwu{
						display: flex;
						flex-wrap: wrap;
						.self{
							width: 47%;
							margin: 0px;
							margin-bottom: 10px;
						}
					}
					
				}
			}
		}
	}
	.process{
		.tab-tit{
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
	.partner{
		min-width: 100%!important;
		.mr-frbox{
			width: 100%;
			.mr-frUl{
				width: 90%;
				margin-left: 0;
				.tempWrap{
					width: 100%!important;
					ul{
						li{
							width: 130px!important;
							img{
								max-width: 130px;
								
							}
						}
					}
				}
			}
		}
	}
}