html,
body {
  position: relative;
  height: 100%;
}

html .header,
body .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

html .swiper-container,
body .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

html .swiper-container .swiper-slide,
body .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

html .swiper-container .slide_box_1,
body .swiper-container .slide_box_1 {
  background: url("../../images/bg1-1.jpg") no-repeat center center;
  background-size: cover !important;
  transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_1 .slide1,
body .swiper-container .slide_box_1 .slide1 {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  justify-items: center;
  flex-flow: nowrap;
  overflow: hidden;
}

html .swiper-container .slide_box_1 .slide1 .list,
body .swiper-container .slide_box_1 .slide1 .list {
  color: #fff;
  width: 25%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

html .swiper-container .slide_box_1 .slide1 .list a,
body .swiper-container .slide_box_1 .slide1 .list a {
  color: #fff;
}

html .swiper-container .slide_box_1 .slide1 .list .b1,
body .swiper-container .slide_box_1 .slide1 .list .b1 {
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.55);
}

html .swiper-container .slide_box_1 .slide1 .list .b2,
body .swiper-container .slide_box_1 .slide1 .list .b2 {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 100%;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_1 .slide1 .list:first-child,
body .swiper-container .slide_box_1 .slide1 .list:first-child {
  color: #535353;
}

html .swiper-container .slide_box_1 .slide1 .list:first-child .b2,
body .swiper-container .slide_box_1 .slide1 .list:first-child .b2 {
  background-color: rgba(222, 217, 217, 0.7);
  top: 0;
}

html .swiper-container .slide_box_1 .slide1 .list:first-child a,
body .swiper-container .slide_box_1 .slide1 .list:first-child a {
  color: #535353;
}

html .swiper-container .slide_box_1 .slide1 .list:nth-of-type(3) .b2,
body .swiper-container .slide_box_1 .slide1 .list:nth-of-type(3) .b2 {
  background-color: rgba(125, 74, 61, 0.7);
}

html .swiper-container .slide_box_1 .slide1 .list:nth-of-type(2) .b2, html .swiper-container .slide_box_1 .slide1 .list:last-child .b2,
body .swiper-container .slide_box_1 .slide1 .list:nth-of-type(2) .b2,
body .swiper-container .slide_box_1 .slide1 .list:last-child .b2 {
  background-color: rgba(77, 131, 189, 0.8);
}

html .swiper-container .slide_box_1 .slide1 .list .con,
body .swiper-container .slide_box_1 .slide1 .list .con {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 20%;
  margin-top: -40px;
  z-index: -1;
  opacity: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_1 .slide1 .list .con h2,
body .swiper-container .slide_box_1 .slide1 .list .con h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 15px;
}

html .swiper-container .slide_box_1 .slide1 .list .con h2 span,
body .swiper-container .slide_box_1 .slide1 .list .con h2 span {
  font-size: 20px;
  display: block;
  margin-bottom: 8px;
}

html .swiper-container .slide_box_1 .slide1 .list .con a,
body .swiper-container .slide_box_1 .slide1 .list .con a {
  font-size: 14px;
}

html .swiper-container .slide_box_1 .slide1 .list.on .con,
body .swiper-container .slide_box_1 .slide1 .list.on .con {
  top: 50%;
  z-index: 9;
  opacity: 1;
}

html .swiper-container .slide_box_1 .slide1 .list.on .b2,
body .swiper-container .slide_box_1 .slide1 .list.on .b2 {
  top: 0;
}

html .swiper-container .slide_box_2,
body .swiper-container .slide_box_2 {
  background: url("../../images/bg2-1.jpg") no-repeat center center;
  background-size: cover !important;
  transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_2 .slide2,
body .swiper-container .slide_box_2 .slide2 {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: start;
  justify-items: center;
  flex-flow: wrap;
  overflow: hidden;
  padding-top: 78px;
  box-sizing: border-box;
}

html .swiper-container .slide_box_2 .slide2 .list,
body .swiper-container .slide_box_2 .slide2 .list {
  width: 33.333333%;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.55);
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
  box-sizing: border-box;
  cursor: pointer;
}

html .swiper-container .slide_box_2 .slide2 .list:nth-of-type(3n),
body .swiper-container .slide_box_2 .slide2 .list:nth-of-type(3n) {
  border-right: 0;
}

html .swiper-container .slide_box_2 .slide2 .list .con,
body .swiper-container .slide_box_2 .slide2 .list .con {
  width: 270px;
  height: 60px;
  position: absolute;
  top: 20%;
  z-index: -1;
  opacity: 0;
  left: 50%;
  margin: -30px 0 0 -135px;
  text-align: right;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_2 .slide2 .list .con.short,
body .swiper-container .slide_box_2 .slide2 .list .con.short {
  width: 120px;
  height: 60px;
  margin: -30px 0 0 -60px;
}

html .swiper-container .slide_box_2 .slide2 .list .con.lone,
body .swiper-container .slide_box_2 .slide2 .list .con.lone {
  width: 340px;
  height: 60px;
  margin: -30px 0 0 -170px;
}

html .swiper-container .slide_box_2 .slide2 .list .con h2,
body .swiper-container .slide_box_2 .slide2 .list .con h2 {
  font-size: 24px;
  letter-spacing: 3px;
  color: #fff;
}

html .swiper-container .slide_box_2 .slide2 .list .con h2 a,
body .swiper-container .slide_box_2 .slide2 .list .con h2 a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
}

html .swiper-container .slide_box_2 .slide2 .list .con h2 a span,
body .swiper-container .slide_box_2 .slide2 .list .con h2 a span {
  display: block;
  margin-bottom: 10px;
}

html .swiper-container .slide_box_2 .slide2 .list .con h2 a i,
body .swiper-container .slide_box_2 .slide2 .list .con h2 a i {
  font-size: 24px;
}

html .swiper-container .slide_box_2 .slide2 .list .b1,
body .swiper-container .slide_box_2 .slide2 .list .b1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  z-index: -1;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_2 .slide2 .list:first-child .b1,
body .swiper-container .slide_box_2 .slide2 .list:first-child .b1 {
  background-color: rgba(97, 159, 204, 0.8);
}

html .swiper-container .slide_box_2 .slide2 .list:nth-of-type(2) .b1,
body .swiper-container .slide_box_2 .slide2 .list:nth-of-type(2) .b1 {
  background-color: rgba(121, 121, 131, 0.8);
}

html .swiper-container .slide_box_2 .slide2 .list:nth-of-type(3) .b1,
body .swiper-container .slide_box_2 .slide2 .list:nth-of-type(3) .b1 {
  background-color: rgba(140, 107, 87, 0.8);
}

html .swiper-container .slide_box_2 .slide2 .list .part2-1,
body .swiper-container .slide_box_2 .slide2 .list .part2-1 {
  width: 550px;
  height: auto;
  background-color: rgba(30, 30, 58, 0.35);
  padding: 20px 15px;
  box-sizing: border-box;
  position: relative;
  left: -55px;
  top: -30px;
}

html .swiper-container .slide_box_2 .slide2 .list .part2-1 img,
body .swiper-container .slide_box_2 .slide2 .list .part2-1 img {
  width: 100%;
  height: auto;
}

html .swiper-container .slide_box_2 .slide2 .list .part2-2,
body .swiper-container .slide_box_2 .slide2 .list .part2-2 {
  width: 600px;
  height: auto;
  background-color: rgba(59, 79, 1, 0.65);
  padding: 20px 15px;
  box-sizing: border-box;
  position: relative;
  left: -130px;
  bottom: -50px;
}

html .swiper-container .slide_box_2 .slide2 .list .part2-2 img,
body .swiper-container .slide_box_2 .slide2 .list .part2-2 img {
  width: 100%;
  height: auto;
}

html .swiper-container .slide_box_2 .slide2 .list .part2-3,
body .swiper-container .slide_box_2 .slide2 .list .part2-3 {
  width: 550px;
  height: auto;
  background-color: rgba(89, 56, 66, 0.65);
  padding: 20px 15px;
  box-sizing: border-box;
  position: relative;
  left: -205px;
  top: -50px;
}

html .swiper-container .slide_box_2 .slide2 .list .part2-3 img,
body .swiper-container .slide_box_2 .slide2 .list .part2-3 img {
  width: 100%;
  height: auto;
}

html .swiper-container .slide_box_2 .slide2 .list.on .con,
body .swiper-container .slide_box_2 .slide2 .list.on .con {
  top: 50%;
  opacity: 1;
  z-index: 9;
}

html .swiper-container .slide_box_2 .slide2 .list.on .b1,
body .swiper-container .slide_box_2 .slide2 .list.on .b1 {
  top: 0;
  opacity: 1;
  z-index: 1;
}

html .swiper-container .slide_box_3,
body .swiper-container .slide_box_3 {
  background: url("../../images/bg3-1.jpg") no-repeat center center;
  background-size: cover !important;
  transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_3 .slide3,
body .swiper-container .slide_box_3 .slide3 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: start;
  justify-items: center;
  flex-flow: nowrap;
}

html .swiper-container .slide_box_3 .slide3 .list,
body .swiper-container .slide_box_3 .slide3 .list {
  width: 33.33333%;
  height: 100%;
  transform: skewX(-15deg);
  position: relative;
  cursor: pointer;
}

html .swiper-container .slide_box_3 .slide3 .list:first-child .b1,
body .swiper-container .slide_box_3 .slide3 .list:first-child .b1 {
  display: block;
  width: 1100%;
  height: 100%;
  background-color: rgba(196, 157, 88, 0.7);
  position: absolute;
  top: 0;
  left: -1000%;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

html .swiper-container .slide_box_3 .slide3 .list:first-child .b2,
body .swiper-container .slide_box_3 .slide3 .list:first-child .b2 {
  position: absolute;
  display: block;
  width: 150px;
  height: 410px;
  background-color: rgba(196, 157, 88, 0.7);
  top: -12px;
  left: -150px;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

html .swiper-container .slide_box_3 .slide3 .list:nth-of-type(2),
body .swiper-container .slide_box_3 .slide3 .list:nth-of-type(2) {
  border-left: 1px solid rgba(255, 255, 255, 0.55);
  border-right: 1px solid rgba(255, 255, 255, 0.55);
}

html .swiper-container .slide_box_3 .slide3 .list:nth-of-type(2) .b1,
body .swiper-container .slide_box_3 .slide3 .list:nth-of-type(2) .b1 {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(164, 122, 72, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

html .swiper-container .slide_box_3 .slide3 .list:last-child .b1,
body .swiper-container .slide_box_3 .slide3 .list:last-child .b1 {
  display: block;
  width: 1100%;
  height: 100%;
  background-color: rgba(129, 118, 113, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

html .swiper-container .slide_box_3 .slide3 .list:last-child .b2,
body .swiper-container .slide_box_3 .slide3 .list:last-child .b2 {
  position: absolute;
  display: block;
  width: 150px;
  height: 410px;
  background-color: rgba(129, 118, 113, 0.7);
  bottom: -12px;
  right: -150px;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1;
}

html .swiper-container .slide_box_3 .slide3 .list .con,
body .swiper-container .slide_box_3 .slide3 .list .con {
  width: 140px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 20%;
  margin: -30px 0 0 -70px;
  transform: skewX(15deg);
  text-align: right;
  z-index: -9;
  opacity: 0;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

html .swiper-container .slide_box_3 .slide3 .list .con h2,
body .swiper-container .slide_box_3 .slide3 .list .con h2 {
  font-size: 24px;
  letter-spacing: 3px;
  color: #fff;
}

html .swiper-container .slide_box_3 .slide3 .list .con h2 a,
body .swiper-container .slide_box_3 .slide3 .list .con h2 a {
  width: 100%;
  height: 100%;
  color: #fff;
  display: block;
}

html .swiper-container .slide_box_3 .slide3 .list .con h2 a span,
body .swiper-container .slide_box_3 .slide3 .list .con h2 a span {
  display: block;
  margin-bottom: 10px;
}

html .swiper-container .slide_box_3 .slide3 .list .con h2 a i,
body .swiper-container .slide_box_3 .slide3 .list .con h2 a i {
  font-size: 24px;
}

html .swiper-container .slide_box_3 .slide3 .list.on .b1,
html .swiper-container .slide_box_3 .slide3 .list.on .b2,
body .swiper-container .slide_box_3 .slide3 .list.on .b1,
body .swiper-container .slide_box_3 .slide3 .list.on .b2 {
  opacity: 1;
  z-index: 1;
}

html .swiper-container .slide_box_3 .slide3 .list.on .con,
body .swiper-container .slide_box_3 .slide3 .list.on .con {
  opacity: 1;
  z-index: 9;
  left: 50%;
}

html .swiper-container .slide_box_4,
body .swiper-container .slide_box_4 {
  background: url("../../images/bg4-0.jpg") no-repeat center center;
  background-size: cover !important;
  transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  position: relative;
}

html .swiper-container .slide_box_4 .slide4,
body .swiper-container .slide_box_4 .slide4 {
  width: 100%;
  height: 100%;
}

html .swiper-container .slide_box_4 .slide4 .con,
body .swiper-container .slide_box_4 .slide4 .con {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  justify-items: center;
  flex-flow: nowrap;
}

html .swiper-container .slide_box_4 .slide4 .con .list,
body .swiper-container .slide_box_4 .slide4 .con .list {
  width: 50%;
  height: 100%;
  position: relative;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content,
body .swiper-container .slide_box_4 .slide4 .con .list .content {
  width: 500px;
  height: 428px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -214px 0 0 -250px;
  background-color: #fff;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .top,
body .swiper-container .slide_box_4 .slide4 .con .list .content .top {
  width: 100%;
  height: 260px;
  line-height: 260px;
  color: #fff;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .top .img,
body .swiper-container .slide_box_4 .slide4 .con .list .content .top .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.35);
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .top .img h4,
body .swiper-container .slide_box_4 .slide4 .con .list .content .top .img h4 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .bottom,
body .swiper-container .slide_box_4 .slide4 .con .list .content .bottom {
  padding: 20px;
  font-size: 16px;
  color: #131314;
  line-height: 1.5;
  text-indent: 2em;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  justify-items: center;
  flex-flow: nowrap;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .bottom ul,
body .swiper-container .slide_box_4 .slide4 .con .list .content .bottom ul {
  flex: 1;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .bottom ul li,
body .swiper-container .slide_box_4 .slide4 .con .list .content .bottom ul li {
  text-indent: 0;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .bottom .qrcode,
body .swiper-container .slide_box_4 .slide4 .con .list .content .bottom .qrcode {
  width: 100px;
  height: 100px;
}

html .swiper-container .slide_box_4 .slide4 .con .list .content .bottom .qrcode img,
body .swiper-container .slide_box_4 .slide4 .con .list .content .bottom .qrcode img {
  display: block;
  width: 100%;
  height: 100%;
}

html .swiper-container .slide_box_4 .slide4 .con .list:first-child .top,
body .swiper-container .slide_box_4 .slide4 .con .list:first-child .top {
  background: url("../../images/bg4-1.jpg") no-repeat center center;
}

html .swiper-container .slide_box_4 .slide4 .con .list:last-child .top,
body .swiper-container .slide_box_4 .slide4 .con .list:last-child .top {
  background: url("../../images/bg4-2.jpg") no-repeat center center;
}

html .swiper-container .slide_box_4 .slide4 .foot_box,
body .swiper-container .slide_box_4 .slide4 .foot_box {
  width: 100%;
  height: 115px;
  background-color: #f7fcff;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 115px;
}