@charset "utf-8";
	html {
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	scroll-behavior:smooth
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box
}
ul,ol {
	list-style:none
}
html,body {
	width:100%;
	background:#f5f5f5;
	font-size:14px;
	color:#595757;
	font-family:'Arial','Microsoft Yahei',sans-serif
}
img {
	border:none;
	vertical-align:middle
}
a {
	text-decoration:none;
	color:inherit
}
a:hover {
	color:#df282c
}
button,input,textarea {
	border:none;
	outline:none;
	background:none;
	font-family:inherit
}
body {
	padding-top:60px
}
header {
	background:#fff
}
.header {
	position:relative
}
.mobile-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:60px;
	background:#fff;
	z-index:99;
	padding-top:max(env(safe-area-inset-top),0);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:nowrap;
	box-shadow:0 2px 4px rgba(0,0,0,.15)
}
.logo {
	flex-shrink:0
}
.logo img {
	display:block;
	height:32px;
	width:auto;
	padding-left:12px
}
.search {
	width:100%;
	padding:0 12px;
	position:absolute;
	left:0;
	top:112px
}
.search-home {
	top:132px
}
.search form {
	display:flex;
	align-items:center
}
.search_input {
	flex:1;
	height:42px;
	padding-left:14px;
	color:#999999;
	border:1px solid #df282c;
	border-right:0;
	border-radius:2px 0 0 2px;
	background:#fff;
	font-size:14px;
}
.search_input::placeholder {
    color:#d9d8d8;
    opacity:1;
}
.search_btn {
	background:#df282c;
	width:42px;
	height:42px;
	cursor:pointer;
	border:0;
	border-radius:0 2px 2px 0;
	display:flex;
	align-items:center;
	justify-content:center
}
.search_btn::after {
	content:'\e67e';
	font-family:"iconfont";
	font-size:18px;
	color:#fff;
	line-height:1
}
.search_btn:hover {
	background:#c01f23
}
body.mobile-menu-open {
	overflow:hidden
}
body.mobile-menu-open:before {
	content:'';
	position:fixed;
	z-index:98;
	background:rgba(0,0,0,.5);
	top:0;
	left:0;
	right:0;
	bottom:0;
	animation:fadeIn .3s ease
}
.menu-mobile {
	display:block;
	border:0;
	cursor:pointer;
	width:48px;
	height:60px;
	position:relative
}
.menu-mobile span {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.menu-mobile i {
	display:block;
	width:100%;
	height:2px;
	background-color:#df282c;
	position:absolute;
	left:0;
	transition:all .3s
}
.menu-mobile i:nth-of-type(2) {
	top:10px
}
.menu-mobile i:nth-of-type(3) {
	top:20px
}
.menu_active span {
	width:30px;
	height:30px
}
.menu_active i:nth-of-type(1) {
	transform:rotate(45deg);
	top:14px
}
.menu_active i:nth-of-type(2) {
	opacity:0;
	transform:scale(0)
}
.menu_active i:nth-of-type(3) {
	transform:rotate(-45deg);
	top:14px
}
.menu {
	width:65%;
	position:fixed;
	top:60px;
	left:0;
	bottom:0;
	height:auto;
	background:#1c1c1c;
	transform:translateX(-100%);
	transition:transform .3s ease;
	z-index:100;
	overflow-y:auto;
	flex-direction:column
}
.menu.on {
	transform:translateX(0)
}
.menu li {
	width:100%;
	height:64px;
	line-height:64px;
	border-bottom:1px solid #292929;
	text-align:center
}
.menu li a {
	display:block;
	color:#fff;
	font-size:16px
}
.menu li a:hover {
	background:#2c2c2c;
	color:#fff
}
.menu .active {
	background:#2c2c2c;
	font-weight:700
}
@keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}.banner_page {
	aspect-ratio:1920/270;
	width:100%;
	min-height:100px;
	background:url('/templates/Valve/style/banner-page_mobile.jpg') no-repeat center/cover
}
.category-nav {
	background-color:#fff;
	height:auto;
	margin-top:30px;
	order:1
}
.category-nav ul {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:12px;
	padding:12px
}
.category-nav li {
	border:1px solid #d0cece;
	text-align:center;
	line-height:42px
}
.category-nav li a {
	display:block;
	color:#999
}
.category-nav .active {
	color:#df282c;
	font-weight:700
}
.wrapper {
	display:flex;
	flex-direction:column;
	gap:0;
	margin-top:36px
}
.container {
	margin:30px auto 0;
	display:grid;
	gap:30px;
	order:2
}

.product-container{
	margin-top:66px
}
.main {
	background:#fff;
	padding:0 12px;
	overflow-x:auto
}
.breadcrumb {
	display:flex;
	flex-direction:row;
	overflow-x:auto;
	white-space:nowrap;
	padding:12px 0;
	line-height:14px;
	color:#999;
	border-bottom:1px solid rgba(0,0,0,.1);
}
.breadcrumb-list {
	order:1
}
.breadcrumb-title {
	order:2;
	color:#df282c;
	font-size:18px;
	font-weight:700;
	text-align:center;
	line-height:42px;
	border-bottom:1px solid rgba(0,0,0,.1)
}
.breadcrumb li {
	display:inline-block
}
.breadcrumb li:not(:first-child)::before {
	content:">";
	margin:0 6px;
	font-family:'SimSun';
	color:#999
}
.breadcrumb a {
	color:#999
}
.updatetime {
	padding-left:60px
}
article {
	text-align:justify;
	word-break:break-all;
}
article p{
	line-height:24px;
}

article img {
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto
}
.products {	
    padding:0 0 6px;
	color:#737373;
	border-bottom:1px solid #dcdcdc;
	overflow:hidden
}
.products p{margin-bottom:5px;}
.products-title {
	padding:12px 0 7px;
	font-size:24px;
	line-height:1.5;
	letter-spacing:1px;
	color:#df282c;
	text-align:center
}
.products h2,.products h3 {
	background:#eee;
	margin:10px 0 10px 0;
	padding:1px 0 0 12px;
	border-bottom:1px solid #ddd;
	font-size:14px;
	line-height:2
}
.productlist {
	display:grid;
	grid-template-columns:1fr;
	gap:12px;
	padding:12px 0 30px
}
.productlist li {
	border:2px solid #4e4e4e
}
.productlist li img {
	display:block;
	margin:0 auto;
	width:100%;
	max-width:160px;
	height:auto
}
.productlist li span {
	background:#4e4e4e;
	height:36px;
	line-height:1.5;
	font-size:12px;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center
}
.productlist li span:hover {
	color:#df282c
}
.pagination {
	width:100%;
	padding-bottom:30px
}
.pagination ol {
	display:flex;
	gap:8px;
	justify-content:center
}
.pagination li {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:44px;
	width:calc(100%/7);
	max-width:44px;
	border:1px solid #e0e0e0;
	border-radius:2px;
	transition:all .1s ease;
	cursor:pointer;
	line-height:1;
	color:#9d9898
}
.pagination svg {
	display:block;
	width:15px;
	height:15px;
	flex-shrink:0
}
.pagination .active {
	background:#df282c;
	border-color:#df282c;
	color:#fff;
	cursor:default
}
.pagination .dots {
	border:none;
	width:10px;
	transform:translateY(-4px)
}
.pagination .disabled {
	border-color:#eee;
	color:#ccc;
	cursor:not-allowed
}
.pagination .disabled:hover {
	border-color:#eee;
	color:#ccc
}
.pagination a:hover {
	border-color:#b8b8b8;
	color:#222;
	text-decoration:none;
	background-color:#f5f5f5;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip-path:inset(0);
	white-space:nowrap;
	border-width:0
}
.product-title {
    text-align:center;
	padding:12px 0;
	font-size:24px;
	line-height:1.5;
	color:#df282c;
	position:relative
}
.product-title::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:linear-gradient(to right,transparent,#ccc,transparent)
}
.meta {
	text-align:center;
	padding:7px 0 8px 0;
	color:#a9abb4
}
.imgcenter {
	max-width:100%;
	height:auto;
	border:4px solid #df282c;
	margin-bottom:15px
}


.table-scroll {
	border:1px solid #aaa;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch
}
.table-scroll table {
	width:100%;
	min-width:700px;
	border-collapse:collapse;
	border:none;
	font-size:13px;
	display:table;
	white-space:nowrap
}
.table-scroll table thead {
	display:table-header-group
}
.table-scroll table tbody {
	display:table-row-group
}
.table-scroll table caption {
	display:table-caption;
	caption-side:top;
	background-color:#f5f5f5
}
.table-scroll table caption,.table-scroll table td,.table-scroll table th,.news-content table td,.news-content table th {
	padding:2px 7px;
	border:1px solid #aaa;
	text-align:center;
	line-height:23px;
	font-weight:400
}
.table-scroll table th,.news-content th {
	background-color:#fff
}
.table-scroll table tr:nth-child(odd),.news-content table tr:nth-child(odd) {
	background-color:#f5f5f5
}
.table-scroll tr:nth-child(even),.news-content tr:nth-child(even) {
	background-color:#fff
}
.showproduct table .w2{letter-spacing:2em;text-indent:2em;
}
.showproduct table .w3{letter-spacing:0.5em;text-indent:0.5em;
}

.matl6 td:first-child {
    width: 8%;
}
.matl6 td:nth-child(2) {
    width: 17%;
}
.matl6 td:nth-child(n+3):nth-child(-n+8) {
    width: 12.5%;
}
.perf6 td:first-child {
    width: 25%;
}
.perf6 td:nth-child(n+2):nth-child(-n+7) {
    width: 12.5%;
}
.size8 td {
    width: 12.5%;
}

.matl5 td:first-child {
    width: 9%;
}
.matl5 td:nth-child(2) {
    width: 19.571%;
}
.matl5 td:nth-child(n+3):nth-child(-n+7) {
    width: 14.285%;
}
.perf5 td:first-child {
    width: 28.571%;
}
.perf5 td:nth-child(n+2):nth-child(-n+6) {
    width: 14.285%;
}
.size7 td {
    width: 14.285%;
}




.matl9 td:first-child {
    width: 8%;
}
.matl9 td:nth-child(2) {
    width: 20%;
}
.matl9 td:nth-child(n+3):not([colspan]) {
    width: 14.4%;
}


.perf9 td:first-child {
    width: 28%;
}
.perf9 td:nth-child(n+2):not([colspan]) {
    width: 14.4%;
}

.size9 thead tr:first-child th:nth-child(-n+2) {
    width: 14%; 
}

.size9 td:nth-child(n+3):nth-child(-n+9) {
    width: 10.285%;
}
.size9 thead tr:nth-child(2) th {
    width: 10.285%;
}
.showproduct{
	padding-bottom:25px
}
.showproduct h2 {
	font-size:14px;
	color:#9b0000;
	padding:2px 0 2px 1em;
	line-height:2;
	border-left:4px solid #bf0d0d;
	background-color:#f0f0f0
}
.showproduct h2+div,.showproduct h2+figure {
	margin-top:15px;
	margin-bottom:15px
}
.showproduct p+h2,.showproduct h2+p {
	margin-top:10px
}
.showproduct figcaption {
	text-align:center;
	line-height:14px;
	margin-top:10px
}
.up_down {
	margin:0 0 30px;
	text-align:left;
	line-height:30px;
	border:1px #ccc solid;
	padding:8px 14px
}

.up_down a {
	color:#7e7e7e
}
.up_down a:hover {
	color:#df282c
}
.related {
	margin:0 0 30px;
	overflow:hidden
}
.related h3 {
	display:block;
	line-height:1;
	font-size:14px;
	border-bottom:1px solid #ccc;
	position:relative;
	padding:0 0 10px 1px;
	text-align:left;
	font-weight:700
}
.related h3::after {
	content:"";
	display:block;
	width:58px;
	height:2px;
	background:#df282c;
	position:absolute;
	left:0;
	bottom:-1px
}
.related li {
	float:left;
	line-height:24px;
	border-bottom:1px #ccc dotted;
	padding:5px 0
}
.related a {
	display:block;
	text-align:left
}
.related a:hover {
	color:#df282c
}
.related a::before {
	font-family:"iconfont";
	color:#df282c;
	vertical-align:middle;
	padding-right:6px
}
.related-product li {
	width:100%
}
.related-news li {
	width:100%
}
.related-product a::before {
	content:'\e602';
	font-size:16px
}
.related-news a::before {
	content:'\e602';
	font-size:16px
}
.sidebar {
	background:#fff;
	margin-bottom:30px
}
#sidebar-title {
	line-height:14px;
	font-size:14px;
	font-weight:400;
	display:flex;
	gap:7px;
	align-items:center;
	text-align:center;
	color:#7b7b7b;
	padding:12px
}
#sidebar-title::before,#sidebar-title::after {
	content:'';
	flex:1;
	height:1px;
	background:#f0f0f0
}
.sidebar-en {
	font-size:13px;
	color:#c4c4c4;
	font-weight:400;
	font-family:'Times New Roman','Arial','Times','serif'
}
.sidebar ul {
	margin:0 12px;
	padding-bottom:12px;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:12px
}
.sidebar li {
	line-height:3;
	border:1px solid #d0cece;
	text-align:center
}
.sidebar li a {
	display:block
}
.sidebar .active {
	color:#df282c;
	font-weight:700
}
footer {
	width:100%;
	background:#df282c;
	color:rgba(255,255,255,.8)
}
footer a:hover {
	color:#fff
}
.footer {
	display:grid;
	gap:12px;
	padding:15px 12px
}
.footer-label {
	letter-spacing:7px
}
.footer-card::before {
	font-family:"iconfont";
	display:inline-flex;
	align-items:center;
	margin-right:7px;
	color:#fff;
	font-size:17px
}
.icon-address::before {
	content:'\eb38'
}
.icon-cellphone::before {
	content:'\e94f'
}
.icon-telephone::before {
	content:'\e953'
}
.icon-email::before {
	content:'\e943'
}
.footer-text {
	padding:11px 12px;
	text-align:center;
	line-height:22px;
	letter-spacing:.3px;
	border-top:1px solid rgba(255,255,255,.2)
}
.totop {
	position:fixed;
	z-index:90;
	bottom:78px;
	right:12px;
	width:44px;
	height:44px;
	border-radius:50%;
	background:#df282c;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transition:opacity .4s ease-in-out,visibility .4s ease-in-out
}
.totop svg {
	width:20px;
	height:20px;
	display:block;
	fill:#fff
}
.totop.show {
	opacity:1;
	visibility:visible
}
.service-line {
	position:fixed;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	z-index:95
}
.service-tel {
	width:44px;
	height:44px;
	background:rgba(223,40,44,1);
	border-radius:50%;
	transition:all .3s;
	position:relative;
	overflow:hidden;
	cursor:pointer
}
.service-tel:hover {
	width:180px;
	background:rgba(223,40,44,.9);
	border-radius:22px
}
.service-tel::before {
	content:'\e94f';
	font-family:"iconfont";
	font-size:24px;
	color:#fff;
	line-height:44px;
	position:absolute;
	left:10px;
	top:0
}
.service-tel a {
	display:block;
	padding:0 10px 0 44px;
	line-height:44px;
	white-space:nowrap;
	opacity:0;
	transition:all .3s;
	color:#fff;
	font-size:14px
}
.service-tel:hover a {
	opacity:1
}
@font-face {
	font-family:"iconfont";
	font-display:swap;
	src:url('/templates/fonts/iconfont.woff2?t=1780813013095') format('woff2'),url('/templates/fonts/iconfont.woff?t=1780813013095') format('woff'),url('/templates/fonts/iconfont.ttf?t=1780813013095') format('truetype')
}
.iconfont {
	font-family:"iconfont"!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased
}
.icon-duanxin:before {
	content:"\e647"
}
.icon-dizhi:before {
	content:"\e652"
}
.icon-shouji:before {
	content:"\e692"
}
.icon-24gl-envelope2:before {
	content:"\e943"
}
.icon-24gl-phoneLoudspeaker:before {
	content:"\e94f"
}
.icon-24gl-telephone3:before {
	content:"\e953"
}
.icon-24gl-mapMarker:before {
	content:"\eb38"
}
.icon-sousuo:before {
	content:"\e67e"
}
.icon-shuangyuanquan2:before {
	content:"\e603"
}
.icon-yuanquan2:before {
	content:"\e602"
}
.icon-pro_dian:before {
	content:"\e600"
}
.icon-prolist_hover:before {
	content:"\e601"
}
.icon-24gl-clockCircle:before {
	content:"\eb3f"
}
@media (min-width:360px) {
	.productlist {
	grid-template-columns:repeat(2,1fr)
}
.pagination .dots {
	width:18px
}
}
@media (min-width:480px) {
	.header {
	background:#fff;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	right:0;
	padding:0;
	box-shadow:0 2px 4px rgba(0,0,0,.15)
}
.mobile-header {
	padding:0;
	box-shadow:none;
	position:static
}
.search {
	display:block;
	left:220px;
	right:48px;
	top:13px;
	width:auto;
	height:34px;
	margin:0;
	padding:0;
	z-index:10
}
.search_input {
	height:34px
}
.search_btn {
	width:34px;
	height:34px
}
.footer {
	grid-template-columns:repeat(2,1fr);
	gap:30px 12px;
	padding:30px 12px
}
.footer-card {
	border:1px solid rgba(255,255,255,.2);
	padding:23px 8px 20px 16px;
	position:relative;
	overflow:visible
}
.footer-card::before {
	background:#df282c;
	width:40px;
	height:40px;
	position:absolute;
	left:16px;
	top:-20px;
	display:flex;
	justify-content:center;
	font-size:24px;
	color:rgba(255,255,255,.8)
}
.footer-card span {
	display:block
}
.footer-label {
	font-size:15px;
	margin-bottom:3px;
	letter-spacing:10px
}
.footer-value {
	font-size:14px;
	line-height:2
}
.wrapper {
	margin-top:0
}
.product-container{
	margin-top:30px
}
.breadcrumb {
	justify-content:space-between;
}
.breadcrumb-list {
	order:2
}
.breadcrumb-title {
	order:1;
	line-height:14px;
	font-size:14px;
	border-bottom:none
}
.related-product li {
	width:50%
}
.category-nav ul {
	grid-template-columns:repeat(4,1fr)
}
.sidebar ul {
	grid-template-columns:repeat(4,1fr)
}
.productlist {
	grid-template-columns:repeat(3,1fr)
}
.pagination ol {
	gap:12px
}
}

@media (min-width:768px) {
	body {
	padding-top:0
}
.inner {
	width:100%;
	max-width:1024px;
	margin:0 auto
}
.mobile-header {
	height:auto
}
.header {
	height:92px;
	position:static;
	padding:0 12px;
	box-shadow:none;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.search {
	position:static;
	height:42px
}
.search_input {
	width:258px;
	height:42px
}
.search_btn {
	width:42px;
	height:42px
}
.logo img {
	height:62px;
	padding-left:0
}
.menu-mobile {
	display:none
}
.menu-main {
	width:100%;
	background:#df282c;
	height:42px
}
.menu {
	position:static;
	display:flex;
	width:100%;
	max-width:1024px;
	margin:0 auto;
	background:#df282c;
	transform:none;
	flex-direction:row;
	padding:0 12px
}
.menu li {
	flex:1;
	width:auto;
	height:42px;
	line-height:42px;
	border-bottom:0
}
.menu li a {
	font-size:14px
}
.menu li a:hover {
	background:#c8232c
}
.menu .active {
	background:#c8232c
}
.banner_page {
	background:url('/templates/Valve/style/banner-page.jpg');
	height:270px;
}
.footer {
	grid-template-columns:repeat(4,1fr)
}
.footer-card::before {
	font-size:22px
}
.footer-label {
	font-size:14px
}
.footer-value {
	font-size:13px
}
.container {
	max-width:1024px;
	display:grid;
	grid-template-columns:1fr 200px;
	margin:30px auto 32px;
	padding:0 12px
}
.sidebar {
	border-radius:8px;
	box-shadow:0 2px 5px rgba(0,0,0,.1)
}
#sidebar-title {
	padding:30px 0 14px;
	line-height:1;
	font-weight:700;
	gap:0;
	border-bottom:2px solid rgba(0,0,0,.1);
	margin:0 30px;
	letter-spacing:.34px;
	font-size:15px
}
.sidebar-en {
	padding-left:7px;
	font-size:14px;
	font-weight:700
}
.sidebar ul {
	margin:1px auto;
	padding-bottom:30px;
	grid-template-columns:1fr;
	gap:0;
	border-radius:0 0 5px 5px
}
.sidebar li {
	margin:0 30px;
	line-height:36px;
	border:none;
	border-bottom:1px solid rgba(0,0,0,.1);
	text-align:left
}
.sidebar li a {
	background:url('/templates/Valve/style/product_item.gif') no-repeat left center;
	padding:1px 0 0 15px;
	display:block
}
.sidebar li a:hover,.sidebar .active {
	background:url('/templates/Valve/style/product_hover.gif') no-repeat left center;
	color:#df282c
}
#sidebar-title::before,#sidebar-title::after {
	content:none
}
.main {
	min-width:0;
	padding:0 30px;
	overflow:visible;
	border-radius:8px;
	box-shadow:0 2px 5px rgba(0,0,0,.1)
}
.breadcrumb {
	border-bottom:2px solid rgba(0,0,0,.1);
	padding:30px 0 14px;
}
.category-nav {
	background-color:rgba(0,0,0,.4);
	height:42px;
	margin-top:-42px
}
.category-nav ul {
	display:flex;
	justify-content:space-between;
	gap:0;
	padding:0 12px
}
.category-nav li {
	flex:0 0 auto;
	border:0
}
.category-nav li a {
	display:inline-block;
	color:#fff
}
.category-nav li a:hover {
	color:#df282c
}
.productlist {
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	padding-top:18px
}
}@media (min-width:1023px) {
	.footer {
	gap:30px
}
.footer-card::before {
	font-size:24px
}
.footer-label {
	font-size:15px
}
.footer-value {
	font-size:14px
}
.breadcrumbs-list {
	display:flex;
	width:100%
}
.breadcrumbs-list li:last-child::before {
	content:none
}
.breadcrumbs-page {
	margin-left:auto;
	font-weight:700;
	color:#df282c
}
.productlist {
	grid-template-columns:repeat(4,1fr)
}
.table-scroll {
	overflow-x:visible
}
.table-scroll table {
	min-width:0;
	white-space:normal
}
.table-scroll table td {
	padding:2px 0
}
.related-product li {
	width:33.33333333%
}
}