*{/*margin:0;padding:0;*/list-style:none;word-wrap: break-word; /*word-break: break-all;*/ }
body {margin: 0; padding: 0;font-family:Arial, Helvetica, sans-serif; font-size:12px;background-color:#0B0B0B;}
a{text-decoration:none;}a:hover{text-decoration:underline;}
/*a{color:#333;text-decoration:none;}a:hover{text-decoration:underline;}*/
/*a:visited{text-decoration:none;color:#800080;}
input{vertical-align:middle;}*/
img{border:none}
.clear:after{height:0;content:".";clear:both;display:block;visibility:hidden;}
ul li,li{list-style:none;}
body,ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset{margin:0;padding:0;}
.font1{ font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:180%; font-size:12px;}
.logo2{ width:550px; margin:auto; text-align:center;}

.div{ width:100%; height:auto; margin:0 auto;}
.top{background:url(../images/bj12.jpg) repeat-x; height:120px; width:100%; text-align:center; float:left; margin:0 auto;}
.top_lan{width:668px; height:120px; float:left; text-align:right;color:#CCCCCC; padding-top:80px;}
.top_lan a{color:#CCCCCC;}

.nav{float:left;width:100%; background:url(../images/bj21.jpg) repeat; text-align:center;}
.header{ margin:0 auto; width:868px;}
.header a.hover,.header a:hover{color:#804317; text-decoration:none;}

.banner{min-height:1520px; height: auto; text-align:center; width:870px; margin:0 auto; text-align:center; /*background:url(../images/bj3.jpg)*/; background: #1b1613; padding-top:10px;}
.banner_img{height:auto !important; width:848px; margin:0 auto;}
.banner_img img{float:left; margin:0 auto; margin-bottom: 10px;}

.font1{ font-family:"微软雅黑"; font-size:12px; color:#CCCCCC; line-height:150%}
.font2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#CCCCCC; line-height:150%}
.font2 a{color:#CCCCCC;}
.font3{ font-family:"微软雅黑"; font-size:12px; color:#ffffff; line-height:160%;}
.font3 a{color:#FFFFFF; text-decoration:none;}
.font32{ font-family:"微软雅黑"; font-size:14px; color:#ffffff; line-height:160%;}
.font32 a{color:#FFFFFF; text-decoration:none;}
.font3 a:hover,.font3 a.hover{color:#804317;}
.font4{ font-family:"微软雅黑"; font-size:16px; color:#ffffff; line-height:160%}
.font5{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:170%}
.font5 a{color:#ffffff; }
.font6{ font-family:"微软雅黑"; font-size:14px; color:#ffffff;}
.font6 a{color:#ffffff;}
.font7{ font-family:"微软雅黑"; font-size:20px; color:#ffffff; font-weight:bold}
.sinfo2{float:left; margin-left:10px;}
.sinfo table td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 1px 5px;
}
.sinfo2 table td {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 1px 5px;
	width:506px;
}
.sinfo table th,.sinfo2 table th {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #53360B;
    font: 13px/13px Arial;
    padding: 4px 5px;
    text-align: right;
    width: 100px;
}
 .mainbox .box .case img,.mainbox img {
    padding: 5px;
    background: #fff;
    border: 1px solid #bbb;
}

.case{    
padding: 0 10px;
/*    *width: 375px;
    _width: 365px;*/
/*    display: table-cell; 
    *display: inline;*/
    zoom: 1;
    vertical-align: top;color:#FFFFFF;
}
.casemin{ float:left; width:260px;}
.casemax{width:400px; float:left;}
.case h4{font: bold 15px/24px Arial; margin:0 auto; padding:0;}
.case h4 a{color:#FFFFFF; /*text-decoration:underline*/;}
hr {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    border: 0;
    height: 1px;
    margin: 20px 0 20px 0;
    background: url(../images/hr.gif) repeat-x bottom;
}
.mainbox{color:#CCCCCC;}
.mainbox p{
line-height:22px;
}
/*.mainbox p span {
	color: #8c6009;
}*/
.mainbox .box{
 width:700px;
 height:auto;
}
.mainbox .box .case p a {
	color: #8e6a34;
    text-decoration: underline;
}
.mainbox .box .case p a:hover {
	color: #993300;
}
.mainbox h4{  font: bold 15px/22px Arial;
    margin: 0 0 10px; color:#ffffff;}
.more a {
    padding: 0 0 0 10px;
    font: 10px/18px Arial;
    color: #ffffff; text-decoration: underline;
}
.more2 span{color: #ffffff;}
.more2 a {
    padding: 0 0 0 10px;
    font: 12px/18px Arial;
    color: #8E6A34; text-decoration: underline;
}
/* 分页 */
#pages { padding:0px 0 10px; font-family:宋体; font-size:12px; text-align:right;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; /*border:1px solid #e3e3e3;*/ text-align:center; color:#333; padding:0 10px}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#999999; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; /*border:1px solid #e3e3e3;*/ text-align:center; color:#a4a4a4;}
.faqline{height:25px; line-height:25px;}


.erweiwx {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 240px;
    position: fixed;
    right: 0;
    top: 140px;
    width: 171px;
    z-index: 1000;
}
.erwei-pic {
    height: 240px;
    margin: 0 auto;
    width: 171px;
}

/*产品列表页*/
/* 产品列表容器 - 竖版图片适合两列布局 */


/* 图片链接 */
.pro_img_link {
    display: block;
    margin-bottom: 12px;
}

/* 吉他产品图片 - 竖版比例 */
.pro_img {
    width: 100%;
    height: 280px;  /* 竖版高度 */
    object-fit: contain;  /* 保持比例，不拉伸变形 */
    background: #f8f8f8;  /* 背景色衬托透明图片 */
    border-radius: 4px;
}

/* 产品名称 */
.pro_name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    line-height: 1.5;
    display: block;
    padding: 0 8px;
}


.pro_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 10px;
    width: 100%;
}
.pro_item {
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}
.pro_item:hover {
    transform: translateY(-5px);
}
.pro_item a {
    text-decoration: none;
    color: #333;
    display: block;
}
.pro_item img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 10px;
}
.pro_item .pro_name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 1.5;
}
.pro_item .pro_name:hover {
    color: #804317;
}