@charset "utf-8";
.introduce h3 {
  font-size: 28px;
  font-weight: bold;
}
.introduce p {
  line-height: 38px;
  font-size: 18px;
  text-indent: 2em;
}
.box ul li {
  width: 446px;
  height: 270px;
  float: left;
}
.box ul li img {
  cursor: pointer;
  width: 100%;
  height: 270px;
}
.magnify {
  top: 0;
  width: 100%;
  height: 270px;
  background: url("../../images/xysh/search.png") center no-repeat #000000;
  filter: alpha(opacity=20);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000000, endcolorstr=#000000);
  opacity: 0.3;
  display: none;
}
.box ul li:hover .magnify {
  display: block;
  transition: 2s;
  cursor: pointer;
}
.mask {
  width: 100%;
  line-height: 50px;
  height: 50px;
  bottom: 0;
}
.mask b {
  display: block;
  width: 100%;
  /* line-height: 50px; */
  height: 80px;
  background: url(../../images/xysh/mask01.png) no-repeat;
  background-size: 100% 100%;
  bottom: 0;
}
.box ul li h4 {
  padding-left: 15px;
  font-size: 18px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.box ul li h4 a{color: #fff;}
.innerdiv {
  cursor: pointer;
}
.outerdiv {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
}
.close {
  background: url(../../images/xysh/close.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 10px;
  top: 10px;
}