/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
/** 设置默认字体 **/
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
/** 重置列表元素 **/
ul,
ol {
  list-style: none;
}
/** 重置文本格式元素 **/
a {
  text-decoration: none;
  color: #333333;
}
a:hover {
    color: #30318d;
  text-decoration: none;
}
/** 重置表单元素 **/

legend {
  color: #000;
}
/* for ie6 */
fieldset,
img {
  border: 0;
}
/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
  font-size: 100%;
}
/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 清除浮动 */
.ks-clearfix:after,
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.ks-clear,
.clearfix {
  *zoom: 1;
}
img {
  vertical-align: middle;
}
/** 重置a标签元素 **/
a {
  text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
  text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
  text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
  text-decoration: none;
}

/*.page-content .content-box .list-content .details-box .product-content-box div ul,*/
/*.page-content .content-box .post-info .content ul li{*/
/*    list-style:disc inside;*/
/*    list-style-position: inside;*/
/*}*/
/*.page-content .content-box .list-content .details-box .product-content-box div ol li,*/
/*.page-content .content-box .post-info .content ol{*/
/*    list-style:decimal inside;*/
/*    list-style-position: inside;*/
/*}*/

 .accordion1 ul li {
    line-height: 34px;
    font-size: 16px;
    color: #666;
}

.accordion1 ul li a {
    font-weight: 400;
    color: #666;
    font-size: 16px;
    text-decoration: none;
}


.yi_nav {
    color: #999; background: url(../images/home.png) left center no-repeat;
    height: 30px;
    padding-left: 30px;
}
.yi_nav li {
float: left;
    line-height: 35px;
}
.yi_nav li a {
    font-size: 18px;
    color: #999;
}

.yi_nav li:not(:last-child)::after {
content: "-"; /* 也可以用 '>' */
padding: 0 8px;
color: #6c757d;}


 .accordion {
        max-width: 800px;
        margin: 0px auto;
        font-family: Arial, sans-serif;
    }
	
    ul {
        list-style: none;
    }

    .level1 > li {
        margin-bottom: 8px;
        background-color: #fff;
    }

    .item-wrapper {
        display: flex;
        align-items: center;
        min-height: 56px;
    }

    .category-link {
        flex-grow: 1;
        padding: 0 15px;
        min-height: 56px;
        line-height: 56px;
        text-decoration: none;
        color: #333;
        transition: background-color 0.3s;
    }

    .category-link:hover {
        background-color: #e0e0e0; 
    }

    .toggle-btn {
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ddd;
        border-radius: 50%;
        margin-right: 10px;
        cursor: pointer;
        font-weight: bold;
        transition: background-color 0.3s;font-size: 12px;
    }

    .toggle-btn:hover {
        background-color: #ccc;
    }

    .level2 {
        display: none;
        background-color: #fafafa;
    }

    .level2 .category-link {
        padding-left: 25px;
        color: #555;
    }

    .level2 .item-wrapper {
        border-top: 1px solid #eee;
    }

    .level3 {
        display: none;
        background-color: #ffffff;
    }

    .level3 .item-wrapper {
        border-top: 1px solid #f5f5f5;
    }

    .level3 .category-link {
        padding-left: 35px;
        color: #333;
    }

    .active {
        display: block;}
		
		.accordion ul li {
    margin-bottom: 10px;
    background: #fff;
    font-size: 20px;
    padding: 20px 15px;
    position: relative;font-weight: 700;
}

 .accordion ul li:hover {
        background-color: #2f318b;color: #fff; display:block;
    }
	.accordion ul li:hover a {
    color: #fff;display: block;
}

.ccd a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
#submit {
    padding: 5px 40px;
}

/*search*/
.ssk{width:100%;margin:0 auto}
.form-container{width:80%;margin:0 auto}
.form-group{width:100%;margin:10px;line-height:35px}
.gs1{width:10%;margin-right:2%;float:left;text-align:right;font-size:16px;color:#444}
#title{height:35px;width:80%;padding:0 1%;border-radius:8px;border:1px solid #ddd}
#content{width:100%;height:130px;border-radius:8px;border:1px solid #ddd;padding:0 1%}
select#so_type{line-height:35px;height:35px;min-width:20%;text-align:center;border-radius:8px;border:1px solid #ddd;padding:0 20px}
#submit{min-width:20%;line-height:35px;background:#fe0000;color:#fff;border:none;font-size:18px;border-radius:8px}
.ssjg{width:100%}
.ac {
    background: #fff;
}

.ac ul li a{line-height: 2.6;
    padding: 10px 15px;
    font-size: 20px;
    background-color: #fff;
    position: relative;}
	
.button {
    border: none;
}
.empty_page_data {
    width: 100%;
    height: 500px;
    background: url(../images/no.jpg) center no-repeat #fff;
}

div#result { width: 80%;margin: 2% auto;border-top: 5px #ccc solid; padding-top: 2%;}
#result li {line-height: 42px; }
#result li a{font-size: 18px;}

/*留言弹框*/
.container{max-width:900px;text-align:center}
.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:2rem}
.modal-trigger{border:none;font-size:1.8rem;border-radius:50px;cursor:pointer;transition:all 0.3s ease;background: none; color:#fff}
.modal-trigger:hover{transform:translateY(-3px);}
.modal-trigger.primary{}
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}
.modal-overlay.active{opacity:1;visibility:visible}
.modalm{background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);width:90%;max-width:500px;transform:translateY(30px);transition:transform 0.4s ease;overflow:hidden}
.modal-overlay.active .modal{transform:translateY(0)}
.modalm-header{padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}
.modalm-title{font-size:1.5rem;font-weight:600;color:#333}
.modalm-close{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#777;transition:color 0.2s;line-height:1}
.modalm-close:hover{color:#333}
.modalm-body{padding:2rem;line-height:1.6;color:#555}
.message-box1 .from .input>div {width: 100%;background: #f8f8f8;border: 0;resize: none; font-size: 16px;margin-bottom: 20px;}
.message-box1 .from .input input{width: 100%;padding: 15px 20px;border-radius: 8px; border: 1px solid #ddd;}
.message-box1 .from textarea{width: 100%;padding: 15px 20px;margin-bottom: 20px;}
 @media (max-width: 600px) {
.button-group{flex-direction:column;align-items:center}
.modal-trigger{width:100%;max-width:300px}
h1{font-size:2rem}}
/*留言弹框*/


.language-selector{position:fixed;top:20px;right:20px;z-index:999999;}
.selected-language{display:flex;align-items:center;padding: 15px 10px 15px 20px;background:#fff;box-shadow: rgba(0,0,0,0.15) 0 5px 15px;cursor:pointer;transition:all 0.3s ease;}
.selected-language:hover{}
.selected-language i{margin-right:10px;font-size:18px;color:#30319c}
.language-name{flex-grow:1;font-weight:900;color:#333; margin-right:10px;}
.dropdown-arrow{transition:transform 0.3s ease;color:#666}
.language-options{position:absolute;top:100%;left:0;right:0;background:white;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.15);margin-top:5px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:100;max-height:250px;overflow-y:auto}
.language-options.active{opacity:1;visibility:visible;transform:translateY(0)}
.language-option{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background 0.2s ease}
.language-option:hover{background:#f0f5ff}
.language-option.selected{background:#e6f0ff;font-weight:600}
.language-option .language-name{color:#333}
@media (max-width: 991px) {.language-selector{top:50px !important;right:0 !important;}
}

.box{width:310px;margin:100px auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:55% !important;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
@media screen and (max-width: 768px){div.zoomDiv{display:none !important;}}


/* 1. 关键：合并边框，实现单线细边框效果 - 保持不变 */
.wanyuan_pro_show table {
  border-collapse: collapse; 
  margin: 0 auto;
}

/* 2. 为表格、表头单元格和数据单元格设置细边框 - 修正了选择器 */
.wanyuan_pro_show table,
.wanyuan_pro_show th,
.wanyuan_pro_show td {
  /* 1px 是最细的边框，solid 是实线，black 是颜色 */
  border: 1px solid gray; 
}

/* 3. (可选) 增加内边距让内容更好看 - 修正了选择器 */
.wanyuan_pro_show th, 
.wanyuan_pro_show td {
  padding: 4px; 
}


/* 1. 为所有列表 (ol 和 ul) 清除浏览器默认的边距和内边距，确保布局可控 */
.wanyuan_pro_show ul,
.wanyuan_pro_show ol {
  margin: 0;        /* 移除上下的外边距 */
  padding-left: 20px; /* 保留一点左内边距，用于显示列表符号或数字 */
}

/* 2. 定义列表项 (li) 的样式，用于更好的阅读体验 */
.wanyuan_pro_show li {
  line-height: 1.8;   /* 增加行高，改善文字阅读舒适度 */
  margin-bottom: 8px; /* 增加列表项之间的垂直间距 */
  /* 可以根据需要，使用list-style-type改变符号，例如：*/
  /* list-style-type: square;  无序列表改为方块符号 */
  /* list-style-type: upper-roman; 有序列表改为大写罗马数字 */
}