.banner .inner { height: 234px; display: flex; align-items: center; justify-content: center;}
.banner .inner-text { text-align: center; color: #fff;}
.banner .slogan { font-size: 44px; line-height: 90px; border-bottom: 1px solid #fff;}
.banner span { display: block; line-height: 70px; font-size: 16px;}

.content { display: flex; justify-content: center; padding-top: 40px; flex-wrap: wrap;}
.content .menu { box-sizing: border-box; padding: 0 25px;}
.content .menu h4 { font-size: 18px; color: #2a2a2a; line-height: 40px; width: 80px; margin-bottom: 30px;}
.content .menu h4::after { content: " "; border-bottom: 2px solid #4fbfa8; width: 60px; height: 38px; margin-left: -72px; position: absolute;}
.content .menu a { display: block; padding: 0 10px; line-height: 38px; color: #4fbfa8;}
.content .menu .active { background: #4fbfa8; color: #fff;}

.content .article { /* width: 75%; *//* box-sizing: border-box; */ padding: 0 25px; margin-bottom: 30px;}
.content .article-content { /* border: 1px solid #e7e7e7; */}
.content .article-content h4 { /* text-indent: 50px; */ line-height: 40px;/* border-bottom: 1px solid #e7e7e7; font-size: 18px; */ font-size: 28px; padding-left:20px; color: #2a2a2a;}
.content .article-text { padding: 20px; color: #2a2a2a; line-height: 24px; text-indent: 30px;}
.content .article-text p { margin-bottom: 20px;}
.content .article-text strong { font-size: 18px; margin-bottom: 20px; display: block;}
.content .article-text em { margin-bottom: 20px; display: block; font-weight: bold;}
.content .article-text p em { margin: 0; float: left;}
.content .article-text .nt { text-indent: 0;}
.content .article-text .nt em { text-indent: 30px;}

@media (min-width: 320px) and (max-width: 768px) {
	.banner .inner { height: 240px; padding: 0 16px;}
	.banner .slogan { font-size: 20px; line-height: 90px; border-bottom: 1px solid #fff;}
	.banner span { display: block; line-height: 30px; margin-top: 30px; font-size: 16px;}
	.content img { width: 100% !important; margin: 0 auto 20px auto !important; }
}