@charset "UTF-8";
#slider {
  box-sizing: border-box;
  overflow: hidden;
  height: 580px;
  background-color: #EDE6D9;
  padding: 40px 0px;
}
#mask {
  overflow: hidden;
  margin-bottom: 24px;
  height: 580px;
  overflow: visible;
}
#slider ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 5000px;
  margin-left: -790px;
}
#slider li {
  display: block;
  float: left;
  width: 790px;
}
#slider .btn_l,
#slider .btn_r {
  position: absolute;
  top: 0;
  width: 750px;
  height: 500px;
}
#slider .btn_l a,
#slider .btn_r a {
  display: block;
  position: absolute;
  top: 42%;
}
#slider .btn_l {
  left: -700px;
}
#slider .btn_l a {
  right: 50px;
}
#slider .btn_r {
  left: 740px;
}
#slider .btn_r a {
  left: 50px;
}
.inner2 {
  position: relative;
  width: 790px;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
  text-align:center;
}
.search {
position: absolute;
right: 50px;
bottom: 30px;
}

@media only screen and (max-width: 1024px){
#slider {
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
  background-color: #fff;
  padding: 51px 0px 0px 0px ;
  
}
#mask {
  overflow: hidden;
  margin-bottom: 0px;
  height: auto;
  overflow: hidden;
}
#slider ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 600%;
  margin-left: -100%;
}
#slider li {
  display: block;
  float: left;
  width: 16.66%;
}
#slider .btn_l,
#slider .btn_r {
  display:none;
}
.inner2 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
}
.search {
position: static;
width: 95%;
margin: 0 auto;
}
#slider img { width:100%;}
.search img {
max-width:100%;
width: auto!important;
height:auto;
display:block;
margin: 0 auto;
}
}

@media only screen and (max-width: 640px){
#slider {
  padding: 100px 0px 0px 0px ;
  
}