.inner-banner {
  position: relative;
  max-width: 1920px;
  height: auto;
  font-size: 0;
  margin: 0 auto;
}
.inner-banner img {
  width: 100%;
}
.inner-banner .float-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-title-1 {
  text-align: center;
  color: #151515;
}
.section-title-1 span {
  display: block;
  font-size: 20px;
  font-family: "PingFang SC", "Microsoft Yahei Light";
  line-height: 1.8;
}
.section-title-1 strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
  font-size: 34px;
  font-weight: bold;
}
.section-title-1 strong::before,
.section-title-1 strong::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid;
  margin-right: 40px;
}
.section-title-1 strong::after {
  margin-right: 0;
  margin-left: 40px;
}
.section-title-1 p {
  margin-top: 35px;
  font-size: 20px;
  line-height: 30px;
}
.section-title-1.light {
  color: white;
}
.section-title-1.light span {
  color: white;
}
.section-title-2 {
  display: block;
  text-align: center;
}
.section-title-2 span {
  display: block;
  font-size: 24px;
}
.section-title-2 span.gary {
  margin-top: 5px;
}
.section-title-2 p {
  font-size: 48px;
  line-height: 1.6;
}
.section-title-2 em {
  font-weight: bold;
  font-style: normal;
}
.section-title-2.light span,
.section-title-2.light span em,
.section-title-2.light p {
  color: white;
}
.section-title-2.light span.gary {
  color: #666;
}
.service-section {
  width: 100%;
  height: auto;
}
.service-section .content {
  margin: 0 auto;
}
.appointment-form-box {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.appointment-form-box form {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
.appointment-form-box input {
  width: 374px;
  height: 54px;
  outline: none;
  padding: 20px;
  color: #999999;
  font-weight: bold;
  box-sizing: border-box;
  background-color: #f4f4f4;
  border: solid 1px #c6c6c6;
}
.appointment-form-box input::placeholder {
  color: #999999;
  font-weight: bold;
}
.appointment-form-box button {
  width: 430px;
  height: 54px;
  outline: none;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  background-color: #000000;
}
.service-section.block-1 {
  height: 928px;
  background-image: url('../images/background/b-1.png');
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-top: 100px;
  margin: 0 auto;
}
.service-section.block-1 .service-list {
  display: flex;
  justify-content: space-between;
  margin: 40px auto 85px auto;
}
.service-section.block-1 .service-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 233px;
  height: 375px;
  color: #333333;
  background-color: #ffffff;
}
.service-section.block-1 .service-list img.icon {
  height: 63px;
  margin-bottom: 70px;
}
.service-section.block-1 .service-list h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.service-section.block-1 .service-list p {
  font-size: 18px;
  color: #333333;
}
.service-section.block-2 {
  height: 860px;
  background-image: url('../images/background/b-2.png');
  box-sizing: border-box;
  padding-top: 100px;
}
.service-section.block-2 .service-slide-box {
  position: relative;
  width: 1200px;
  margin: 55px auto 0 auto;
  overflow: visible;
  border: 1px solid #2e2b2a;
  border-left: none;
  border-radius: 0 30px 30px 0;
}
.service-section.block-2 .service-slide-box .swiper-container {
  width: 980px;
  height: 290px;
  margin: 90px auto;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet {
  position: relative;
  width: 155px;
  height: auto;
  padding-top: 20px;
  font-size: 18px;
  border-radius: 0;
  background: none;
  opacity: 1;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  top: -5px;
  left: -5px;
  border-radius: 6px;
  background-color: #2e2b2a;
  z-index: 1;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-weight: bold;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #951e24;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -8px;
  left: -8px;
  background-color: rgba(149, 30, 36, 0.4);
  border-radius: 8px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet span {
  display: inline-block;
  font-family: "PingFang SC", "Microsoft Yahei Light";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(8) {
  width: 90px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(n+9) {
  position: absolute;
  bottom: 0;
  padding-top: 0;
  padding-bottom: 20px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(n+9)::before {
  top: auto;
  bottom: -5px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(n+9).swiper-pagination-bullet-active::after {
  top: auto;
  bottom: -8px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(9) {
  width: 90px;
  right: 0;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(10) {
  right: 90px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(11) {
  right: 245px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(12) {
  right: 400px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(13) {
  right: 555px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(14) {
  right: 710px;
}
.service-section.block-2 .service-slide-box .swiper-pagination-custom .swiper-pagination-bullet:nth-child(15) {
  right: 865px;
}
.service-section.block-2 .service-slide-box::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  border-style: solid;
  border-width: 8px 12px 8px 0;
  border-color: transparent #2e2b2a transparent transparent;
}
.service-section.block-3 {
  height: 870px;
  padding-top: 100px;
  background-image: url('../images/background/b-3.png');
}
.service-section.block-3 ul {
  width: 1120px;
  margin: 125px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.service-section.block-3 li {
  font-size: 36px;
}
.service-section.block-3 li img {
  display: block;
  border-radius: 50%;
  border: 5px solid white;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.service-section.block-3 li img:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.service-section.block-3 .result {
  display: block;
  width: 400px;
  margin: 60px auto 0;
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  background-color: #951e24;
  color: white;
  border-radius: 30px;
}
.service-section.block-4 {
  height: 970px;
  background-image: url('../images/background/b-4.png');
  padding-top: 100px;
}
.service-section.block-5 {
  height: 970px;
  background-image: url('../images/background/b-5.png');
  padding-top: 100px;
}
.service-section.block-5 ul.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1170px;
  margin: 90px auto 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service-section.block-5 ul.list-group li {
  position: relative;
  display: block;
  width: 230px;
  height: 500px;
  padding: 48px 0;
  background-color: white;
  color: #3c3c3c;
  text-align: center;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  cursor: default;
}
.service-section.block-5 ul.list-group li strong {
  display: block;
  margin: 80px 0 50px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 3px;
}
.service-section.block-5 ul.list-group li span {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #999999;
  line-height: 30px;
}
.service-section.block-5 ul.list-group li p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #333333;
  margin-top: 15px;
  line-height: 30px;
}
.service-section.block-5 ul.list-group li:hover {
  background-color: #aa4b4f;
  color: white;
}
.service-section.block-5 ul.list-group li:hover span,
.service-section.block-5 ul.list-group li:hover p {
  color: white;
}
.service-section.block-5 ul.list-group li:hover::before {
  background-image: url(../images/fwbz/b-1-l.png);
}
.service-section.block-5 ul.list-group li::before {
  content: "";
  display: block;
  width: 86px;
  height: 112px;
  margin: 0 auto;
  background: url(../images/fwbz/b-1.png);
}
.service-section.block-5 ul.list-group li:nth-child(2)::before {
  background-position-x: 25%;
}
.service-section.block-5 ul.list-group li:nth-child(2)::before {
  background-position-x: 25%;
}
.service-section.block-5 ul.list-group li:nth-child(4)::before {
  background-position-x: 75%;
}
.service-section.block-5 ul.list-group li:nth-child(5)::before {
  background-position-x: 100%;
}
.service-section.block-6 {
  height: 970px;
  padding-top: 100px;
  background-image: url('../images/background/b-6.png');
}
.service-section.block-6 .content {
  width: 1280px;
  position: relative;
  margin-top: 90px;
}
.service-section.block-6 .swiper-container {
  padding-bottom: 80px;
}
.service-section.block-6 .swiper-container .swiper-pagination-progress {
  width: 240px;
  top: auto;
  left: 50%;
  bottom: 0;
  margin-left: -120px;
}
.service-section.block-6 .swiper-container .swiper-pagination-progress .swiper-pagination-progressbar {
  background-color: white;
}
.service-section.block-6 .swiper-container .swiper-slide {
  position: relative;
  height: 440px;
  -webkit-transition-property: background-size;
  transition-property: background-size;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  background: url('../images/fwbz/b6/1.jpg') no-repeat center / 100% auto;
}
.service-section.block-6 .swiper-container .swiper-slide.item-2 {
  background-image: url('../images/fwbz/b6/2.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-3 {
  background-image: url('../images/fwbz/b6/3.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-4 {
  background-image: url('../images/fwbz/b6/4.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-5 {
  background-image: url('../images/fwbz/b6/5.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-6 {
  background-image: url('../images/fwbz/b6/6.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-7 {
  background-image: url('../images/fwbz/b6/7.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-8 {
  background-image: url('../images/fwbz/b6/8.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-9 {
  background-image: url('../images/fwbz/b6/9.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide.item-10 {
  background-image: url('../images/fwbz/b6/10.jpg');
}
.service-section.block-6 .swiper-container .swiper-slide::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.service-section.block-6 .swiper-container .swiper-slide img {
  display: block;
  position: relative;
  margin: 135px auto 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.service-section.block-6 .swiper-container .swiper-slide:hover {
  background-size: 110%;
}
.service-section.block-6 .swiper-button-prev,
.service-section.block-6 .swiper-button-next {
  width: 40px;
  height: 40px;
  left: -60px;
  margin-top: -40px;
  background: url('../images/icon/i-3.png') no-repeat center / auto 28px;
  border-radius: 20px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.service-section.block-6 .swiper-button-next {
  left: auto;
  right: -60px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.service-section.block-7 {
  height: 850px;
  padding-top: 60px;
  background-image: url('../images/background/b-7.png');
}
.service-section.block-7 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 1200px;
  height: 515px;
  margin: 90px auto 10px;
  background: url(../images/fwbz/form-bg.png) no-repeat;
}
.service-section.block-7 .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-right: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid #e6e6e6;
}
.service-section.block-7 .form input {
  outline: none;
}
.service-section.block-7 .form span {
  display: block;
  margin-bottom: 40px;
  color: #90151b;
}
.service-section.block-7 .form span em {
  margin-right: 10px;
  font-size: 24px;
  font-style: normal;
  color: #333333;
}
.service-section.block-7 .form .ipt-box {
  position: relative;
  margin-top: 20px;
}
.service-section.block-7 .form .ipt-box label {
  font-size: 18px;
  color: #3d3d3d;
}
.service-section.block-7 .form .ipt-box label::after {
  content: "*";
  display: inline-block;
  vertical-align: middle;
  color: #005f51;
}
.service-section.block-7 .form .ipt-box input {
  display: inline-block;
  width: 265px;
  padding: 5px 10px;
  height: 46px;
  border: 1px solid #ccc;
}
.service-section.block-7 .form .ipt-box.area::after {
  content: "\33a1";
  position: absolute;
  top: 8px;
  right: 10px;
}
.service-section.block-7 .form button {
  display: block;
  width: 100%;
  margin-top: 40px;
  line-height: 50px;
  text-align: center;
  background-color: #90151b;
  color: white;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.case-container .current-title,
.case-detail-container .current-title,
.article-list-container .current-title {
  padding-top: 17px;
  padding-bottom: 17px;
}
.case-container .current-title span,
.case-detail-container .current-title span,
.article-list-container .current-title span {
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.case-container .current-title span + span,
.case-detail-container .current-title span + span,
.article-list-container .current-title span + span {
  margin-left: 10px;
}
.case-container .current-title span:last-child,
.case-detail-container .current-title span:last-child,
.article-list-container .current-title span:last-child {
  color: #90151b;
}
.case-detail-container,
.article-list-container {
  background-color: #f2f2f2;
}
.case-detail-container a,
.article-list-container a {
  text-decoration: none;
}
.case-detail-container .main,
.article-list-container .main {
  width: 1270px;
  height: auto;
  margin: 0 auto;
}
.case-detail-container .content,
.article-list-container .content {
  align-items: start;
}
.case-detail-container .content img,
.article-list-container .content img {
  max-width: 100%;
}
.case-detail-container .content .article,
.article-list-container .content .article {
  width: 970px;
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px 30px 160px;
  box-sizing: border-box;
  justify-content: start;
}
.case-detail-container .content .article video,
.article-list-container .content .article video {
  width: 100%;
  margin-bottom: 30px;
}
.case-detail-container .content .article.video,
.article-list-container .content .article.video {
  padding: 30px;
}
.case-detail-container .content .article > h1,
.article-list-container .content .article > h1 {
  height: 25px;
  line-height: 25px;
  font-size: 26px;
  font-weight: 500;
  color: #333;
  margin: 0;
}
.case-detail-container .content .article > p,
.article-list-container .content .article > p {
  height: 13px;
  line-height: 13px;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  margin-top: 20px;
  margin-bottom: 30px;
}
.case-detail-container .content .article > p span:first-child,
.article-list-container .content .article > p span:first-child {
  margin-right: 40px;
}
.case-detail-container .content .article .type,
.article-list-container .content .article .type {
  width: 100%;
  height: 16px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333;
  line-height: 46px;
  margin-bottom: 10px;
}
.case-detail-container .content .article .type p,
.article-list-container .content .article .type p {
  height: 16px;
  line-height: 16px;
}
.case-detail-container .content .article .desc,
.article-list-container .content .article .desc {
  width: 100%;
  height: auto;
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin: 20px 0;
}
.case-detail-container .content .article .detail,
.article-list-container .content .article .detail {
  align-items: start;
  width: 100%;
}
.case-detail-container .content .article .detail h1,
.article-list-container .content .article .detail h1 {
  height: 19px;
  line-height: 19px;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
  margin-top: 0;
}
.case-detail-container .content .article .detail img,
.article-list-container .content .article .detail img {
  width: auto;
  max-width: 100%;
  display: inline-block;
  margin: 0 auto;
  height: auto;
  background: #f2f2f2;
  border-radius: 20px;
}
.case-detail-container .content .article .detail p,
.article-list-container .content .article .detail p {
  width: 740px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #333;
  margin: 30px 0;
}
.case-detail-container .content .article .detail .btn,
.article-list-container .content .article .detail .btn {
  width: 100%;
}
.case-detail-container .content .article .detail a,
.article-list-container .content .article .detail a {
  transition: all 0.2s ease;
  cursor: pointer;
  width: 360px;
  height: 50px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  font-weight: 400;
  color: #333;
}
.case-detail-container .content .article .detail a:hover,
.article-list-container .content .article .detail a:hover {
  background: #90151b;
  color: #fff;
}
.case-detail-container .content .info,
.article-list-container .content .info {
  width: 280px;
}
.case-detail-container .content .info .designer,
.article-list-container .content .info .designer {
  width: 280px;
  background: #fff;
  border-radius: 20px;
}
.case-detail-container .content .info .recommen,
.article-list-container .content .info .recommen {
  width: 280px;
  background: #fff;
  border-radius: 20px;
}
.case-detail-container .content .info .recommen .aside-case-recommen .info,
.article-list-container .content .info .recommen .aside-case-recommen .info {
  width: 125px;
}
.case-detail-container .content .parts-all > .recommen,
.article-list-container .content .parts-all > .recommen {
  width: 970px;
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px;
}
.case-detail-container .content .parts-all > .recommen h1,
.article-list-container .content .parts-all > .recommen h1 {
  margin: 0;
  margin-bottom: 30px;
  text-align: center;
}
.case-detail-container .jump-to,
.article-list-container .jump-to {
  position: fixed;
  align-items: flex-end;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  z-index: 2;
  bottom: 200px;
  left: 18vw;
  padding: 30px 15px;
}
.case-detail-container .jump-to .layout,
.article-list-container .jump-to .layout {
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.case-detail-container .jump-to .layout span,
.article-list-container .jump-to .layout span {
  text-align: right;
}
.case-detail-container .jump-to .layout span.text,
.article-list-container .jump-to .layout span.text {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #333;
}
.case-detail-container .jump-to .layout span.circle,
.article-list-container .jump-to .layout span.circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #333;
  border-radius: 50%;
  margin-left: 9px;
}
.case-detail-container .jump-to a.active span.circle,
.article-list-container .jump-to a.active span.circle {
  background: #90151b;
  border-color: #90151b;
}
.case-detail-container .jump-to .border,
.article-list-container .jump-to .border {
  width: 1px;
  height: 40px;
  background: #e6e6e6;
  margin: 5px 0;
  margin-right: 7.5px;
}
.case-detail-container .sign-up,
.article-list-container .sign-up {
  margin: 70px 0 130px 0;
}
.case-detail-container .header-banner,
.article-list-container .header-banner {
  position: relative;
}
.case-detail-container .header-banner .absolute,
.article-list-container .header-banner .absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.case-detail-container .header-banner h1,
.article-list-container .header-banner h1 {
  margin: 0;
  width: 286px;
  height: 26px;
  font-size: 26px;
  font-weight: 500;
  color: #ffffff;
  line-height: 26px;
}
.case-detail-container .header-banner form .flex-start,
.article-list-container .header-banner form .flex-start,
.case-detail-container .header-banner .form .flex-start,
.article-list-container .header-banner .form .flex-start {
  position: relative;
}
.case-detail-container .header-banner form .flex-start > span.area,
.article-list-container .header-banner form .flex-start > span.area,
.case-detail-container .header-banner .form .flex-start > span.area,
.article-list-container .header-banner .form .flex-start > span.area {
  top: 28px;
  left: 300px;
  width: 14px;
  height: 14px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 46px;
  position: absolute;
}
.case-detail-container .header-banner form .flex-start > p,
.article-list-container .header-banner form .flex-start > p,
.case-detail-container .header-banner .form .flex-start > p,
.article-list-container .header-banner .form .flex-start > p {
  user-select: none;
  position: absolute;
  padding: 2px 7px;
  top: 29px;
  right: 22px;
  width: 74px;
  height: 42px;
  background: #71c9ad;
  border-radius: 11px;
}
.case-detail-container .header-banner form .flex-start > p > img,
.article-list-container .header-banner form .flex-start > p > img,
.case-detail-container .header-banner .form .flex-start > p > img,
.article-list-container .header-banner .form .flex-start > p > img {
  top: 3px;
  left: 0;
  position: absolute;
  width: auto;
  height: 36px;
  border-radius: 11px;
}
.case-detail-container .header-banner form .flex-start > p > span,
.article-list-container .header-banner form .flex-start > p > span,
.case-detail-container .header-banner .form .flex-start > p > span,
.article-list-container .header-banner .form .flex-start > p > span {
  position: relative;
  width: 59px;
  height: 30px;
  line-height: 17px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
}
.case-detail-container .header-banner form input,
.article-list-container .header-banner form input,
.case-detail-container .header-banner .form input,
.article-list-container .header-banner .form input,
.case-detail-container .header-banner form select,
.article-list-container .header-banner form select,
.case-detail-container .header-banner .form select,
.article-list-container .header-banner .form select,
.case-detail-container .header-banner form div.button,
.article-list-container .header-banner form div.button,
.case-detail-container .header-banner .form div.button,
.article-list-container .header-banner .form div.button,
.case-detail-container .header-banner form button,
.article-list-container .header-banner form button,
.case-detail-container .header-banner .form button,
.article-list-container .header-banner .form button {
  display: block;
  margin-top: 25px;
  width: 330px;
  height: 50px;
  background: #ffffff;
  border-radius: 12px;
  border: none;
  outline: none;
  margin-right: 20px;
}
.case-detail-container .header-banner form input,
.article-list-container .header-banner form input,
.case-detail-container .header-banner .form input,
.article-list-container .header-banner .form input,
.case-detail-container .header-banner form select,
.article-list-container .header-banner form select,
.case-detail-container .header-banner .form select,
.article-list-container .header-banner .form select {
  padding-left: 20px;
  box-sizing: border-box;
  padding-right: 55px;
}
.case-detail-container .header-banner form input.widther,
.article-list-container .header-banner form input.widther,
.case-detail-container .header-banner .form input.widther,
.article-list-container .header-banner .form input.widther {
  width: 420px;
  padding-right: 80px;
}
.case-detail-container .header-banner form div.button,
.article-list-container .header-banner form div.button,
.case-detail-container .header-banner .form div.button,
.article-list-container .header-banner .form div.button,
.case-detail-container .header-banner form button,
.article-list-container .header-banner form button,
.case-detail-container .header-banner .form button,
.article-list-container .header-banner .form button {
  width: 770px;
  height: 50px;
  background: linear-gradient(90deg, #ffb728, #ffa022);
  border-radius: 12px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
}
.case-detail-container .header-banner form div.button > span,
.article-list-container .header-banner form div.button > span,
.case-detail-container .header-banner .form div.button > span,
.article-list-container .header-banner .form div.button > span,
.case-detail-container .header-banner form button > span,
.article-list-container .header-banner form button > span,
.case-detail-container .header-banner .form button > span,
.article-list-container .header-banner .form button > span {
  width: 32px;
  height: 28px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.case-detail-container .header-banner .tip,
.article-list-container .header-banner .tip {
  margin-top: 15px;
  height: 13px;
  line-height: 13px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.case-detail-container .header-banner .tip span,
.article-list-container .header-banner .tip span {
  color: #ea3c3c;
}
.case-detail-container .vr-container,
.article-list-container .vr-container {
  width: 100%;
  height: 700px;
  margin-bottom: 50px;
}
.case-detail-container .vr-container iframe,
.article-list-container .vr-container iframe {
  width: 100%;
  height: 100%;
}
.article-list-container .article-list {
  margin-bottom: 50px;
}
.article-list-container .case-list {
  width: 945px;
  box-sizing: border-box;
}
.article-list-container .case-list > a {
  display: block;
  width: 100%;
}
.article-list-container .case-list > a:not(:last-of-type) {
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}
.article-list-container .case-list .decorate-case-item {
  margin: 0;
  border: none;
}
.article-list-container .case-list .decorate-case-item > img {
  width: 360px;
  height: 240px;
  background: #F2F2F2;
  border-radius: 20px;
  margin-bottom: 0;
}
.article-list-container .case-list .decorate-case-item .info-box > h1 {
  width: 525px;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  margin-top: 8px;
  margin-bottom: 13px;
}
.article-list-container .case-list .decorate-case-item .info-box p {
  width: 525px;
  line-height: 22px;
  height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.article-list-container .case-list .strategy-item {
  padding: 0;
}
.article-list-container .decorate-case-item {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 30px;
  height: auto;
  border-radius: 0;
}
.article-list-container .decorate-case-item > img {
  width: 360px;
  height: 240px;
  border-radius: 20px;
  margin-bottom: 30px;
  margin-right: 20px;
}
.article-list-container .decorate-case-item .info-box {
  align-items: start;
}
.article-list-container .decorate-case-item .info-box p.title {
  height: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.article-list-container .decorate-case-item .info-box p.desc {
  margin-top: 27px;
  margin-bottom: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-list-container .decorate-case-item .info-box button {
  transition: all 0.2s ease;
  width: 250px;
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  font-size: 16px;
  line-height: 50px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
  background-color: #fff;
}
.article-list-container .decorate-case-item .info-box button:hover {
  border-color: #90151b;
  color: #ffffff;
  background: #90151b;
}
.article-list-container .load-more {
  display: block;
  cursor: pointer;
  text-align: center;
  width: 100%;
  height: 60px;
  background: #ffffff;
  border-radius: 20px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.content .info .recommen {
  width: 330px;
  background: #fff;
  border-radius: 20px;
}
.aside-case-recommen {
  padding: 30px 15px;
}
.aside-case-recommen .case-wrap {
  width: 100%;
}
.aside-case-recommen .case-wrap .case-demo {
  width: 100%;
  margin-top: 20px;
  align-items: center;
}
.aside-case-recommen .case-wrap .case-demo > img {
  width: 120px;
  height: 78px;
  background: #f2f2f2;
  border-radius: 16px;
  margin-right: 10px;
}
.aside-case-recommen .case-wrap .case-demo .info p {
  width: 120px;
  height: 36px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aside-case-recommen .case-wrap .case-demo .info a {
  width: 100%;
  font-size: 16px;
  overflow: auto;
  display: contents;
}
.aside-case-recommen .case-wrap .case-demo .info button {
  transition: all 0.2s ease;
  margin-top: 7px;
  width: 120px;
  height: 26px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  background-color: #fff;
}
.aside-case-recommen .case-wrap .case-demo .info button a {
  color: #333333;
}
.aside-case-recommen .case-wrap .case-demo .info button:hover {
  border-color: #90151b;
  color: #90151b;
}
.aside-case-recommen .case-wrap .case-demo .info button:hover a,
.aside-case-recommen .case-wrap .case-demo .info button:hover button {
  color: #90151b;
}
.aside-case-recommen .title a {
  cursor: pointer;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  text-decoration: none;
}
.aside-case-recommen .title a img {
  width: 6px;
  height: 12px;
  margin-left: 8px;
}
.case-container {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 55px;
}
.case-container .case-nav-wrap {
  width: 100%;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  padding: 24px 30px;
  box-sizing: border-box;
}
.case-container .case-nav-wrap .flex-wrap {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}
.case-container .case-nav-wrap .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case-container .case-nav-wrap span {
  height: 13px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.case-container .case-nav-wrap ul {
  position: relative;
  width: 93%;
  overflow: hidden;
  height: 31px;
}
.case-container .case-nav-wrap ul li {
  cursor: pointer;
  height: 14px;
  line-height: 14px;
  font-weight: 400;
  margin-right: 40px;
}
.case-container .case-nav-wrap ul li > a {
  font-size: 14px;
  color: #333333;
  text-decoration: none;
}
.case-container .case-nav-wrap ul li:hover a,
.case-container .case-nav-wrap ul li.active a {
  color: #90151b;
  opacity: 0.85;
}
.case-container .case-nav-wrap ul img {
  transition: all 0.2s ease;
  position: absolute;
  transform: rotateX(180deg);
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
}
.case-container .case-nav-wrap > .nav-items:not(:last-child) ul {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.case-container .case-nav-wrap > .nav-items:not(:last-child) ul li {
  margin-bottom: 16px;
}
.case-container .case-nav-wrap > .nav-items {
  align-items: baseline;
}
.case-container .case-nav-wrap > .nav-items:last-child ul {
  height: 15px;
}
.case-container .case-group {
  width: 100%;
  height: auto;
}
.case-container li.case-item {
  width: 375px;
  height: 315px;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 45px;
  margin-right: 37.5px;
  float: left;
}
.case-container li.case-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.35s;
}
.case-container li.case-item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: unset;
}
.case-container li.case-item p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 22px;
  line-height: 60px;
  transition: all 0.35s;
  color: #fffbfb;
  font-size: 20px;
}
.case-container li.case-item em {
  font-size: 16px;
  margin-left: 15px;
}
.case-container li.case-item:nth-child(3n) {
  margin-right: 0;
}
.case-container li.case-item:hover img {
  transform: scale(1.05);
}
.case-container li.case-item:hover p {
  transform: translateY(20%);
  opacity: 0;
}
.case-container .load-more {
  display: inline-block;
  margin-top: 45px;
  text-align: center;
  width: 100%;
  height: 60px;
  background: #ffffff;
  line-height: 60px;
  cursor: pointer;
}
.case-container .load-more a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  text-decoration: none;
}
.case-container .load-more a:hover {
  color: #90151b;
}
.material-section {
  width: 100%;
  height: auto;
}
.material-section .content {
  width: 1200px;
  margin: 0 auto;
}
.material-section.block-1 {
  background-color: #efefef;
  padding: 90px 0 180px 0;
}
.material-section.block-1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 100px;
}
.material-section.block-1 ul li {
  width: 230px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.material-section.block-1 ul li img {
  display: block;
  width: 100%;
}
.material-section.block-1 ul li:nth-child(odd) {
  margin-top: 50px;
}
.material-section.block-1 ul li:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.material-section.block-2 {
  padding-top: 90px;
  height: 1090px;
  background-image: url('../images/material/b-1.png');
}
.material-section.block-2 ul {
  width: 1200px;
  display: flex;
  justify-content: center;
  margin: 80px auto 45px auto;
}
.material-section.block-2 li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 145px;
  height: 145px;
  background: linear-gradient(93deg, #fefefe 0%, #f7f7f7 50%, #efefef 100%);
  border-radius: 50%;
  border: 2px solid white;
  cursor: default;
  transition-duration: 300ms;
  margin: 0 17px;
}
.material-section.block-2 li span {
  font-size: 25px;
  font-weight: bold;
  color: #b1a791;
  transition-duration: 300ms;
}
.material-section.block-2 li p {
  font-size: 14px;
  font-style: italic;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  margin-top: 10px;
}
.material-section.block-2 li:hover {
  background: #aa4b4f;
  border-color: #aa4b4f;
}
.material-section.block-2 li:hover span,
.material-section.block-2 li:hover p {
  color: white;
}
.material-section.block-2 img {
  display: block;
  margin: 60px auto 0;
}
.material-section.block-3 {
  padding-top: 100px;
  height: 1060px;
  background-image: url('../images/material/b-1.png');
}
.material-section.block-3 .swiper-tab {
  margin-top: 75px;
  border-bottom: 1px solid #d1c0a5;
}
.material-section.block-3 .swiper-tab .swiper-pagination {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}
.material-section.block-3 .swiper-tab .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  margin: 0 50px;
  padding-bottom: 20px;
  background: none;
  border-radius: 0;
  color: white;
  opacity: 1;
  transition-duration: 300ms;
}
.material-section.block-3 .swiper-tab .swiper-pagination-bullet span {
  display: block;
  font-size: 20px;
}
.material-section.block-3 .swiper-tab .swiper-pagination-bullet i {
  font-size: 12px;
  text-transform: uppercase;
}
.material-section.block-3 .swiper-tab .swiper-pagination-bullet-active {
  color: #d1c0a5;
}
.material-section.block-3 .swiper-tab .swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #d1c0a5 transparent transparent transparent;
}
.material-section.block-3 .swiper-container {
  width: 1280px;
  margin: 40px auto 30px;
  overflow: visible;
}
.material-section.block-3 .swiper-container .swiper-slide img {
  display: block;
  width: 100%;
}
.material-section.block-3 .chat-btn {
  display: block;
  margin: 60px auto 0;
  width: 400px;
  font-size: 16px;
  line-height: 46px;
  background-color: #d1c0a5;
  color: black;
  text-align: center;
  text-decoration: none;
  transition-duration: 300ms;
}
.material-section.block-3 .chat-btn:hover {
  background-color: black;
  color: white;
}
.material-section.block-4 {
  height: 1405px;
  padding-top: 100px;
  background-image: url('../images/material/b-2.png');
  background-position: center;
}
.material-section.block-4 ul {
  position: relative;
  top: 157px;
  display: flex;
  flex-wrap: wrap;
}
.material-section.block-4 ul li {
  position: relative;
  width: 33.3333%;
  height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: white url('../images/material/b-3.png') no-repeat right -50%;
  text-align: center;
  cursor: default;
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}
.material-section.block-4 ul li:nth-child(n+4) {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.material-section.block-4 ul span {
  display: block;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: bold;
  visibility: visible;
  opacity: 1;
  transition-duration: 300ms;
}
.material-section.block-4 ul p {
  font-size: 18px;
  visibility: visible;
  opacity: 1;
  transition-duration: 300ms;
}
.material-section.block-4 ul li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/block_6_item_1.jpg) no-repeat center / cover;
  opacity: 0;
  visibility: hidden;
  transition-duration: 300ms;
}
.material-section.block-4 ul li:nth-child(4),
.material-section.block-4 ul li:nth-child(5),
.material-section.block-4 ul li:nth-child(9),
.material-section.block-4 ul li:nth-child(10) {
  width: 50%;
}
.material-section.block-4 ul li:nth-child(3),
.material-section.block-4 ul li:nth-child(5),
.material-section.block-4 ul li:nth-child(8),
.material-section.block-4 ul li:nth-child(10) {
  border-right: none;
}
.material-section.block-4 ul li:nth-child(1)::after {
  background-image: url('../images/material/item-1.jpg');
}
.material-section.block-4 ul li:nth-child(2)::after {
  background-image: url('../images/material/item-2.jpg');
}
.material-section.block-4 ul li:nth-child(3)::after {
  background-image: url('../images/material/item-3.jpg');
}
.material-section.block-4 ul li:nth-child(4)::after {
  background-image: url('../images/material/item-4.jpg');
}
.material-section.block-4 ul li:nth-child(5)::after {
  background-image: url('../images/material/item-5.jpg');
}
.material-section.block-4 ul li:nth-child(6)::after {
  background-image: url('../images/material/item-6.jpg');
}
.material-section.block-4 ul li:nth-child(7)::after {
  background-image: url('../images/material/item-7.jpg');
}
.material-section.block-4 ul li:nth-child(8)::after {
  background-image: url('../images/material/item-8.jpg');
}
.material-section.block-4 ul li:nth-child(9)::after {
  background-image: url('../images/material/item-9.jpg');
}
.material-section.block-4 ul li:nth-child(10)::after {
  background-image: url('../images/material/item-10.jpg');
}
.material-section.block-4 ul li:hover::after {
  visibility: visible;
  opacity: 1;
}
.material-section.block-4 ul li:hover span,
.material-section.block-4 ul li:hover p {
  opacity: 0;
  visibility: hidden;
}
.material-section.block-5 {
  padding-top: 100px;
  padding-bottom: 115px;
  background: url('../images/material/b-4.png');
}
.material-section.block-5 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 390px;
  margin-top: 70px;
  background-image: url('../images/material/b-5.png');
}
.material-section.block-5 ul {
  position: relative;
  height: inherit;
  width: 700px;
}
.material-section.block-5 ul li {
  position: absolute;
  padding-left: 28px;
  padding-right: 25px;
  line-height: 34px;
  background: url('../images/material/b-6.png') no-repeat;
  color: white;
  border-radius: 6px;
  cursor: default;
  opacity: 0.5;
  transition-duration: 300ms;
}
.material-section.block-5 ul li:nth-child(1) {
  top: 80px;
  left: 170px;
}
.material-section.block-5 ul li:nth-child(2) {
  top: 85px;
  left: 450px;
}
.material-section.block-5 ul li:nth-child(3) {
  top: 170px;
  left: 35px;
}
.material-section.block-5 ul li:nth-child(4) {
  top: 270px;
  left: 15px;
}
.material-section.block-5 ul li.active {
  opacity: 1;
}
.material-section.block-5 .form {
  width: 500px;
  padding: 0 85px;
}
.material-section.block-5 .form span {
  display: block;
  margin-bottom: 40px;
}
.material-section.block-5 .form span em {
  font-size: 24px;
  font-style: normal;
  color: #3d3d3d;
}
.material-section.block-5 .form button {
  display: block;
  width: 100%;
  margin-top: 40px;
  line-height: 46px;
  text-align: center;
  background-color: #b1a791;
  color: black;
  transition-duration: 200ms;
  outline: none;
  border: none;
}
.material-section.block-5 .form button:hover {
  background-color: black;
  color: #b1a791;
}
.material-section.block-5 .ipt-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.material-section.block-5 .ipt-box label {
  font-size: 18px;
  line-height: 40px;
  color: #3d3d3d;
  margin-right: 5px;
}
.material-section.block-5 .ipt-box label::after {
  content: "*";
  display: inline-block;
  vertical-align: middle;
  color: #005f51;
}
.material-section.block-5 .ipt-box input {
  flex: 1;
  width: 265px;
  padding: 5px 10px;
  height: 40px;
  border: 1px solid #ccc;
  outline: none;
}
.material-section.block-5 .ipt-box.area::after {
  content: "\33a1";
  position: absolute;
  top: 8px;
  right: 10px;
}
@keyframes MoveUpDown {
  from {
    margin-top: -20px;
  }
  to {
    margin-top: 0px;
  }
}
.product-container {
  width: 100%;
  height: auto;
  background-image: url('../images/product/b-1.png');
  background-position: top;
  background-repeat: no-repeat;
}
.product-container .title-img {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0;
  margin: 0 auto;
  position: relative;
}
.product-container .title-img i {
  display: inline-block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('../images/icon/i-4.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  animation: MoveUpDown 1s ease-in infinite;
}
.product-section.block-1 {
  height: 988px;
  padding-top: 60px;
}
.product-section.block-1 .content {
  width: 1200px;
  height: auto;
  margin: 50px auto 0 auto;
  position: relative;
}
.product-section.block-1 .content .list-group {
  width: 1200px;
  height: 332px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  transform: translateY(10%);
  transition: all 0.5s;
}
.product-section.block-1 .content .list-item {
  width: 379px;
  height: 332px;
  background-position: center;
  background-size: cover;
  transform: translateY(0%);
  transition: all 0.3s;
}
.product-section.block-1 .content .list-item:hover {
  transform: translateY(-5%);
}
.product-section.block-2 {
  height: 870px;
  padding-top: 100px;
}
.product-section.block-2 .content {
  width: 1390px;
  height: 600px;
  background-color: #fff;
  margin: 60px auto 0 auto;
  background-image: url('../images/product/b-2.png');
  padding: 120px 95px;
}
.product-section.block-2 .form {
  width: 435px;
  height: auto;
  text-align: center;
}
.product-section.block-2 .form h2 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #333333;
  margin-bottom: 45px;
}
.product-section.block-2 .form h2 em {
  font-weight: normal;
}
.product-section.block-2 .form p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #90151b;
  text-align: center;
  margin-top: 25px;
}
.product-section.block-2 .input-ctrl {
  width: 100%;
  height: 65px;
  line-height: 65px;
  padding: 0 25px;
  background-color: #ffffff;
  border: solid 1px #cacaca;
  margin-bottom: 25px;
}
.product-section.block-2 .input-ctrl span {
  font-size: 20px;
  letter-spacing: 2px;
  color: #333333;
}
.product-section.block-2 .input-ctrl i {
  color: #ff0000;
}
.product-section.block-2 .input-ctrl input {
  width: 230px;
  height: 40px;
  border: none;
  outline: none;
  font-size: 18px;
  margin-left: 20px;
}
.product-section.block-2 button.btn {
  width: 395px;
  height: 65px;
  background-color: #90151b;
  border: none;
  outline: none;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #ffffff;
}
.product-section.block-2 button.btn em {
  font-weight: normal;
}
.product-section.block-3 {
  position: relative;
  padding-top: 110px;
}
.product-section.block-3 .swiper-nav-1 {
  position: relative;
  display: flex;
  justify-content: center;
}
.product-section.block-3 .swiper-nav-1 div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 55px;
  position: relative;
  cursor: pointer;
}
.product-section.block-3 .swiper-nav-1 div p {
  text-align: center;
  color: #fff;
}
.product-section.block-3 .swiper-nav-1 div p:nth-child(1) {
  font-size: 20px;
}
.product-section.block-3 .swiper-nav-1 div p:nth-child(2) {
  font-size: 16px;
  margin-top: 10px;
}
.product-section.block-3 .swiper-nav-1 div i {
  display: block;
  position: absolute;
  top: 69px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 8px;
  background-image: url('../images/product/i-1.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  opacity: 0;
}
.product-section.block-3 .swiper-nav-1 div.active p {
  color: #fff;
}
.product-section.block-3 .swiper-nav-1 div.active p:nth-child(1) {
  font-weight: bold;
}
.product-section.block-3 .swiper-nav-1 div.active i {
  opacity: 1;
}
.product-section.block-3 .swiper-nav-1::after {
  position: absolute;
  top: 55px;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  opacity: 0.3;
  background-color: #fff;
}
.product-section.block-3 .swiper-1 {
  width: 1200px;
  height: 650px;
  margin-top: 115px;
}
.product-section.block-3 .swiper-1 .swiper-slide {
  width: 1390px;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.product-section.block-3 .swiper-1 .swiper-pagination span {
  width: 20px;
  height: 4px;
  border-radius: 0;
}
.product-section.block-3 .swiper-1 .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #fff;
}
.product-section.block-4 {
  padding-top: 145px;
}
.product-section.block-4 .content {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.product-section.block-4 .swiper-2 {
  width: 100%;
  height: 613px;
  transition: all 0.5s;
}
.product-section.block-4 .swiper-nav {
  width: 133px;
  height: 240px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.product-section.block-4 .swiper-nav > div {
  width: 100%;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.product-section.block-4 .swiper-nav > div > div {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.product-section.block-4 .swiper-nav > div.active div {
  background-color: rgba(0, 0, 0, 0);
}
.product-section.block-4 .swiper-2-nav {
  width: 4px;
  height: auto;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 190px;
  z-index: 2;
}
.product-section.block-4 .swiper-2-nav span {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.product-section.block-4 .swiper-2-nav span.active {
  height: 40px;
  background-color: #ffffff;
}
.product-section.block-5 {
  margin-top: -83px;
  height: 826px;
  background-position: center;
}
.product-section.block-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-section.block-6 {
  height: 736px;
  padding-top: 100px;
}
.product-section.block-6 .content {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.product-section.block-6 ul.list-group {
  width: 100%;
  height: 230px;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
  margin-top: 147px;
}
.product-section.block-6 ul.list-group li {
  width: 220px;
  height: 230px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transform: translateY(0%);
}
.product-section.block-6 ul.list-group li:hover {
  transform: translateY(-5%);
}
.product-section.block-7 {
  position: relative;
  height: 784px;
}
.product-section.block-7 .title-img {
  z-index: 2;
  position: absolute;
  top: 86px;
  left: 0;
}
.product-section.block-7 .content {
  z-index: 1;
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  background-image: url('../images/product/b-3.png');
}
.product-section.block-7 .form {
  position: absolute;
  left: 50px;
  bottom: 95px;
  width: 560px;
  height: auto;
}
.product-section.block-7 .form h2 {
  font-size: 30px;
  color: #333333;
  margin-bottom: 45px;
}
.product-section.block-7 .form h2 em {
  font-size: 16px;
  color: #56584b;
}
.product-section.block-7 .form p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #90151b;
  text-align: center;
  margin-top: 25px;
}
.product-section.block-7 .input-ctrl {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 65px;
  line-height: 65px;
  margin-bottom: 37px;
}
.product-section.block-7 .input-ctrl span {
  display: inline-block;
  width: 125px;
  font-size: 20px;
  letter-spacing: 2px;
  color: #333333;
}
.product-section.block-7 .input-ctrl i {
  color: #ff0000;
}
.product-section.block-7 .input-ctrl input {
  width: 430px;
  height: 66px;
  font-size: 18px;
  outline: none;
  padding: 0 25px;
  border: solid 1px #cacaca;
  background-color: #ffffff;
  box-sizing: border-box;
}
.product-section.block-7 button.btn {
  width: 100%;
  height: 66px;
  background-color: #aea691;
  border: none;
  outline: none;
  font-size: 26px;
  letter-spacing: 3px;
  color: #ffffff;
}
.inner-banner .about .i1 {
  display: block;
  width: 648px;
  height: 241px;
  margin: 87px auto 0 auto;
}
.inner-banner .about .i2 {
  display: block;
  width: 710px;
  height: 29px;
  margin: 0 auto;
}
.inner-banner .about .pointer {
  text-align: center;
  height: 84px;
  margin: 114px 0 34px 0;
}
.inner-banner .about .pointer img {
  width: 23px;
  height: 64px;
  animation: MoveUpDown 1s ease-in infinite;
}
.about-section {
  width: 100%;
}
.about-section .section-title-1 {
  position: relative;
  z-index: 2;
  text-align: center;
}
.about-section .section-title-1 h3::before {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 5px;
  content: '';
  display: inline-block;
  width: 39px;
  height: 10px;
  background-image: linear-gradient(91deg, #91161b 0%, #d8393f 100%), linear-gradient(#91161b, #91161b);
}
.about-section .section-title-1 h3 {
  display: inline;
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #333333;
}
.about-section .section-title-1 p {
  font-size: 20px;
  letter-spacing: 2px;
  color: #666666;
  margin-top: 32px;
}
.about-section .section-title-1.light h3 {
  color: #ffffff;
}
.about-section .section-title-1.light p {
  color: #ffffff;
}
.about-section .section-title-2 {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 0;
}
.about-section .section-title-2 h2 {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
  color: #ffffff;
}
.about-section .section-title-2 p {
  font-size: 20px;
  letter-spacing: 2px;
  color: #ffffff;
  margin-top: 20px;
}
.about-section .section-title-2.ext p::after {
  content: url('../images/about/i-1.png');
  display: block;
  margin-top: 50px;
  font-size: 0;
}
.about-section .appointment-form {
  bottom: 40px;
  width: 837px;
  height: 99px;
  border-radius: 10px;
  margin: 48px auto 0 auto;
  padding: 22px 28px;
}
.about-section .appointment-form form {
  display: flex;
  justify-content: space-between;
}
.about-section .appointment-form input,
.about-section .appointment-form button {
  border: none;
  outline: none;
  box-sizing: border-box;
}
.about-section .appointment-form input {
  width: 204px;
  height: 55px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px 20px;
}
.about-section .appointment-form button {
  width: 334px;
  height: 55px;
  background-color: #91161b;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #ffffff;
}
.about-section .appointment-form button img {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.about-section .appointment-form button:hover {
  background-color: #790b0f;
}
.about-section.block-1 {
  height: 390px;
  background-image: url('../images/about/b-2.png');
  background-repeat: no-repeat;
}
.about-section.block-1 .content {
  position: relative;
  width: 1560px;
  height: 500px;
  display: flex;
}
.about-section.block-1 .video {
  width: 970px;
  height: 500px;
}
.about-section.block-1 .about-text {
  width: 590px;
  height: 500px;
  padding: 30px;
  overflow-y: scroll;
  background-color: #ffffff;
}
.about-section.block-1 .about-text::-webkit-scrollbar {
  width: 5px;
}
.about-section.block-1 .about-text::-webkit-scrollbar-track {
  background-color: unset;
}
.about-section.block-1 .about-text::-webkit-scrollbar-thumb {
  background-color: #999999;
  border-radius: 3px;
}
.about-section.block-1 .title h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #333333;
}
.about-section.block-1 .title p {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1px;
  color: #999999;
  margin-top: 25px;
}
.about-section.block-1 .title p::after {
  content: url('../images/about/i-1.png');
  display: block;
  margin-top: 25px;
}
.about-section.block-1 .about-content {
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 2px;
  color: #333333;
  margin-top: 35px;
}
.about-section.block-2 {
  height: 1110px;
  padding-top: 190px;
  background-image: url('../images/about/b-3.png');
  background-position: center;
}
.about-section.block-2 .about-page-title {
  text-align: center;
  font-size: 0;
  margin-bottom: 55px;
}
.about-section.block-2 .about-page-title h2 {
  font-size: 34px;
  letter-spacing: 3px;
  color: #ffffff;
  margin-top: 30px;
}
.about-section.block-2 .about-page-title::before {
  content: '';
  display: inline-block;
  width: 77px;
  height: 9px;
  background-image: linear-gradient(91deg, #91161b 0%, #d8393f 100%), linear-gradient(#91161b, #91161b);
}
.about-section.block-2 .content .l1 {
  text-align: center;
  margin-top: 30px;
}
.about-section.block-2 .content .l2 {
  text-align: center;
  margin-top: 85px;
}
.about-section.block-2 .appointment-form {
  background-color: #575656;
}
.about-section.block-3 {
  height: 945px;
  background-color: #f2f2f2;
  padding-top: 82px;
}
.about-section.block-3 .content {
  margin-top: 30px;
}
.about-section.block-3 .l1 {
  text-align: center;
}
.about-section.block-3 .l2 {
  margin-top: 68px;
}
.about-section.block-3 .l2-title {
  text-align: center;
}
.about-section.block-3 .l2-title h4 {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 20px;
}
.about-section.block-3 .l2-title p {
  font-size: 20px;
  color: #666666;
}
.about-section.block-3 .list {
  position: relative;
  width: 1200px;
  height: auto;
  margin: 65px auto 0 auto;
}
.about-section.block-3 .list .block-2-prev {
  left: -25px;
}
.about-section.block-3 .list .block-2-next {
  right: -25px;
}
.about-section.block-3 .list p {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-top: 20px;
  padding: 0 15px;
}
.about-section.block-3 .block-2-container {
  width: 1080px;
  height: auto;
}
.about-section.block-3 .block-2-container .swiper-slide {
  width: 340px;
  height: auto;
}
.about-section.block-3 .block-2-container img {
  width: 340px;
  height: 165px;
  object-fit: cover;
  border-radius: 30px;
  overflow: hidden;
}
.about-section.block-3 .appointment-form {
  background-color: #e6e6e6;
  margin-top: 65px;
}
.about-section.block-4 {
  height: 863px;
  padding-top: 80px;
  background-image: url('../images/about/b-4.png');
  background-position: center;
}
.about-section.block-4 .content {
  margin-top: 78px;
}
.about-section.block-4 .content .l1 {
  text-align: center;
}
.about-section.block-5 {
  height: 620px;
  padding-top: 80px;
  background-image: url('../images/about/b-5.png');
  background-position: center;
}
.about-section.block-5 .content {
  margin-top: 40px;
}
.about-section.block-5 .content .l1 {
  text-align: center;
}
.about-section.block-6 {
  position: relative;
  height: 900px;
  padding-top: 80px;
  background: url('../images/about/b-1.jpg');
}
.about-section.block-6 .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.about-section.block-6 .swiper-container .swiper-wrapper {
  background: url('../images/about/b-1.jpg');
}
.about-section.block-6 .swiper-container .swiper-slide {
  width: 190px;
  height: 900px;
  background: url('../images/about/b-1.jpg');
}
.about-section.block-6 .swiper-container .swiper-slide .cont {
  position: absolute;
  left: 0;
  padding-bottom: 35px;
}
.about-section.block-6 .swiper-container .swiper-slide .cont::before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 10px;
  display: block;
  height: 1px;
  border-left: 1px solid white;
  transition-duration: 300ms;
}
.about-section.block-6 .swiper-container .swiper-slide .cont::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 6px;
  background-color: white;
  transition-duration: 300ms;
}
.about-section.block-6 .swiper-container .swiper-slide .cont i {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: white;
  white-space: nowrap;
  transition-duration: 300ms;
}
.about-section.block-6 .swiper-container .swiper-slide .cont span {
  position: relative;
  display: block;
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #e8d099;
  white-space: nowrap;
  transition-duration: 300ms;
}
.about-section.block-6 .swiper-container .swiper-slide .cont p {
  position: relative;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: white;
  white-space: normal;
  visibility: hidden;
  opacity: 0;
  transition-duration: 300ms;
}
.about-section.block-6 .swiper-container .swiper-slide .cont.up {
  padding-bottom: 35px;
}
.about-section.block-6 .swiper-container .swiper-slide .cont.down {
  padding-bottom: 0;
  padding-top: 35px;
}
.about-section.block-6 .swiper-container .swiper-slide .cont.down::before {
  top: 10px;
  bottom: auto;
}
.about-section.block-6 .swiper-container .swiper-slide .cont.down::after {
  top: 0;
  bottom: auto;
}
.about-section.block-6 .swiper-container .swiper-slide .cont.down i {
  margin-top: 30px;
}
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.up::before {
  height: 68px;
}
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.up p {
  visibility: visible;
  opacity: 1;
}
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.up i,
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.up span,
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.up p {
  transform: translateY(-68px);
}
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.down::before {
  height: 68px;
}
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.down p {
  visibility: visible;
  opacity: 1;
}
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.down i,
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.down span,
.about-section.block-6 .swiper-container .swiper-slide .cont:hover.down p {
  transform: translateY(35px);
}
.about-section.block-6 .swiper-container .swiper-slide.item-1 {
  width: 320px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-1::before,
.about-section.block-6 .swiper-container .swiper-slide.item-1::after {
  display: none;
}
.about-section.block-6 .swiper-container .swiper-slide.item-2 {
  background-position: -320px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-2 .cont {
  bottom: 298px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-3 {
  background-position: -510px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-3 .cont {
  top: 568px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-4 {
  background-position: -700px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-4 .cont {
  bottom: 345px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-5 {
  background-position: -890px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-5 .cont {
  top: 500px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-6 {
  background-position: -1080px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-6 .cont {
  bottom: 409px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-7 {
  background-position: -1270px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-7 .cont {
  top: 498px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-8 {
  background-position: -1460px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-8 .cont {
  bottom: 423px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-9 {
  background-position: -1650px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-9 .cont {
  top: 423px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-10 {
  background-position: -1840px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-10 .cont {
  bottom: 486px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-11 {
  background-position: -2030px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-11 .cont {
  top: 410px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-12 {
  background-position: -2220px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-12 .cont {
  bottom: 480px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-13 {
  background-position: -2410px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-13 .cont {
  top: 395px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-14 {
  width: 320px;
  background-position: -2600px;
}
.about-section.block-6 .swiper-container .swiper-slide.item-14 .cont {
  top: 225px;
}
.about-section.block-6 .swiper-button-prev,
.about-section.block-6 .swiper-button-next {
  width: 90px;
  height: 60px;
  top: auto;
  bottom: 40px;
  left: 50%;
  margin-left: 550px;
  background: white url('../images/about/i-6.png') no-repeat center;
  opacity: 0.9;
  transition-duration: 200ms;
}
.about-section.block-6 .swiper-button-prev:hover,
.about-section.block-6 .swiper-button-next:hover {
  background-color: #af4347;
  opacity: 1;
}
.about-section.block-6 .swiper-button-prev {
  margin-left: 460px;
  transform: rotate(180deg);
}
.about-section.block-7 {
  height: 960px;
  padding-top: 80px;
  background-image: url('../images/about/b-6.png');
  background-position: center;
}
.about-section.block-7 .content {
  width: 1135px;
  height: 620px;
  background-color: #fff;
  margin: 37px auto 0 auto;
}
.about-section.block-7 ul {
  width: 1135px;
  height: 620px;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
}
.about-section.block-7 ul li {
  position: relative;
  width: 33.3333%;
  height: 310;
  background: url('../images/about/block-7/icon-1.png') no-repeat 95% 95%;
  transition-duration: 300ms;
  cursor: default;
}
.about-section.block-7 ul li:nth-child(2) {
  background-image: url('../images/about/block-7/icon-2.png');
}
.about-section.block-7 ul li:nth-child(2):hover {
  background-image: url('../images/about/block-7/icon-2-l.png');
}
.about-section.block-7 ul li:nth-child(3) {
  background-image: url('../images/about/block-7/icon-3.png');
}
.about-section.block-7 ul li:nth-child(3):hover {
  background-image: url('../images/about/block-7/icon-3-l.png');
}
.about-section.block-7 ul li:nth-child(4) {
  background-image: url('../images/about/block-7/icon-4.png');
}
.about-section.block-7 ul li:nth-child(4):hover {
  background-image: url('../images/about/block-7/icon-4-l.png');
}
.about-section.block-7 ul li:nth-child(5) {
  background-image: url('../images/about/block-7/icon-5.png');
}
.about-section.block-7 ul li:nth-child(5):hover {
  background-image: url('../images/about/block-7/icon-5-l.png');
}
.about-section.block-7 ul li:nth-child(6) {
  background-image: url('../images/about/block-7/icon-6.png');
}
.about-section.block-7 ul li:nth-child(6):hover {
  background-image: url('../images/about/block-7/icon-6-l.png');
}
.about-section.block-7 ul li:not(:nth-child(3n)) {
  border-right: 1px dashed #eee;
}
.about-section.block-7 ul li:nth-child(n+4) {
  border-top: 1px dashed #eee;
}
.about-section.block-7 ul li:hover {
  background-color: #cab086;
  background-image: url('../images/about/block-7/icon-1-l.png');
}
.about-section.block-7 ul li:hover .front {
  visibility: hidden;
  opacity: 0;
  transition-delay: 200ms;
}
.about-section.block-7 ul li:hover .front .inner {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
.about-section.block-7 ul li:hover .back {
  visibility: visible;
  opacity: 1;
}
.about-section.block-7 ul li:hover .back p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.about-section.block-7 .front {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 300ms;
  overflow: hidden;
}
.about-section.block-7 .front .inner {
  transition-duration: 300ms;
}
.about-section.block-7 .front .inner span {
  display: block;
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: bold;
}
.about-section.block-7 .front .inner small {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
.about-section.block-7 .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  opacity: 0;
  visibility: hidden;
  transform: 300ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  overflow: hidden;
}
.about-section.block-7 .back p {
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  transform: translateY(100%);
  transition-duration: 300ms;
}