/*
Theme Name: PbootCorp
Theme URI:
Author:
Author URI:
Description: A responsive corporate/foreign trade WordPress theme based on PbootCMS design.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pbootcorp
Tags: one-column, two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@charset "utf-8";
/* Custom fonts removed - font files not available on server */
* {
	margin: 0;
	padding: 0
}
img {
	border: none;
	border: 0;
	vertical-align: middle;
}
iframe {
	max-width: 100%;
	margin: 20px 0;
}
@media (max-width: 1023px) {
iframe {
	height: auto;
	width: auto;
}
}
html {
	font-size: 100%
}
body {
	position: relative;
	color: #212121;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	background-color: #f8f8f8;
	font-size: 14px;
}
ul {
	list-style-type: none;
}
a {
	color: #274b92;
	text-decoration: none;
	border: none;
}
p {
	font-size: 14px;
	line-height: 22px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
h2, h3, h4, h5 {
	margin-bottom: 16px;
	font-weight: 100;
}
h2 {
	font-size: 36px;
	line-height: 48px;
}
h3 {
	font-size: 30px;
	line-height: 40px;
}
h4 {
	font-size: 22px;
	line-height: 28px;
}
h5 {
	font-size: 18px;
	line-height: 22px;
}
 @media screen and (max-width: 960px) {
h2 {
	font-size: 24px;
	line-height: 32px;
}
h3 {
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-size: 16px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
}
pre {
	white-space: pre-wrap!important;
}
/*——————————————————————————————————————头部————————————————————————————————*/

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: background-color 0.3s ease;
}
/* 内页导航栏背景 */
body:not(.home) .nav {
	background-color: #274b92;
}
body:not(.home) .nav-company {
	color: #fff;
}
body:not(.home) .nav-logo-placeholder {
	background: none;
}
/* 首页导航栏初始状态 - 30% 透明背景 */
.home .nav {
	background-color: rgba(39, 75, 146, 0.3);
}
.home .nav-company {
	color: #fff;
}
.home .nav .nav-menu > li a {
	color: #fff;
}
/* 滚动后导航栏变为纯蓝色背景 */
.header.scrolled .nav {
	background-color: #274b92;
}
.w1200 {
	position: relative;
	width: 1240px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.w_880 {
	width: 1000px;
}
.nav_inner {
	display: flex;
	align-items: center;
	height: 70px;
}
.nav-brand {
	flex-shrink: 0;
	margin-right: 40px;
}
.nav-brand a {
	display: flex;
	align-items: center;
	text-decoration: none;
	gap: 10px;
}
.nav-logo-placeholder {
	width: 44px;
	height: 44px;
	border-radius: 8px;
	flex-shrink: 0;
	object-fit: cover;
	object-position: center;
	background: #274b92;
}
.nav-company {
	font-size: 22px;
	font-weight: 700;
	color: #274b92;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	letter-spacing: 1px;
}
.nav-menu {
	display: flex;
	align-items: center;
	flex: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav_icon {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 40px;
	background-image: url(../images/nav_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	z-index: 99;
}
.side_icon {
	background-image: url(../images/btn_side_close.png) !important;
}
.side_close {
	display: none;
}
.side_close {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 100px;
	left: 0;
	background-color: rgba(22,22,22,.9);
	display: none;
}
.nav {
	position: relative;
	width: 100%;
	background-color: #274b92;
}
.nav .nav-menu > li {
	position: relative;
	display: inline-block;
	line-height: 70px;
	margin-right: 60px;
}
.nav .nav-menu > li a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	transition: 0.3s;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	position: relative;
	z-index: 1;
}
.nav .nav-menu > li.on>a {
	color: rgba(255,255,255,.6);
}
.nav .nav-menu > li.on>a {
	color: rgba(255,255,255,.6);
}
.right_li {
	float: right;
}
li.right_li {
	margin: 0 !important;
}
.right_li span {
	/*display: inline-block;*/
	background-color: #f43535;
	padding: 10px 30px;
	border-radius: 4px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	filter: alpha(opacity=100);
	transition: 0.3s;
}
li.has_sub a {
	padding-right: 20px;
}
li.has_sub>a:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background-image: url(../images/nav_arrow.png);
}
.nav-toggle-sub {
	display: none;
}
ul.sub {
	position: absolute;
	display: none;
	min-width: 200px;
	width: max-content;
	padding-top: 10px;
}
ul.sub li {
	line-height: 48px;
	border-bottom: 1px solid rgba(255,255,255,.08);
	background-color: #1a3570;
	transition: 0.3s;
}
ul.sub li:first-child {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
ul.sub li:last-child {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
ul.sub li a {
	text-indent: 20px;
	display: block;
	font-size: 14px;
	white-space: nowrap;
	padding-right: 20px;
	transition: 0.3s;
}
.nav li.on:before {

	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.0);
	z-index: 0;
}
 @media screen and (min-width: 1024px) {
.nav .nav-menu>li:hover > a {
	color: rgba(255,255,255,.6);
}
/*li.right_li:hover>a{color: #fff !important;}*/
li.right_li:hover span {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
li.on.right_li:hover span {
	opacity: 1 !important;
	filter: alpha(opacity=100);
}
ul.sub li:hover {
	background-color: #274b92;
}
ul.sub li:hover a {
	text-indent: 24px;
}
}
.hide_100 {
	height: 0;
}
/* 全屏轮播 - 覆盖 Swiper 默认样式 */
.home .mySwiper {
	width: 100vw !important;
	max-width: none !important;
	height: 100vh !important;
	overflow: hidden;
	margin-left: calc(-50vw + 50%) !important;
	margin-right: 0 !important;
}
.home .mySwiper .swiper-wrapper {
	width: 100% !important;
	height: 100% !important;
}
.home .mySwiper .swiper-slide {
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}
.home .mySwiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.home .swiper-pagination {
	bottom: 20px;
}
.home .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.5;
}
.home .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

/* Banner slide text overlay */
.home .swiper-slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1);
	transition: transform 7000ms ease;
}
.home .swiper-slide-active .swiper-slide-img {
	transform: scale(1.08);
}
.swiper-slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.15) 100%);
	z-index: 2;
}
.swiper-slide-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	display: flex;
	align-items: center;
}
.slider-content-inner {
	max-width: 700px;
	padding: 0 60px;
}
.home .slider-content-inner h2 {
	color: #fff;
	font-size: 48px;
	line-height: 58px;
	font-weight: 900;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	text-shadow: 2px -1px 4px rgba(0,0,0,0.4);
	margin: 0 0 16px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(40px);
	transition: transform 1200ms ease, opacity 1200ms ease;
	transition-delay: 300ms;
}
.home .slider-content-inner p {
	color: rgba(255,255,255,0.9);
	font-size: 18px;
	line-height: 30px;
	text-shadow: 1px -1px 3px rgba(0,0,0,0.3);
	margin: 0 0 30px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: transform 1200ms ease, opacity 1200ms ease;
	transition-delay: 600ms;
}
.home .slider-content-inner .slider-btn {
	display: inline-block;
	padding: 14px 36px;
	background-color: #274b92;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: background-color 0.3s, transform 0.3s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: transform 1200ms ease, opacity 1200ms ease, background-color 0.3s;
	transition-delay: 900ms;
}
.home .slider-content-inner .slider-btn:hover {
	background-color: #1a3570;
}
/* Active slide - trigger animations */
.home .swiper-slide-active .slider-content-inner h2,
.home .swiper-slide-active .slider-content-inner p,
.home .swiper-slide-active .slider-content-inner .slider-btn {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Slider navigation arrows */
.slider-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
}
.slider-nav .swiper-button-prev,
.slider-nav .swiper-button-next {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	width: 48px;
	height: 48px;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: auto;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.slider-nav .swiper-button-prev {
	left: 20px;
}
.slider-nav .swiper-button-next {
	right: 20px;
}
.slider-nav .swiper-button-prev::after,
.slider-nav .swiper-button-next::after {
	font-size: 20px;
	font-weight: 900;
	color: #333;
}
.home .mySwiper:hover .slider-nav .swiper-button-prev,
.home .mySwiper:hover .slider-nav .swiper-button-next {
	opacity: 1;
}
@media screen and (max-width: 960px) {
	.home .slider-content-inner {
		padding: 0 30px;
	}
	.home .slider-content-inner h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.home .slider-content-inner p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.home .slider-content-inner .slider-btn {
		padding: 10px 24px;
		font-size: 13px;
	}
	.slider-nav .swiper-button-prev,
	.slider-nav .swiper-button-next {
		width: 38px;
		height: 38px;
	}
}
/*——————————————————————————————————————幻灯片————————————————————————————————*/
.slider_container {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.slider_s {
	width: 1240px !important;
	height: 500px !important;
	margin: 0 auto;
	margin-top: 30px;
}
.slider_s .camera_pag {
	left: 0 !important;
}
.slider_s .camera_caption a {
	margin-right: 20px !important;
}
#slider {
	height: 100%;
	margin-bottom: 0!important;
	position: relative;
}
.slider_link a {
	position: absolute;
	padding: 20px;
	font-size: 24px;
	color: #fff;
	background-color: rgba(0,0,0,.4);
	bottom: 10%;
	left: 10%;
	z-index: 9999;
}
img.imgLoaded {
	z-index: -1;
}
@media screen and (max-width: 959px) {
.slider_container {
	width: 100%;
	left: 0;
}
}
.w1200:after, .border_box:after, .more:before, .mix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/*—————————————————————————————————————— base ————————————————————————————————*/
.content {
	padding: 40px 0;
	padding-bottom: 0;
}
.section_1 {
	margin-bottom: 40px;
}
.section_title {
	position: relative;
	text-align: center;
}
.section_title span {
	display: inline-block;
	line-height: 24px;
	font-size: 16px;
	color: #888;
	margin-bottom: 4px;
}
.section_title>p {
	position: relative;
	font-size: 26px;
	padding-top: 18px;
	margin-bottom: 20px;
	font-weight: 700;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	line-height: 30px;
}
.section_title>p:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 5px;
	top: 0;
	left: 50%;
	margin-left: -20px;
	background-color: #274b92;
}
.border_box {
	position: relative;
	box-shadow: 2px 2px 20px rgba(0,0,0,.05);
	background-color: #fff;
	padding: 40px 20px;
	box-sizing: border-box;
}
.news_list {
	padding-bottom: 10px !important
}
/* .page rules removed - conflicted with WordPress body.page class */
.page_on a {
	color: #fff !important;
	background-color: #274b92;
}
.banner_sub {
	padding: 50px 0;
	background-size: cover;
	background-position: center;
	background-color: #333;
	min-height: 80px;
}
.banner_sub .section_title span, .banner_sub .section_title p {
	color: #fff;
}
.banner_sub img {
	width: 100%;
}
ul.category {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	margin-top: -10px;
}
ul.category li {
	display: inline-block;
	padding-right: 50px;
	border-bottom: 1px solid #d9dde4;
	padding-bottom: 0px;
	margin: 0 -6px;
	z-index: 1;
}
ul.category li a {
	position: relative;
	display: inline-block;
	color: #555;
	padding: 10px 0;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
ul.category li:after {
	content: "/";
	display: inline-block;
	position: relative;
	color: #999;
	left: 20px;
}
ul.category li:last-child:after {
	display: none;
}
ul.category li:last-child {
	padding-right: 0;
}
ul.category li.on a {
	color: #274b92;
}
ul.category li.on a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	bottom: -1px;
	background-color: #274b92;
}
.text_area {
	position: relative;
	padding: 0 10px;
	line-height: 22px;
	box-sizing: border-box;
}
/*.text_area img{padding-top: 0;}*/
.text_area p img {
	max-width: 100%;
	margin-bottom: 20px;
}
.text_area > img {
	width: 100%;
	margin-bottom: 20px;
}
.text_area p {
	white-space: pre-wrap;
	font-size: 15px;
	line-height: 26px;
}
.mix>img, .mix p {
	float: left;
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
}
.mix p, .mix h4, .mix h3, .mix h5 {
	padding: 0 20px;
	display: inline-block;
}
.mix {
	line-height: 22px;
	margin: 30px 0;
}
p.detail_title {
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 30px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 700;
	width: 75%;
	overflow: hidden;
}
.text_area .time {
	position: absolute;
	text-align: right;
	width: 25%;
	right: 10px;
	top: 0;
}
.ctrl a {
	position: relative;
	float: left;
	height: 60px;
	width: 33.33%;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	border-right: 4px solid #fff;
	box-sizing: border-box;
	z-index: 99;
	transition: 0.3s;
}
.ctrl a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #274b92;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
.ctrl {
	margin-top: 40px;
	padding: 0 10px;
}
.ctrl a:last-child {
	border: none;
}
a#back:after, a#prev:after, a#next:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after {
	background-image: url(../images/btn-back.png);
}
a#prev:after {
	background-image: url(../images/btn-prev.png);
}
a#next:after {
	background-image: url(../images/btn-next.png);
}
 @media screen and (min-width: 1024px) {
ul.category li a:hover {
	color: #274b92;
}
.ctrl a:hover:before {
	height: 100%;
	opacity: 1;
}
a#back:hover:after {
	background-image: url(../images/btn-back2.png);
}
a#prev:hover:after {
	background-image: url(../images/btn-prev2.png);
}
a#next:hover:after {
	background-image: url(../images/btn-next2.png);
}
}
/*—————————————————————————————————————— service ————————————————————————————————*/
.service_box {
	float: left;
	width: 25%;
	padding: 0 30px;
	box-sizing: border-box;
	text-align: center;
}
.column3 .service_box {
	width: 33.33%
}
.service_box h4 {
	font-weight: 700;
	font-size: 16px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	margin-top: 10px;
}
.service_box img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: 0.3s;
}
.service_box p {
	font-size: 13px;
	color: #777;
	margin-bottom: 10px;
}
 @media screen and (min-width: 1024px) {
.service_box:hover img {
	opacity: 0.8;
}
}
/*—————————————————————————————————————— news ————————————————————————————————*/
.news_box {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0 16px;
	margin-bottom: 50px;
	box-sizing: border-box;
}
.home_news .news_box {
	width: 21%;
	margin-bottom: 0;
}
.news_box img {
	width: 100%;
	height: auto;
	transition: 0.2s;
	opacity: 1;
}
.news_img {
	position: relative;
	overflow: hidden;
	background-color: #000;
	-webkit-transform: translateZ(0);
}
.news_box .time {
	display: none;
}
.news_list .news_box .time {
	display: block;
}
.news_img .time {
	position: absolute;
	font-size: 14px;
	left: 4px;
	bottom: 0;
	color: #fff;
	padding: 4px 10px;
	background-color: rgba(255,255,255,.0);
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	transition: 0.4s;
	opacity: 0.6;
}
.news_box h4 a {
	display: block;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	color: #222;
	margin-top: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 0.3s;
}
.news_box h4 {
	margin-bottom: 16px;
}
.news_box p {
	font-size: 13px;
	color: #777;
	height: 70px;
	overflow: hidden;
}
.more a {
	position: relative;
	top: 20px;
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
	text-align: center;
	color: #ccc;
	border-top: 1px solid #f1f1f1;
	padding: 16px 0 4px 0;
	margin: 0 16px;
	box-sizing: border-box;
	transition: 0.3s;
}
 @media screen and (min-width: 960px) {
.home_news .news_box:nth-child(1) {
	width: 37%;
}
.home_news .news_box:nth-child(1) p {
	display: none;
}
.home_news .news_box:nth-child(1) h4 a {
	position: absolute;
	bottom: 16px;
	left: 16px;
	padding: 10px;
	color: #fff;
	background-color: #000;
	background-color: rgba(0,0,0,.5);
	width: 412px;
	box-sizing: border-box;
}
}
@media screen and (min-width: 1024px) {
.news_box:hover h4 a {
	color: #274b92;
}
.home_news .news_box:nth-child(1):hover h4 a {
	background-color: #274b92;
	color: #fff;
}
.news_img:hover img {
	transform: scale(1.1);
	opacity: 0.7;
}
.more a:hover {
	color: #274b92;
	letter-spacing: 5px;
}
.news_box:hover .time {
	opacity: 1;
	color: #555;
	background-color: rgba(255,255,255,1);
	left: 10px;
}
}
/*—————————————————————————————————————— about ————————————————————————————————*/

.banner_box {
	position: relative;
	width: 100%;
	padding: 100px 0;
	text-align: center;
	background-color: #555;
	background-image: url(../images/about_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	color: #fff;
	z-index: 99;
}
.banner_box p {
	font-size: 16px;
	width: 800px;
	margin: 20px auto;
	white-space: pre-line;
	line-height: 30px;
}
.banner_box p.title {
	font-weight: 700;
	font-size: 24px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	position: relative;
	margin-bottom: 30px;
}
.banner_box p.title:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #fff;
	bottom: -12px;
	left: 50%;
	margin-left: -15px;
}
.banner_box span {
	display: block;
	margin: 30px 0;
}
.banner_box span a {
	display: inline-block;
	padding: 0 40px;
	border-radius: 6px;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background-color: #f43535;
	transition: 0.3s;
}
@media screen and (min-width: 1024px) {
.banner_box span a:hover {
	opacity: 0.8;
}
}
/*--------------------------------------------gallery----------------------------------------------*/

.pic_box {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0 16px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.pic_list .pic_box {
	width: 50%;
	margin-bottom: 20px;
}
.other_pic {
	padding: 8px;
}
.other_pic .pic_box {
	padding: 0 2px;
	margin-top: 30px;
	margin-bottom: 0;
}
.pic_box_img {
	position: relative;
	overflow: hidden;
	background-color: #000;
	-webkit-transform: translateZ(0);
}
.pic_box_img img {
	width: 100%;
	height: auto;
	display: block;
	transition: 0.2s;
}
.pic_box p {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	color: #222;
	padding: 10px 0;
	text-align: center;
	transition: 0.4s;
	z-index: 2;
}
.pic_box_img:before, .news_img a:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	height: 60px;
	width: 60px;
	background-image: url(../images/icon-zoom.png);
	z-index: 3;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.2s;
}
.news_img a {
	position: relative;
}
.pic_box_img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}
 @media screen and (min-width: 1024px) {
/*.pic_box:hover p{color: #274b92;text-indent: 10px;}*/

.pic_box_img:hover img {
	transform: scale(1.05);
	opacity: 0.7;
}
.pic_box_img:hover:before, .news_img:hover a:before {
	top: 50%;
	opacity: 1;
	filter: alpha(opacity=100);
}
}
/*—————————————————————————————————————— contact ————————————————————————————————*/
/*--------------------------------------------product archive----------------------------------------------*/

.product-archive-layout {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

/* Sidebar */
.product-sidebar {
	width: 250px;
	flex-shrink: 0;
}
.product-sidebar-inner {
	box-shadow: 2px 2px 20px rgba(0,0,0,.05);
	background-color: #fff;
}
.product-sidebar-header {
	background-color: #274b92;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	padding: 12px 16px;
	text-align: center;
}
.product-sidebar-nav {
	padding: 0;
	margin: 0;
}
.product-sidebar-item {
	border-bottom: 1px solid #eee;
}
.product-sidebar-item:last-child {
	border-bottom: none;
}
.product-sidebar-parent {
	display: block;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 700;
	color: #333;
	transition: 0.3s;
}
.product-sidebar-item.active > .product-sidebar-parent {
	color: #274b92;
}
.product-sidebar-children {
	padding: 0;
	margin: 0;
	background-color: #fafafa;
}
.product-sidebar-children li {
	border-top: 1px solid #eee;
}
.product-sidebar-children li:first-child {
	border-top: none;
}
.product-sidebar-child a {
	display: block;
	padding: 8px 16px 8px 30px;
	font-size: 14px;
	color: #555;
	transition: 0.3s;
}
.product-sidebar-child.active a,
.product-sidebar-child a:hover {
	color: #274b92;
	background-color: #f0f3f8;
}

/* Content Area */
.product-archive-content {
	flex: 1;
	min-width: 0;
}

/* Product Grid - 3 columns */
.product-grid {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

/* Product Card */
.product-card {
	width: 33.33%;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.product-card-img {
	overflow: hidden;
	background-color: #f5f5f5;
	border: 1px solid #eee;
	border-bottom: none;
	aspect-ratio: 1 / 1;
}
.product-card-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.3s;
}
.product-card-info {
	border: 1px solid #eee;
	border-top: none;
	padding: 14px 16px;
	background-color: #fff;
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.product-card-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 6px 0;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	flex: 1;
}
.product-card-title a {
	color: #222;
	transition: 0.3s;
}
.product-card-title a:hover {
	color: #274b92;
}
.product-card-desc {
	font-size: 13px;
	color: #777;
	line-height: 20px;
	margin: 0 0 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-card-link {
	font-size: 13px;
	color: #274b92;
	font-weight: 700;
	transition: 0.3s;
}
.product-card-link:hover {
	color: #1a3570;
}

@media screen and (min-width: 1024px) {
.product-card:hover .product-card-img img {
	transform: scale(1.05);
}
.product-card:hover .product-card-info {
	box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
}

/* No results */
.product-no-results {
	text-align: center;
	padding: 60px 20px;
	color: #999;
	font-size: 16px;
}

/* AJAX filter transition */
.product-grid {
	transition: opacity 0.3s;
}

/* Responsive: Tablet */
@media screen and (max-width: 960px) {
.product-archive-layout {
	flex-direction: column;
}
.product-sidebar {
	width: 100%;
}
.product-sidebar-inner {
	display: flex;
	flex-direction: column;
}
.product-sidebar-header {
	cursor: pointer;
	user-select: none;
	position: relative;
	padding-right: 40px;
}
.product-sidebar-header::after {
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fff;
	transition: transform 0.3s;
}
.product-sidebar-header.open::after {
	transform: translateY(-50%) rotate(180deg);
}
.product-sidebar-nav {
	display: none;
	flex-wrap: wrap;
	border: 1px solid #eee;
	border-top: none;
}
.product-sidebar-nav.open {
	display: flex;
}
.product-sidebar-item {
	border-bottom: none;
	border-right: 1px solid #eee;
}
.product-sidebar-item:last-child {
	border-right: none;
}
.product-sidebar-parent {
	padding: 10px 16px;
	font-size: 14px;
}
.product-sidebar-children {
	position: absolute;
	display: none;
	background-color: #fff;
	box-shadow: 0 4px 12px rgba(0,0,0,.1);
	z-index: 10;
	min-width: 160px;
}
.product-sidebar-item {
	position: relative;
}
.product-sidebar-children li {
	border-top: 1px solid #eee;
}
.product-card {
	width: 50%;
}
}

/* Responsive: Mobile */
@media screen and (max-width: 480px) {
.product-card {
	width: 50%;
	padding: 0 6px;
	margin-bottom: 12px;
}
.product-card-info {
	padding: 8px 10px;
}
.product-card-title {
	font-size: 13px;
}
.product-card-desc {
	display: none;
}
.product-card-link {
	font-size: 12px;
}
}
.contact_left img, .contact_right img {
	max-width: 100%;
}
.contact_left {
	float: left;
	width: 36%;
	padding: 0 10px;
	line-height: 22px;
	box-sizing: border-box;
}
.contact_left p {
	position: relative;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;
	left: 50px;
	width: calc(100% - 50px);
}
.contact_left p.right_p {
	display: none;
}
.size14 {
	font-size: 14px !important;
}
.contact_left img {
	max-width: 100%;
}
.contact_left p:before {
	content: "";
	position: absolute;
	top: -8px;
	left: -50px;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #274b92;
	background-image: url(../images/default.png);
	margin-right: 50px;
}
.contact_left p.map:before {
	background-image: url(../images/map.png);
}
.contact_left p.phone:before {
	background-image: url(../images/phone.png);
}
.contact_left p.fax:before {
	background-image: url(../images/fax.png);
}
.contact_left p.mobile:before {
	background-image: url(../images/mobile.png);
}
.contact_left p.mail:before {
	background-image: url(../images/mail.png);
}
.contact_left p.web:before {
	background-image: url(../images/web.png);
}
.contact_left p a:hover {
	border-bottom: 1px solid #274b92;
}
.contact_right {
	float: right;
	width: 60%;
	padding: 0 10px;
	box-sizing: border-box;
}
.contact_right > p {
	font-size: 20px;
	font-family: 'Montserrat', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	margin-bottom: 10px;
}
.form input, .form textarea, .formText {
	border: 1px solid #dedede;
	background-color: #fbfbfb;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 10px;
	text-align: left;
	margin: 0 auto;
	outline: medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
	transition: 0.4s;
}
.formText {
	text-align: left;
}
.form textarea {
	resize: vertical;
}
 @media screen and (min-width: 1024px) {
.form input:hover, .form textarea:hover {
	border-color: #999;
}
}
.form input:focus, .form textarea:focus {
	background-color: #fff;
	border: 1px solid #274b92;
}
.form dt {
	margin-top: 10px;
	color: #888;
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 4px;
}
.form dl {
	width: 49%;
	float: left;
}
.form dl:nth-child(odd) {
	margin-right: 2%;
}
.formBtn button {
	padding: 14px;
	width: 100%;
	background: #274b92;
	color: #fff;
	margin: 10px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
.formBtn button:hover {
	background-color: #1a3570;
}
/*—————————————————————————————————————— footer ————————————————————————————————*/
.footer {
	color: rgba(255,255,255,0.75);
	padding: 50px 0 0;
	background: #274b92;
}
.foot_extend {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	min-height: 200px;
}
.foot_box {
	flex: 1;
	padding: 0 20px;
	box-sizing: border-box;
}
/* Column 1 - Address (left-aligned) */
.foot-addr-col {
	padding-left: 0;
	text-align: left;
}
/* Column 2 - Brand (center-aligned) */
.foot-brand-col {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* Column 3 - Contact (right-aligned) */
.foot-contact-col {
	padding-right: 0;
	text-align: right;
}
/* Label headings */
.foot-label {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 3px;
	margin-bottom: 8px;
	margin-top: 0;
}
.foot-addr-col .foot-label {
	margin-top: 0;
}
.foot-addr-col .foot-label + .foot-label {
	margin-top: 24px;
}
.foot-contact-col .foot-label {
	margin-top: 0;
}
.foot-contact-col .foot-label + .foot-label {
	margin-top: 24px;
}
.foot-text {
	color: rgba(255,255,255,0.75);
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 4px;
}
/* Center column - Logo */
.foot-logo-wrap {
	margin-bottom: 15px;
}
.foot-logo-img {
	max-height: 80px;
	max-width: 160px;
	width: auto;
	height: auto;
}
.foot-brand-name {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 6px;
	letter-spacing: 1px;
}
.foot-brand-desc {
	color: rgba(255,255,255,0.55);
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 20px;
	max-width: 300px;
}
/* Social icons */
.foot-social-links {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.foot-social-item {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.1);
	border: 2px solid rgba(255,255,255,0.3);
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1 !important;
	transition: all 0.3s;
	text-decoration: none;
}
.foot-social-item i {
	font-size: 15px;
	color: #fff;
	transition: all 0.3s;
}
.foot-social-item:hover {
	background-color: rgba(255,255,255,0.25);
	border-color: #fff;
	transform: translateY(-2px);
}
.foot-social-item:hover i {
	color: #fff;
}
/* Contact links */
.foot-phone-link {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
	transition: color 0.3s;
}
.foot-phone-link:hover {
	color: #fff;
}
/* footer bottom bar */
.foot_bottom {
	background-color: #1a3570;
	padding: 15px 0;
}
.foot_bottom .w1200 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
p.copy {
	font-size: 13px;
	line-height: 1.5;
	color: rgba(255,255,255,0.5);
	text-align: center;
}
p.copy a {
	color: rgba(255,255,255,0.7);
	margin: 0 8px;
	text-decoration: none;
}
p.copy a:hover {
	color: #fff;
}

/*—————————————————————————————————————— 响应式1280 ————————————————————————————————*/
@media screen and (max-width: 1279px) {
p {
	font-size: 12px;
}
.w1200 {
	width: 960px;
}
.slider_s {
	width: 960px !important;
	height: 400px !important
}
.header .w1200,
.header .nav_inner {
	padding: 0 20px;
}
.nav .nav-menu > li {
	margin-right: 40px;
}
.nav .nav-menu > li a {
	font-size: 14px;
}
.service_box {
	padding: 0 10px;
}
.news_box {
	padding: 0 10px;
}
.service_box p, .news_box p {
	font-size: 12px;
	line-height: 20px;
}
.news_box h4 a {
	font-size: 14px;
	margin-top: 8px;
}
.news_box h4 {
	margin-bottom: 8px;
}
.home_news .news_box:nth-child(1) h4 a {
	width: 320px;
	left: 10px;
	bottom: 8px;
}
.news_box p {
	height: 60px;
}
.banner_box {
	padding: 60px 0;
}
ul.category li a {
	font-size: 14px;
}
}

/*—————————————————————————————————————— 响应式960 ————————————————————————————————*/

@media screen and (max-width: 960px) {
.content {
	padding: 20px 0
}
.nav {
	opacity: 1;
}
.w1200, .w_880 {
	width: 100%;
}
.slider_s {
	width: 100% !important;
	height: 300px !important;
	margin-top: 0;
}
.camera_next, .camera_prev {
	opacity: 1 !important;
}
.header {
	position: fixed;
}
	.nav_icon {
		display: block;
		top: 50%;
		right: 12px;
		left: auto;
		width: 44px;
		height: 44px;
		transform: translateY(-50%);
		cursor: pointer;
	}
	.head_info {
		display: none;
	}
.nav-brand {
	margin-right: auto;
}
.nav-logo-placeholder {
	width: 38px;
	height: 38px;
}
.nav-company {
	font-size: 18px;
}
.nav {
	height: 60px;
}
.nav_inner {
	height: 60px;
}
.nav>ul, .nav .nav-menu {
	display: none;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	background-color: #274b92;
	z-index: 98;
}
.nav>ul>li, .nav .nav-menu > li {
	display: block;
	margin: 0;
	line-height: 40px;
}
.nav > ul > li a, .nav .nav-menu > li a {
	display: block;
}
.hide_100 {
	display: none;
}
li.has_sub ul {
	display: none;
}
li.has_sub > a {
	padding: 0 30px 0 30px;
}
li.has_sub > a::after {
	transition: transform 0.3s;
}
li.has_sub.open > a::after {
	transform: translateY(-50%) rotate(180deg);
}
li.has_sub:hover > ul.sub,
li.has_sub.open > ul.sub {
	display: block;
	position: static;
	width: 100%;
	padding-top: 0;
}
.nav-toggle-sub {
	display: none;
}
.right_li span {
	padding: 8px 30px;
}
.right_li {
	float: none;
}
.camera_caption a {
	font-size: 12px !important;
}
.service_box {
	width: 50%;
}
.column3 .service_box {
	width: 100%;
}
.section_title>p {
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 12px;
}
.news_box {
	width: 50% !important;
	margin-bottom: 20px;
}
.home_news .news_box:nth-child(1) h4 a {
	width: auto;
}
.home_news .news_box {
	margin-bottom: 30px;
}
.banner_box p, .banner_box p.title {
	width: 100%;
	font-size: 12px;
	line-height: 20px;
}
.banner_box p.title {
	font-size: 14px;
}
.banner_box {
	padding: 40px 0;
}
.banner_box span a {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.pic_box {
	width: 50%;
	padding: 0 4px;
	left: 0;
}
.pic_box p {
	font-size: 12px;white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.other_pic {
	display: none;
}
ul.category li a {
	font-size: 11px;
}
ul.category li {
	padding-right: 20px;
}
ul.category li:after {
	left: 6px;
	font-size: 10px;
}
ul.category {
	margin-bottom: 20px;
}
.banner_sub {
	min-height: 0;
	padding: 30px 0;
}
.contact_right, .contact_left {
	width: 100%;
}
.contact_left p {
	font-size: 12px;
}
.mix>img, .mix p {
	width: 100%;
	float: none;
}
.mix>img {
	margin-bottom: 20px;
}
.mix p, .mix h4, .mix h3, .mix h5 {
	padding: 0;
}
p.detail_title {
	font-size: 18px;
	line-height: 22px;
}
.foot_extend {
	flex-wrap: wrap;
}
.foot_box {
	width: 100%;
	flex: none;
	margin-bottom: 20px;
	padding: 0 10px;
	text-align: center !important;
}
.foot-addr-col,
.foot-contact-col {
	text-align: center !important;
	padding-left: 10px;
	padding-right: 10px;
}
.foot-social-links {
	justify-content: center;
}
}
 @media screen and (max-width: 480px) {
.slider_s {
	height: 200px !important;
}
.home .slider-content-inner {
	padding: 0 20px;
}
.home .slider-content-inner h2 {
	font-size: 22px;
	line-height: 28px;
}
.home .slider-content-inner p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 14px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.home .slider-content-inner .slider-btn {
	padding: 8px 18px;
	font-size: 12px;
}
.slider-nav .swiper-button-prev,
.slider-nav .swiper-button-next {
	display: none;
}
.service_box {
	width: 100%;
}
.news_box {
	width: 100%;
}
.nav>ul>li, .nav .nav-menu>li {
	line-height: 30px;
}
li.right_li {
	margin-top: 20px !important;
}
.news_box, .home_news .news_box {
	width: 100% !important;
	margin-bottom: 30px;
}
.footer {
	padding: 30px 0 0;
}
.foot_box {
	width: 100%;
	flex: none;
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: center !important;
}
.foot-addr-col,
.foot-contact-col {
	text-align: center !important;
	padding-left: 10px;
	padding-right: 10px;
}
.foot-social-links {
	justify-content: center;
}
}

.pagebar{clear:both;margin:30px 0 20px;text-align:center;}
.pagebar ul{display:inline-block;list-style:none;margin:0;padding:0;}
.pagebar ul li{display:inline-block;margin:0 2px;}
.pagebar ul li .page-numbers{display:inline-block;min-width:32px;height:32px;line-height:32px;padding:0 10px;border:1px solid #e2e2e2;background-color:#fff;color:#333;font-size:13px;text-align:center;text-decoration:none;vertical-align:middle;border-radius:2px;transition:0.2s;}
.pagebar ul li .page-numbers:hover{background-color:#274b92;color:#fff;border-color:#274b92;}
.pagebar ul li .page-numbers.current{background-color:#274b92;color:#fff;border-color:#274b92;}

.links a{ display:block; color:rgba(255,255,255,0.7); line-height:30px;}
.links a:hover{ color:#fff;}

#maximg img{ max-width:100%; height:auto !important}

/* Floating contact */
#backTop {
    position: fixed;
    right: 20px;
    bottom: 32vh;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    width: auto;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}
#backTop.is-hidden {
    opacity: 0;
    visibility: hidden;
}
#backTop .floating-contact-button {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2f5aa8 0%, #274b92 100%);
    box-shadow: 0 8px 18px rgba(39, 75, 146, 0.24);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.14);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#backTop .floating-contact-button i {
    flex: 0 0 auto;
    font-size: 14px;
}
#backTop .floating-contact-button span {
    display: inline-block;
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1;
}
#backTop .floating-contact-button:hover {
    color: #fff;
    transform: translateY(-2px);
    background: linear-gradient(135deg, #3563b7 0%, #2c539f 100%);
    box-shadow: 0 12px 24px rgba(39, 75, 146, 0.3);
}
@media screen and (max-width: 960px) {
    #backTop {
        right: 12px;
        bottom: 20vh;
        gap: 6px;
    }
    #backTop .floating-contact-button {
        height: 34px;
        padding: 0 12px;
        font-size: 12px;
    }
    #backTop .floating-contact-button i {
        font-size: 13px;
    }
}
@media screen and (max-width: 480px) {
    #backTop {
        right: 10px;
        bottom: 18vh;
    }
    #backTop .floating-contact-button {
        height: 32px;
        padding: 0 10px;
        font-size: 11px;
        gap: 4px;
    }
    #backTop .floating-contact-button i {
        font-size: 12px;
    }
}

/* Footer back to top */
.foot_bottom {
    position: relative;
}
.back-to-top-btn {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2f5aa8 0%, #274b92 100%);
    box-shadow: 0 6px 14px rgba(39, 75, 146, 0.22);
    color: #fff;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    cursor: pointer;
    outline: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.back-to-top-btn.visible {
    opacity: 1;
    visibility: visible;
}
.back-to-top-btn:hover {
    background: linear-gradient(135deg, #3563b7 0%, #2c539f 100%);
    box-shadow: 0 10px 20px rgba(39, 75, 146, 0.3);
}
@media screen and (max-width: 960px) {
    .back-to-top-btn {
        width: 34px;
        height: 34px;
        font-size: 16px;
        right: 12px;
        bottom: 24px;
    }
}
@media screen and (max-width: 480px) {
    .back-to-top-btn {
        width: 32px;
        height: 32px;
        font-size: 14px;
        right: 10px;
        bottom: 20px;
    }
}

/* Contact form notice */
.contact-notice {
    padding: 14px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px;
}
.contact-notice--success {
    background-color: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.contact-notice--error {
    background-color: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}
.contact-form .form dd {
    margin: 0;
}

/* 404 page */
.error-404-box {
	text-align: center;
	padding: 80px 20px;
}
.error-404-title {
	font-size: 48px;
	color: #ccc;
	margin-bottom: 20px;
}
.error-404-desc {
	font-size: 18px;
	color: #888;
	margin-bottom: 30px;
}
.error-404-btn {
	display: inline-block;
	padding: 12px 40px;
	background-color: #274b92;
	color: #fff;
	border-radius: 4px;
	transition: opacity 0.3s;
}
.error-404-btn:hover {
	color: #fff;
	opacity: 0.85;
}

/* Search page */
.search-results-list {
	padding-top: 20px;
}
.search-no-results {
	text-align: center;
	padding: 40px 0;
	color: #888;
}

/* Product nav disabled state */
.ctrl a.disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

/* Other pic clear */
.other_pic {
	clear: left;
}

/* About tabs panel transition */
.about-panel {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.3s ease, max-height 0.4s ease;
}
.about-panel.active {
	opacity: 1;
	max-height: none;
	overflow: visible;
}

/* About content image layout */
.about-content {
	overflow: hidden;
}
.about-content .about-image {
	float: right;
	margin: 0 0 20px 30px;
	max-width: 45%;
	width: auto;
}
.about-content .about-image img {
	max-width: 100%;
	width: auto;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.about-content .about-image figcaption {
	text-align: center;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	font-style: italic;
}
.about-content h2 {
	margin-bottom: 20px;
	color: #274B94;
}
.about-content h3 {
	margin: 25px 0 15px;
	color: #333;
}
.about-content p {
	margin-bottom: 15px;
	line-height: 1.8;
}
.about-content ul {
	margin: 15px 0;
	padding-left: 25px;
	list-style-type: disc;
}
.about-content ul li {
	margin-bottom: 8px;
	line-height: 1.7;
}
@media screen and (max-width: 768px) {
	.about-content .about-image {
		float: none;
		margin: 0 auto 20px;
		max-width: 100%;
		width: 100%;
	}
}

.awards-gallery {
	width: 100%;
}
.awards-gallery img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 10px 0;
	border-radius: 6px;
}
.awards-gallery img:last-child {
	margin-bottom: 0;
}

/* Mobile submenu slide animation */
@media screen and (max-width: 960px) {
	li.has_sub ul.sub {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}
	li.has_sub.open > ul.sub {
		max-height: 500px;
	}
}