@font-face {
	font-family: 'hyxrws';
	src: url('') format('truetype');
}
@font-face {
	font-family: 'hyxlsj';
	src: url('') format('truetype');
}
p{
  margin-bottom: 0px;
}

.lljx{
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.ll-container{
  width: 100%;
  overflow-x: hidden;
}
/* 顶部banner */
.ll-banner{
  position: relative;
  width: 100%;
  
  background-size: 100% 100%;
  overflow: hidden;
}
.ll-animo{
  position: relative;
  width: 150%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: All 1s ease-in-out 0s;
  -moz-transition: All 1s ease-in-out 0s;
  -o-transition: All 1s ease-in-out 0s;
  transition: All 1s ease-in-out 0s;

  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.ll-animo-load{
  width: 100%;
}
.ll-img1{
  width: 30.3vw;
}
.ll-img2{
  width: 34vw;
}
.ll-ani img{
  width: 100%;
}

.ll-title{
  position: absolute;
  width: 5.4vw;
  left: 50%;
  transform: translateX(-50%);
  top: 24vw;
  -webkit-transition: All 1s ease-in-out 0s;
  -moz-transition: All 1s ease-in-out 0s;
  -o-transition: All 1s ease-in-out 0s;
  transition: All 1s ease-in-out 0s;
}
.ll-titleAni{
  top: 10vw;
}

/* 专题 */
.ll-zt{
  width: 100%;
  height: 10%;
  margin: 1vw auto;
  background-color: #0e4061;
  
}
.zt-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/* 49.5%显示两个 */
.zt-item{
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.zt-item a{
  position: relative;
  display: block;
  width: 100%;
}
.zt-item a img{
  width: 100%;
  -webkit-transition: All .3s ease-in-out;
  -moz-transition: All .3s ease-in-out;
  -o-transition: All .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.zt-item a img:nth-child(2){
  position: absolute;
  left: 0;
  top: 0;
}
.zt-item a:hover img:nth-child(1){
  transform: scale(1.2);
}
.zt-btn{
  position: absolute;
  width: 20vw;
  /* height: 2vw; */
  left:30%;
  top: 30%;
  border: 1px solid #fff;
}
.zt-btn p{
  color: #fff;
  line-height: vw;
  text-align: center;
  font-size: 3vw;
}

/* 搜索表单 */
.ll-form{
  width: 60vw;
  margin: 1.4vw auto ;
  display: flex;
  justify-content:baseline;
}
.ll-formgroup{
  width: 38%;
  margin-bottom: 0px;
}
.ll-formControl{
  border: 1px solid #0e4061;
}
.btnWw, .btnWw:hover{
  margin-left: 1vh;
  background: #0e4061;
  color: #eee;
}
/* 文物列表 */

.ll-ListC{
  width: 80%;
  margin: 0 auto;
}
.ll-row{
  margin-left: 0;
  margin-right: 0;
}
.ll-col{
  margin-bottom: 45px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 1%;
  width: 24%;
}
.ll-col:nth-child(4n){
  margin-right: 0;
}
.ll-box:hover{
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
.ll-box a{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding-bottom: 2vh;
  cursor: pointer;
}
.ll-box a:hover{
  text-decoration: none;
}
.ll-thumbDiv{
 
  background-size: 100% 100%;
  /* margin-bottom: 2vh; */
  overflow: hidden;
}
.ll-thumbDiv img{
  width: 100%;
  -webkit-transition: All 1s ease-in-out 0s;
  -moz-transition: All 1s ease-in-out 0s;
  -o-transition: All 1s ease-in-out 0s;
  transition: All 1s ease-in-out 0s;
}
.ll-box a p{
  font-size: 1vw;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  margin-left: 5%;
  font-family: 'hyxrws';
  text-align: center;
}
.ll-box a:hover img{
  transform: scale(1.2);
}
.ll-box a:hover p{
  color: #0e4061;
}
@media screen and (max-width: 1920px){
  .ll-box a p{
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 991px){
  .ll-banner{
    margin-top: 10vw;
  }

  .ll-form{
    width: 80vw;
  }

  .ll-box a p{
    font-size: 18px;
  }
}
@media screen and (max-width: 767px){
  .ll-banner{
    margin-top: 12vw;
  }

  .ll-zt{
    width: 100%;
    margin: 0vw auto;
  }
  .zt-box{
    flex-wrap: wrap;
  }
  .zt-item{
    width: 100%;
    margin-bottom: 1vw;
  }
  .zt-btn{
    width: 23vw;
    height: 7vw;
  }
  .zt-btn p{
    line-height: 7vw;
    font-size: 14px;
  }

  .ll-form{
    width: 90%;
    flex-wrap: wrap;
  }
  .ll-formgroup{
    width: 48%;
    margin-bottom: 10px;
  }
  .ll-formgroup:nth-child(3){
    width: 80%;
    margin-bottom: 0px;
  }

  .ll-ListC{
    width: 90%;
  
  }
 
  .ll-col{
    margin-right: 3%;
    margin-bottom: 15px;
    width: 47%;
    
    
  }
  .ll-col:nth-child(3n){
    margin-right: 2%;
  }
  .ll-col:nth-child(2n){
    margin-right: 0;
  }
  .ll-box a p{
    font-size: 18px;
  }
}