.carousel[data-v-6d1a5186] {
	height: 100%;
	width: 100%;
	position: relative
}

.carousel .banner li[data-v-6d1a5186] {
	overflow: hidden;
	position: absolute;
	opacity: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.carousel .banner li[data-v-6d1a5186],
.carousel .banner li img[data-v-6d1a5186] {
	height: 100%;
	width: 100%
}

.carousel .banner .active[data-v-6d1a5186] {
	opacity: 1;
	-webkit-transition: opacity 2s;
	transition: opacity 2s
}

.carousel .next[data-v-6d1a5186],
.carousel .prev[data-v-6d1a5186] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: .4rem;
	height: .7rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(0, 0, 0, .15);
	cursor: pointer
}

.carousel .next .arrow[data-v-6d1a5186],
.carousel .prev .arrow[data-v-6d1a5186] {
	width: .15rem;
	height: .15rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff
}

.carousel .next .arrow[data-v-6d1a5186] {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.carousel .pre[data-v-6d1a5186] {
	left: 0
}

.carousel .next[data-v-6d1a5186] {
	right: 0
}

.carousel .switch-bar[data-v-6d1a5186] {
	font-size: 0;
	position: absolute;
	bottom: .4rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.carousel .switch-bar li[data-v-6d1a5186] {
	display: inline-block;
	width: .16rem;
	height: .16rem;
	margin-right: .3rem;
	border-radius: 100%;
	background: transparent;
	border: 2px solid #fff;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.carousel .switch-bar li.active[data-v-6d1a5186] {
	background: #fff
}

.index-container .home-container {
	width: 11.88rem;
	margin: .24rem auto .8rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.index-container .home-container .bigDay {
	margin-bottom: .56rem
}

.index-container .home-container .bigDay .title {
	text-align: center;
	margin: .4rem auto
}

.index-container .home-container .bigDay b {
	background: #333;
	margin-top: .04rem;
	display: inline-block;
	width: 1rem;
	height: .01rem;
	vertical-align: middle
}

.index-container .home-container .bigDay span {
	display: inline-block;
	vertical-align: middle;
	font-size: .32rem;
	color: #333;
	padding: 0 .32rem
}

.index-container .home-container .bigDay .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.index-container .home-container .bigDay .wrapper .item {
	width: 3.8rem;
	height: 4.6rem;
	background: #fff;
	margin-right: .24rem;
	text-decoration: none
}

.index-container .home-container .bigDay .wrapper .item .img {
	position: relative
}

.index-container .home-container .bigDay .wrapper .item .img img {
	width: 3.8rem
}

.index-container .home-container .bigDay .wrapper .item .img .year {
	width: 2rem;
	height: .6rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1rem;
	margin-top: -.3rem;
	background-color: hsla(0, 0%, 100%, .1);
	border: 1px solid #fff;
	line-height: .6rem;
	text-align: center;
	color: #fff;
	font-size: .32rem;
	font-width: 500
}

.index-container .home-container .bigDay .wrapper .item .content {
	padding: .16rem .32rem
}

.index-container .home-container .bigDay .wrapper .item li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: .2rem;
	margin-bottom: .16rem
}

.index-container .home-container .bigDay .wrapper .item li .date {
	font-size: .14rem;
	color: #333;
	margin-right: .16rem;
	width: .5rem
}

.index-container .home-container .bigDay .wrapper .item li .text {
	font-size: .14rem;
	color: #999;
	text-align: left;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.index-container .part2 {
	background: #fff
}

.index-container .part2 .purpose {
	width: 11.88rem;
	height: 4rem;
	margin: 0 auto;
	padding-top: .48rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.index-container .part2 .purpose h3 {
	line-height: .25rem;
	color: #333;
	font-size: .18rem;
	font-weight: 300;
	margin-bottom: .3rem
}

.index-container .part2 .purpose p {
	line-height: 1.71;
	font-size: .14rem;
	color: #999
}

.index-container .part2 .purpose .value {
	width: 3.8rem
}

.index-container .part2 .purpose .value a {
	text-decoration: none
}

.index-container .part2 .purpose .value a img {
	width: 3.8rem;
	height: 1.4rem;
	margin-bottom: .2rem
}

.index-container .part2 .purpose .mission,
.index-container .part2 .purpose .social-enterprise {
	width: 3.8rem
}

.index-container .part2 .purpose .mission a.mission-news,
.index-container .part2 .purpose .social-enterprise a.mission-news {
	display: block;
	line-height: 1.71;
	font-size: .14rem;
	color: #999;
	position: relative;
	padding-left: 13px
}

.index-container .part2 .purpose .mission a.mission-news:before,
.index-container .part2 .purpose .social-enterprise a.mission-news:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 9px
}

.index-container .part2 .purpose .mission a.mission-news:hover,
.index-container .part2 .purpose .social-enterprise a.mission-news:hover {
	text-decoration: underline
}

.index-container .part2 .purpose .mission img,
.index-container .part2 .purpose .social-enterprise img {
	width: 3.8rem;
	height: 1.4rem;
	margin-bottom: .2rem
}

.index-container .overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	display: none;
	z-index: 100
}

.index-container .overlay .outer {
	width: 100%;
	max-width: 11.88rem;
	height: 4.94rem;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -2.47rem auto 0
}

.index-container .overlay .video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.index-container .overlay .close {
	position: absolute;
	top: .07rem;
	right: .07rem;
	font-size: .2rem;
	cursor: pointer;
	background: none;
	border: none;
	outline: none;
	z-index: 10;
	color: #fff
}

.index-container .carousel {
	height: 7.4rem !important
}

.bigDay .img>img[data-v-2526174e] {
	width: 380px;
	height: 230px
}
