body {
    margin: 1px auto 0;
    font-size: 12px;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #cccccc;
    line-height: 20px;
}

.white{ color:#FFFFFF; font-size:12px; padding-left:5px;}
A {
  color: #000000;
  text-decoration: none;
}
A:hover{
  color: #FF6B00;
  text-decoration: underline;
}

A.navagate:link {
	COLOR: #999999;
	TEXT-DECORATION: underline;

}
A.navagate:visited {
	COLOR: #999999;
	TEXT-DECORATION: underline;

}
A.navagate:hover {
	COLOR: #ff0000;
	TEXT-DECORATION: underline;
}

A.faq:link {
	COLOR: #006699;
	TEXT-DECORATION: underline;
	font-weight:bold;

}
A.faq:visited {
	COLOR: #006699;
	TEXT-DECORATION: underline;
	font-weight:bold;

}
A.faq:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: underline;
	font-weight:bold;
}

A.hot:link {
	COLOR: #oooooo;
	TEXT-DECORATION: underline;

}
A.hot:visited {
	COLOR: #oooooo;
	TEXT-DECORATION: underline;

}
A.hot:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: none;
}

h1{ font-size:14pt; margin-bottom:4px; }
h2{font-size:12px; font-weight:bold; height:20px; margin-bottom:0px; color:#FF6B00}
.top-down{margin-bottom:8px; clear:both;}
.black-white{color:#999999; font-size:10px;}
.old_price{ color: #009933; font-size:20px;}
.price{ color: #FF0000; font-size:18px; font-weight:bold}
#top{clear:both;width:1200px; margin-left:auto; margin-right:auto; padding-left:2px;}
.topimage{border:1px #D4D4D4 solid; margin-top:10px; width:1196px; height:55px; text-align:center;}
#wholecenter{clear:both;padding-top:10px; width:1198px; margin-left:auto; margin-right:auto; padding-left:2px;}

#navegate{clear:both;margin-top:10px; width:1200px; height:20px; margin-left:auto; margin-right:auto; text-align:left; padding-left:2px; color:#999999}
#special{clear:both;margin-top:10px; width:1190px; margin-left:auto; margin-right:auto; text-align:center; border:1px #000000 solid}
#left{float:left; width:170px; text-align:left; background-color:#F1F9FF; padding:5px}
.left_ca{
    clear: both;
    padding: 5px 5px 1px 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    min-height: 18px;
    text-align: left;
    font-weight: bold;
}
.by_category{clear: both; width:156px; margin-left:auto; margin-right:auto; border: 1px solid #A7C8E0; background-color:#FFFFFF; text-align:center}
.spacer{line-height:20px;text-align:left; padding-left:5px;}
.r_spacer{text-align:center; margin-top:5px; color:#FF0000}

#midcenter{float:left; width:817px; margin-left:10px; margin-right:10px}
#midcenter h1 {
    font-size:20px;
    color:#333;
    margin:10px 0 15px;
	text-align:center;
}
#right{float:left; width:170px; text-align:left; background-color:#F1F9FF; padding:5px}
.right_ca{clear:both;padding-left:7px; font-size:11px; color: #000000; height:24px; text-align:left; font-weight:bold}
.right_category{clear: both; width:156px; margin-left:auto; margin-right:auto; padding-top:3px;border: 1px solid #A7C8E0; background-color:#FFFFFF; text-align:center}
.last_right_category{clear: both; width:153px; margin-left:auto; margin-right:auto; padding:3px 1px 3px 2px;border: 1px solid #A7C8E0; background-color:#FFFFFF; text-align:left}
#foot{clear:both;width:1200px; margin-left:auto; margin-right:auto; padding-top:10px; text-align:center;background-color:#EDF7D9;}
.foot_1{
    background-color:#EDF7D9;
    text-align:center;
    width:33%;
    float:left;
    padding:8px 4px;
    box-sizing:border-box;
}
.foot_2{background-color:#F7FFEF; text-align:left}
.foot_2 li{text-align:left}

.content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    max-width: 817px;
    width: 100%;
    margin-bottom: 15px;
}
.ca_ca {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 12px;
    border: 1px solid #eee;
    padding:12px 30px;
	border-radius: 6px;
}
.ca_ca h2 {
    grid-column: 1 / -1;
    font-size:18px;
    margin:0 0 6px;
    color:#e65500;
}
.detailimg img {
    width:100px;
    height:auto;
}
.detailbrand ul {
    list-style: none;
    padding-left:20;
    margin:0;
    line-height:1.55;
    font-size:12px;
}
.seemore {
    grid-column: 1 / -1;
    margin-top:8px;
    font-size:12px;
}
/* 链接基础样式 */
.detailbrand a, .seemore a {
    color: #0055cc;
    text-decoration: none;
}
/* hover高亮，鼠标悬浮变色 */
.detailbrand a:hover, .seemore a:hover {
    color: #ff6600;
    text-decoration: underline;
}




.brand_cate{width:617px; clear:both;margin-bottom:15px; }
.brand_cate li{float:left; clear:both;line-height:20px;margin-bottom:5px;}

.part_text{width: 813px;line-height: 20px; padding:0px; margin:0px; height: 355px; overflow-y: auto; overflow-x: hidden; text-decoration: none;}
.key_word{ color:#FF9933}
.last_left{float:left; width:1193px; margin-right:5px}
.last_one{float:left; width:1200px;}

.last_one li {
    line-height: 22px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 3px 0;
}
.last_one p{ line-height:22px;}

.last_image{float:left; width:453px; text-align:center;}
.last_feature{float:left; width:721px; margin-left:20px;}
.last_feature1{float:left; width:422px; margin-left:5px;}



.double_line{width:1190px; clear:both; margin:5px 0px 5px 0px; border:1px #EAEAEA solid; border-left:0px; border-right:0px;}
.double_line1{width:817px; clear:both; margin:10px 0px 10px 0px; border:1px #EAEAEA solid; border-left:0px; border-right:0px;}

.last_one1{float:left; width:817px;}
.last_image1{float:left; width:190px; text-align:center;}
.newitem_image{float:left; width:353px; text-align:center;}

#listy{padding-left:10px;line-height: 20px;	float:left; margin:5px 0 0 0px; width:490px; }
.listy li{padding-left:5px;float:left; clear:both; width:475px;}

#listy_mid{padding-left:10px;line-height: 20px;	float:left; margin:5px 0 0 0px; width:410px; }
.listy_mid li{padding-left:10px;float:left; clear:both; width:409px;}
/**/
.tooltips{
	position:relative; 
	z-index:2;
}
.tooltips:hover{
	z-index:3;
	background:none; 
}
.tooltips span{
	display: none;
}
.tooltips:hover span{ 
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:453px;
	height:340px;
	border:1px solid #A7C8E0;
	text-decoration: none;
}
.faq1{padding-left:10px; border:1px #FF9900 dashed;}
/**/
/**/
.features{
	position:relative; 
	z-index:2;
}
.features:hover{
	z-index:3;
	background:none; 
}
.features span{
	display: none;
}
.features:hover span{ 
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	text-decoration: none;
	padding:10px;
	background-color:#F1F9FF;
	color:#000000;
}
.recent_order{width:99%; text-align:center; padding-bottom:5px}
.recent_order ul{float:center; text-align:center; padding-bottom:5px; margin:5px}
.recent_order li{float:left; text-align:center; width:30%; list-style:none; line-height:20px}

        .gallery {
            max-width: 453px;
            margin: 0 auto;
            padding: 2px;
			text-align:center;
        }
        .main-image {
            width: 453px;
            height: 340px;
            object-fit: contain;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transition: opacity 0.3s;
        }
        .thumbnails {
            display: flex;
			justify-content:center;
            gap: 8px;
            overflow-x: auto;
            padding: 3px;
			text-align:center;
			width:453px;
			margin-top:10px;
        }
        .thumbnail {
            width: 100px;
            height: 75px;
            cursor: pointer;
            border-radius: 4px;
            border: 1px solid #ccc;
            transition: all 0.3s;
			text-align:center;
        }
        .thumbnail:hover {
            transform: scale(1.02);
            box-shadow: 0 3px 6px rgba(0,0,0,0.15);
        }
        .thumbnail.active {
            border-color: #ccc;
        }
		
		.alsobuyitem{
			width:300px; 
			float:left; 
			text-align:center; 
			padding:5px; 
			margin:15px;
			box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		}				
        .alsobuy {
            width: 200px;
            height: 150px;
            cursor: pointer;
            border-radius: 4px;
            border: 2px solid transparent;
            transition: all 0.3s;
			text-align:center;
        }
        .alsobuy:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 8px rgba(0,1,0,0.5);
			border-radius: 4px;
        }
        .alsobuy.active {
            border-color: #00CC66;
        }


/*new*/
*{
    box-sizing: border-box;
}
.page-wrap{
    width:1200px;
    background:#FFFFFF;
    margin:0 auto;
}
.top-keyword-bar{
    background-color:#97A3AA;
    margin-top:1px;
    padding:2px;
}
.top-search-form{
    margin:0;
}
.topimage-flex{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    padding:5px;
}
.top-logo{
    flex:0 0 185px;
}
.top-logo img{
    height:52px;
}
.top-slogan{
    flex:1;
    min-width:260px;
}
.top-search-input-wrap{
    display:flex;
    align-items:center;
    gap:4px;
}
.top-search-tip{
    min-width:180px;
}
.nav-special-wrap{
    display:flex;
    gap:10px;
    margin-top:6px;
    flex-wrap:wrap;
}
.special-banner{
    flex:0 0 58%;
    min-width:280px;
}
.special-banner img{
    max-width:100%;
    height:auto;
}
.nav-link-grid{
    flex:1;
    min-width:260px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
}
.nav-item{
    display:block;
    padding:4px 6px;
    background:#BDE7FF;
    min-height:25px;
    line-height:25px;
    text-decoration:none;
    color:#000;
    border-radius:3px;
    transition: background 0.2s ease;
}
.nav-item:hover{
    background:#9dd8f7;
}
.breadcrumb{
    margin:8px 0;
    padding:4px 0;
}
.product-main{
    display:flex;
    gap:24px;
    margin-bottom:22px;
}
.product-image-block{
    flex:0 0 460px;
}


.product-info-block{
    flex:1;
}
.section-block{
    margin-bottom:20px;
}
.section-block li {
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 3px 0;
}
.spec-table{
    width:85%;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
    background:#CCCCCC;
}
.spec-table td{
    background:#fff;
    padding:4px 6px;
}
/* Footer */
.footer-wrap{
    background:#7BB610;
    margin-top:20px;
}
.footer-row{
    display:flex;
    flex-wrap:wrap;
}
.footer-col{
    flex:1;
    min-width:240px;
    padding:8px;
}
.footer-col h4{
    color:#426131;
    margin:0 0 8px;
	text-align:center;
}
.footer-col ul{
    margin:0;
    padding-left:100px;
	text-align:left;
}
.footer-bottom{
    text-align:center;
    padding:12px 0;
}
/* ============ brand model# list ============ */
.partno {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	border: #CCCCCC 1px solid;
	margin-top: 5px;
	overflow-y: auto;
	padding: 3px 0;
	margin-bottom: 15px;
	color: #000000;
	line-height: 20px;
	height: 350px;
}

.partno ul {
    margin: 1px;
    padding: 2px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:8px;
}
.partno li {
    padding:3px 8px;
    background-color:#f3f3f3;
    border-radius:4px;
    text-align:center;
    transition: 0.2s;
}
.partno li a {
    color:#0066cc;
    text-decoration:none;
}
.partno li:hover {
    background-color:#e0e0e0;
}

.partno li:hover a {
    color:#d14700;
}


/* ============ brand model# list end ============ */

.spec-container {
    width: 100%;
    display: flex;
    gap: 14px;
    margin: 10px 0;
}
/* 卡片基础样式 */
.spec-card {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}
/* 有描述时左右各占一半；没有描述自动占满 */
.spec-feature-card {
    width: 75%;
}

.spec-card-header {
    padding: 6px 8px;
    background: #f5f5f5;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.spec-card-body {
    padding: 4px 0;
}
.spec-row-item {
    display: flex;
    padding: 4px 5px;
    border-bottom: 1px dotted #eee;
}
.spec-name {
    width: 30%;
    padding-left: 5px;
}
.spec-val {
    width: 70%;
    padding-left: 5px;
}
.spec-desc-card .spec-card-body {
    padding: 8px;
    line-height: 1.6;
}

/* 移动端自适应：手机自动上下排列 */
@media (max-width: 768px) {
    .spec-container {
        flex-direction: column;
    }
}