@charset "utf-8";
*{ padding:0; margin:0;}
html,body{ height:100%;}
body{font-family:inherit; color: #666; font-size:16px; text-align:center;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
ol,ul,li{list-style:none;}

#box{ padding:20px; margin:0 auto; width: 1200px; Height:auto; }

.dh_xcx{margin:auto; width: 1200px; height: 38px; line-height:38px; }

.dh_xcxa{width:100px; height: 38px; float:left;  text-align:center;  color:#409eff;
    border-bottom: 2px solid #409eff; }

.dh_xcxb{width:1100px; height: 38px;  float:left;  border-bottom: 2px solid #e4e7ed;}

.fl{float:left;}

.te120{line-height:100px; padding: 10px;}

.lr{padding:0px 10px;  width: 1200px; overflow:hidden; }

.lr_a{ margin:10px 10px; width: 265px;  height: 370px; float: left;
    padding: 5px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    transition: all .3s ease;
    cursor: pointer; }

.lr_a:hover{
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    transition: all .3s ease;
    cursor: pointer; }

/* 大背景图 margin: 8px 8px; width: 269px;  height: 374px; float: left;  */

.lr_b{width: 265px; height:320px;}


.lr_b_1{ background: url(../image/zs_a.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_2{ background: url(../image/zsfu_a.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_3{ background: url(../image/yykc_a.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}


.lr_b_4{ background: url(../image/zs_a.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_5{ background: url(../image/qixiu.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}


.lr_b_6{ background: url(../image/zuche.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_7{ background: url(../image/peizheng.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}


.lr_b_8{ background: url(../image/jiazheng.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_9{ background: url(../image/changguanyuyue.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_10{ background: url(../image/jianshen.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_11{ background: url(../image/fuzhuangdianchang.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_12{ background: url(../image/guosushangcheng.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_13{ background: url(../image/shangcheng.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_14{ background: url(../image/diancan.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}


.lr_b_15{ background: url(../image/shangchengfenxiaoa.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_16{ background: url(../image/meirong.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_17{ background: url(../image/waimai.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}

.lr_b_18{ background: url(../image/yiliaofuwu.jpg);  background-size: cover; /* 或者使用 'contain', '100px 200px', '50% 100%' 等 */
    background-position: center; /* 可选，确保图片居中 */
    background-repeat: no-repeat; /* 可选，防止图片重复 */}



   /* 大背景图 */

.lr_b_a{ width: 265px;  height: 120px; background: #ffffff;  display: none; /* 默认隐藏 */}

.lr_b:hover .lr_b_a { width: 265px;  height: 120px; background: #ffffff;   position: relative;  top:200px;
    display: block; /* 鼠标移入时显示 */}

.bt_a{width: 100%; padding: 10px; height: 30px; line-height: 30px; text-align: left; color: #1c1c1e;}




/* 详情页面  导航条 - 完全按照图片样式 */
.sidebar {float: left;
    margin-right:20px;
    width: 180px;
    height: 100vh;
    padding-top: 10px;
}



.nav-item {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

.nav-item:hover {  color: #1890ff;
    background-color: #f5f7fa;
}

.nav-item.active {
    background-color: #e6f7ff;
    color: #1890ff;
    border-left: 4px solid #1890ff;
    padding-left: 16px; /* 调整左内边距以补偿边框宽度 */
    font-weight: 500;
}

/* 选中状态指示条 */
.nav-item.active::before {
    display: none; /* 不使用额外元素 */
}

/* 移除所有动画和过渡效果 */


.xqr{width: 850px; float: left; height: 100vh;
    padding: 20px;}

.xqr_a{ background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    transition: all .3s ease;
    cursor: pointer;}

.xqr_a_a {padding: 15px; width: 320px}

.xqr_a_b {padding: 15px; line-height:38px; width:450px; text-align: left;}

.fs20{  font-size: 20px;      /* 字号 20px */
    color:#1a1b1c;    /* 黑色 */
    font-weight: bold;    /* 加粗 */}

.xqr_b{height:45px;   line-height:45px;  padding:20px 15px 0px 15px; border-bottom:1px solid #eeeeee;}

.xqr_b_l{font-size: 16px;    /* 字号 20px */
    color:#1a1b1c;    /* 黑色 */
    width:200px;  text-align: left;  float: left;
}


.xqr_b_r{font-size:16px;   /* 字号 20px */
    color:#1a1b1c;    /* 黑色 */
    width:200px;  text-align: right;  float: right;}

.lr{float: right;}

.xqr_c { background-color:#f8f9fa; padding：20x 24px; border-radius: 10px; width:850px;height:100px; margin-top:20px;
    margin-bottom: 20px;}

.xqr_d{width: 850px;   height: auto; /* 默认行为，通常不需要显式设置 */}

.xqr_d_a { width: 220px; padding: 20px; overflow: hidden; border-radius: 10px; background-color:#f8f9fa; margin: 20px;  }

.xqr_d_a:hover{ width: 220px; padding: 20px; border-radius: 10px; background-color:#f8f9fa; margin: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1); overflow: hidden;
    transition: all .3s ease;
    cursor: pointer;}

.w300{width: 300px; line-height:35px;}

a{ color: #1890ff; text-decoration: none;}

a:hover{color: #1890ff;   text-decoration: underline  #1890ff; text-decoration-color: #1890ff; /* 单独设置颜色 */
}

/* 基本按钮样式 */
.submit-btn {
    /* 颜色和字体 */
    background-color: #ff6600;
    color: white;

    /* 尺寸 */
    width: 80px;
    height: 30px;

    /* 圆角 */
    border-radius: 5px;

    /* 边框 */
    border: none;

    /* 文字 */
    font-size: 14px;
    font-weight: 500;

    /* 交互 */
    cursor: pointer;
    outline: none;

    /* 过渡 */
    transition: all 0.2s ease;

    /* 布局 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* 悬停效果 */
.submit-btn:hover {
    background-color: #e65c00;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* 点击效果 - 透明80% */
.submit-btn:active {
    background-color: rgba(255, 102, 0, 0.8);
    transform: translateY(0);
    box-shadow: none;
}

/* 禁用状态 */
.submit-btn:disabled {
    background-color: #ffa366;
    cursor: not-allowed;
    opacity: 0.7;
    transform: none;
    box-shadow: none;
}