.stepup-side-half-wrapper {
	display:flex;
	flex-wrap:wrap;
}
section.content-template.stepup-side-half {
	padding:0;
	box-sizing:border-box;
	width:100%;
}
section.stepup-side-half div.post {
	display:flex;
}
section.stepup-side-half.odd div.post {
	flex-direction:row-reverse;
}

section.stepup-side-half div.flex_inner {
	width:50%;
	padding:6% 6%;
	position:relative;
}

section.stepup-side-half .arrow {
	position:absolute;
	top:calc( 50% - 30px );
	width: 0px;
	height: 0px;
	z-index: 20;
}

section.stepup-side-half .right_content .arrow {
	left:-30px;
	border-top: solid 30px transparent !important;
	border-right: solid 30px;
	border-bottom: solid 30px transparent !important;
}

section.stepup-side-half .left_content .arrow {
	right:-30px;
	border-top: solid 30px transparent !important;
	border-bottom: solid 30px transparent !important;
	border-left: solid 30px;
}

section.stepup-side-half .decoration_area {
	background-size:cover;
	background-repeat:no-repeat;
}
@media screen and (max-width:1024px) {
	.height-style-auto section.content-template.stepup-side-half:not(:first-child) {
		width:50%;
	}
	.height-style-content section.stepup-side-half .decoration_area {
		height:300px;
	}

	section.stepup-side-half.odd div.post ,
	section.stepup-side-half.even div.post {
		flex-direction:column;
	}

	section.content-template div.flex_inner {
		width:100%;
	}

	section.stepup-side-half .right_content .arrow ,
	section.stepup-side-half .left_content .arrow {
		top:calc(100% - 15px);
		left:calc( 50% - 15px );
	}

	section.stepup-side-half .left_content .arrow {
		transform:rotate(90deg);
	}

	section.stepup-side-half .right_content .arrow {
		transform:rotate(-90deg);
	}
}

@media screen and (max-width:768px) {
	.height-style-auto section.content-template.stepup-side-half:not(:first-child) {
		width:100%;
	}
	.servicePage section.stepup-side-half div.flex_inner{
		height: 280px !important;
	}
}

@media (max-width: 768px) { /* 针对宽度不超过768px的设备 */
  .decoration_area.flex_inner.bg_base_color {
    height: 280px !important;
  }
  .decoration_area.left_bg.flex_inner.bg_base_color{
		margin-top: 20px;
  }
  .decoration_area.right_bg.flex_inner.bg_base_color{
  	margin-top: 45px;
  }
  .content_area.left_content.flex_inner.bg_base_color {
    height: 300px !important;
}

}




/* INDEX */
.banner { position: relative; font-size: 0; }
.banner-img { width: 100%; display: block; }
.slogan-overlay {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  display: flex; flex-direction: column;
  justify-content: center; align-items: center;
  color: white; text-align: center;
  padding: 20px; box-sizing: border-box;
}
.slogan-text { text-shadow: 2px 2px 4px #000000; margin: 10px 0; }

.h-400 { height: 400px; }
.heading-strong { border-bottom: 1px solid; font-weight: bold; }
.detail-btn {
  width: 120px; height: 32px;
  border-radius: 4px;
  display: flex;             
  justify-content: center;    
  align-items: center;
  line-height: 32px;
  color: #fff; background: var(--main-color);
  font-size: 14px; font-weight: bold;
}
.deco-569 { background-position: center center; height: 569px; }

.section-talent { padding: 20px 0; margin-top: 30px; }
.section-title {
  text-align: center; font-weight: bold; font-size: 32px;
}
.section-subtitle {
  text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 20px;
}

.list-header { border-bottom: none; margin-bottom: 2%; }
.title-border { border-color: #000 !important; }
.news-link { text-align: center; font-weight: bold; font-size: 32px; display: block; }
.news-date { background-color: var(--main-color) !important; }
.news-cat { background-color: var(--main-color) !important; }