header {
  position: fixed;
  width: 100%;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 0 0.33333333rem rgba(0, 0, 0, 0.1);
}
.void {
  height: 1.61333333rem;
}
.header {
  height: 1.6rem;
  padding: 0 0.4rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logo > img {
  height: 1.2rem;
}
.header .menu > img {
  width: 0.53333333rem;
}
.big-title {
  height: auto;
  text-align: center;
  margin: 0.46666667rem 0;
}
.big-title p {
  font-size: 0.42666667rem;
  color: #8a8a8a;
}
.big-title h1 {
  font-size: 0.48rem;
  font-weight: bold;
}
.stitle {
  font-size: 0.50666667rem;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  margin: 0.26666667rem 0;
  text-align: center;
}
.case {
  margin: 0;
  min-height: 4.8rem;
}
.case > .item {
  width: 100%;
  height: 6.72rem;
  display: block;
  margin-bottom: 0.13333333rem;
  position: relative;
}
.case > .item img {
  width: 100%;
}
.case > .item .introduce {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.29333333rem 0.4rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.case > .item .introduce h2 {
  font-size: 0.48rem;
  line-height: 100%;
  margin-bottom: 0.08rem;
}
.case > .item .introduce p {
  font-size: 0.24rem;
  color: #bebebe;
}
.case-classify {
  padding: 0.26666667rem;
}
.case-classify .classify-item {
  font-size: 0.37333333rem;
  margin: 0.26666667rem 0;
}
.case-classify .classify-item > span {
  display: inline-block;
  font-weight: 700;
  padding: 0.13333333rem 0.26666667rem;
  background: #f1f1f1;
  border-radius: 0.10666667rem;
}
.case-classify .classify-item > a {
  display: inline-block;
  margin-left: 0.16rem;
  background: #f7fbef;
  padding: 0.13333333rem 0.26666667rem;
  border-radius: 0.25333333rem;
  text-decoration: none;
  transition: all .3s;
}
.case-classify .classify-item > a:hover,
.case-classify .classify-item > a.active {
  background: #d9030f;
  color: #ffffff;
}
.banner {
  width: 100%;
  height: 5.06666667rem;
}
.banner .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
}
.video {
  width: 100%;
  margin: 0.45333333rem 0 0 0;
}
.video > video {
  width: 100%;
}
.footer {
  padding: 0.46666667rem;
  background: #22252b;
  color: #a7a4a4;
  font-size: 0.37333333rem;
  position: relative;
}
.footer .addrs {
  margin-bottom: 0.4rem;
}
.footer .addrs .adders-item {
  padding: 0.26666667rem 0;
  border-bottom: 0.02666667rem solid rgba(255, 255, 255, 0.1);
}
.footer .copyright {
  text-align: left;
}
.footer .content-icon {
  margin-top: 0.46666667rem;
  font-size: 0;
}
.footer .content-icon > a {
  width: 0.73333333rem;
  height: 0.73333333rem;
  line-height: 0.73333333rem;
  background: #fff;
  margin-right: 0.26666667rem;
  display: inline-block;
  text-align: center;
  border-radius: 0.08rem;
}
.footer .content-icon > a::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.footer .content-icon > a:hover {
  background: #b2b2b2;
}
.footer .content-icon > a img {
  width: 88%;
  display: inline-block;
  vertical-align: middle;
}
.footer .top {
  position: absolute;
  right: 0.53333333rem;
  bottom: 0.53333333rem;
  width: 0.8rem;
  height: 0.8rem;
  opacity: .5;
}
.footer .top img {
  width: 100%;
}
.breadcrumb {
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.26666667rem;
  font-size: 0.37333333rem;
  background: #7d7d7d;
  color: #fff;
}
.pages {
  min-height: 6.66666667rem;
  padding: 0 0.26666667rem 0.26666667rem 0.26666667rem;
}
.pages h1 {
  font-size: 0.48rem;
}
.pages h2 {
  font-size: 0.42666667rem;
}
.pages h3 {
  font-size: 0.37333333rem;
}
.pages p {
  margin: 0.21333333rem 0;
  line-height: 0.74666667rem;
  font-size: 0.37333333rem;
}
.pages img {
  display: inline-block;
  width: 100%;
  margin: 0.46666667rem auto;
}
/* 分页效果 */
.pagination {
  text-align: center;
}
.pagination > ul {
  padding: 0.33333333rem 0 0.8rem 0;
  display: inline-block;
  width: 100%;
  font-size: 0.37333333rem;
}
.pagination > ul li {
  display: inline-block;
}
.pagination > ul li a {
  padding: 0.13333333rem 0.26666667rem;
  display: inline-block;
  margin-right: 0.10666667rem;
  background: #FFFFFF;
  color: #000;
  border: 0.01333333rem solid #dddddd;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.pagination > ul li a:hover {
  background: #d9030f;
  color: #fff;
}
.pagination > ul li a.current,
.pagination > ul li.active > a {
  background: #d9030f;
  color: #fff;
  border: 0.01333333rem solid #d9030f;
}
.pagination > ul li a.current,
.pagination > ul li.active > a {
  background: #d9030f;
  color: #fff;
  border: 0.01333333rem solid #d9030f;
}
.pagination > ul li a.current,
.pagination > ul li.active > a {
  background: #d9030f;
  color: #fff;
  border: 0.01333333rem solid #d9030f;
}
.pagination > ul li:first-child a {
  border-radius: 0.10666667rem 0 0 0.10666667rem;
}
.pagination > ul li:last-child a {
  border-radius: 0 0.10666667rem 0.10666667rem 0;
}
/* 菜单 */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.overlay .overlay-close {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 0.53333333rem;
  top: 0.53333333rem;
  overflow: hidden;
  border: none;
  background: url(../images/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}
.overlay nav {
  text-align: left;
  position: relative;
  top: 50%;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.overlay nav ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
}
.overlay nav ul > li {
  display: block;
  width: 100%;
  padding: 0.26666667rem 0.53333333rem;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.overlay nav ul > li > a {
  font-size: 0.48rem;
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.overlay nav ul > li > a:hover,
.overlay nav ul > li > a:focus {
  color: #f0f0f0;
}
/* Effects */
.overlay-genie {
  background: transparent;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
  transition: opacity 0.3s 0.2s, visibility 0s 0.6s;
}
.overlay-genie.open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.overlay-genie svg {
  position: absolute;
  top: 0;
  left: 0;
}
.overlay-genie .overlay-path {
  fill: rgba(0, 0, 0, 0.8);
}
.overlay-genie nav {
  opacity: 0;
  -webkit-transform: scale(0.8) translateY(-48%);
  transform: scale(0.8) translateY(-48%);
  -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}
.overlay-genie .overlay-close {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.overlay-genie.open nav,
.overlay-genie.open .overlay-close {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.overlay-genie.open nav {
  -webkit-transform: scale(1) translateY(-50%);
  transform: scale(1) translateY(-50%);
}
.overlay-genie.close nav,
.overlay-genie.close .overlay-close {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.subnav {
  padding: 0.26666667rem;
  margin-top: 0.18666667rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.10666667rem;
  display: flex;
  justify-content: center;
}
.subnav dl {
  flex: 1;
}
.subnav dl dt {
  font-size: 0.37333333rem;
  color: #cac6c6;
  height: 0.8rem;
  line-height: 0.8rem;
}
.subnav dl > a {
  font-size: 0.32rem;
  line-height: 100%;
  padding: 0.13333333rem;
  color: #fff;
  display: block;
  position: relative;
}
.subnav dl > a::before {
  content: ">";
  margin-right: 0.13333333rem;
  color: #cac6c6;
}
@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 0.45333333rem;
  }
  .overlay ul li {
    min-height: 0.45333333rem;
  }
}
@media screen and (min-width: 1024px) {
  header {
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 0.33333333rem rgba(0, 0, 0, 0.1);
  }
  .void {
    display: none;
  }
}