/* .back2 {
	min-height: 4.39rem;
    background: #eee url(../images/culture/bg.png) left top no-repeat;
    background-size: 100%;
} */
/* culture-work */
.culture-work {
	display: flex;
	justify-content: space-around;
	width: 100%;
	padding: 1rem 0;
}
.culture-work .item-box {
	/* display: inline-block; */
	width: 1.6rem;
	text-align: center;
}
.culture-work .item-box .item-img {
	display: inline-block;
	width: 1.3rem;
	height: 1.31rem;
	background-size: 100%;
	cursor: pointer;
}
.culture-work .item-box .item-text {
	display: inline-block;
	width: 100%;
	font-size: 0.24rem;
	/* text-align: center; */
	margin-top: 0.1rem;
	background-size: 100% 100%;
}
.culture-work .item-box .jianjie {
	background-image: url(../images/culture/jianjie.png);
}
.culture-work .item-box .jianjie:hover {
	background-image: url(../images/culture/jianjie_hover.png);
}
.culture-work .item-box .fangzhen {
	background-image: url(../images/culture/fangzhen.png);
}
.culture-work .item-box .fangzhen:hover {
	background-image: url(../images/culture/fangzhen_hover.png);
}
.culture-work .item-box .jiagou {
	background-image: url(../images/culture/jiagou.png);
}
.culture-work .item-box .jiagou:hover {
	background-image: url(../images/culture/jiagou_hover.png);
}
.culture-work .item-box .licheng {
	background-image: url(../images/culture/licheng.png);
}
.culture-work .item-box .licheng:hover {
	background-image: url(../images/culture/licheng_hover.png);
}

/* culture-intro */
.culture-intro {
	width: 100%;
}
.culture-intro p {
	font-family: 微软雅黑, "Microsoft YaHei";
	font-size: 0.18rem;
	color: #48485c;
	line-height: 2;
	text-indent: 0.43rem;
}
.culture-intro .title {
	font-size: 0.22rem;
	font-weight: 700;
	margin-top: 0.1rem;
}

/* culture-policy */
.culture-policy {
	width: 100%;
}
.culture-policy p {
	font-family: 微软雅黑, "Microsoft YaHei";
	font-size: 0.18rem;
	color: #48485c;
	line-height: 2;
	text-indent: 0.43rem;
}
.culture-policy .title {
	font-size: 0.22rem;
	font-weight: 700;
	margin-top: 0.1rem;
}

/* culture-architecture */
.culture-architecture {
	width: 100%;
	text-align: center;
}
.culture-architecture .flow-chart {
	width: 10.69rem;
	height: 5.36rem;
	margin-top: 0.2rem;
}

/* culture-course */
/* .culture-course #datas {
	display: flex;
	justify-content: space-around;
} */
#dates a {
	width: 100%;
}
/* .culture-course #dates .selected {
	font-weight: bold;
	color: #bd272d;
}
.culture-course #dates .selected > i {
	width: 0.14rem;
	height: 0.14rem;
	margin-top: 0.07rem;
	background-color: #fff;
	border: 1px solid #bd272d;
}
.culture-course #dates .selected > i:after {
	content: "";
	position: absolute;
	top: 0.03rem;
	left: 0.03rem;
	z-index: 1;
	width: 0.06rem;
	height: 0.06rem;
	background-color: #bd272d;
}
.culture-course #dates .selected > i:after:hover {
	background-color: #bd272d;
} */
#dates a:hover {
	color: #bd272d;
}
#dates a:hover > i {
	background-color: #bd272d;
}
/* 气泡 */
.culture-course #dates {
	display: flex;
	justify-content: space-around;
	
	overflow: initial;
}
#dates li {
	position: relative;
}
#dates .bubble {
	/* display: none; */
	width: 3.8rem;
	position: absolute;
	top: 0.7rem;
	z-index: 999;
	visibility: hidden;
}
#dates a:hover + .bubble {
	/* display: block; */
	visibility: visible;
}
#dates .bubble .bubble-text {
	position: absolute;
	top: 0;
	left: 1.65rem;
	width: 3.8rem;
	padding: 0.2rem;
	font-size: 0.16rem;
	color: #fff;
	text-align: left;
	line-height: 2;
	background-color: #bd272d;
	border-radius: 0.1rem;
	box-sizing: border-box;
}
#dates .bubble .triangle {
	width: 0.2rem;
    height: 0.2rem;
    display: inline-block;
    position: absolute;
    top: -0.1rem;
    left: 1.8rem;
    background-color: #bd272d;
    transform:rotate(225deg);
    -ms-transform:rotate(225deg);     /* IE 9 */
    -moz-transform:rotate(225deg);    /* Firefox */
    -webkit-transform:rotate(225deg); /* Safari 和 Chrome */
    -o-transform:rotate(225deg);
}

/* 时间轴详情 */
.culture-course #issues {
	min-height: 3rem;
}
.culture-course #issues .time-content-list-item > .date:after {
	width: 4.35rem;
}
.culture-course #issues .time-content-list-item > .date:before {
	width: 4.35rem;
}
.culture-course #issues .time-content-list-item:nth-child(2n+1) > .title {
    margin-left: 0;
    margin-right: 0;
	padding-right: 0.8rem;
}
#issues .time-content-list-item:nth-child(2n) > .title {
	padding-left: 0.7rem;
}
.culture-course #issues .time-content-list-item .photo {
	width: 5.2rem;
	height: auto;
}