.con .nav_tit {
  text-align: center;
}
.con .search_con {
  background: url(../img/index_2.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
.con .search_con .input_con {
  width: 100%;
  max-width: 66%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.con .search_con .input_con input {
  height: 80px;
  background: #f5f5f5;
  border-radius: 50px;
  border: none;
  width: 100%;
  padding: 0 200px 0 40px;
}
.con .search_con .input_con .btn-more {
  position: absolute;
  right: 10px;
  height: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
}
.con .search_con .input_con .btn-more a {
  background: var(--allColor);
  padding: 0 36px;
}
.con .search_con .input_con .btn-more a img {
  margin-left: 20px;
  height: 18px;
  filter: brightness(0) invert(1);
}
.con .search_con .list_con .swiper .swiper-slide {
  width: auto;
}
.con .search_con .list_con .swiper .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cccccc;
  border-radius: 50px;
  height: 40px;
  padding: 0 20px;
  transition: all 0.2s linear;
  min-width: 130px;
 
}
.con .search_con .list_con .swiper .swiper-slide a p {
    margin-left: 8px;
    font-weight: bold;
    color: #777;
}
.con .search_con .list_con .swiper .swiper-slide a .ico {
  width: 14px;
  height: auto;
  transition: all 0.2s linear;
  filter: brightness(0)  ;
  opacity: 0.6;
}
.con .search_con .list_con .swiper .swiper-slide a .right_ico {
  height: auto;
  width: 0;
  visibility: hidden; 
  transition: all 0.2s linear;
}
.con .search_con .list_con .swiper .swiper-slide.act a,
.con .search_con .list_con .swiper .swiper-slide:hover  a{
 
  border-color: var(--allColor);
  color: var(--allColor);
}

.con .search_con .list_con .swiper .swiper-slide.act a p{
  
    color: var(--allColor);

}
.con .search_con .list_con .swiper .swiper-slide:hover  a p {
      color: var(--allColor);
}
.con .search_con .list_con .swiper .swiper-slide.act a  .ico,
.con .search_con .list_con .swiper .swiper-slide:hover  a .ico{
    filter: none;
    opacity: 1;
} 
.con .search_con .list_con .swiper .swiper-slide.act a .right_ico {
  width: 14px;
  visibility: visible;
  margin-left: auto;
}
.con .con_list {
  position: relative;
  overflow: hidden;
}
.con .con_list .image {
  width: 100%;
  height: 90vh;
}
.con .con_list:hover .image img{
       transform: scale(1.06);

}
.con .list_con {
     max-width: 66%;margin-left: auto;margin-right:   auto;
}
   .con .list_con .list_item2 .list_item3_c{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
  .con .list_con .list_item2 .list_item3_c a{
      color: #777;
       transition: all 0.3s linear;
  }
  .con .list_con .list_item2 .list_item3_c a:hover{
     text-decoration: underline;
    color: var(--allColor);
  }
   .con .list_con .list_item2:not(:first-child){
       display: none;
   }
.con .list_con .list_item1{display:flex;}
.con .list_con .list_item1 .list_item1_tit{flex:0 0 250px;display:flex;gap:10px;color:#000;align-items:center;}
.con .list_con .list_item1 .list_item1_tit .ico{
    flex: 0 0 auto;width: 1em;
}
.con .list_con .list_item1 .list_item2_tit{
    flex: 1;display:flex;flex-wrap: wrap;gap:15%;color:#666;
}
.con .list_con .list_item1 .list_item2_tit a{
    transition: all 0.3s linear;color:#666;
}
.con .list_con .list_item1 .list_item2_tit a:hover{
    text-decoration: underline;
    color: var(--allColor);
}
.con .con_list .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 4s ease;
}
.con .con_list .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.con .con_list .info:after{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top:0 ;
    left: 0;
    z-index: 0;
      transition:all 0.3s ease; 
      animation-delay: 0.1s ;
      opacity: 0;
    background: rgba(0,0,0,0.35);
}
.con .con_list:hover .info:after{
    opacity: 1;
   
}
.con .con_list .info .info_mes {
    position: relative;
    z-index: 2;
}
.con .con_list .info .info_mes .tit {
  color: #fff;
}
.con .con_list .info .info_mes .subtit {
  color: #fff;
  max-width: 500px;
}
.con .about_con .list_con {
  display: flex;
  gap: 40px;
}
.con .about_con .list_con .list {
  flex: 0 0 calc((100% - 80px)/3);
}
.con .about_con .list_con .list .image {
  width: 100%;
  height: 0;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}
.con .about_con .list_con .list .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.con .about_con .list_con .list .image:hover img{
 transform: scale(1.05);   
}
.con .about_con .list_con .list .info .tit {
  color: #222;
}
.con .about_con .list_con .list .info .subtit {
  color: #777;
  margin-top: 15px;
}
.con .about_con .list_con .list .info .btn {
  display: flex;
  align-items: center;
  color: var(--allColor);
  gap: 10px;
}
.con .about_con .list_con .list .info .btn img {
  width: auto;
  height: 14px;
  transition: all 0.3s linear;
}
.con .about_con .list_con .list .info .btn:hover {
  text-decoration: underline;
}
.con .about_con .list_con .list .info .btn:hover img {
  transform: translateX(4px);
}
/* ========== ≤1920px：20px = 1vw ========== */
@media only screen and (max-width: 1920px) {
  .con .search_con .input_con input {
    height: 4vw;
    /* 80px → 转换 */
    padding: 0 10vw 0 2vw;
    /* 200px转换，40px保持px */
  }
  .con .search_con .input_con .btn-more {
    height: calc(100% - 20px);
    /* 20px保持px */
  }
  .con .search_con .input_con .btn-more a {
    padding: 0 1.8vw;
    /* 36px → 转换 */
  }
  .con .about_con .list_con {
    gap: 2vw;
    /* 40px → 转换 */
  }
  .con .about_con .list_con .list {
    flex: 0 0 calc((100% - 4vw) / 3);
    /* 80px → 转换 */
  }
}
@media only screen and (max-width: 1600px) {
  .con .search_con .input_con input {
    height: 60px;
  }
  .con .search_con .list_con .swiper .swiper-slide a:hover .right_ico {
    width: 12px;
  }
  .con .search_con .list_con .swiper .swiper-slide a {
    height: 36px;
  }
}
/* ========== ≤768px：20px = 2vw ========== */
@media only screen and (max-width: 768px) {
  .con .search_con .input_con {
    max-width: 100%;
  }
  
  .con .list_con .list_item1{
      flex-wrap: wrap;
      margin-top: 6vw;
  }
  
  .con .list_con .list_item1 .list_item2_tit{
      flex: 0 0 100%;margin-top: 4vw;gap:10%
  }
  .con .list_con{
      max-width: 100%;
  }
  .con .search_con .input_con input {
    height: 50px;
    /* 80px → 转换 */
    padding: 0 30vw 0 20px;
    /* 200px转换，40px保持px */
  }
  .con .search_con .input_con .btn-more {
    height: calc(100% - 10px);
    /* 20px保持px */
  }
  .con .search_con .input_con .btn-more a {
    padding: 0 3.6vw;
    /* 36px → 转换 */
  }
  .con .about_con .list_con {
    gap: 6vw;
    /* 40px → 转换 */
    flex-wrap: wrap;
  }
  .con .about_con .list_con .list {
    flex: 0 0 calc((100% - 4vw) / 2);
    /* 80px → 转换 */
  }
  .con .about_con .list_con .list .info .subtit {
    margin-top: 15px;
    /* 15px < 20px，保持px */
  }
  .con .con_list .image {
    height: auto;
  }
  .con .con_list .info {
    position: static;
    background: none;
  }
  .con .con_list .info .info_mes .subtit,
  .con .con_list .info .info_mes .tit {
    color: #222;
  }
  .con .con_list {
    background: #eeeeef;
  }
  .con .con_list .info .info_mes {
    padding: 6vw 0;
  }
  .con .con_list .btn-more a {
    border-color: var(--allColor);
    color: var(--allColor);
  }
  .con .con_list .btn-more a .right_ico {
    filter: none;
  }
  .con .about_con .list_con .list {
    flex: 0 0 100%;
  }
}