/* about1 */
.about1 {
	padding-top: 1rem;
	padding-bottom: 0.76rem;
}
.about1 .title {
	font-size: 0.4rem;
	font-family: 'hb';
	color: #333333;
}
.about1 .title::after {
	content: '';
	display: block;
	width: 0.74rem;
	height: 0.04rem;
	background-color: var(--c);
	margin-top: 0.18rem;
}
.about1 .info {
	text-indent: 2em;
	font-size: 0.16rem;
	color: #666666;
	line-height: 0.3rem;
	margin-top: 0.6rem;
}


/* about2 */
.about2 .xgplayer video {
	position: static !important;
	height: 3.5rem;
}
.xgplayer.xgplayer-is-fullscreen video,
#video.xgplayer-is-cssfullscreen video {
	height: 100% !important;
}
.about2 .xgplayer .xgplayer-poster {
	background-size: 100% 100%;
}
.about2 .scroll {
	align-items: flex-end;
}
.about2 .main > div {
	padding-top: 0.45rem;
	padding-bottom: 0.38rem;
}
.about2 .scroll_num {
	font-size: 0.6rem;
	font-family: 'hb';
	color: #015196;
	line-height: 1;
}
.about2 .plus {
	font-size: 0.6rem;
	font-family: 'hb';
	color: #015196;
	line-height: 1;
}
.about2 .per {
	font-size: 0.16rem;
	color: #333333;
}
.about2 .des {
	font-size: 0.18rem;
	color: #333333;
	margin-top: 0.25rem;
}
.about2 .main {
	justify-content: space-evenly;
	background-color: #FFFFFF;
	box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.16);
	margin-top: -0.75rem;
	position: relative;
	z-index: 99;
}
.about2 .main .flex_box1 {
	flex: 0 0 auto;
}


/* piclist */
.about3 {
	padding-top: 0.65rem;
	padding-bottom: 1.6rem;
}
.about3 .main {
	position: relative;
}
.about3 .swiper {
	margin: 0 -0.1rem;
}
.about3 .swiper-slide {
	padding: 0 0.1rem;
}
.about3 .swiper-button-prev,
.about3 .swiper-button-next {
	width: 0.47rem;
	height: 0.47rem;
	border: 0.01rem solid #E5E5E5;
	border-radius: 50%;
	transition: var(--s_tran);
}
.about3 .swiper-button-prev:hover,
.about3 .swiper-button-next:hover {
	background: var(--c);
}
.about3 .swiper-button-prev:hover::after,
.about3 .swiper-button-next:hover::after {
	filter: brightness(0) invert(1);
}
.about3 .swiper-button-prev::after,
.about3 .swiper-button-next::after {
	content: '';
	background: url('../img/about/about6.png') no-repeat;
	width: 0.16rem;
	height: 0.1rem;
	background-size: 100% 100%;
	transition: var(--s_tran);
}
.about3 .swiper-button-next::after {
	transform: rotate(180deg);
}
.about3 .swiper-button-prev {
	left: -0.82rem;
}
.about3 .swiper-button-next {
	right: -0.82rem;
}

@media only screen and (max-width: 768px) {
	.about1{
		margin-bottom:.5rem;}
	.about1 .info{
		font-size:0.26rem;
		line-height:.4rem;}
	.about2 .main{
		display:block;
		height:auto;
		overflow:hidden;}
	.about2 .scroll_num{
		font-size: 0.35rem;}

	.about2 .main .flex_box1 {
		float: left;
		width: 45%;
		margin-left: 5%;
	}.about2 .plus{
		 font-size:.3rem;}

	.about2 .des{
		font-size:.24rem;}
	.about2 .per{
		font-size:.22rem;}
	.about3 .swiper-button-prev{
		left:0;}
	.about3 .swiper-button-next{
		right:0;}
















}