html, body {
  width: 100%;
  min-width: 1208px;
}

.main {
  position: relative;
  padding-top: 68px;
}
.main > section {
  width: 100%;
  min-width: 1208px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.main > .section-1 {
  height: 600px;
  background-image: url("../../../img/scheme/bg-1.png");
}
.main > .section-1 > .content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.main > .section-1 > .content > .left-text > .title {
  margin-top: 145px;
  margin-bottom: 45px;
  font-size: 48px;
  font-weight: 500;
  color: #DC4A49;
}
.main > .section-1 > .content > .left-text > .sub-title {
  font-size: 16px;
  color: #DC4A49;
  margin-bottom: 100px;
}
.main > .section-1 > .content > .left-text > .btn {
  background-color: #DC4A49;
  border-radius: 4px;
  border: 0;
  width: 156px;
  height: 48px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.main > .section-1 > .content > .left-text > .btn:hover {
  background-color: #DC4A49;
}
.main > .section-1 > .content > .right-bg {
  width: 768px;
  height: 100%;
}
.main > .section-1 > .content > .right-bg > img {
  width: 100%;
  height: 100%;
}
.main > .section-2 {
  height: 1000px;
  background-image: url("../../../img/scheme/bg-2.png");
}
.main > .section-2 > .content {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.main > .section-2 > .content > .main-scheme {
  position: absolute;
  left: 0;
  top: -68px;
  width: 1200px;
  height: 970px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.main > .section-2 > .content > .main-scheme > .product-select {
  width: 100%;
  height: 100px;
  box-shadow: 0px 8px 20px 0px rgb(79, 12, 11);
  display: flex;
}
.main > .section-2 > .content > .main-scheme > .product-select > .select {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background-color: #DE4F4A;
  color: #FFF;
  cursor: pointer;
  transition: all 0.3s ease;
}
.main > .section-2 > .content > .main-scheme > .product-select > .select.active {
  color: #333;
  background-color: #FFF;
}
.main > .section-2 > .content > .main-scheme > .product-select > .select:hover {
  transform: scale(1.1);
}
.main > .section-2 > .content > .main-scheme > .scheme-con {
  flex: 1;
  width: 100%;
  height: 765px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../../img/scheme/bg-3.png");
  display: flex;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs {
  display: flex;
  width: 480px;
  height: 100%;
  margin-right: 148px;
  float: left;
  padding-top: 40px;
  padding-bottom: 40px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab {
  height: 117px;
  background-color: rgba(219, 66, 66, 0.5);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:hover, .main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab.active {
  background-color: transparent;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:hover > .tab-default, .main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab.active > .tab-default {
  display: none;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:hover > .tab-hover, .main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab.active > .tab-hover {
  display: block;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab > .tab-default {
  width: 377px;
  height: 92px;
  margin-right: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left 0px center;
  display: flex;
  align-items: center;
  float: right;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab > .tab-default > p {
  padding: 0 0 0 108px;
  font-size: 24px;
  color: #333333;
  line-height: 92px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab > .tab-hover {
  width: 377px;
  height: 92px;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 92px;
  float: right;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:nth-child(1) > .tab-default {
  background-image: url("../../../img/scheme/icon-title-ping.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:nth-child(2) > .tab-default {
  background-image: url("../../../img/scheme/icon-title-jiao.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:nth-child(3) > .tab-default {
  background-image: url("../../../img/scheme/icon-title-kao.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:nth-child(4) > .tab-default {
  background-image: url("../../../img/scheme/icon-title-xue.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:nth-child(5) > .tab-default {
  background-image: url("../../../img/scheme/icon-title-guan.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .main-tabs > .tabs > .tab:nth-child(6) > .tab-default {
  background-image: url("../../../img/scheme/icon-title-zhi.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con {
  flex: 1;
  float: left;
  width: 572px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con {
  display: none;
  flex-direction: column;
  position: relative;
  padding: 50px 80px 0 0;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con.active {
  display: block;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .po-right-bg {
  position: absolute;
  right: 100px;
  top: 50px;
  width: 110px;
  height: 110px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .title {
  padding-top: 22px;
  padding-bottom: 27px;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 28px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .desc {
  width: 450px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  margin-bottom: 24px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .a-btn > a {
  width: 128px;
  height: 40px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
  padding-bottom: 2px;
  border-bottom: 1px solid #FFF;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .a-btn > a:hover {
  border-bottom: none;
  padding-bottom: 3px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .btn > a {
  width: 120px;
  height: 36px;
  background: #FBF3F3;
  border-radius: 4px;
  display: flex;
  padding: 8px 10px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #B53434;
  transition: all 0.3s;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .btn > a:hover {
  color: #FBF3F3;
  background: #B53434;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .lf-rg {
  padding-top: 170px;
  display: flex;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .lf-rg > .left {
  width: 250px;
  margin-right: 40px;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .lf-rg > .left > .title {
  white-space: pre-wrap;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .lf-rg > .left > .desc {
  width: 100%;
}
.main > .section-2 > .content > .main-scheme > .scheme-con > .right-con > .active-tabs-con .lf-rg > .right {
  flex: 1;
}
.main > .section-2 > .content > .main-scheme > .scheme-row {
  display: flex;
  height: 383px;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product {
  flex: 1;
  cursor: pointer;
  transition: transform 0.3s;
  display: flex;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product.ping {
  background: #DB4242;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product.jiao {
  background: #D03737;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product.kao {
  background-size: cover;
  background: #D03737;
  background-repeat: no-repeat;
  background-image: url("../../../img/scheme/bg-kao.png");
  background-position: center center;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product.xue {
  background-size: cover;
  background: #D03737;
  background-repeat: no-repeat;
  background-image: url("../../../img/scheme/bg-xue.png");
  background-position: center center;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product.guan {
  background-size: cover;
  background: #D03737;
  background-repeat: no-repeat;
  background-image: url("../../../img/scheme/bg-guan.png");
  background-position: center center;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product:hover {
  transform: scale(1.05);
  z-index: 999;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-bg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > p {
  font-size: 24px;
  color: #FFF;
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > .icon-jia {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../img/scheme/icon-jia.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > .icon-jiao {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../img/index/icon-jiao.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > .icon-ping {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../img/index/icon-ping.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > .icon-kao {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../img/index/icon-kao.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > .icon-xue {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../img/index/icon-xue.png");
}
.main > .section-2 > .content > .main-scheme > .scheme-row > .product > .product-desc > .icon-guan {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../img/index/icon-guan.png");
}/*# sourceMappingURL=index.css.map */