.banner {
	width: 100%;
	height: 6.6rem;
	margin-top: .64rem;
	background-image: url(../images/about/banner-about.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner .title {
	font-size: .6rem;
	text-align: center;
	color: rgba(255, 255, 255, .8);
}

.banner .title::after {
	content: '';
	width: .50rem;
	height: .05rem;
	border-radius: .02rem;
	background: #fff;
	position: absolute;
	left: 50%;
	top: calc(50% + .5rem);
	transform: translateX(-50%) translateY(-50%);
}

.banner .en {
	color: rgba(255, 255, 255, .16);
	font-size: 1.00rem;
	font-family: 'Roboto-Bold';
	text-align: center;
	position: absolute;
	left: 50%;
	top: calc(50% - .3rem);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}


.about .section .content {
	width: 12.00rem;
	margin: 0 auto;
	overflow: hidden;
}

.about .section .content .title {
	height: .90rem;
	background-position: .28rem 0;
	background-repeat: no-repeat;
	position: relative;
}

.about .section .content .title.first {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-title-01.png);
}

.about .section .content .title.second {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-title-02.png);
}

.about .section .content .title.third {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-title-03.png);
}

.about .section .content .title.fourth {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-title-04.png);
	width: 12.00rem;
	margin: .60rem auto 0;
}

.about .section .content .title.fifth {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-title-05.png);
}

.about .section .content .title.sixth {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-title-06.png);
}

.about .section .content .title h3 {
	color: #2c51c5;
	font-size: .40rem;
	position: absolute;
	left: 0;
	bottom: 0;
}

.about .section .content .box {
	position: relative;
	top: -.10rem;
}

.about .gsjj .content {
	height: 6.66rem;
	padding-top: 1.00rem;
	margin-bottom: .20rem;
	position: relative;
}

.about .gsjj .content::after {
	content: '';
	width: 1.46rem;
	height: 5.48rem;
	position: absolute;
	right: -.35rem;
	top: 0;
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-gsjj-right-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.about .gsjj .content .title {
	margin-bottom: .70rem;
}

.about .gsjj .content .box {
	padding-right: 1.80rem;
}

.about .gsjj .content .box p {
	font-size: .20rem;
	color: #484949;
	line-height: .40rem;
}

.about .qywh {
	height: 9.51rem;
	margin-bottom: 1.20rem;
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-qywh-bg.jpg);
	background-size: 19.20rem 9.51rem;
	background-repeat: no-repeat;
	background-position: center center;
}

.about .qywh .content {
	height: 9.57rem;
	position: relative;
}

.about .qywh .content .title {
	width: 1.60rem;
	height: 1.00rem;
	position: absolute;
	top: .60rem;
	right: .60rem;
}

.about .qywh .content .title h3 {
	color: #fff;
}

.about .qywh .content .item {
	background-color: rgba(44, 57, 96, 0.8);
	position: absolute;
}

.about .qywh .content .item:hover {
	background-color: rgba(44, 57, 96, 0.9);
}

.about .qywh .content .item h4 {
	font-size: .48rem;
	color: #44e7bb;
	margin-bottom: .25rem;
}

.about .qywh .content .item p {
	font-size: .24rem;
	color: #fff;
	line-height: .60rem;
}
.about .qywh .content .item p i{
	font-style: normal;
}

.about .qywh .content .item p span {
	display: inline-block;
	width: 2.15rem;
}

.about .qywh .content .item.sm {
	padding: .90rem 0 0 .60rem;
	width: 6.00rem;
	height: 3.16rem;
	top: .00rem;
	left: 0;
}

.about .qywh .content .item.yj {
	padding: .60rem 0 0 .60rem;
	width: 5.98rem;
	height: 3.13rem;
	top: 3.16rem;
	right: .03rem;
}

.about .qywh .content .item.jzg {
	padding: .60rem 0 0 .60rem;
	width: 6.00rem;
	height: 3.21rem;
	top: 6.29rem;
	left: 0;
}

/* 核心高管 */
.about .cstd .content .title {
	margin-bottom: .60rem;
}

.about .cstd .content .box {
	padding-bottom: .90rem;
	overflow: hidden;
}

.about .cstd .content .box ul li {
	width: 100%;
	margin-bottom: .2rem;
	text-align: left;
	float: left;
	position: relative;
}

.about .cstd .content .box ul li .userImg {
	width: 2.4rem;
	float: left;
}
.about .cstd .content .box ul li .userImg img{
	width: 100%;
}
.about .cstd .content .box ul li .userInfo{
	width: calc(100% - 3rem);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .3rem;
}
.about .cstd .content .box ul li .userInfo h4 {
	font-size: .2rem;
	color: #484949;
	line-height: .34rem;
	margin: 0 0 .16rem 0;
	font-weight: bolder;
}
.about .cstd .content .box ul li .userInfo h4 span{
	display: inline-block;
	margin:0 0 0 .4rem;
	font-weight: normal;
}

.about .cstd .content .box ul li .userInfo p {
	font-size: .16rem;
	color: #484949;
	line-height: .34rem;
	text-align: justify;
}
.about .cstd .content .box ul li:nth-child(2),
.about .cstd .content .box ul li:nth-child(4){
	text-align: right;
}
.about .cstd .content .box ul li:nth-child(2) .userImg,
.about .cstd .content .box ul li:nth-child(4) .userImg{
 padding: 0 0 .3rem .3rem;
 float:right;	
}
.about .cstd .content .box ul li:nth-child(2) .userInfo,
.about .cstd .content .box ul li:nth-child(4) .userInfo{
 right: auto;
 left: .3rem;
}


/* 发展历程 */
.about .fzlc {
	height: 22.00rem;
	margin-bottom: 1.15rem;
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-fzlc-bg.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: .90rem;
}

.about .fzlc .content {
	padding-top: .60rem;
}

.about .fzlc .content .title h3 {
	color: #fff;
}

.about .fzlc .content .box ul {
	color: #fff;
}

.about .fzlc .content .box ul li {
	width: 50%;
	padding-top: .60rem;
	box-sizing: content-box;
}
.about .fzlc .content .box ul li:last-child{
	min-height: .44rem;
}

.about .fzlc .content .box ul li dl::before {
	content: '';
	width: .30rem;
	height: .30rem;
	border-radius: .15rem;
	position: absolute;
	top: -.05rem;
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-flash-point-1.png);
	background-size: .30rem .30rem;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

.about .fzlc .content .box ul li dl {
	position: relative;
	transition: top 0.2s;
}

.about .fzlc .content .box ul li dl:hover {}

.about .fzlc .content .box ul li dl:hover::before {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-flash-point.png);
	animation: warn 1.5s ease-out 0s infinite;
}

@keyframes warn {
	0% {
		transform: scale(0.5);
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 0.5;
	}
}

.about .fzlc .content .box ul li dl dt {
	position: absolute;
	top: -.05rem;
}

.about .fzlc .content .box ul li dl dt span {
	display: block;
	width: .55rem;
}

.about .fzlc .content .box ul li dl dt span.year {
	font-size: .24rem;
	margin-bottom: .05rem;
	white-space: nowrap;
}

.about .fzlc .content .box ul li dl dt span.month {
	font-size: .18rem;
}

.about .fzlc .content .box ul li dl dd {
	font-size: .16rem;
	line-height: .28rem;
	margin-bottom: .13rem;
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/about/about-point.png);
	background-repeat: no-repeat;
	background-position: 0 .09rem;
}

.about .fzlc .content .box ul li dl dd:last-child {
	margin-bottom: .00rem;
}

.about .fzlc .content .box ul li:nth-child(2n+1) {
	margin-left: 50%;
	border-left: .02rem solid #668fee;
}

.about .fzlc .content .box ul li:nth-child(2n+1) dl {
	padding-left: .35rem;
}

.about .fzlc .content .box ul li:nth-child(2n+1) dl::before {
	left: -.16rem;
}

.about .fzlc .content .box ul li:nth-child(2n+1) dl dt {
	left: -.90rem;
}

.about .fzlc .content .box ul li:nth-child(2n+1) dl dd {
	padding-left: .20rem;
}

.about .fzlc .content .box ul li:nth-child(2n) {
	border-right: .02rem solid #668fee;
}

.about .fzlc .content .box ul li:nth-child(2n) dl {
	padding-right: .35rem;
}

.about .fzlc .content .box ul li:nth-child(2n) dl::before {
	right: -.16rem;
}

.about .fzlc .content .box ul li:nth-child(2n) dl dt {
	right: -.90rem;
}

.about .fzlc .content .box ul li:nth-child(2n) dl dd {
	padding-right: .20rem;
	text-align: right;
	background-position: right .09rem;
}

.about .ryzz .content .title {
	margin-bottom: .60rem;
}

.about .ryzz .content .box {
	padding-bottom: .90rem;
	overflow: hidden;
}

.about .ryzz .content .box ul {
	width: 110%;
}

.about .ryzz .content .box ul li {
	width: 2.85rem;
	height: 1.61rem;
	float: left;
	margin: 0 .20rem .30rem 0;
	position: relative;
	border-radius: .18rem;
	overflow: hidden;
	-webkit-perspective: 6.00rem;
	perspective: 6.00rem;
}

.about .ryzz .content .box ul li img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.about .ryzz .content .box ul li .desc {
	width: 100%;
	height: 100%;
	position: absolute;
	top: .00rem;
	z-index: 2;
	text-align: center;
	color: #fff;
	font-size: .20rem;
	background-color: rgba(44, 81, 179, 0.7);
	display: table;
	overflow: hidden;
	pointer-events: none;
}

.about .ryzz .content .box ul li .desc p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: .35rem;
}

.about .hzhb .content .title {
	margin-bottom: .30rem;
}

.about .hzhb .content .box {
	padding: .30rem 0;
	overflow: hidden;
}

.about .hzhb .content .box ul {
	width: 110%;
}

.about .hzhb .content .box ul li {
	width: 1.82rem;
	height: 1.02rem;
	float: left;
	margin: 0 .22rem .30rem 0;
	position: relative;
}

.about .hzhb .content .box ul li img {
	width: 1.79rem;
	height: 1.00rem;
	transition: margin 0.5s;
	border: .01rem solid #f1f3f4;
	position: absolute;
	top: .00rem
}

.about .hzhb .content .box ul li:hover img {
	border-color: #e8e8e8;
	box-shadow: .00rem .10rem .10rem #e6e4e4;
	top: -.02rem;
}

.out-top .desc {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: in-top 300ms ease 0ms 1 forwards;
	animation: in-top 300ms ease 0ms 1 forwards;
}

.out-right .desc {
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	-webkit-animation: in-right 300ms ease 0ms 1 forwards;
	animation: in-right 300ms ease 0ms 1 forwards;
}

.out-bottom .desc {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
	animation: in-bottom 300ms ease 0ms 1 forwards;
}

.out-left .desc {
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-animation: in-left 300ms ease 0ms 1 forwards;
	animation: in-left 300ms ease 0ms 1 forwards;
}

.in-top .desc {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: out-top 300ms ease 0ms 1 forwards;
	animation: out-top 300ms ease 0ms 1 forwards;
}

.in-right .desc {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: out-right 300ms ease 0ms 1 forwards;
	animation: out-right 300ms ease 0ms 1 forwards;
}

.in-bottom .desc {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
	animation: out-bottom 300ms ease 0ms 1 forwards;
}

.in-left .desc {
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-animation: out-left 300ms ease 0ms 1 forwards;
	animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
	from {
		-webkit-transform: rotate3d(-1, 0, 0, 90deg);
		transform: rotate3d(-1, 0, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes in-top {
	from {
		-webkit-transform: rotate3d(-1, 0, 0, 90deg);
		transform: rotate3d(-1, 0, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@-webkit-keyframes in-right {
	from {
		-webkit-transform: rotate3d(0, -1, 0, 90deg);
		transform: rotate3d(0, -1, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes in-right {
	from {
		-webkit-transform: rotate3d(0, -1, 0, 90deg);
		transform: rotate3d(0, -1, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@-webkit-keyframes in-bottom {
	from {
		-webkit-transform: rotate3d(1, 0, 0, 90deg);
		transform: rotate3d(1, 0, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes in-bottom {
	from {
		-webkit-transform: rotate3d(1, 0, 0, 90deg);
		transform: rotate3d(1, 0, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@-webkit-keyframes in-left {
	from {
		-webkit-transform: rotate3d(0, 1, 0, 90deg);
		transform: rotate3d(0, 1, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes in-left {
	from {
		-webkit-transform: rotate3d(0, 1, 0, 90deg);
		transform: rotate3d(0, 1, 0, 90deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}
}

@-webkit-keyframes out-top {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(-1, 0, 0, 104deg);
		transform: rotate3d(-1, 0, 0, 104deg);
	}
}

@keyframes out-top {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(-1, 0, 0, 104deg);
		transform: rotate3d(-1, 0, 0, 104deg);
	}
}

@-webkit-keyframes out-right {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(0, -1, 0, 104deg);
		transform: rotate3d(0, -1, 0, 104deg);
	}
}

@keyframes out-right {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(0, -1, 0, 104deg);
		transform: rotate3d(0, -1, 0, 104deg);
	}
}

@-webkit-keyframes out-bottom {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(1, 0, 0, 104deg);
		transform: rotate3d(1, 0, 0, 104deg);
	}
}

@keyframes out-bottom {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(1, 0, 0, 104deg);
		transform: rotate3d(1, 0, 0, 104deg);
	}
}

@-webkit-keyframes out-left {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(0, 1, 0, 104deg);
		transform: rotate3d(0, 1, 0, 104deg);
	}
}

@keyframes out-left {
	from {
		-webkit-transform: rotate3d(0, 0, 0, 0deg);
		transform: rotate3d(0, 0, 0, 0deg);
	}

	to {
		-webkit-transform: rotate3d(0, 1, 0, 104deg);
		transform: rotate3d(0, 1, 0, 104deg);
	}
}