/* banner */
.banner{
  border-radius: 15px;
  overflow: hidden;
  margin-top: 18px;
}
.swiper-button-next:after, .swiper-button-prev:after{
  color: #Fff;
  font-size: 29px !important;
}
.swiper-slide img{
  width: 100%;
  height: 100%;
}

/* 搜索框 */
.search{
  position: relative;
}
.search_item{
  height: 77px;
  width: 53.8%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -34px;
  display: flex;
  align-items: center;
  border-radius: 34px;
  box-shadow: 0 15px 10px -15px rgba(0,0,0,0.3) ;
  z-index: 10;
  background: #Fff;
  overflow: hidden;
}
.search_titile{
  width: 151px;
  color: #333333;
  text-align: center;
  overflow: hidden;
}
.search_titile select{
  border: none;
  /* width: 90%; */
}
.search_inp{
  flex: 1;
  border: none;
  outline: none;
  color: #999;
  margin-left: 5px;
}
.search_btn{
  width: 13.2%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1b97f6;
}
.search_btn img{
  width: 26.7%;
}
@media screen and (max-width: 1024px) {
  .search_item{
    height: 50px;
  }
  .search_titile{
    width: 103px;
  }
}

/* introduce */
.introduce{
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  height: 206px;
}
.introduce_item{
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.introduce_item div{
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 21px;
}
.introduce_item h2{
  color: #333;
}

/* detail */
.detail{
  display: flex;
  justify-content: space-between;
}
.detail ul{
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}
.detail ul li{
  width: calc(33% - 1%);
  margin-bottom: 64px;
  overflow: hidden;
  box-sizing: border-box;
  border: 5px solid #fff;
  margin-right: 1%;
  height: 376px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail ul li{
  position: relative;
  border-radius: 20px;
}
.detail ul li:hover{
  border: none;
}
.detail ul li img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.detail ul li .modal{
  position: absolute !important;
  left: 0;
  top: 0  ;
  width: 100%;
  height: 100%;
    background: linear-gradient(
180deg
,hsla(0,0%,100%,0) 50%,rgba(0,0,0,.3));
  background-size: 100% 100%;
}
.detail ul li .href{
  height: 73px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 35px;
  box-sizing: border-box;
  color: #fff;
}
.detail ul li .href div:nth-child(2) div{
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.detail ul li .href div:nth-child(2) div img{
  width: 23px;
}
.detail ul li .href div:nth-child(2) p{
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.detail ul li .href div:nth-child(2) p img{
  width: 23px;
}
.detail ul li img{
  display: inline-block;
}
.nav_nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.nav_nav a{
  color: #333;
}
.nav_nav ul{
  display: flex;
}
.nav_nav ul li{
  font-size: 18px;
  margin-right: 5px;
  color: #333;
}
.nav_nav ul li img{
  width: 100%;
  height: 7px;
}

/* 新闻 */
.news{
  /* height: 512px; */
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.news .nav_nav{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
}
.news .item{
  width: calc(33% - 1%);
}
.news .item .title{
  height: 31px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news .item .title h2{
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
}
.news .item .title h2 img{
  display: inline-block;
  margin-right: 9px;
}
.news .item .title a{
  color: #999;
}
.news .item li a{
  display: block;
  box-sizing: border-box;
  height: 157px;
  padding: 36px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid #d1cdc2;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .news .item li a{
    padding: 20px 0;
  }
}
.news .item li a:hover{
  border-bottom: 4px solid #f79815;
 /* padding-left: 22px;*/
}
.news .item li a:hover h3{
  color: #f79815;
}
.news .item li a div{
  display: flex;
  justify-content: space-between;
  color: #333;
}
.news .item li a div h3{
  flex: 1;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.news .item li a p{
  color: #666;
}

@media screen and (max-width: 767px) {
  .banner{
    margin-top: 0;
    border-radius: 5px;
  }
  .swiper-button-next:after, .swiper-button-prev:after{
    font-size: 15px !important;
  }
  .header{
    height: 50px;
  }
  .header_left img{
    height: 100%;
    width: auto;
  }
  .header_right{
    display: none;
  }
  .search_titile{
    width: 80px;
  }
  .introduce{
    display: none;
  }
  .detail{
    display: block;
    padding: 0 5px;
    box-sizing: border-box;
    margin-top: 20px;
  }
  .detail ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .detail ul li{
    width: calc(50% - 5px);
    height: 140px;
    margin-bottom: 5px;
    border: none;
  }
  .detail ul li .href{
    padding: 0 10px;
    height: 30px;
  }
  .detail ul li .href div{
    font-size: 14px;
  }
  .detail ul li .href div:nth-child(2) a{
    font-size: 12px;
  }
  .detail ul li .href div:nth-child(2) a img{
    width: 16px;
  } 
  .news{
    display: block;
    padding: 16px;
    box-sizing: border-box;
  }
  .news .item{
    width: 100%;
    display: none;
  }
  .news .nav_nav{
    display: flex;
  }
  .news .nav_nav img{
    opacity: 0;
  }
  .news .nav_active img{
    opacity: 1;
  }
  .news .news_active{
    display: block;
  }
  .news .item .title{
    display: none;
  }
  .news .item li a{
    height: 90px;
    padding: 18px 0;
    padding-top: 25px;
  }
  .nav_nav ul li{
    font-size: 15px;
  }
  .big_img{
    height: 120px !important;
  }
  .news .item li a div h3 {
    font-size: 13px;
  }
  .news .item li a p{
    font-size: 10px;
  }
  .footer_nav{
    width: 60%;
  }
  .search_item{
    height: 30px;
    top: -15px;
  }
  input, select, textarea{
    font-size: 12px;
  }
  .search_titile  .iconfont{
    font-size: 12px !important;
  }
  .search_item{
    width: 70%;
  }
}