body,html{
	background: #FAFAFA;
}
/*banner*/
.banner{
	position: relative;
	height: 600px;
	background-image: url(http://topwealth.oss-cn-hangzhou.aliyuncs.com/research/images/research.png);
	background-position: center;
	background-size: auto 100%;
}
.banner>img{
	width: 100%;
}
.banner>p{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	font-size: 48px;
	font-family: 'Noto Serif SC', serif;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1;
	animation: moveTop 2s ease-out;
}

@keyframes moveTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.research01{
	padding-top: 163px;
	padding-bottom: 149px;
}
.research01 .w1200{
	position: relative;
}
.research01 .leftImg{
	width: 87.6%;
	overflow: hidden;
}
.research01 .leftImg img{
	width: 100%;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
}

@media (min-width: 768px) {
	.research01 .leftImg:hover img{
		transform: scale(1.1);
	}
}

.youce{
	width: 370px;
	height: 280px;
	position: absolute;
	top: 50%;
	right: 0;
	background: #fff;
	transform: translateY(-50%);
	padding: 25px 20px 0 30px;
	overflow: hidden;
}
.youce h4{
	font-size: 36px;
	color: #333333;
	font-family: 'Noto Serif SC', serif;
	font-weight: normal;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	/* opacity: 1; */
	/*animation: moveLeft 2s linear;*/
	/* position: absolute; */
}
.youce p{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
	margin-top: 18px;
	/* opacity: 1; */
	/*animation: moveLeft 2s linear;*/
	/* position: absolute; */
	/* top: 60px; */
	width: calc(100% - 50px);
	font-family: 'Noto Sans SC', sans-serif,arial,"微软雅黑";
	font-weight: 300;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


@keyframes moveLeft {
  0% {
    opacity: 0;
    left: 80px;

  }

  100% {
    opacity: 1;
    left: 30px;
  }
}

.research02{
	padding-top: 163px;
	padding-bottom: 149px;
	background: #FAFAFA;
}
.research02 .w1200{
	position: relative;
}
.research02 .rightImg{
	width: 87.6%;
	overflow: hidden;
	float: right;
	
}
.research02 .rightImg img{
	width: 100%;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
}
@media (min-width: ) {
	.research02 .rightImg:hover img{
		transform: scale(1.1);
	}
}

.zuoce{
	width: 370px;
	height: 280px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #fff;
	transform: translateY(-50%);
	padding: 25px 20px 0 30px;
	overflow: hidden;
	z-index: 9;
}
.zuoce h4{
	font-size: 36px;
	color: #333333;
	font-family: 'Noto Serif SC', serif;
	font-weight: normal;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	/* opacity: 1; */
	/*animation: moveLeft 2s linear;*/
	/* position: absolute; */
}
.zuoce p{
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
	margin-top: 18px;
	/* opacity: 1; */
	/*animation: moveLeft 2s linear;*/
	/* position: absolute; */
	/* top: 113px; */
	width: calc(100% - 50px);
	font-family: 'Noto Sans SC', sans-serif,arial,"微软雅黑";
	font-weight: 300;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

@keyframes moveRight {
	0% {
	   opacity: 0;
	   left: 70px;
	}
	  100% {
	    opacity: 1;
	    left: 30px;
	  }
}
@media (max-width: 992px){
	.youce{
		padding: 40px 20px 0 20px;
		height: 216px;
	}
	.youce p{
		top: 80px;
		-webkit-line-clamp: 4;
	}
	.zuoce{
		padding: 40px 20px 0 20px;
		height: 216px;
	}
	.zuoce p{
		top: 80px;
	}
	.youce h4{
		font-size: 26px;
		-webkit-line-clamp: 1;
	}
	.zuoce h4{
		font-size: 26px;
		-webkit-line-clamp: 1;
	}
	.zuoce p{
		-webkit-line-clamp: 4;
	}

}

@media (max-width: 767px) {
	.banner{
		height: 190px;
		background-image: url(http://topwealth.oss-cn-hangzhou.aliyuncs.com/research/images/banner_tel.png);
		background-size: 100% auto;
	}
	.banner>p{
		font-size: 16px;
	}
	.research01{
		padding-bottom: 145px;
		padding-top: 45px;
	}
	.research01 .w1200{
		width: 100%;
	}
	.research01 .leftImg{
		width: 100%;
	}
	.youce{
		padding: 40px 15px;
		width: 87.5%;
		height: auto;
		margin: 25% auto 0;
		top: 50%;
		right: 50%;
		transform: translate(50%,-50%);
	}
	.youce h4{
		font-size: 18px;
		position: static;
		animation: none;
	}
	.youce p{
		font-size: 14px;
		position: static;
		top: 0;
		animation: none;
		margin-top: 15px;
	}
	
	.research02{
		padding-bottom: 145px;
		padding-top: 45px;
	}
	.research02 .w1200{
		width: 100%;
	}
	.research02 .rightImg{
		width: 100%;
	}
	.zuoce{
		padding: 40px 15px;
		width: 87.5%;
		height: auto;
		margin: 25% auto 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.zuoce h4{
		font-size: 18px;
		position: static;
		animation: none;
	}
	.zuoce p{
		font-size: 14px;
		position: static;
		top: 0;
		animation: none;
		margin-top: 15px;
	}
}