@charset "utf-8";

/*
 * 整合的CSS文件
 * 包含：style000.css、style111.css的原始样式 + 移动端响应式适配
 * 四个问题修复：
 * 1. 手机导航菜单支持
 * 2. 标题居中对齐
 * 3. 关于我们图片棕黄色背景
 * 4. 删除logo上方的白色直线
 */

/* ============================================================
   来自 style000.css 的原始样式
   ============================================================ */

body, html {
	font-family: 'times new roman', '微软雅黑', sans-serif !important;
	font-weight:200;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #111;
	line-height:150% !important;
}

/* 为 navbar-fixed-top 预留顶部空间，防止内容被遮住 */
body {
	padding-top: 0;
	/* 仅用于 header 区域，各 section 需自行设置背景色 */
	background-color: #001233;
}

/* 确保各内容区域有自己的背景色，不透出 body 深蓝 */
.wantam_tm_news {
	background-color: #f7f7f7;
}
.wantam_tm_about {
	background-color: #ffffff;
}
.wantam_tm_service {
	background-color: #f7f7f7;
}
#research-section {
	background-color: #f7f7f7;
}
#foot .wantam_tm_footer {
	background-color: #006;
}

#foot {
	background-color: #006;
	/* overflow: hidden 会截断 footer 内的文字内容，不使用 */
	overflow: visible;
	clear: both;
}

h1 {
}

h1 strong {
	font-weight: 900;
}

h2 {
	line-height: 1.3;
	font-size: 32px;
	font-weight: 700;
	margin: 0;
	color: #111;
}

h3 {
	font-size: 16px;
	font-weight: 200;
	color: #111;
}

h4 {
	font-size: 16px;
	color: #666;
}

h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}

p {
	font-family: 'times new roman', '微软雅黑', sans-serif;
}

a {
	color: #111;
}

a:hover, a:focus {
	text-decoration: none;
	color: #ffffff;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

ul, ol {
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
	list-style: none;
}

hr {
	height: 3px;
	width: 130px;
	text-align: center;
	position: relative;
	background: #f9b912;
	border: 0;
	margin: 0px auto 20px;
}

.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/* Navigation */
#menu {
	padding: 15px 20px;
	transition: background-color 0.5s, padding 0.5s;
	background-color: rgba(0, 0, 102, 0.5) !important;
}

#menu.navbar-default {
	border-color: transparent;
}

/* 桌面端：滚出 banner 后背景与页脚一致 */
#menu.scrolled {
	background-color: #006 !important;
	border-color: transparent !important;
	padding: 10px 20px;
}

#menu a.navbar-brand {
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	font-weight: 900;
}

#menu a.navbar-brand i.fa {
	color: rgba(255,255,255,0.7);
	margin-right: 3px;
}

#menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight:bold;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 20px;
}

#menu.navbar-default .navbar-nav > li > a:hover {
	color: #999;
}

.on {
	background-color: #339 !important;
	padding: 0 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #339 !important;
	background-color: transparent;
}

.navbar-toggle {
	border-radius: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #339;
	border-color: #0dad8d;
}

.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}

/* 删除logo上方的白色直线（只针对navbar相关元素，不影响container的clearfix） */
.navbar-brand::before,
.navbar-brand::after,
.navbar-header::before,
.navbar-header::after {
	display: none !important;
}

/* 汉堡菜单按钮默认隐藏 */
.navbar-toggle {
	display: none;
}

/* 桌面端：#main-nav 正常显示为行内导航 */
#main-nav {
	display: block;
	float: right;
}

/* 确保导航栏正确显示（不覆盖 navbar-fixed-top 的 position:fixed） */
.navbar {
	min-height: 60px;
}

.navbar-default {
	background-color: transparent;
	border: none;
}

.navbar-brand {
	height: auto;
	padding: 10px 0;
	display: block;
	float: left;
}

.navbar-brand img {
	max-height: 40px;
	width: auto;
	display: block;
}

/* navbar-header中的原始img隐藏（使用navbar-brand的img代替） */
.navbar-header > img {
	display: none;
}

/* Home Style */
header {
	background: url(../img/header-bg.jpg) no-repeat bottom right;
	background-color: #001233;
	background-size: cover;
	color: #cfcfcf;
	position: relative;
	height: 650px;
	/* 补偿 navbar-fixed-top 的高度，防止顶部被遮挡 */
	padding-top: 70px;
	box-sizing: border-box;
}

header p {
	color: rgba(255,255,255,0.8);
	font-size: 20px;
	margin-bottom: 80px;
}

.intro-text {
	position: relative;
	padding-top: 150px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 100px;
}

.intro-text H1 {
	font-size: 60px;
	text-transform: uppercase;
	color: #fff;
}

.btn-default {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	background-color: transparent;
	border: 2px solid rgba(255,255,255,0.8);
	margin: 0 8px;
	padding: 12px 24px;
	font-size: 16px;
	transition: all 0.5s;
	border-radius: 4px;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #fff;
	color: #0dad8d;
	border-color: #fff;
}

/* Services Section */
#services-section {
	padding: 50px 0 0px;
	background-color: #f7f7f7;
	overflow: hidden;
	clear: both;
}

/* services-section内部的wantam_tm_service不需要再加顶部padding */
#services-section .wantam_tm_service {
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}

#services-section h2 {
	margin-top: 0;
	margin-bottom: 15px;
}

#services-section .section-title p {
	margin-bottom: 40px;
}

#services-section h4 {
	font-weight: 600;
}

.space {
	margin-top: 50px;
}

.space1 {
	margin-top: 50px;
}

#services-section i.fa {
	font-size: 40px;
	margin-bottom: 20px;
	transition: all 0.5s;
	color: #f9b912;
}

/* news 和 service 的 ul/li 均已对齐 Bootstrap row (margin:-15px, padding:15px)，与 research-section .row 左右边距一致 */

/* footer换行符：桌面端默认隐藏 */
.footer-break {
	display: none;
}

/* Space Section */
#space-section {
	padding: 10px 0;
	background-color: #f7f7f7;
}

/* Research Section */
#research-section {
	padding: 10px 0 40px;
	background-color: #f7f7f7;
	clear: both;
	overflow: hidden;
}

#research-section h2 {
	margin: 0 auto 15px !important;
}

#research-section h4 {
	font-weight: 600;
}

#research-section i.fa {
	font-size: 40px;
	margin-bottom: 20px;
	transition: all 0.5s;
	color: #f9b912;
}

/* 研究领域 .space 减小，避免标题和卡片间距过大 */
#research-section .space {
	margin-top: 20px;
}

/* 研究领域每个条目：卡片样式，对齐羊村活动 */
#research-section .row > div[class*="col-"] {
	margin-bottom: 30px;
}

#research-section .row > div[class*="col-"] .service-card {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	padding: 40px 30px;
	height: 100%;
	transition: all .3s ease;
}

#research-section .row > div[class*="col-"] .service-card:hover {
	background-color: #f9b912;
}

#research-section .row > div[class*="col-"] .service-card:hover i,
#research-section .row > div[class*="col-"] .service-card:hover h4,
#research-section .row > div[class*="col-"] .service-card:hover p {
	color: #fff;
}

/* About Section */
#about-section {
	padding: 20px 0;
}

/* about section 整体上下边距 */
#about.wantam_tm_section {
	padding: 70px 0 0px;
	clear: both;
	overflow: hidden;
	background-color: #ffffff;
}

#about-section p {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* Team Section */
#team-section {
	padding: 100px 0;
}

.section-title.center {
	padding: 30px 0;
}

.section-title h2 {
	margin-bottom: 30px;
}

img.img-circle.team-img {
	width: 150px;
	height: 150px;
	border: 4px solid transparent;
	transition: all 0.5s;
}

#team-section .team .thumbnail:hover>img.img-circle.team-img {
	border: 4px solid #fff;
	font-size: medium;
}

#team-section .thumbnail {
	background: transparent;
	border: 0;
}

#team-section .thumbnail .caption {
	padding: 0px;
}

/* ============================================================
   来自 style111.css 的原始样式
   ============================================================ */

/*---------------------------------------------------*/
/*	03) WANTAM MAINPART
/*---------------------------------------------------*/

.wantam_tm_mainpart_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: none;
	padding-left: 0px;
}

.wantam_tm_mainpart_wrap .mainpart_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_mainpart_wrap .mainpart_inner.opened{padding-left: 330px;}

.wantam_tm_mainpart_wrap .hero_header{
	width: 100%;
	height: 100vh;
	position: relative;
	float: left;
	margin-bottom: 190px;
}

.wantam_tm_mainpart_wrap .hero_header .hero_image{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wantam_tm_mainpart_wrap .hero_header .hero_image.agency{background-image: url("..//img/slider/1.jpg");}
.wantam_tm_mainpart_wrap .hero_header .hero_image.personal{background-image: url("..//img/slider/3.jpg");}

.wantam_tm_mainpart_wrap .hero_header .hero_overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}

.wantam_tm_mainpart_wrap .hero_header .hero_texts{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.wantam_tm_mainpart_wrap .hero_header .container{height: 100%;}

.wantam_tm_mainpart_wrap .hero_header .name_holder{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 65px;
	margin-bottom: 32px;
	color: #fff;
}

.wantam_tm_mainpart_wrap .hero_header .subtitle{
	color: #fff;
	font-size: 19px;
	max-width: 450px;
	margin-bottom: 58px;
}

.wantam_tm_mainpart_wrap .hero_header .subtitle span{color: #f9b912;}

.wantam_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	min-width: max-content;
}

.wantam_tm_button a{
	text-decoration: none;
	display: inline-block;
	padding: 14px 55px;
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_button[data-color="white"] a{
	color: #000;
	background-color: #fff;
	border: 3px solid #fff;
	box-shadow: 0px 5px 16px 0px rgba(255,255,255,0.4);
}

.wantam_tm_button[data-color="white"] a:hover{
	color: #fff;
	background-color: transparent;
}

.wantam_tm_button[data-color="pink"] a{
	color: #fff;
	border: 3px solid #f9b912;
	background-color: #f9b912;
	box-shadow: 0px 5px 16px 0px rgba(255,133,19,0.6);
}

.wantam_tm_button[data-color="pink"] a:hover{
	background-color: transparent;
	color: #000;
}

/*---------------------------------------------------*/
/*	04) WANTAM ABOUT
/*---------------------------------------------------*/

.wantam_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 60px;
	overflow: hidden;
}

.wantam_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
}

.wantam_tm_about .about_inner .leftpart{
	width: 40%;
	height: auto;
	overflow: visible;
	padding-left: 40px;
	padding-top: 40px;
}

.wantam_tm_about .about_inner .leftpart .author_image{
	position: relative;
	margin-top: 0;
	display: inline-block;
	width: 100%;
}
.wantam_tm_about .about_inner .leftpart .author_image img{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.wantam_tm_about .about_inner .leftpart .author_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
}

/* 关于我们图片的棕黄色背景：在图片左边和上面各伸出，形成左上角装饰 */
.wantam_tm_about .about_inner .leftpart .author_image .shape{
	position: absolute;
	width: 75%;
	height: 75%;
	background-color: #f9b912;
	top: -40px;
	left: -40px;
	z-index: 0;
}

.wantam_tm_about .about_inner .rightpart{
	width: 60%;
	padding-left: 100px;
}

.wantam_tm_about .about_inner .rightpart .about_title{
	width: 100%;
	float: left;
	margin-bottom: 45px;
}

.wantam_tm_about .about_inner .rightpart .about_title h3{
	font-size: 40px;
	font-weight: 700;
}

.wantam_tm_about .about_inner .rightpart .about_title h3 span{color: #f9b912;font-style: italic;}

.wantam_tm_about .about_inner .rightpart .text{
	width: 100%;
	float: left;
	margin-bottom: 60px;
}

/*---------------------------------------------------*/
/*	05) WANTAM SERVICES
/*---------------------------------------------------*/

.wantam_tm_service{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f7f7f7;
	padding: 50px 0px 50px 0px;
	margin-bottom: 0px;
}

.wantam_tm_service .service_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.wantam_tm_service .service_inner ul{
	margin: 0px -15px 0px -15px;
	list-style-type: none;
}

.wantam_tm_service .service_inner ul li{
	margin: 0px 0px 20px 0px;
	width: 25%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

/* 羊村传播（最后一个li）结尾不留底部间距 */
.wantam_tm_service .service_inner ul li:last-child {
	margin-bottom: 0;
}

.wantam_tm_service .service_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 40px 25px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_service .service_inner ul li .inner .number{margin-bottom: 20px;}

.wantam_tm_service .service_inner ul li .inner .number h3{
	font-family: "微软雅黑";
	font-size: 55px;
	font-weight: 700;
	color: #f9b912;
}

.wantam_tm_service .service_inner ul li .inner .title{margin-bottom: 30px;}

.wantam_tm_service .service_inner ul li .inner .title h3{
	font-size: 21px;
	font-weight: 700;
}

.wantam_tm_service .service_inner ul li.active .number h3{color: #fff;}
.wantam_tm_service .service_inner ul li.active .title h3{color: #fff;}
.wantam_tm_service .service_inner ul li.active .inner{background-color: #f9b912;}
.wantam_tm_service .service_inner ul li.active .inner .text p{color: #f9b912;}
.wantam_tm_service .service_inner ul li .inner:hover{background-color: #FC3;}
.wantam_tm_service .service_inner ul li .inner:hover .number h3{color: #fff;}
.wantam_tm_service .service_inner ul li .inner:hover .title h3{color: #fff;}
.wantam_tm_service .service_inner ul li .inner:hover .text p{color: #f9b912;}
.wantam_tm_service .service_inner ul li .inner:focus .text p{color: #f9b912;}

/*---------------------------------------------------*/
/*	12) WANTAM NEWS
/*---------------------------------------------------*/

.wantam_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f7f7f7;
	padding: 0px 0px 70px 0px;
}

.wantam_tm_news .news_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 50px;
}

.wantam_tm_news .news_inner ul{
	margin: 0px -15px 0px -15px;
	list-style-type: none;
}

.wantam_tm_news .news_inner ul li{
	margin: 0px 0px 30px 0px;
	width: 25%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.wantam_tm_news .news_inner ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	border-top:1px solid #f9b912;
	position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	top: 0px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_news .news_inner ul li .inner:hover{top: -6px;}

.wantam_tm_news .news_inner ul li .inner .image{position: relative;}
.wantam_tm_news .news_inner ul li .inner .image img{width: 250px;}

.wantam_tm_news .news_inner ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.wantam_tm_news .news_inner ul li .inner .link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

.wantam_tm_news .news_inner ul li .inner .details{
	width: 100%;
	height: 130px;
	clear: both;
	float: left;
	padding: 18px;
	background-color: #fff;
}

.wantam_tm_news .news_inner ul li .inner .details .time{
	width: 100%;
	float:left;
	font-weight:700;
}

.wantam_tm_news .news_inner ul li .inner .details .time p{
	font-size: 12px;
	text-decoration: none;
	color: #f9b912;
	padding-bottom:10px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_news .news_inner ul li .inner .details .time p a:hover{color: #f9b912;}

.wantam_tm_news .news_inner ul li .inner .details .title h3{
	font-size: 15px;
	font-weight: 200;
	line-height: 150%;
	color: #000;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_news .news_inner ul li .inner .details .title a{
	text-decoration: none;
	color: #000;
}

.wantam_tm_news .news_inner ul li .inner .details .title a:hover h3{color: #f9b912;}

/*---------------------------------------------------*/
/*	15) WANTAM FOOTER
/*---------------------------------------------------*/

.wantam_tm_footer{
	width: 100%;
	height: 90px;
	clear: both;
	float: left;
	background-color: #006;
	display: flex;
	align-items: center;
}

.wantam_tm_footer .footer_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wantam_tm_footer .footer_inner .left p{
	color: #fff;
	margin: 0;
	line-height: 1.6;
	font-size: 14px;
}

.wantam_tm_footer .footer_inner .left p a{
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_footer .footer_inner .left p a:hover{
	color: #f9b912;
	border-bottom-color: #f9b912;
}

.wantam_tm_footer .footer_inner .right ul{
	margin: 0px;
	list-style-type: none;
	padding: 0;
}

.wantam_tm_footer .footer_inner .right ul li{
	margin: 0px 10px 0px 0px;
	float: left;
}

.wantam_tm_footer .footer_inner .right ul li a{
	text-decoration: none;
	color: #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.wantam_tm_footer .footer_inner .right ul li a:hover{color: #f9b912;}

.wantam_tm_all_wrap.no-margin .wantam_tm_mainpart_wrap .hero_header{margin-bottom: 0px;}

/* ============================================================
   内容子页（栏目首页、列表分页、内容详细页、团队成员列表）通用样式
   整合自原始：lanmu.css / list.css / content.css / member.css
   ============================================================ */

/* 子页面 body：背景白色，覆盖全局深蓝背景 */
body.subpage {
	background-color: #ffffff;
}

/* ---- 子页面 header banner ----
   原始各页面各有专属 banner 图，高度均为 350px
   整合后用 body class 区分：
     body.subpage-lanmu   → /img/lanmu.jpg
     body.subpage-list    → /img/list.jpg
     body.subpage-content → /img/content.jpg
     body.subpage-member  → /img/member.jpg
   如四个页面共用同一 banner，可统一写 header.text-center
   ---- */
body.subpage header.text-center {
	height: 350px;   /* 桌面端子页面banner */
	background: url(/img/lanmu.jpg) no-repeat bottom right;
	background-size: cover;
	color: #cfcfcf;
	position: relative;
	padding-top: 70px;
	box-sizing: border-box;
}

body.subpage-content header.text-center {
	background-image: url(/img/content.jpg);
	background-position: bottom right;
}

body.subpage-list header.text-center {
	background-image: url(/img/list.jpg);
	background-position: bottom right;
}

body.subpage-member header.text-center {
	background-image: url(/img/member.jpg);
	background-position: bottom right;
}

/* 导航栏 hover 颜色（各页面原始为 #ff6600，content.css 为 #f9b912，统一用 #ff6600） */
/* 子页面 #menu padding 与首页保持完全一致 */
body.subpage #menu {
	padding: 15px 20px;
}

body.subpage #menu.navbar-default .navbar-nav > li > a {
	color: #eeeeee;
}

body.subpage #menu.navbar-default .navbar-nav > li > a:hover {
	color: #ff6600;
}

body.subpage-content #menu.navbar-default .navbar-nav > li > a:hover {
	color: #f9b912;
}

/* ---- 子页面链接 hover 颜色（覆盖全局 a:hover{color:#fff}） ---- */
body.subpage a:hover,
body.subpage a:focus {
	color: #ff6600;
	text-decoration: none;
}

body.subpage-content a:hover,
body.subpage-content a:focus {
	color: #f9b912;
	text-decoration: none;
}

/* ---- 面包屑导航条（原始样式：padding:40px 40px 30px 0） ---- */
.wantam_tm_nav {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 40px 40px 30px 0px;
	font-size: 14px;
	color: #777;
	box-sizing: border-box;
}

.wantam_tm_nav a {
	color: #333;
}

.wantam_tm_nav a:hover {
	color: #ff6600;
	text-decoration: none;
}

/* ---- 内容区主包裹：白色背景 ---- */
.content {
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 30px;  /* 栏目内底部留白，用padding避免margin collapse */
	margin-bottom: 0;
	overflow: hidden;      /* 阻止子元素margin向外折叠 */
}

/* 每个.content块之间的间距：用独立spacer div实现，不依赖margin collapse */
.content + .content {
	margin-top: 0;
}

/* ---- 标题区间距占位块（原HTML：margin:60px 0 60px）
   桌面端缩小上下margin，避免第一个栏目和nav之间间距过大 */
.content-title-gap {
	height: 0;
	padding: 0;
	margin: 20px 0 20px;
	border: 0;
}

/* 桌面端：HTML里的 <div style="margin:60px 0 60px"> 占位div，覆盖为20px */
body.subpage div[style*="margin: 60px 0px 60px"],
body.subpage div[style*="margin: 10px 0px 60px"] {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	height: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* 桌面端：每个栏目末尾 <div style="margin:0 0 30px"> 保持30px，形成栏目间隔 */
body.subpage .content > div[style*="margin: 0px 0px 30px"] {
	margin: 0 0 30px 0 !important;
}

/* h2 自身不额外增加 margin，上方由占位div控制 */
body.subpage .content h2 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 150%;
	font-size: 32px;
	font-weight: 700;
	color: #555;
}

/* 桌面端：栏目标题上方占位div改为40px，让标题与上方内容有足够间距 */
body.subpage div[style*="margin: 20px 0px 20px"] {
	margin-top: 40px !important;
	margin-bottom: 10px !important;
}

/* ---- 内容服务区（原始：padding:30px 0 0; float:left） ---- */
.content_service {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	padding: 30px 0px 0px 0px;
	margin-bottom: 0px;
}

.content_service .service_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

/* 外层 ul：去掉负margin，防止溢出容器 */
.content_service .service_inner > ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

/* 外层 li：恢复原始padding（与list.css/lanmu.css一致） */
.content_service .service_inner > ul > li {
	margin: 0px 0px 20px 0px;
	width: 100%;
	float: left;
	padding-left: 100px;
	padding-right: 50px;
	box-sizing: border-box;
	max-width: 100%;
}

/* 内容详细页桌面端：左右边距适中（原200px减半） */
body.subpage-content .content_service .service_inner > ul > li {
	padding-left: 100px;
	padding-right: 100px;
}

/* 内容详细页正文inner：上下55px，左右30px */
body.subpage-content .content_service .service_inner > ul > li > .inner {
	padding: 55px 30px;
}

/* 桌面端：列表页/栏目首页的inner左右加大padding，内容整体右移 */
body.subpage-list .content_service .service_inner > ul > li > .inner,
body.subpage-lanmu .content_service .service_inner > ul > li > .inner {
	padding-left: 80px;
	padding-right: 80px;
}

/* 内容详细页正文行间距（桌面端）：段落和正文容器h3都加大行距 */
body.subpage-content .content_service .service_inner > ul > li > .inner h3,
body.subpage-content .content_service .service_inner > ul > li > .inner p {
	line-height: 2.0;
	font-size: 16px;
}

/* 桌面端：内容详细页段落首行缩进两格 */
body.subpage-content .content_service .service_inner > ul > li > .inner p {
	text-indent: 2em;
}

body.subpage-member .content_service .service_inner > ul > li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 5px;
}

/* .inner：原始 padding:55px 40px，白底阴影 */
.content_service .service_inner > ul > li > .inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 55px 40px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	        transition: all .3s ease;
}

/* 桌面端：上下篇独立成行，左右padding与正文inner对齐（li 100px + inner 30px） */
body.subpage-content .prevnext-div,
body.subpage-content .content_service div[align="center"],
body.subpage-content .content_service div[align="center"] a,
body.subpage-content .content_service div[align="center"] span,
body.subpage-content .prevnext-div,
body.subpage-content .prevnext-div a {
	font-size: 12px !important;
}

body.subpage-content .prevnext-div {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 130px !important;
	padding-right: 130px !important;
	margin-bottom: 10px !important;
	display: block !important;
}

body.subpage-content .prevnext-div .prevnext-prev,
body.subpage-content .prevnext-div .prevnext-next {
	display: block !important;
	line-height: 1.8 !important;
	text-align: left !important;
}

/* 上下篇flex布局（已废弃，保留空规则防止旧规则残留） */
/* member.css：内层 ul li 是 inline-block，固定宽高 */
body.subpage-member .content_service .service_inner .inner ul {
	margin: 0px 0px 0px 60px;
}

body.subpage-member .content_service .service_inner .inner ul li {
	vertical-align: top;
	padding-bottom: 220px;
	width: 250px;
	height: 260px;
	padding-left: 20px;
	display: inline-block;
	line-height: 100%;
}

/* 桌面端：成员照片和文字之间留间距（<img>后紧接<br/><strong>，用margin-bottom控制） */
body.subpage-member .content_service .service_inner .inner ul li img {
	margin-bottom: 8px;
	display: block;
}

/* 成员姓名链接：block布局，无多余间距 */
body.subpage-member .content_service .service_inner .inner ul li a {
	display: block;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

/* 成员cite简介：紧贴姓名，行间距收紧 */
body.subpage-member .content_service .service_inner .inner ul li cite {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 1.2;
	font-size: 12px;
	color: #666;
	font-style: normal;
}

/* 桌面端：成员li内的<br/>压缩行高，避免img后br产生大空白 */
body.subpage-member .content_service .service_inner .inner ul li br {
	display: block;
	line-height: 0;
	font-size: 0;
}

/* ---- img-txt：栏目首页列表 ---- */
.img-txt {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	overflow: visible;
	box-sizing: border-box;
}

/* 桌面端：列表行和imgtit行加左右内边距 */
html body .img-txt li,
html body .imgtit {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* 桌面端：img-txt 整体块居中（非文字居中），限制宽度后 margin:auto */
html body .img-txt {
	max-width: 640px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* li：文字左对齐，每行底部虚线分隔（含最后一行）
   用 html body 前缀提到最高特异性，彻底覆盖服务器 lanmu.css / list.css */
html body .img-txt li {
	list-style: none !important;
	display: block !important;
	text-align: left !important;
	border-top: none !important;
	border-bottom: #CCC dashed 1px !important;
	padding: 6px 0 !important;
	line-height: 1.8 !important;
}

/* 最后一行同样保留虚线（不去掉） */

/* strong：左对齐 */
html body .img-txt strong {
	display: inline !important;
	overflow: hidden !important;
}

/* strong a：文字左对齐，字号16px，允许换行 */
html body .img-txt strong a {
	font-size: 16px !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	color: #333 !important;
	font-weight: normal !important;
	display: inline !important;
	white-space: normal !important;
	line-height: 1.6 !important;
}

html body .img-txt strong a:hover {
	color: #ff6600 !important;
}

/* cite：日期另起一行左对齐，灰色小字 */
html body .img-txt cite,
html body .img-txt cite a {
	font-size: 12px !important;
	color: #999 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	float: none !important;
	display: block !important;
	white-space: nowrap !important;
	font-style: normal !important;
	text-align: left !important;
	line-height: 1.4 !important;
}

/* ---- 列表页带图文行（.imgtit）：左对齐，整体由.img-txt居中 ---- */
.imgtit {
	display: block;
	text-align: left;
	width: 100%;
}

.imgtit strong {
	display: inline;
}

.imgtit strong a {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	display: inline;
	white-space: normal;
}

.imgtit strong a:hover {
	color: #ff6600;
}

.imgtit cite {
	display: block;
	color: #999;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	border-bottom: none;
	padding-bottom: 0;
}

/* ---- 更多链接行（.img-txt1）---- */
.img-txt1 {
	list-style: none;
	padding: 0;
	margin: 4px 0 0;
}

.img-txt1 li {
	text-align: right;
	border: none !important;
	list-style: none !important;
}

/* 更多链接不显示虚线（避免被误认为多出的分隔线） */
.img-txt1 strong a {
	font-size: 16px;
	padding-bottom: 0;
	border-bottom: none;
	color: #333;
}

.img-txt1 strong a:hover {
	color: #ff6600;
}

/* ---- 分页（原始来自 list.css / lanmu.css） ---- */
.pagelist {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #09479C;
	font-size: 0px;
	clear: both;
}

.pagelist span,
.pagelist a,
.pagelist strong {
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 14px;
	display: inline-block;
	padding: 4px 8px;
	margin: 0px 2px;
	border: #cccccc solid 1px;
	color: #333333;
	border-radius: 3px;
}

.pagelist var {
	height: 21px;
	line-height: 21px;
	display: inline-block;
	margin: 0px 3px;
}

.pagelist strong,
.pagelist .thispage {
	font-weight: 100;
	margin-right: 3px;
	border: #ff6600 solid 1px;
	background-color: #ff6600;
	color: #ffffff;
}

.pagelist a:hover {
	color: #ffffff;
	border: #ff6600 solid 1px;
	background-color: #ff6600;
	text-decoration: none;
}

/* ---- 内容详细页：发布信息 ---- */
.content cite {
	font-size: 12px;
	color: #999;
	font-style: normal;
}

.content cite span {
	font-size: 12px;
	color: #999;
	margin-right: 6px;
}

/* member.css cite（成员简介）——桌面端清零上下间距，只保留行间距 */
body.subpage-member cite,
body.subpage-member cite a {
	font-size: 12px;
	color: #666;
	padding: 0;
	margin: 0;
	border-bottom: none;
	display: block;
	line-height: 1.4;
}

/* 桌面端：成员姓名 strong 清零上下间距 */
body.subpage-member .content_service .service_inner .inner ul li strong {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
}

/* ---- 内容详细页：上一篇/下一篇（桌面端同行，移动端分行） ---- */
.prevnext-bar {
	text-align: center;
	padding: 12px 0 24px;
	font-size: 14px;
	color: #555;
}

.prevnext-bar a {
	color: #009;
}

.prevnext-bar a:hover {
	color: #f9b912;
	text-decoration: none;
}

/* 桌面端分隔符显示 */
.prevnext-sep {
	display: inline;
}

/* ============================================================
   移动端响应式适配
   ============================================================ */

/* 大屏幕设备（1200px 及以下） */
@media (max-width: 1200px) {
	.wantam_tm_service .service_inner ul li .inner {
		padding: 40px 30px;
	}

	.wantam_tm_about .about_inner .leftpart .author_image .shape {
		width: 300px;
		height: 300px;
	}
}

/* 中等屏幕设备（992px 及以下） */
@media (max-width: 992px) {
	.wantam_tm_news .news_inner ul li {
		width: 50%;
	}

	.wantam_tm_about .about_inner {
		flex-direction: column;
	}

	.wantam_tm_about .about_inner .leftpart,
	.wantam_tm_about .about_inner .rightpart {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.wantam_tm_about .about_inner .leftpart {
		margin-bottom: 30px;
		text-align: center;
	}

	.wantam_tm_about .about_inner .leftpart .author_image {
		margin: 0 auto 30px;
	}

	.wantam_tm_about .about_inner .leftpart .author_image .shape {
		width: 280px;
		height: 280px;
		top: -30px;
		left: -30px;
	}

	.wantam_tm_about .about_inner .rightpart .about_title h3 {
		font-size: 32px;
	}

	.wantam_tm_service .service_inner ul li {
		width: 50%;
	}
}

/* 小屏幕设备（767px 及以下） - 移动端 */
@media (max-width: 767px) {
	/* 确保body和html占满整个宽度，没有右边空白 */
	body, html {
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
		background-color: #006;
	}

	/* 移动端子页面：背景恢复白色，不透出深蓝 */
	body.subpage {
		background-color: #ffffff !important;
	}

	/* 移动端：覆盖全局 #menu padding，消除navbar多余高度 */
	#menu {
		padding: 0 !important;
	}

	/* 移动端子页面：navbar 宽度与首页保持一致，不超出屏幕 */
	body.subpage #menu {
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* 移动端导航栏：深色背景50%透明，确保白色logo和文字可见 */
	.navbar {
		min-height: 56px;
		background-color: rgba(0, 0, 102, 0.5) !important;
		width: 100%;
	}

	.navbar-default {
		background-color: rgba(0, 0, 102, 0.5) !important;
		border: none !important;
	}

	/* 移动端 logo 颜色确保为白色 */
	#menu a.navbar-brand {
		color: #fff !important;
	}

	/* 汉堡菜单按钮线条颜色 */
	.navbar-toggle .icon-bar {
		background-color: rgba(255, 255, 255, 0.9) !important;
	}

	/* 移动端：#main-nav 默认隐藏，.open class 时展开 */
	#main-nav {
		display: none;
		width: 100%;
		background-color: #006;
		padding: 8px 0;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 999;
		box-shadow: 0 4px 12px rgba(0,0,0,0.3);
	}

	#main-nav.open {
		display: block !important;
	}

	#main-nav .nav {
		float: none !important;
		width: 100%;
		margin: 0 !important;
	}

	#main-nav .nav > li {
		float: none !important;
		width: 100%;
		display: block;
	}

	#main-nav .nav > li > a {
		padding: 12px 40px 12px 20px;
		color: #ffffff !important;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		display: block;
		font-weight: 500;
		text-align: right;
	}

	#main-nav .nav > li > a:hover {
		background-color: rgba(249,185,18,0.25);
		color: #f9b912 !important;
	}

	#main-nav .nav > li:last-child > a {
		border-bottom: none;
	}

	/* 强制显示汉堡菜单按钮 */
	.navbar-toggle {
		display: block !important;
		float: none;
		flex-shrink: 0;
		padding: 9px 10px;
		margin: 0;
		background-color: transparent;
		background-image: none;
		border: 1px solid rgba(255,255,255,0.5);
		border-radius: 4px;
		cursor: pointer;
		z-index: 1000;
		position: relative;
	}

	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: rgba(255,255,255,0.8);
		margin: 4px 0;
	}

	.navbar-toggle:hover .icon-bar,
	.navbar-toggle:focus .icon-bar {
		background-color: #f9b912;
	}

	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: rgba(255,255,255,0.1);
		border-color: #f9b912;
	}

	/* 移动端：navbar的container和navbar-header统一处理，首页/子页面完全一致 */
	.navbar .container,
	body.subpage .navbar .container,
	#menu .container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	/* navbar-header布局：flex，logo居左，按钮居右，左右padding对称与container对齐 */
	.navbar-header,
	body.subpage .navbar-header {
		float: none !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 8px 15px !important;
		position: relative;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Logo样式：居左，图片放大，左侧留较大间距 */
	.navbar-brand {
		float: none;
		padding: 4px 0;
		display: block;
		flex-shrink: 0;
		order: 1;
		margin-left: 20px;  /* logo与屏幕左边保持20px间距 */
	}

	.navbar-brand img {
		max-width: 160px;
		height: auto;
		display: block;
	}

	/* 汉堡按钮居右 */
	.navbar-toggle {
		order: 2;
	}

	/* 确保所有container居中，消除右边空白 */
	.container {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	/* Header调整：大幅缩小banner与news之间的空白，顶部足够覆盖固定navbar */
	header {
		height: auto;
		min-height: 200px;
		padding: 0;
		padding-top: 0 !important;
		margin-bottom: 0 !important;
		background-color: #001233 !important;
	}

	/* 移动端子页面 header：所有子页面统一高度200px，显示图片下半/右半 */
	body.subpage header.text-center,
	body.subpage-list header.text-center,
	body.subpage-lanmu header.text-center,
	body.subpage-member header.text-center {
		height: 200px !important;
		min-height: 200px !important;
		padding: 0 !important;
		background-size: cover !important;
		background-position: bottom right !important;
	}

	/* 移动端内容详细页 header：与其他子页面统一高度200px */
	body.subpage-content header.text-center {
		height: 200px !important;
		min-height: 200px !important;
		padding: 0 !important;
		background-size: cover !important;
		background-position: bottom right !important;
		width: 100% !important;
	}

	header .intro-text {
		padding-top: 80px;
		padding-bottom: 30px;
	}

	/* 移动端：子页面内容区 container 铺满屏幕宽度（尽量减少左右缩进） */
	body.subpage .container {
		padding-left: 2px !important;
		padding-right: 2px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* 移动端：通用 .inner padding（两侧留白），补上边框 */
	.content_service .service_inner > ul > li > .inner {
		padding: 12px 4px 16px !important;
		text-indent: 0 !important;
		border: 1px solid #e0e0e0 !important;
		box-sizing: border-box !important;
	}

	/* 移动端：列表页/栏目首页inner加大左右padding，内容整体右移 */
	body.subpage-list .content_service .service_inner > ul > li > .inner,
	body.subpage-lanmu .content_service .service_inner > ul > li > .inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* 移动端：内容详细页正文区左右边距加大，正文/标题不贴边，补上边框 */
	body.subpage-content .content_service .service_inner > ul > li > .inner {
		padding: 12px 16px 20px !important;
		text-indent: 0 !important;
		border: 1px solid #e0e0e0 !important;
		box-sizing: border-box !important;
	}

	/* 移动端：内容详细页段首缩进两格
	   CMS正文结构：<div class="inner"><h3>{content}</h3></div>
	   content输出的段落通常是<p>标签，对p设text-indent确保每段缩进 */
	body.subpage-content .content_service .service_inner > ul > li > .inner p {
		text-indent: 2em !important;
	}

	/* 内容页 h3 本身（CMS正文外层标签）不缩进，由内部p控制 */
	body.subpage-content .content_service .service_inner > ul > li > .inner h3 {
		text-indent: 0 !important;
	}

	/* 移动端：内容详细页正文内图片强制居中 */
	body.subpage-content .content_service .service_inner > ul > li > .inner img,
	body.subpage-content .content_service .service_inner > ul > li > .inner p img,
	body.subpage-content .content_service .service_inner > ul > li > .inner h3 img {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	/* 移动端：正文新闻标题左右边距与inner对齐 */
	body.subpage-content .content div[align="center"] h2,
	body.subpage-content .content h2,
	.content h2 {
		padding-left: 16px !important;
		padding-right: 16px !important;
		font-size: 20px !important;
		margin-top: 0 !important;
	}

	/* 移动端：列表页img-txt文字不缩进，展满宽度；整体右移 */
	.content_service .inner .img-txt,
	.content_service .inner .img-txt li,
	.content_service .inner .img-txt strong,
	.content_service .inner .img-txt strong a {
		text-indent: 0 !important;
		white-space: normal !important;
	}

	/* 移动端：.img-txt 整体向右偏移（margin-left），标题不贴左边 */
	.content_service .inner .img-txt {
		margin-left: 20px !important;
		margin-right: 0 !important;
	}

	.content_service .inner .img-txt li,
	.content_service .inner .imgtit {
		padding-left: 0 !important;
		padding-right: 14px !important;
	}

	/* 移动端：content_service 顶部 padding 缩小（减少第一个栏目标题和nav之间的空白） */
	.content_service {
		padding-top: 4px !important;
		margin-bottom: 0 !important;
	}

	/* 移动端：列表标题下的hr间距缩小 */
	body.subpage .content hr {
		margin: 6px auto 8px !important;
		width: 80px;
	}

	/* 移动端：content_service 外层 ul/li 去掉大 padding */
	.content_service .service_inner > ul {
		margin: 0 !important;
	}

	.content_service .service_inner > ul > li {
		padding-left: 8px !important;
		padding-right: 8px !important;
		width: 100% !important;
		float: none !important;
		display: block !important;
		box-sizing: border-box !important;
		margin-bottom: 16px !important;
	}

	/* 成员列表外层li也强制block */
	body.subpage-member .content_service .service_inner > ul > li {
		display: block !important;
		width: 100% !important;
	}

	/* 移动端面包屑：缩小padding，让标题区域尽量宽 */
	.wantam_tm_nav {
		font-size: 12px;
		padding: 6px 12px 4px;  /* 下边距压小，避免和标题之间空白过大 */
	}

	/* 移动端正文字体：word-break 确保长词换行，行间距加大 */
	.content_service .service_inner > ul > li > .inner h3,
	.content_service .service_inner > ul > li > .inner p {
		font-size: 15px;
		line-height: 2.0;
		word-break: break-word;
	}

	/* 移动端列表行：左对齐，虚线用border-bottom（含最后一行） */
	.img-txt li {
		padding: 6px 0 !important;
		border-top: none !important;
		border-bottom: #CCC dashed 1px !important;
		border-left: none !important;
		border-right: none !important;
		display: block !important;
		text-align: left !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* 移动端：更多链接行不显示虚线 */
	.img-txt1 li {
		border: none !important;
	}

	/* 移动端：第一条无顶部虚线 */

	/* 第一条li不加顶部虚线 */
	.img-txt li:first-child {
		border-top: none !important;
	}

	/* 移动端列表标题strong：block左对齐 */
	.img-txt strong,
	.imgtit strong {
		display: block !important;
		text-align: left !important;
		overflow: hidden !important;
	}

	/* 移动端列表标题a：允许换行，左对齐，字号不强制（继承桌面端） */
	.img-txt strong a,
	.imgtit strong a {
		white-space: normal !important;
		display: inline !important;
		font-size: inherit !important;
		line-height: 1.5 !important;
	}

	/* 移动端列表日期：灰色，左对齐，块显示 */
	.img-txt li cite,
	.imgtit cite {
		float: none !important;
		display: block !important;
		text-align: left !important;
		margin: 0 !important;
		font-size: 11px !important;
		color: #999 !important;
		padding: 0 !important;
		white-space: nowrap !important;
		line-height: 1.4 !important;
	}

	/* 移动端：.imgtit 容器本身改为block左对齐 */
	.imgtit {
		display: block !important;
		text-align: left !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* 移动端：发布、来源等信息字体更小 */
	.content cite,
	.content cite span {
		font-size: 11px !important;
	}

	/* 移动端：上一篇/下一篇分行显示，隐藏分隔符 */
	.prevnext-bar .prevnext-prev,
	.prevnext-bar .prevnext-next {
		display: block;
		margin-bottom: 4px;
	}

	.prevnext-sep {
		display: none; /* 移动端隐藏中间分隔符 */
	}

	/* 移动端：标题上方占位div间距
	   - margin: 60px 0px 60px（在栏目循环内，每个栏目的h2上方占位div）
	   - 同时清零高度，避免空div占据空间 */
	.content-title-gap,
	div[style*="margin: 60px 0px 60px"],
	div[style*="margin: 10px 0px 60px"] {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}

	/* 移动端：.content 自身不要有多余的顶部间距，底部留白 */
	.content {
		margin-top: 0 !important;
		padding-top: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 20px !important;  /* 确保背景区底部留白可见 */
		overflow: hidden !important;
	}

	.content + .content {
		margin-top: 0 !important;
	}

	/* 移动端：栏目h2标题上方间距——整体缩小保持紧凑 */
	.content div[align="center"] h2 {
		margin-top: 4px !important;
	}

	/* 移动端：每个.content栏目底部不额外叠加间距（已在上方统一设置margin-bottom:20px） */

	/* 移动端：栏目循环末尾间距——每个栏目结束后留出30px */
	.content > div[style*="margin: 0px 0px 30px"] {
		margin: 0 0 30px 0 !important;
	}

	/* 移动端：上一篇/下一篇字体缩小（直接控制，确保生效） */
	.prevnext-bar {
		font-size: 10px !important;
		padding: 6px 0 12px !important;
	}

	/* 移动端：内容详细页上下篇字号与发布字号一致（12px）
	   上下篇div在content_service内（HTML第85行），是content_service的直接子元素 */
	body.subpage-content .content_service div[align="center"],
	body.subpage-content .content_service div[align="center"] a,
	body.subpage-content .content_service div[align="center"] span {
		font-size: 12px !important;
	}

	/* 移动端：上下篇独立成行，左右padding与inner对齐（inner左右16px），display:block */
	body.subpage-content .prevnext-div,
	body.subpage-content .content_service .prevnext-div {
		display: block !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	body.subpage-content .prevnext-div .prevnext-prev,
	body.subpage-content .prevnext-div .prevnext-next {
		display: block !important;
		line-height: 1.8 !important;
		text-align: left !important;
	}

	/* 移动端图片不超出容器 */
	.content_service img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* 移动端成员列表：一行两个，多个靠左；单个成员居中 */
	body.subpage-member .content_service .service_inner .inner ul {
		margin: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		padding: 0 !important;
		gap: 8px !important;
	}

	/* 成员列表的 .inner 不加边框（卡片式布局） */
	body.subpage-member .content_service .service_inner > ul > li > .inner {
		border: none !important;
		padding: 8px 4px !important;
	}

	body.subpage-member .content_service .service_inner .inner ul li {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: calc(50% - 4px) !important;
		height: auto !important;
		padding: 6px 4px !important;
		vertical-align: top;
		box-sizing: border-box !important;
		text-align: center;
		line-height: 1 !important;
		gap: 2px !important;
	}

	/* 只有一个成员时（li是only-child），居中显示 */
	body.subpage-member .content_service .service_inner .inner ul li:only-child {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* 成员照片：统一固定尺寸，object-fit:cover保持比例 */
	body.subpage-member .content_service .service_inner .inner ul li img {
		width: 110px !important;
		height: 110px !important;
		object-fit: cover !important;
		object-position: center top !important;
		display: block !important;
		margin: 0 auto 8px !important;
		flex-shrink: 0 !important;
	}

	/* 姓名：彻底清零所有间距和行间距 */
	body.subpage-member .content_service .service_inner .inner ul li strong {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 13px !important;
		line-height: 1.1 !important;
		letter-spacing: 0 !important;
		word-spacing: 0 !important;
	}

	/* 移动端：成员姓名链接a用flex列，img和strong直接堆叠，消除行高空白 */
	body.subpage-member .content_service .service_inner .inner ul li a {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		line-height: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.subpage-member .content_service .service_inner .inner ul li cite {
		display: block !important;
		font-size: 11px !important;
		padding: 0 !important;
		margin: 0 !important;
		border-bottom: none !important;
		color: #666 !important;
		line-height: 1.1 !important;
		letter-spacing: 0 !important;
		word-spacing: 0 !important;
	}

	/* li 本身也清零 */
	body.subpage-member .content_service .service_inner .inner ul li {
		line-height: 1 !important;
		letter-spacing: 0 !important;
	}

	/* 移动端：成员li内的<br/>直接隐藏，img/strong/cite已是block自动换行，无需br */
	body.subpage-member .content_service .service_inner .inner ul li br {
		display: none !important;
	}

	/* 成员列表h3（导师/在读博士等小标题）单独一行，不参与flex两列 */
	body.subpage-member .content_service .service_inner .inner ul li:first-child:has(h3) {
		width: 100% !important;
		padding-bottom: 4px !important;
	}

	/* 最新动态section - 紧贴header，无额外顶部间距 */
	.wantam_tm_news {
		padding: 0 0 60px;
		margin-top: 0;
		overflow: hidden;
	}

	/* news section 整体 */
	#news.wantam_tm_section {
		margin-top: 0 !important;
		padding-top: 0 !important;
		overflow: hidden;
	}

	/* 新闻条目 - 文字左对齐，条目间距更大 */
	.wantam_tm_news .news_inner {
		margin: 0 auto;
		max-width: 100%;
		padding-top: 15px;
	}

	.wantam_tm_news .news_inner ul {
		padding: 0;
		margin: 0;
		list-style: none;
		overflow: hidden;
	}

	.wantam_tm_news .news_inner ul li {
		width: 100% !important;
		float: none !important;
		margin-bottom: 24px !important;
		padding: 0;
	}

	.wantam_tm_news .news_inner ul li .inner {
		padding: 0;
	}

	.wantam_tm_news .news_inner ul li .inner .image img {
		width: 100%;
		display: block;
	}

	.wantam_tm_news .news_inner ul li .inner .details {
		padding: 10px 5px;
		text-align: left;
	}

	.wantam_tm_news .news_inner ul li .inner .details .time p {
		text-align: left;
	}

	.wantam_tm_news .news_inner ul li .inner .details .title a h3 {
		text-align: left;
		font-size: 15px;
		line-height: 1.5;
	}

	/* Learn More按钮居中 */
	.wantam_tm_news .wantam_tm_button,
	.wantam_tm_about .wantam_tm_button,
	.wantam_tm_service .wantam_tm_button {
		text-align: center !important;
		margin-top: 20px;
		display: block;
	}

	/* 彻底修复 news 的 Learn More 按钮重叠：
	   将 .wantam_tm_news 内的 .container 改为 flex 列布局，
	   news_inner 和按钮严格上下排列，按钮水平居中 */
	.wantam_tm_news .container {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.wantam_tm_news .container .news_inner {
		width: 100% !important;
	}

	#news .wantam_tm_button {
		float: none !important;
		width: auto !important;
		display: block !important;
		clear: both !important;
		margin-top: 55px !important;
		text-align: center !important;
	}

	.wantam_tm_button[align="center"] {
		display: block;
		text-align: center;
		margin-top: 20px;
	}

	/* 关于我们section */
	.wantam_tm_about {
		padding: 30px 0 0;
		overflow: hidden;
	}

	#about.wantam_tm_section {
		margin-bottom: 0 !important;
		padding: 0 !important;
	}
	#about .wantam_tm_about {
		padding-bottom: 15px !important;
	}

	/* 修复 wantam_tm_button float:left 导致父容器高度塌陷 */
	.wantam_tm_button {
		float: none !important;
		clear: both;
		width: 100%;
	}

	.wantam_tm_about .about_inner {
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
		margin: 0 auto;
	}

	/* 关于我们文字：标题居中，正文左对齐 */
	.wantam_tm_about .about_inner .rightpart {
		text-align: left;
		padding: 0;
		margin: 0;
	}

	/* 移动端：about文字区域margin-bottom缩小 */
	.wantam_tm_about .about_inner .rightpart .text {
		margin-bottom: 20px;
	}

	.wantam_tm_about .about_inner .rightpart .about_title h1,
	.wantam_tm_about .about_inner .rightpart .about_title h3 {
		text-align: center;
	}

	.wantam_tm_about .about_inner .rightpart .text p {
		text-align: left;
		font-size: 14px;
		line-height: 1.7;
	}

	/* 关于我们图片：缩小显示，显示全部 */
	.wantam_tm_about .about_inner .leftpart {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
	}

	.wantam_tm_about .about_inner .leftpart .author_image {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		width: 280px;
		height: 280px;
	}

	.wantam_tm_about .about_inner .leftpart .author_image .main {
		width: 280px !important;
		height: 280px !important;
		border-radius: 50%;
		background-size: cover !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}

	.wantam_tm_about .about_inner .leftpart .author_image img {
		display: block;
		width: 280px;
		height: 280px;
		object-fit: cover;
		border-radius: 50%;
	}

	.wantam_tm_about .about_inner .leftpart .author_image .shape {
		width: 240px;
		height: 240px;
		top: -15px;
		left: -15px;
	}

	/* 羊村活动section - 与learn more之间保持合适间距 */
	.wantam_tm_service {
		padding: 20px 0 0 !important;
		overflow: hidden;
	}

	#services-section {
		padding-top: 30px !important;
		padding-bottom: 0 !important;
		overflow: hidden;
	}

	/* 羊村活动标题居中 */
	#services-section .section-title {
		text-align: center !important;
		padding-top: 0 !important;
		margin-bottom: 20px !important;
	}

	#services-section .section-title h2 {
		font-size: 26px;
		margin-bottom: 10px !important;
	}

	/* 服务条目间距，文字左对齐 */
	.wantam_tm_service .service_inner {
		padding: 0;
		margin: 0;
	}

	.wantam_tm_service .service_inner ul {
		padding: 0;
		margin: 0;
		list-style: none;
		overflow: hidden;
	}

	.wantam_tm_service .service_inner ul li {
		width: 100% !important;
		float: none !important;
		margin-bottom: 20px !important;
		padding-left: 0;
		padding-right: 0;
	}

	/* 羊村传播（最后一个li）移动端也去掉底部间距 */
	.wantam_tm_service .service_inner ul li:last-child {
		margin-bottom: 0 !important;
	}

	.wantam_tm_service .service_inner ul li .inner {
		padding: 20px 15px;
		margin: 0;
		text-align: left;
	}

	.wantam_tm_service .service_inner ul li .inner .title h3 {
		text-align: left;
	}

	.wantam_tm_service .service_inner ul li .inner .text p {
		text-align: left;
	}

	.wantam_tm_service .service_inner ul li .inner .text a {
		text-align: left;
		display: block;
	}

	/* 研究领域 - 改为2x2显示，上下间距与羊村活动对齐 */
	#research-section {
		padding: 15px 0 40px !important;
		background-color: #f7f7f7;
		overflow: hidden;
		/* 确保与 services-section 不重叠 */
		clear: both;
		display: block;
		position: relative;
	}

	#research-section .section-title {
		padding: 10px 0 0 !important;
		margin-bottom: 15px !important;
		text-align: center;
	}

	#research-section h2 {
		margin: 0 auto 10px !important;
		font-size: 26px;
	}

	#research-section .section-title p {
		font-size: 14px;
		margin-bottom: 30px;
	}

	#research-section .row {
		margin-left: 0;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
	}

	#research-section .row > div[class*="col-"] {
		width: 50% !important;
		float: left !important;
		margin-bottom: 15px;
		padding: 8px 6px;
		text-align: center;
		box-sizing: border-box;
	}

	#research-section .row > div[class*="col-"] .service-card {
		padding: 20px 10px;
		height: 100%;
	}

	#research-section .row > div[class*="col-"] i {
		font-size: 28px;
		margin-bottom: 10px;
		color: #f9b912;
	}

	#research-section .row > div[class*="col-"] h4 {
		font-size: 15px;
		margin: 6px 0;
		font-weight: 600;
	}

	#research-section .row > div[class*="col-"] p {
		font-size: 12px;
		margin: 0;
		padding: 0;
		line-height: 1.4;
	}

	/* 移除多余间距 */
	#research-section .space {
		display: none;
	}

	/* Footer */
	.wantam_tm_footer {
		height: auto;
		line-height: 1.6;
		padding: 30px 0;
	}

	.wantam_tm_footer .footer_inner {
		flex-direction: column;
		text-align: center;
	}

	.wantam_tm_footer .footer_inner .left,
	.wantam_tm_footer .footer_inner .right {
		width: 100%;
		margin-bottom: 15px;
		float: none;
	}

	.wantam_tm_footer .footer_inner .left p {
		font-size: 12px !important;
		line-height: 1.6;
	}

	.wantam_tm_footer .footer_inner .left p *,
	.footer-links,
	.footer-links a {
		font-size: 12px !important;
	}

	.footer-links {
		font-size: 12px !important;
		display: block;
		margin-top: 4px;
	}

	/* 按钮调整 */
	.btn-default,
	.wantam_tm_button a {
		padding: 10px 20px;
		font-size: 14px;
	}

	/* 底部：版权声明换行 */
	.footer-break {
		display: block;
	}

	.footer-links {
		display: block;
		margin-top: 4px;
	}
}

/* 超小屏幕设备（480px 及以下） */
@media (max-width: 480px) {
	/* Header */
	header .intro-text h1 {
		font-size: 32px;
	}

	header .intro-text p {
		font-size: 14px;
	}

	/* 导航栏 */
	.navbar-header img {
		max-width: 120px;
	}

	/* 关于我们 */
	.wantam_tm_about .about_inner .leftpart .author_image .shape {
		width: 200px;
		height: 200px;
		top: -20px;
		left: -20px;
	}

	.wantam_tm_about .about_inner .rightpart .about_title h3 {
		font-size: 24px;
	}

	/* 羊村活动 */
	.wantam_tm_service .service_inner ul li .inner {
		padding: 30px 20px;
	}

	.wantam_tm_service .service_inner ul li .inner .number h3 {
		font-size: 40px;
	}

	/* 研究领域 */
	#research-section h2 {
		font-size: 24px;
	}

	/* Footer */
	.wantam_tm_footer .footer_inner .left p {
		font-size: 12px;
	}
}