.main { width: 100%;background: url("/uiFramework/commonResource/image/2025072116064045747.png") no-repeat center;background-size: cover;}
.maincon{width:1200px;margin:0 auto;padding-bottom:40px;}
.dqwz{width:100%; height:66px; border-bottom:#f2e2c8 1px solid;color:#787879; line-height:66px;}
.dqwz a{font-size:14px;color:#787879}
.main_con{width:100%;}
.main_con_l{width:100%;background:#fff;}
.main-table-con1_yd{display:none;}
.main-table-con1{display:block;}


.main_con_r{width:100%;background:#fff;margin-top:20px;}
.main_con_r_1{width:100%;display:flex;justify-content: space-around;padding-top:20px;padding-bottom:20px;}
.content_r_1_left{width:45%;}
.content_r_1_right{width:45%;}
.Tab2 {height: 27px;border-bottom: solid 3px #dcdcdc;margin-bottom: 25px;}
.Tab2 .first { height: 27px;border-bottom: solid 3px #ce271f;margin-bottom: -3px;display: block;width: 120px;font-size: 18px; color: #ce271f; padding: 0;font-weight: bold;}
.Tab_Lxwm .first { height: 27px;border-bottom: solid 3px #ce271f;margin-bottom: -3px;display: block;width: 80px;font-size: 18px; color: #ce271f; padding: 0;font-weight: bold;}
.Tab_Lxwm .first a{ height: 27px;border-bottom: solid 3px #ce271f;margin-bottom: -3px;display: block;width: 80px;font-size: 18px; color: #ce271f; padding: 0;font-weight: bold;}

.Tab_List2 ul{overflow: hidden; clear: both;}
.Tab_List2 ul li{height: 30px;line-height:30px;overflow:hidden;}
.Tab_List2 ul li font{ display: block; width: 58px; float: left; color: #ce271f;}
.Tab_List2 ul li  a{display: block;float: left;}
.Tab_List2 ul li span{display: block; float: right;}
.Tab_List2 ul li:hover span { color:#ce271f; }


.Tab{height: 27px; border-bottom:solid 3px #dcdcdc; margin-bottom: 25px;}
.Tab span{height: 27px; float: left; border-bottom:solid 3px #dcdcdc; margin-bottom:-3px; display: block;margin-right:25px;font-weight:bold;}
.Tab .Tab_current{border-color: #ce271f;}
.Tab .Tab_current a{color:#ce271f; }
.Tab span a{font-size: 18px;}
.Tab_List,.Tab_List ul{overflow: hidden; clear: both;}
.Tab_List ul li{height: 30px;line-height:30px;overflow:hidden;}
.Tab_List ul li font{ display: block; width: 58px; float: left; color: #ce271f;}
.Tab_List ul li  a{display: block;float: left;}
.Tab_List ul li span{display: block; float: right;}
.Tab_List ul li:hover span { color:#ce271f; }


.xiaoshou_list{width:100%;margin-top:20px;}
.xiaoshou_list li{margin-left:10px;font-size:14px;color:#222;font-weight:bold;}



/* 搜索筛选区样式 */
    .search-section {
      width: 100%;
    }

    .search-container {
      position: relative;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      perspective: 1000px;
    }

    .search-box {
      position: relative;
      width: 100%;
      height: 50px;
      background: white;
      border-radius: 35px;
      box-shadow:
        0 6px 24px rgba(140, 115, 90, 0.12),
        0 2px 6px rgba(140, 115, 90, 0.06),
        inset 0 1px 1px rgba(255, 255, 255, 0.8);
      overflow: hidden;
      display: flex;
      align-items: center;
      transition: transform 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }

    .search-box:hover {
      transform: translateY(-2px);
      box-shadow:
        0 10px 32px rgba(140, 115, 90, 0.18),
        0 3px 8px rgba(140, 115, 90, 0.1),
        inset 0 1px 1px rgba(255, 255, 255, 0.9);
    }

    .search-box.focused {
      box-shadow:
        0 6px 24px rgba(140, 115, 90, 0.15),
        0 0 0 2px rgba(160, 140, 120, 0.3),
        inset 0 1px 1px rgba(255, 255, 255, 0.8);
    }

    .search-input {
      flex: 1;
      height: 100%;
      padding: 0 25px;
      font-size: 16px;
      color: #4a423c;
      border: none;
      outline: none;
      background: transparent;
      letter-spacing: 0.2px;
    }

    .search-input::placeholder {
      color: #c8c0b8;
      font-weight: 300;
    }

    .search-button {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: none;
      outline: none;
      cursor: pointer;
      transition: all 0.3s ease;
      margin-right: 20px;
      cursor: pointer;
    }

    .sousuo {
      width: 100%;
      height: 100%;
    }

    .search-icon {
      color: #3c3630;
      font-size: 20px;
      transition: transform 0.3s ease;
    }

    .search-button:hover .search-icon {
      transform: scale(1.2);
      color: #2d2723;
    }

    /* 动画特效 */
    @keyframes subtlePulse {
      0% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-3px);
      }

      100% {
        transform: translateY(0);
      }
    }

    .search-container:hover .search-box {
      animation: subtlePulse 1.5s ease-in-out infinite;
    }

    .search-container:hover .search-box:hover {
      animation: none;
    }

.xsryList {
    border-collapse: collapse;
    width: 100%;
}

.xsryList thead tr th {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    height: 36px;
    line-height: 36px;
    padding: 0;
    min-width: 60px;
}

.xsryList tr td {
    font-size: 14px;
    padding: 0px;
    min-width: 60px;
    text-align: center;
    height: 32px;
    line-height: 32px;
}


@media screen and (max-width: 768px) {
  .main-table-con1_yd{display:block;border-top: 1px solid #efe2cb;background-color: #fdfaf5;height: 50px;line-height: 50px;padding-left:20px;width:calc(100% - 20px) !important;}
  .main-product{max-width:calc(100% - 2px) !important;}
  .maincon{width:100% !important;}
  .dqwz{line-height:30px;}
  .main-title{font-size:18px !important;}
  .main-table-head{font-size:14px !important;}
  .head-title1{width:25% !important;}
  .head-title2{width:20% !important;}
  .head-title3{width:20% !important;}
  .main-table-con1{display:none !important;}

  .main_con_r_1{flex-wrap: wrap;}
  .content_r_1_left{width:100% !important;margin-top:20px;}
  .content_r_1_right{width:100% !important;margin-top:20px;}
 
  .Tab_List2 ul li a , .Tab_List ul li a{width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .Tab_List2 ul li span , .Tab_List ul li span{margin-right:10px;}
  .Tab span a{font-size:16px !important;}

  .contentp_p p{width:calc(100% - 10px) !important;}

}