body{font-family: Microsoft Yahei;overflow-x:hidden;color: #666;background:#fff;position: relative;}
ul,ol,li{list-style: none;}
a{color: #333;}
a:hover{text-decoration:none;outline:none;}
a:visited,a:active {outline:none;}
div:focus{outline:none;}

/* 通用 */
.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 .color-orange {color:#FE6604}

@media (min-width: 768px) {
    .navbar-brand {padding:10px 15px;}
    .navbar-default.active .navbar-brand img,.navbar-default.active a.navbar-brand img {max-height:40px;}
}


.section1{padding: 60px 0;text-align: center;background: #F1F1F1; text-align:center;}
.s1-img{text-align: center;}
.s1-img img{max-width:100%;height: auto;width:auto;}
.section1 h4{font-size: 40px;color: #323232;margin: 30px 0;}
.section1 p{max-width:100%; margin-left:auto; margin-right:auto;color: #999;font-size:15px;line-height: 2.4;margin:40px auto;padding:0 8px;word-wrap: break-word;text-align: justify;}

.section2{padding: 60px 0;}

.title10{margin-bottom: 30px;}
.title10:after{content:"";display: table;clear: both;}
.title10 p{float: right;font-size: 26px;color: #323232;margin-top: 10px;}
.title10 h4{font-size: 40px;color: #323232;}
@media (max-width: 468px) {
.title10 h4{font-size: 30px;}
}
.title10 h4 a{color: #323232;}
.title10 h4:after{content:"";display: block;height: 2px;width: 1em;background: #323232;margin: 30px 0 0;}

.s2-item{margin: 10px 0;}
.s2-img{position: relative;display:block;overflow:hidden;}
.s2-img img{width:100%;height:100%;margin:0px auto;transition:600ms;object-fit:cover;object-position:center center;}
.s2-item:hover .s2-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.s2-text{position: relative;height: 118px;overflow: hidden;padding: 15px;background: #C0A57D;text-align: center;}
.s2-text h4{color: #fff;font-size: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s2-text h4 a{color: #fff;}
.s2-text p{color: #fff;font-size: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s2-text p a{color: #fff;}

@media screen and (min-width: 1200px) {
.s2-img{width: 360px;height: 360px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.s2-img{width: 293px;height: 293px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.s2-img{width: 220px;height: 220px;}
}

@media screen and (min-width: 768px) {
.section2 [class*="col-"]:nth-child(1) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(1) .s2-text{top: -360px;}
.section2 [class*="col-"]:nth-child(3) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(3) .s2-text{top: -360px;}
.section2 [class*="col-"]:nth-child(4) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(4) .s2-text{top: -360px;}
.section2 [class*="col-"]:nth-child(6) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(6) .s2-text{top: -360px;}
}


.section3{padding: 100px 0 60px;background: url(../images/base/s3-bg.jpg);background-size:cover;}
.s3{text-align: center;max-width:700px;margin: 0 auto;color: #fff;}
.s3 h4{color: #fff;font-size: 46px;margin-bottom: 30px;}
.s3 h4 a {color:#fff;}
.s3 p{color: #fff;font-size: 18px;line-height: 2;}


.section4{padding: 60px 0;}
.s4-item{margin: 20px 0;}
.s4-img{display:block;overflow:hidden;position:relative;aspect-ratio:3/4;width:100%;}
.s4-img img{width:100%;height:100%;margin:0px auto;transition:600ms;object-fit:cover;object-position:center center;}

.s4-item:hover .s4-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


.section5{padding: 40px 0;}
.s5-item{padding: 40px 0;}
.s5-item span{display: block;color: #7f7f7f;font-size: 18px;}
.s5-item h4{color: #1a6b1a;font-size: 28px;margin-bottom: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold;}
.s5-item h4 a{color: #1a6b1a;font-weight:bold;}
.s5-item h4 a:hover{color: #0f4d0f;}
.s5-item p{color: #666;font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;}

.section5 [class*="col-"]:nth-last-child(1) .s5-item{border-top:1px solid #666;}
.section5 [class*="col-"]:nth-last-child(2) .s5-item{border-top:1px solid #666;}



.s6-item{height:304px; overflow:hidden;}
.s6-item a{display:block;overflow:hidden;}
.s6-item img{width:100%;height:auto;margin:0px auto;transition:600ms;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.s6-item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; }


.section7{padding: 60px 0}
.s7-text{margin:20px 0}
.s7-text h3{font-size:22px;color:#0F4F00;line-height:2.8}
.s7-text h4{font-size:20px;color:#555;margin:40px 0 10px}
.s7-text p{font-size:22px;color:#444}
.s7-form{margin:20px 0}
.s7-form ul{padding:0;margin:0}
.s7-form ul li+li{margin-top:45px}
.s7-form input.form-control{height:47px;font-size:16px;border:none;background:#F2F2F2;-webkit-box-shadow:inset 0 1px 1px transparent;box-shadow:inset 0 1px 1px transparent}
.s7-form textarea{border:none;background:#F2F2F2;font-size:16px;padding:12px;-webkit-box-shadow:inset 0 1px 1px transparent;box-shadow:inset 0 1px 1px transparent}
.s7-form .btn{width:100%;background:#9A9A9A;color:#fff}
.s7-form .btn:hover{background:#666;color:#fff}


.foot{padding: 40px 0;background: #323232;}
.foot-logo{margin: 20px 0;text-align: center;}
.foot-logo p{color: #ccc;font-size: 16px;}
.foot-logo a{color: #fff;}
.foot-logo img{max-width:100%;height: auto;max-height: 103px;margin-bottom: 30px;}
.foot-text{margin: 20px 0;text-align: right;}
.foot-text h4{color: #fff;height: 50px;margin-bottom: 30px;}
.foot-text h4 a{color: #fff;font-size: 16px;margin-left: 20px;display: inline-block;}

.foot-text p{color: #ccc;}
.foot-text p a{color: #ccc;}
@media screen and (min-width: 0) and (max-width: 767px){
.foot-text{text-align: center;}
.foot-text h4{margin: 40px 0 20px;height: auto;}
}

.copyright{background: #323232;padding: 15px 0;color: #ccc;}
.copyright a{color: #ccc;}


.title20{padding: 0  0 20px;}
.title20:after{content:"";display: table;clear: both;}
.title20 ul{text-align: center;position: 0;margin: 0;}

.title20 ul li{display: inline-block;margin: 10px 0;}
.title20 ul li a{display: inline-block;line-height: 36px;padding: 0 40px;font-size: 18px;color: #333;
border:1px solid #ccc;margin: 0 5px;
border-radius: 36px;}

.title20 ul li a:hover,
.title20 ul li a.on{background: #C08C3E;border-color:#C08C3E;color: #fff;}


.sub_menu{margin: 30px 15px;}


.section11{}


.s11-item{margin: 15px 0;position: relative;overflow: hidden;}
.s11-img{display:block;overflow:hidden;}
.s11-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s11-item:hover .s11-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


.s11-text{position: absolute;left: 0;right: 0;top: 100%;height: 100%;
 transition: all 300ms ease-in-out 0s;padding: 20px;
 background: rgba(192,140,62,.8);text-align: center;
}
.div-table{display:table;height:100%;width:100%;}
.div-cell{display:table-cell;vertical-align:middle;}


.s11-text h4{color: #fff;font-size: 30px;margin-bottom: 15px;}
.s11-text h4 a{color: #fff;}
.s11-text p{color: #fff;font-size: 16px;line-height: 24px;max-height: 48px;overflow: hidden;}
.s11-text p a{color: #fff;}

.s11-item:hover{box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);}
.s11-item:hover .s11-text{top: 0;}


.section12{padding: 100px 0; color:#fff; background: #323232;}
.section12 a {color:#fff}
.s12-title{text-align: center;margin-bottom: 60px;}
.s12-title h4{font-size: 40px;color: #fff;}


.s12-item{padding: 20px;border:1px solid #eee;margin: 15px 0;}
.s12-item h4{color: #fff;margin-bottom: 25px;text-align: center;font-size: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s12-item p{color: #fff;line-height: 24px;height: 72px;overflow: hidden;}



/* 隐藏CMS自动生成的会员登录按钮 */
#login { display: none !important; }

/* VR产品页右侧功能图标 */
.navbar-blue .top-nav-right {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.navbar-blue .top-nav-right ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}
.navbar-blue .top-nav-right li {
	margin-left: 0.8rem;
	color: #fff;
	cursor: pointer;
	font-size: 1.1rem;
}
.navbar-blue .top-nav-right li a {
	color: #fff;
	text-decoration: none;
}
.navbar-blue .top-nav-right li a:hover {
	color: #ffd700;
}
@media (max-width: 768px) {
	.navbar-blue .top-nav-right { display: none; }
}

/* 下拉箭头图标（兼容无Bootstrap场景） */
.navbar-blue .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/* ===== 深蓝色导航菜单样式 ===== */
.navbar-blue {
	background-color: #0a2540;
	color: white;
	padding: 1.5rem 2rem;
	position: relative;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}

.nav-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

/* LOGO样式 */
.navbar-brand-link {
	display: inline-block;
	flex-shrink: 0;
	margin-right: 2rem;
}

.navbar-blue .logo {
	height: 60px;
	width: auto;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.navbar-blue .logo:hover {
	transform: scale(1.05);
}

/* 菜单列表容器 — 居中 */
.navbar-blue .nav-menu {
	display: flex;
	list-style: none;
	align-items: center;
	margin: 0 auto;
	padding: 0;
	flex: 1;
	justify-content: center;
}

.navbar-blue .nav-menu-list {
	display: flex;
	list-style: none;
	align-items: center;
	margin: 0;
	padding: 0;
}

.navbar-blue .nav-item {
	position: relative;
	margin-left: 2.5rem;
	display: flex;
	align-items: center;
	list-style: none;
}

.navbar-blue .nav-item:first-child {
	margin-left: 0;
}

/* 导航链接样式 — 大字醒目 */
.navbar-blue .nav-link,
.navbar-blue .dropdown-toggle {
	color: #fff;
	text-decoration: none;
	font-size: 2.4rem;
	font-weight: 500;
	padding: 0.8rem 0;
	transition: all 0.3s ease;
	cursor: pointer;
	display: inline-block;
	line-height: 1.2;
	background: none;
	border: none;
	white-space: nowrap;
}

/* 鼠标悬停效果 */
.navbar-blue .nav-link:hover,
.navbar-blue .dropdown-toggle:hover,
.navbar-blue .nav-item.active > .nav-link {
	color: #ffd700;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 0.3em;
	background: none;
}

/* 二级菜单样式 */
.navbar-blue .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #0a2540;
	min-width: 260px;
	list-style: none;
	padding: 0.8rem 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	border-top: 2px solid #1e3c5f;
	z-index: 100;
	display: block;
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
	border-radius: 0;
	border: none;
	float: none;
}

.navbar-blue .dropdown-menu li {
	border-bottom: 1px solid #1e3c5f;
	margin: 0;
}

.navbar-blue .dropdown-menu li:last-child {
	border-bottom: none;
}

.navbar-blue .dropdown-menu .nav-link {
	display: block;
	padding: 0.8rem 1.8rem;
	font-size: 1.8rem;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
}

.navbar-blue .dropdown-menu .nav-link:hover {
	color: #ffd700;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 0.3em;
	background: none;
}

/* 显示二级菜单 */
.navbar-blue .nav-item:hover > .dropdown-menu,
.navbar-blue .nav-item.has-dropdown:hover > .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* 下拉箭头 */
.navbar-blue .caret {
	margin-left: 5px;
}

/* 移动端菜单按钮 */
.navbar-blue .menu-toggle {
	display: none;
	flex-direction: column;
	cursor: pointer;
}

.navbar-blue .menu-toggle span {
	width: 25px;
	height: 3px;
	background-color: white;
	margin: 3px 0;
	transition: all 0.3s ease;
}

.navbar-blue .menu-toggle.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 6px);
}

.navbar-blue .menu-toggle.active span:nth-child(2) {
	opacity: 0;
}

.navbar-blue .menu-toggle.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -6px);
}

/* 移动端适配 */
@media (max-width: 768px) {
	.navbar-blue {
		padding: 1rem 1.2rem;
	}

	.navbar-blue .nav-menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		flex-direction: column;
		background-color: #0a2540;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-in-out;
		display: block;
		z-index: 200;
	}

	.navbar-blue .nav-menu.active {
		max-height: 800px;
	}

	.navbar-blue .nav-menu-list {
		flex-direction: column;
		width: 100%;
	}

	.navbar-blue .nav-item {
		margin: 0;
		text-align: center;
		padding: 0.4rem 0;
		border-bottom: 1px solid #1e3c5f;
		width: 100%;
		justify-content: center;
	}

	.navbar-blue .nav-item:first-child {
		margin: 0;
	}

	.navbar-blue .nav-item:last-child {
		border-bottom: none;
	}

	.navbar-blue .dropdown-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: none;
		max-height: 0;
		transition: max-height 0.3s ease-in-out;
		box-shadow: none;
		border-top: none;
		min-width: auto;
	}

	.navbar-blue .dropdown-menu.show {
		display: block;
		max-height: 500px;
	}

	.navbar-blue .menu-toggle {
		display: flex;
	}

	.navbar-blue .logo {
		height: 48px;
	}

	/* 移动端导航文字缩小 */
	.navbar-blue .nav-link,
	.navbar-blue .dropdown-toggle {
		font-size: 1.8rem;
		padding: 0.5rem 0;
	}
	.navbar-blue .dropdown-menu .nav-link {
		font-size: 1.5rem;
		padding: 0.6rem 1.2rem;
	}
}