a {
	color: #FFF;
	font-size: 16px;
	transition: all 0.5s;
}

a:hover {
	color: #fff;
}

.shadow {
	box-shadow: 0 0 6px #888888;
}

#fixtop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

#header {
	background: #9c2626;
	padding: 34px 56px;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.6);*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	transition: all 0.5s;
}

#header .topnav {
	display: flex;
	flex-basis: 100%;
}

#header .nav { line-height:48px;}

#header .logo {
	margin-right: auto;
}

#header .logo img {
	max-width: 74vw;
}

#header .navul {
	display: flex;
}

#header .navli {
	margin-left: 49px;
}

#header .navli a:hover{color:#9c2626;}

#header .search {
	margin-left: 72px;
	display: flex; line-height:48px;
}

#header #search {
	cursor: pointer;
	background: url("../images/search.png")/*tpa=/themes/default/images/search.png*/ no-repeat scroll 0 16px;
	width: 19px;
}

#header #line {
	margin: 0 24px;
	color: #FFFFFF;
	font-size: 16px;
}

#header .ebook {
	background: url("../images/icon.png")/*tpa=/themes/default/images/icon.png*/ no-repeat scroll 0 15px;
}

#header .ebook a {
	padding-left: 28px;
}

#header .m {
	display: none;
}

#header #mnav {
	cursor: pointer;
	background: url("../images/mnav.png")/*tpa=/themes/default/images/mnav.png*/ no-repeat scroll 0 16px;
	width: 19px;
}

#header .hide {
	display: none;
}

#header .searchbox {
	display: flex;
	margin-top: 24px;
}

#header .searchbox .serach-btn {
	width: 80px;
	height: 40px;
	text-align: center;
	border: none;
	background-color: rgba(5, 70, 134, 0.8);
	color: #FFFFFF;
}

#header .searchbox .serach-txt {
	border: 1px solid;
	width: 300px;
	padding-left: 16px;
}

#header .mnav {
	display: none;
	flex-basis: 100%;
	height: 100vh;
}

#header .mnav .mnavul {
	text-align: center;
}

#header .mnav .mnavli {
	border-bottom: 1px solid #9c2626;
}

#header .mnav a {
	color: #9c2626;
	line-height: 12vh;
}

#footer {
	background-color: #9c2626;
}

.fright{margin-right: 30px; width: 120px;}
.fright img{width: 120px; float:left;}
.fright span{float:left; color:#fff; height: 40px; line-height: 40px; text-align: center; width:120px;}

#footer .footerin {
	padding: 104px 56px 30px;max-width: 1392px; margin:0 auto;
}

#footer .nav {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

#footer .navdown ul {
	display: flex;
}

#footer .navdown .firstli a {
	padding-left: 0;
}

#footer .navdown ul li a {
	border-right: 1px solid #FFFFFF;
	padding: 0 14px;
}
#footer .navdown ul li:last-child a{border:0px;}

#footer .navtext p {
	color: rgba(255,255,255,0.6);
	font-size: 14px;
	margin: 40px 0 56px;
}

#footer .copyright {
	display: flex;
	justify-content: space-between;
}

#footer .copyright p {
	color: #ffffff;
	font-size: 14px;
	margin-top: 30px;
}

@media only screen and (max-width: 1440px) {
	#footer .footerin {
		padding: 104px 3% 30px;
	}
	#header .navli{margin-left: 26px;}
	#header .search{margin-left: 20px;}
}

@media only screen and (max-width: 1180px) {
	#header {
		padding: 3vw;
		background-color: #9c2626;
	}
	#footer .footerin {
		padding: 54px 9vw 30px;
	}
	#footer .fright img,
	#header .nav,
	#header .search {
		display: none;
	}
	#header .m {
		display: flex;
	}
}

@media only screen and (max-width: 620px) {
	#footer .navdown ul {
		flex-wrap: wrap;
	}
	#footer .navdown .firstli a {
		padding-left: 0px;
	}
	#footer .navdown li:nth-child(4) a{padding-left: 0px;}
	#footer .copyright .cright {
		display: none;
	}
}


#banner-inside{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto}
#banner-inside .bannertext{width:100%; text-align: center; position: absolute; top:40%;    }
.bannertext .bigtext{font-size: 50px;margin-bottom: 60px; color:#fff; position: relative; width: 100%; display: table;}
.bannertext .bigtext:after{ content: ''; display: block;position: absolute; left: 50%; width: 72px; height: 1px; margin-left: -36px; bottom: -40px; background: #fff;}
.bannertext .bigtext2{font-size: 40px; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';color: #9c2626;width: 100%; display: table;}
#banner-inside img{width:100%;}

@media (max-width: 768px){
	#banner-inside{}
	#banner-inside img {left: 0; margin-left: 0px;}
	.bannertext .bigtext{font-size: 30px;}
	.bannertext .bigtext2{font-size: 20px;}

}
.g-bd{padding:50px 56px; margin:0 auto; max-width: 1392px;}
#navpart{position:relative;background:#9c2626;margin:102px auto 0;width:100%; display: table;}
#navpart .position{padding:25px 3% 25px; margin:0 auto;color:#999;font-size:12px;text-align:left;float: right;}
#navpart .position a{color:#999}
#navpart .position a:hover{color:#9c2626;text-decoration:underline}
#navpart .column{padding:20px 56px 20px; max-width: 1392px; margin:0 auto;text-align:left;overflow:auto}
#navpart .column ul{text-align:left}
#navpart .column ul li{display:inline-block;float:left;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.6);height:40px;line-height:40px;padding:0 30px;margin-right:10px;font-size:14px;text-align:center; }
#navpart .column a{display:block; color:#9c2626;}
#navpart .column .A,#navpart .column ul li:hover{background:#9c2626;border:1px solid #9c2626}
#navpart .column .A a,#navpart .column ul li:hover a{color:#fff}
#navpart .column #scrollwidth{width:auto}

/* Shared subpage masthead: hero, secondary navigation and breadcrumb */
.subpage-top {
	--subpage-accent: #e6403b;
	--subpage-ink: #555d69;
	position: relative;
	width: 100%;
	background: #fff;
}
.subpage-top__hero {
	position: relative;
	height: clamp(300px, 25.5vw, 520px);
	overflow: hidden;
	background: #e9eff4;
}
.subpage-top__hero::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(8, 35, 61, .08), transparent 34%, rgba(8, 35, 61, .04));
}
.subpage-top__hero picture,
.subpage-top__hero img {
	display: block;
	width: 100%;
	height: 100%;
}
.subpage-top__hero img {
	object-fit: cover;
	object-position: center;
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}
.subpage-top:hover .subpage-top__hero img { transform: scale(1.012); }
#navpart.subpage-top__bar {
	display: block;
	width: 100%;
	margin: 0;
	background: rgba(255, 255, 255, .98);
	border-bottom: 1px solid #edf0f3;
	box-shadow: 0 12px 30px rgba(27, 46, 65, .055);
}
.subpage-top__inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 40px;
	width: min(100% - 80px, 1870px);
	min-height: 88px;
	margin: 0 auto;
}
#navpart .column.subpage-top__nav {
	max-width: none;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
}
#navpart .subpage-top__nav ul {
	display: flex;
	align-items: center;
	height: 100%;
	width: max-content !important;
	white-space: nowrap;
}
#navpart .subpage-top__nav ul li {
	position: relative;
	display: flex;
	align-items: center;
	float: none;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 17px;
	line-height: 1;
}
#navpart .subpage-top__nav ul li:not(:last-child)::after {
	content: '';
	width: 1px;
	height: 18px;
	margin: 0 30px;
	background: #dfe3e7;
}
#navpart .subpage-top__nav a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 4px;
	color: var(--subpage-ink);
	font-weight: 500;
	letter-spacing: .02em;
	transition: color .24s ease;
}
#navpart .subpage-top__nav .A,
#navpart .subpage-top__nav ul li:hover { background: transparent; border: 0; }
#navpart .subpage-top__nav .A a,
#navpart .subpage-top__nav ul li:hover a,
#navpart .subpage-top__nav a:focus-visible { color: var(--subpage-accent); }
#navpart .subpage-top__nav a::after {
	content: '';
	position: absolute;
	left: 4px;
	right: 4px;
	bottom: 0;
	height: 3px;
	background: var(--subpage-accent);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .24s ease;
}
#navpart .subpage-top__nav .A a::after,
#navpart .subpage-top__nav ul li:hover a::after,
#navpart .subpage-top__nav a:focus-visible::after {
	transform: scaleX(1);
}
#navpart .position.subpage-top__breadcrumb {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	float: none;
	margin: 0;
	padding: 0;
	color: #9ba2aa;
	font-size: 14px;
	white-space: nowrap;
}
.subpage-top__breadcrumb svg {
	width: 17px;
	height: 17px;
	margin-right: 9px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
#navpart .subpage-top__breadcrumb a { color: #8d959e; transition: color .24s ease; }
#navpart .subpage-top__breadcrumb a:hover { color: var(--subpage-accent); text-decoration: none; }

@media (max-width: 1180px) {
	.subpage-top { padding-top: 72px; }
	.subpage-top__hero { height: clamp(260px, 32vw, 390px); }
	.subpage-top__inner { width: min(100% - 48px, 1080px); min-height: 76px; gap: 24px; }
	#navpart .subpage-top__nav ul li { font-size: 15px; }
	#navpart .subpage-top__nav ul li:not(:last-child)::after { margin: 0 20px; }
}

@media (max-width: 768px) {
	.subpage-top__hero { height: clamp(205px, 52vw, 300px); }
	.subpage-top__hero::after { background: linear-gradient(180deg, rgba(8, 35, 61, .04), transparent 52%); }
	.subpage-top__inner {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 0;
		width: 100%;
		min-height: 0;
	}
	#navpart .position.subpage-top__breadcrumb {
		min-height: 42px;
		padding: 0 20px;
		border-bottom: 1px solid #edf0f3;
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#navpart .column.subpage-top__nav { padding: 0 20px; }
	#navpart .subpage-top__nav ul { min-height: 60px; }
	#navpart .subpage-top__nav ul li { font-size: 14px; }
	#navpart .subpage-top__nav ul li:not(:last-child)::after { height: 15px; margin: 0 16px; }
	#navpart .subpage-top__nav a::after { height: 2px; }
}

@media (prefers-reduced-motion: reduce) {
	.subpage-top__hero img { transition: none; }
	.subpage-top:hover .subpage-top__hero img { transform: none; }
}

/* The product categories now live in the shared top navigation. */
.main.case .pro_main .pro_list_box,
.main.product .container.pro_main .product_box {
	float: none;
	width: 100%;
}

.linkbox{display: none;}
.footer-social ul li{color:#ccc; display:inline-block; margin-right:10px;height:30px; line-height: 30px; color:#fff;text-align:center;font-size:12px;}
.footer-social ul{margin:1.5em 0}
.footer-social ul li a{color:#ccc; font-size: 12px;}
.footer-social ul li:hover a{color:#fff;text-decoration:none}

@media(max-width: 768px){
	#navpart{margin-top: 58px;}
	#header .mnav{ background:#9c2626}
	#header .mnav a{ line-height:50px; color:#fff}
	.title-style h2{ line-height:30px; height:30px}
.about-ours .img img{ height:inherit !important}
.about-ours .right2{ display:none}
}

/* Header navigation: transparent 130px hero state / white 90px compact state */
#fixtop {
	z-index: 100;
}

#header {
	box-sizing: border-box;
	height: 130px;
	padding: 0 clamp(32px, 3.4vw, 68px);
	align-items: center;
	background: transparent !important;
	box-shadow: 0 0 0 rgba(17, 37, 50, 0);
	transition: height .8s cubic-bezier(.22, 1, .36, 1),
		background-color .58s ease,
		box-shadow .58s ease;
}

#header.is-compact {
	height: 90px;
	background: rgba(255, 255, 255, .98) !important;
	box-shadow: 0 10px 30px rgba(20, 45, 58, .09);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

#header .topnav {
	height: 100%;
	max-width: 1940px;
	margin: 0 auto;
	align-items: center;
}

#header .logo,
#header .logo a {
	display: flex;
	align-items: center;
}

#header .logo img {
	display: block;
	height: 100px;
	width: auto;
	transition: height .8s cubic-bezier(.22, 1, .36, 1), opacity .35s ease;
}

#header.is-compact .logo img {
	height: 88px;
}

#header .nav {
	line-height: normal;
}

#header .navul {
	align-items: center;
	gap: clamp(28px, 3.2vw, 64px);
}

#header .navli {
	margin-left: 0;
}

#header .navli a {
	position: relative;
	display: block;
	padding: 12px 0;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .02em;
	white-space: nowrap;
	transition: color .3s ease;
}

#header.is-compact .navli a {
	color: #292d30;
}

#header .navli a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 0;
	height: 2px;
	background: #214f60;
	transform: translateX(-50%);
	transition: width .28s cubic-bezier(.22, 1, .36, 1);
}

#header .navli a:hover,
#header.is-compact .navli a:hover {
	color: #214f60;
}

#header:not(.is-compact) .navli a:hover {
	color: #e67f2c;
}

#header .navli a:hover::after,
#header .navli a:focus-visible::after {
	width: 100%;
}

#header .search {
	margin-left: clamp(30px, 3.7vw, 74px);
	align-items: center;
	line-height: normal;
}

#header #search,
#header #mnav {
	box-sizing: border-box;
	border: 0;
	padding: 0;
	background-color: transparent;
}

#header #search {
	height: 40px;
	background-image: url("../images/searchw.png");
	background-position: center;
	background-size: 18px auto;
}

#header.is-compact #search {
	background-image: url("../images/searchw.png");
}

#header #line {
	margin: 0 20px;
	color: #d2d6d8;
}

#header.is-compact #line {
	color: #d2d6d8;
}

#header .ebook {
	background: none;
}

#header .ebook a {
	display: inline-flex;
	height: 46px;
	padding: 0 25px;
	align-items: center;
	gap: 10px;
	border: 1px solid #a9afb2;
	border-radius: 24px;
	color: #555b5f;
	font-size: 16px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	letter-spacing: .02em;
	transition: color .3s ease, border-color .3s ease, background-color .3s ease, transform .2s ease;
}

#header .ebook svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#header.is-compact .ebook a {
	border-color: #a9afb2;
	color: #555b5f;
}

#header .ebook a:hover {
	border-color: #214f60;
	background: #214f60;
	color: #fff;
	transform: translateY(-1px);
}

#header .ebook a:active {
	transform: translateY(0) scale(.98);
}

/* Desktop secondary navigation */
#header .navli-has-children {
	position: relative;
}

#header .navli-has-children::before {
	content: "";
	position: absolute;
	top: 100%;
	left: -18px;
	right: -18px;
	height: 62px;
	background: transparent;
}

#header .mega-menu {
	position: fixed;
	top: 130px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	background: rgba(231, 233, 234, .97);
	box-shadow: 0 24px 48px rgba(20, 45, 58, .11);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	transform: translateY(-12px);
	transition: top .8s cubic-bezier(.22, 1, .36, 1),
		opacity .38s ease,
		transform .52s cubic-bezier(.22, 1, .36, 1),
		visibility 0s linear .52s;
}

#header.is-compact .mega-menu {
	top: 90px;
}

#header .navli:hover > .mega-menu,
#header .navli:focus-within > .mega-menu,
#header .navli.submenu-open > .mega-menu {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition-delay: 0s, .12s, .08s, 0s;
}

#header.is-compact .navli:hover > a,
#header.is-compact .navli:focus-within > a,
#header.is-compact .navli.submenu-open > a {
	color: #e67f2c;
}

#header .navli:hover > a::after,
#header .navli:focus-within > a::after,
#header .navli.submenu-open > a::after {
	width: 100%;
	background: #e67f2c;
}

#header .mega-menu-inner {
	display: grid;
	grid-template-columns: minmax(170px, .55fr) minmax(340px, 1fr) minmax(380px, 1.25fr);
	gap: clamp(42px, 5vw, 90px);
	width: min(1420px, calc(100% - 112px));
	min-height: 330px;
	margin: 0 auto;
	padding: 64px 0 68px;
	box-sizing: border-box;
}

#header .mega-menu-heading {
	padding-top: 4px;
}

#header .mega-menu-label {
	display: block;
	margin-bottom: 14px;
	color: #778085;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}

#header .mega-menu-heading h2 {
	color: #242b2f;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -.03em;
}

#header .submenu-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: start;
	column-gap: clamp(30px, 4vw, 70px);
	row-gap: 4px;
}

#header .submenu-list li {
	border-bottom: 1px solid rgba(36, 55, 64, .12);
}

#header .submenu-link,
#header.is-compact .submenu-link,
#header:not(.is-compact) .navli .submenu-link {
	display: flex;
	height: 52px;
	padding: 0;
	align-items: center;
	justify-content: space-between;
	color: #333a3e;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	transition: color .28s ease, padding-left .32s cubic-bezier(.22, 1, .36, 1);
}

#header .submenu-link::after {
	display: none;
}

#header .submenu-link svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: #8a9296;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke .28s ease, transform .28s ease;
}

#header .submenu-link:hover,
#header.is-compact .submenu-link:hover,
#header:not(.is-compact) .navli .submenu-link:hover {
	padding-left: 6px;
	color: #e67f2c;
}

#header .submenu-link:hover svg {
	stroke: #e67f2c;
	transform: translateX(4px);
}

#header .mega-menu-visual {
	position: relative;
	display: block;
	height: 285px;
	overflow: hidden;
	background: #ccd1d3;
}

#header .mega-menu-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 56%, rgba(15, 31, 38, .56));
	pointer-events: none;
}

#header .mega-menu-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

#header .mega-menu-visual span {
	position: absolute;
	right: 24px;
	bottom: 20px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .04em;
}

#header .mega-menu-visual b {
	display: inline-block;
	margin-left: 8px;
	font-weight: 400;
	transition: transform .28s ease;
}

#header .mega-menu-visual:hover img {
	transform: scale(1.035);
}

#header .mega-menu-visual:hover b {
	transform: translateX(4px);
}

#header a:focus-visible,
#header button:focus-visible {
	outline: 2px solid #9c2626;
	outline-offset: 4px;
}

#header .hide {
	position: absolute;
	top: 100%;
	right: clamp(32px, 3.4vw, 68px);
	padding: 0 18px 18px;
	border-radius: 0 0 10px 10px;
	background: #fff;
	box-shadow: 0 16px 28px rgba(20, 45, 58, .12);
}

#header .searchbox {
	margin-top: 18px;
}

@media only screen and (max-width: 1440px) {
	#header .navli { margin-left: 0; }
	#header .search { margin-left: 28px; }
	#header .navul { gap: 27px; }
	#header .navli a { font-size: 16px; }
	#header .ebook a { padding: 0 18px; }
}

@media only screen and (max-width: 1180px) {
	#header,
	#header.is-compact {
		height: 72px;
		padding: 0 4vw;
		background: #fff !important;
	}
	#header .logo img,
	#header.is-compact .logo img { height: 65px; }
	#header .topnav { height: 100%; }
	#header #mnav { height: 40px; background-position: center; }
	#header.is-compact #mnav { background-image: url("../images/mnav.png"); }
	#header .mnav { position: absolute; top: 72px; left: 0; width: 100%; box-sizing: border-box; }
	#header .mega-menu { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	#header,
	#header .logo img,
	#header .navli a,
	#header .navli a::after,
	#header .ebook a { transition: none; }
}