@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: #006 !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 30px 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;
	background: url(/img/lanmu.jpg) no-repeat bottom right;
	background-size: cover;
	color: #cfcfcf;
	position: relative;
}

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

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

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

/* 导航栏 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;
}

/* ---- 标题区间距占位块（原HTML：margin:60px 0 60px，用div实现） ---- */
.content-title-gap {
	height: 0;
	padding: 0;
	margin: 60px 0 60px;
	border: 0;
}

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

/* ---- 内容服务区（原始：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: 0 0 0 -50px */
.content_service .service_inner > ul {
	margin: 0px 0px 0px -50px;
	list-style-type: none;
	padding: 0;
}

/* 外层 li：原始 padding-left:100px padding-right:50px（内容页/列表页/栏目首页）
   member.css 的外层 li 是 padding-left:10px padding-right:5px，用 body class 覆盖 */
.content_service .service_inner > ul > li {
	margin: 0px 0px 40px 0px;
	width: 100%;
	float: left;
	padding-left: 100px;
	padding-right: 50px;
}

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;
}

/* 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-txt：原始用 border-bottom 在 strong a 和 cite 上 ---- */
.img-txt {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.img-txt li {
	overflow: hidden;
	list-style: none;
	line-height: 150%;
	/* 虚线作为每条新闻的分隔线，统一在li底部 */
	border-bottom: #CCC dashed 1px;
	padding: 8px 0;
}

.img-txt li:last-child {
	border-bottom: none;
}

/* strong a：去掉自身虚线，字号加大 */
.img-txt strong a {
	font-size: 16px;
	padding-bottom: 0;
	border-bottom: none;
	color: #333;
	font-weight: normal;
}

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

/* cite：去掉自身虚线，右对齐 */
.img-txt cite,
.img-txt cite a {
	font-size: 12px;
	color: #666;
	padding-left: 20px;
	padding-bottom: 0;
	border-bottom: none;
	float: right;
	font-style: normal;
}

/* ---- 列表页带图文行（.imgtit）：flex 布局，标题左、日期右 ---- */
.imgtit {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
}

.imgtit strong {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.imgtit strong a {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.imgtit cite {
	flex-shrink: 0;
	color: #666;
	font-size: 12px;
	font-style: normal;
	white-space: nowrap;
	margin-left: 12px;
	float: none;
	padding-bottom: 0;
	border-bottom: none;
}

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

.img-txt1 li {
	text-align: right;
}

.img-txt1 strong a {
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom: #CCC dashed 1px;
	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-left: 20px;
	padding-bottom: 21px;
	border-bottom: #CCC dashed 1px;
}

/* ---- 内容详细页：上一篇/下一篇（桌面端同行，移动端分行） ---- */
.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;
	}

	/* 移动端：覆盖全局 #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;
	}

	/* 移动端导航栏：深色背景，确保白色logo和文字可见 */
	.navbar {
		min-height: 56px;
		background-color: #006 !important;
		width: 100%;
	}

	.navbar-default {
		background-color: #006 !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去掉额外padding，使logo/按钮边距完全由navbar-header控制 */
	.navbar .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

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

	/* Logo样式：居左，图片放大 */
	.navbar-brand {
		float: none;
		padding: 4px 0;
		display: block;
		flex-shrink: 0;
		order: 1;
	}

	.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：缩小高度，保留 banner 图 */
	body.subpage header.text-center {
		height: 160px !important;
		min-height: 100px !important;
		padding: 0 !important;
		background-size: cover !important;
		background-position: center center !important;
	}

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

	/* 移动端：子页面内容区 container 铺满屏幕宽度 */
	body.subpage .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* 移动端：内容正文/列表 .inner padding调整（不要太宽也不要太窄） */
	.content_service .service_inner > ul > li > .inner {
		padding: 12px 15px 16px !important;
		text-indent: 0 !important; /* 覆盖列表页HTML里的text-indent:2em */
	}

	/* 移动端：列表页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;
	}

	/* 移动端：content_service 顶部 padding 缩小 */
	.content_service {
		padding-top: 8px !important;
		margin-bottom: 0 !important;
	}

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

	/* 移动端：栏目循环末尾的30px间距也清零 */
	.content > div[style*="margin: 0px 0px 30px"] {
		margin: 0 !important;
	}

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

	.content_service .service_inner > ul > li {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		float: none !important;
		display: block !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: 10px 8px 8px;
	}

	/* 移动端内容页标题：加大字号 */
	.content h2 {
		font-size: 20px !important;
		padding: 0;
		margin-top: 0 !important;
	}

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

	/* 移动端列表行：减小间距 */
	.img-txt li {
		padding: 5px 0;
	}

	/* 移动端列表日期：换行到标题下方 */
	.img-txt li cite {
		float: none;
		display: block;
		margin-top: 1px;
		font-size: 11px;
	}

	/* 移动端 .imgtit：flex 转为 column，日期在下方 */
	.imgtit {
		flex-direction: column;
		align-items: flex-start;
	}

	.imgtit cite {
		margin-left: 0;
		margin-top: 2px;
		font-size: 11px;
	}

	.imgtit strong a {
		white-space: normal; /* 移动端标题允许换行 */
		overflow: visible;
		text-overflow: clip;
	}

	/* 移动端：发布、来源等信息字体更小 */
	.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; /* 移动端隐藏中间分隔符 */
	}

	/* 移动端：标题区间距大幅缩小（桌面端是60px，移动端用8px）
	   匹配所有写法：.content-title-gap class 和 inline style 写法 */
	.content-title-gap,
	.content div[style*="margin"],
	div[style*="margin: 60px"],
	div[style*="margin: 10px 0px 60px"] {
		margin: 8px 0 !important;
		padding: 0 !important;
	}

	/* 移动端：上一篇/下一篇字体缩小 */
	.prevnext-bar {
		font-size: 12px !important;
		padding: 6px 0 12px !important;
	}

	/* 移动端：内容详细页上下篇原始div写法也缩小字体 */
	body.subpage-content .content div[align="center"] {
		font-size: 12px !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;
		padding: 0 !important;
		gap: 8px !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: 8px 4px !important;
		vertical-align: top;
		box-sizing: border-box !important;
		text-align: center;
		line-height: 1.3 !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 !important;
		flex-shrink: 0 !important;
	}

	/* 姓名与照片之间有间距（不要太大） */
	body.subpage-member .content_service .service_inner .inner ul li strong {
		display: block !important;
		margin-top: 5px !important;
		font-size: 13px !important;
		line-height: 1.3 !important;
	}

	body.subpage-member .content_service .service_inner .inner ul li cite {
		display: block !important;
		font-size: 11px !important;
		padding: 0 !important;
		border-bottom: none !important;
		color: #666 !important;
		margin-top: 2px !important;
		line-height: 1.3 !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: 30px !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;
		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;
		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;
	}
}