.home .section2 {
  background: url(/static/images/home_s2_bg.jpg) no-repeat;
  background-size: cover;
  padding: 0 0.4167rem;
}
.home .section2 .left {
  display: flex;
  padding-top: 0.5729rem;
}
.home .section2 .left .des {
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  color: #222;
  writing-mode: tb;
}
.home .section2 .left .title {
  display: inline-block;
  font-size: 72px;
  line-height: 1;
  letter-spacing: -12px;
  margin-top: -15px;
  writing-mode: tb;
  vertical-align: top;
}
.home .section2 .right {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.home .section2 .right .item {
  cursor: pointer;
  position: relative;
  width: 1.8229rem;
  padding: 0.7031rem 0.2188rem;
  transition: 0.5s;
}
.home .section2 .right .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transition: 0.5s;
}
.home .section2 .right .item .title {
  position: relative;
  transition: 0.5s;
}
.home .section2 .right .item .title .cn {
  transition: 0.5s;
  align-items: baseline;
  display: flex;
  justify-content: center;
}
.home .section2 .right .item .title .cn span {
  transition: 0.5s;
  font-size: 0.25rem;
  line-height: 1;
  color: #333333;
}
.home .section2 .right .item .title .cn span:nth-child(1) {
  color: #d80c18 !important;
}
.home .section2 .right .item .title .cn img {
  height: 17px;
  width: 32px;
}
.home .section2 .right .item .title .en {
  transition: 0.5s;
  text-align: center;
  font-family: "ZKT";
  font-size: 12px;
  line-height: 30px;
  color: rgba(51, 51, 51, 0.5);
  text-transform: uppercase;
}
.home .section2 .right .item .des {
  transition: 0.5s;
  position: relative;
  margin-top: 0.1354rem;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #666666;
  text-align: center;
}
.home .section2 .right .item.active {
  background-color: #d80c18;
}
.home .section2 .right .item.active .bg {
  opacity: 0.2;
}
.home .section2 .right .item.active .title .cn span {
  color: #fff;
}
.home .section2 .right .item.active .title .cn span:nth-child(1) {
  color: transparent !important;
}
.home .section2 .right .item.active .title .en {
  color: rgba(255, 225, 255, 0.5);
}
.home .section2 .right .item.active .des {
  color: #fff;
}
.home .section3 {
  margin-bottom: 70px;
}
.home .section3 .top {
  height: 680px;
  background-color: #d80c18;
  padding: 60px 0.5729rem 0;
  position: relative;
}
.home .section3 .selectBar {
  width: 100%;
}
.home .section3 .selectBar .item {
  cursor: pointer;
  position: relative;
  flex: 1;
  height: 218px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home .section3 .selectBar .item .title {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
}
.home .section3 .selectBar .item .cate {
  transition: 0.5s;
  font-size: 48px;
}
.home .section3 .selectBar .item .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 218px;
  height: 218px;
  z-index: 0;
}
.home .section3 .selectBar .item.active .cate {
  font-size: 67px;
}
.home .section3 .selectContent {
  position: relative;
  margin-top: -393px;
  display: block;
  height: 787px;
  width: 100%;
  padding: 0 0.5729rem;
}
.home .section3 .selectContent .content {
  display: none;
}
.home .section3 .selectContent .content img {
  vertical-align: top;
  width: 100%;
  border-radius: 24px;
}
.home .section3 .selectContent .content.active {
  display: block;
}
.home .section4 {
  padding-top: 100px;
  height: 100vh;
  position: relative;
}
.home .section4 .content {
  position: relative;
  height: calc(100vh - 100px);
}
.home .section4 .s4bg {
  background: url(/static/images/home_s4_img6.png) center no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.home .section4 .food-list {
  width: 100%;
  height: calc(100vh - 100px);
  background-color: #fff;
  position: relative;
  padding-top: calc((100vh - 100px - 27vh * 3) / 4);
  padding-bottom: calc((100vh - 100px - 27vh * 3) / 4);
}
.home .section4 .food-list ul {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.home .section4 .food-list ul li {
  width: 100%;
  height: 27vh;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}
.home .section4 .food-list ul li .f-footer {
  width: 200%;
  height: 100%;
  position: relative;
  display: flex;
}
.home .section4 .food-list ul li .f-top {
  width: 200%;
  height: 100%;
  position: relative;
  display: flex;
}
.home .section4 .food-list ul li .f-div {
  width: 19vw;
  height: 100%;
  margin-right: 1.25vw;
  border-radius: 10px;
  background-size: cover;
  background-position: center center;
}
.home .section4 .food-list ul li .f-top .f-div:last-child,
.home .section4 .food-list ul li .f-footer .f-div:last-child {
  margin-right: 0%;
}
.home .section4 .food-list ul li .f-center {
  width: 39.3vw;
  margin-right: 1.25vw;
  position: relative;
}
.home .section4 .food-list ul li .f-center .content {
  position: absolute;
  top: 50%;
  left: 50%;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.home .section4 .food-list ul li .f-center .bg {
  font-size: 95px;
  color: #666666;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 2px;
}
@supports (-webkit-background-clip: text) {
  .home .section4 .food-list ul li .f-center .bg {
    background-image: linear-gradient(360deg, #ffffff, #666666);
    -webkit-background-clip: text;
    color: transparent;
    opacity: 0.1;
  }
}
.home .section4 .food-list ul li .f-center .title {
  line-height: 1;
  font-size: 72px;
}
.home .section4 .food-list ul li .f-center .des {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  letter-spacing: 2px;
}
.home .section4 .food-list ul li:nth-child(2) .f-top {
  left: -10vw;
}
.home .section4 .food-list ul li:nth-child(2) .f-div:last-child {
  margin-right: 0%;
}
.home .section4 .food-list ul li:nth-child(1) .f-top {
  left: -10vw;
}
.home .section4 .food-list ul li:nth-child(3) .f-footer {
  left: -10vw;
}
.home .section5 {
  margin-top: 50px;
}
.home .section5 .top {
  height: 450px;
  background: #d91219;
}
.home .section5 .top .main {
  width: 100%;
  background: linear-gradient(to bottom, #fff, #fffdfa);
  height: 450px;
  border-bottom-left-radius: 120px;
  border-bottom-right-radius: 120px;
  position: relative;
  padding-top: 80px;
}
.home .section5 .top .main .title {
  font-size: 80px;
  text-align: center;
  letter-spacing: -12px;
}
.home .section5 .top .main .datas {
  margin-top: 40px;
}
.home .section5 .top .main .datas .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home .section5 .top .main .datas .item .des {
  font-size: 16px;
  font-weight: bold;
  width: 350px;
  text-align: center;
}
.home .section5 .top .main .datas .item .num {
  position: relative;
  display: flex;
  text-align: center;
  font-family: "GM";
  font-size: 52px;
}
.home .section5 .top .main .datas .item .num div {
  font-family: "GM";
  font-size: 52px;
}
.home .section5 .top .main .datas .item .num::after {
  content: "+";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #e59954;
}
@supports (-webkit-background-clip: text) {
  .home .section5 .top .main .datas .item .num::after {
    background-image: linear-gradient(180deg, #ffe098, #e59854);
    -webkit-background-clip: text;
    color: transparent;
  }
}
.home .section5 .top .main .datas .item:last-child {
  margin-right: 0;
}
.home .section5 .top .main .icons {
  z-index: 5;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home .section5 .top .main .icons .item {
  width: 96px;
  height: 96px;
  margin-right: 0.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(200, 200, 200, 0.2);
}
.home .section5 .top .main .icons .item .iconBox {
  background-color: #fff;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  overflow: hidden;
}
.home .section5 .top .main .icons .item .iconBox img {
  width: 100%;
  height: 100%;
}
.home .section5 .top .main .icons .item:last-child {
  margin-right: 0;
}
.home .section5 .section6 {
  position: relative;
  padding: 1.0417rem 0.5729rem;
}
.home .section5 .section6 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(/static/images/home_s6_bg.png) center no-repeat;
  background-size: cover;
}
.home .section5 .section6 .left {
  position: relative;
}
.home .section5 .section6 .left .item {
  opacity: 0.4;
  padding: 0.2344rem 0;
  transition: 0.5s;
  border-bottom: 1px solid rgba(255, 225, 255, 0.6);
}
.home .section5 .section6 .left .item .iconBox img {
  width: 0.4792rem;
}
.home .section5 .section6 .left .item .iconBox .text {
  margin-top: -0.0938rem;
  font-size: 0.1563rem;
  line-height: 0.1354rem;
  color: #fff;
}
.home .section5 .section6 .left .item .des {
  margin-left: 0.1979rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.home .section5 .section6 .left .item .des p {
  font-size: 0.1042rem;
  line-height: 0.1875rem;
  color: #fff;
}
.home .section5 .section6 .left .item:last-child {
  border-bottom: none !important;
}
.home .section5 .section6 .left .item.active {
  opacity: 1;
  border-bottom: 1px solid rgba(255, 225, 255, 0.15);
}
.home .section5 .section6 .right {
  height: 2.526rem;
  position: relative;
  overflow: hidden;
  width: 4.25rem;
}
.home .section5 .section6 .right .items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.5s;
}
.home .section5 .section6 .right .item {
  display: flex;
}
.home .section5 .section6 .right .item img {
  width: 1.3542rem;
  height: 2.526rem;
  margin-right: 0.0938rem;
  display: block;
  border-radius: 20px;
}
.home .section5 .section6 .right .item img:last-child {
  margin-right: 0;
}
.home .section7 {
  padding: 0.7292rem 0.5729rem;
}
.home .section7 .title {
  font-size: 0.4167rem;
  text-align: center;
  margin-bottom: 0.4063rem;
  letter-spacing: -12px;
}
.home .section7 .datas .item {
  margin-right: 0.8333rem;
  position: relative;
}
.home .section7 .datas .item .text {
  font-size: 0.0833rem;
  text-align: center;
  line-height: 0.276rem;
  font-weight: bold;
}
.home .section7 .datas .item .num {
  text-align: center;
  font-size: 0.3125rem;
  line-height: 0.276rem;
  font-family: "GM";
}
.home .section7 .datas .item::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 140%;
  transform: skewX(-15deg) translateY(-50%);
  width: 1px;
  height: 0.4583rem;
  background: linear-gradient(180deg, #ffe098, #e59854);
}
.home .section7 .datas .item:last-child {
  margin-right: 0;
}
.home .section7 .datas .item:last-child::after {
  display: none;
}
.home .section7 img {
  margin-top: 112px;
  width: 100%;
  border-radius: 24px;
}
.home .section8 {
  padding: 0.625rem 0.5729rem;
  background-image: url(/static/images/home_s8_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.home .section8 .title {
  font-size: 0.4167rem;
  line-height: 0.375rem;
  text-align: center;
  letter-spacing: -12px;
}
.home .section8 .content {
  margin-top: 0.6042rem;
}
.home .section8 .content .left,
.home .section8 .content .right {
  min-height: 2.8125rem;
  width: 1.9271rem;
  padding: 0.1563rem 0.1042rem 0.1042rem;
  border-radius: 32px;
  background-color: #fff;
}
.home .section8 .content .left .items,
.home .section8 .content .right .items {
  margin-bottom: 0.1927rem;
}
.home .section8 .content .left .items .titles,
.home .section8 .content .right .items .titles {
  font-size: 20px;
  line-height: 1;
}
.home .section8 .content .left .items .flex,
.home .section8 .content .right .items .flex {
  width: 100%;
  flex-wrap: wrap;
}
.home .section8 .content .left .items .flex .item,
.home .section8 .content .right .items .flex .item {
  min-width: 50%;
  margin-top: 0.0781rem;
  background: url(/static/images/home_s8_item_bg.png) no-repeat;
  background-size: cover;
  height: 36px;
  line-height: 36px;
  padding-left: 0.0781rem;
  font-size: 14px;
  color: #a28a51;
}
.home .section8 .content .left .items:last-child,
.home .section8 .content .right .items:last-child {
  margin-bottom: 0;
}
.home .section8 .content .center {
  position: relative;
  flex: 1;
}
.home .section8 .content .center .item {
  width: 2.5208rem;
  height: 2.5208rem;
  background-image: url(/static/images/home_s8_circular_left.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.home .section8 .content .center .item .box {
  width: 1.4167rem;
  height: 1.4167rem;
  background-color: #f8f6ed;
  border-radius: 50%;
  flex-direction: column;
}
.home .section8 .content .center .item .box .num {
  color: #d80c18;
  font-size: 18px;
  text-align: center;
}
.home .section8 .content .center .item .box .num span {
  font-size: 0.375rem;
  line-height: 1;
  color: #d80c18;
}
.home .section8 .content .center .item .box .name {
  text-align: center;
  margin-top: 18px;
  font-size: 24px;
  line-height: 1;
  color: #222;
}
.home .section8 .content .center .item .box .des {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.home .section8 .content .center .item .left_arrow {
  position: absolute;
  width: 32px;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
}
.home .section8 .content .center .item .right_arrow {
  position: absolute;
  width: 32px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.home .section8 .content .center .centerBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.6927rem;
  height: 1.6927rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 35px 15px rgba(0, 0, 0, 0.15);
}
.home .section8 .content .center .centerBox .box {
  border-radius: 50%;
  width: 1.4792rem;
  height: 1.4792rem;
  background: linear-gradient(13deg, #f4f0e6, #fffef9, #f4f1e6);
  flex-direction: column;
}
.home .section8 .content .center .centerBox .box .num {
  color: #d80c18;
  font-size: 18px;
  text-align: center;
}
.home .section8 .content .center .centerBox .box .num span {
  font-size: 72px;
  line-height: 1;
  color: #d80c18;
}
.home .section8 .content .center .centerBox .box .name {
  text-align: center;
  margin-top: 18px;
  font-size: 24px;
  line-height: 1;
  color: #222;
}
.home .section8 .content .center .centerBox .box .des {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.home .section8 .content .center .item:nth-child(2) {
  background-image: url(/static/images/home_s8_circular_right.png);
}
.about .section2 {
  padding: 100px 0.5729rem 80px;
  background: url(/static/images/home_s2_bg.jpg) no-repeat;
  background-size: cover;
}
.about .section2 .left {
  width: 50%;
}
.about .section2 .left .des {
  font-size: 18px;
  line-height: 42px;
  margin-top: 40px;
}
.about .section2 .left .datas .item .text {
  text-align: right;
  font-size: 20px;
  line-height: 73px;
}
.about .section2 .left .datas .item .num {
  justify-content: flex-end;
  display: flex;
  align-items: flex-start;
}
.about .section2 .left .datas .item .num span {
  font-size: 20px;
}
.about .section2 .left .datas .item .num .counter {
  font-size: 72px;
  line-height: 1;
}
.about .section2 .right {
  width: 3.1979rem;
  height: 3.8958rem;
  background-color: #d80c18;
  position: relative;
}
.about .section2 .right img {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 100%;
  height: 100%;
}
.about .section3 {
  width: 100%;
  padding: 150px 0.5729rem 250px;
  background-image: url(/static/images/about_s3_bg.png);
  background-size: cover;
}
.about .section3 .history_swiper {
  margin-top: 50px;
  overflow: hidden;
}
.about .section3 .history_swiper .swiperButton .prev,
.about .section3 .history_swiper .swiperButton .next {
  border-radius: 50%;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  margin-right: 13px;
  cursor: pointer;
  border: 2px solid rgba(255, 225, 255, 0.2);
}
.about .section3 .history_swiper .swiperButton .prev img,
.about .section3 .history_swiper .swiperButton .next img {
  width: 26px;
}
.about .section3 .history_swiper .swiperButton .prev .white,
.about .section3 .history_swiper .swiperButton .next .white {
  display: block;
}
.about .section3 .history_swiper .swiperButton .prev .red,
.about .section3 .history_swiper .swiperButton .next .red {
  display: none;
}
.about .section3 .history_swiper .swiperButton .prev:hover,
.about .section3 .history_swiper .swiperButton .next:hover {
  background-color: #f2ddc4;
  border: 2px solid #f2ddc4;
}
.about .section3 .history_swiper .swiperButton .prev:hover .white,
.about .section3 .history_swiper .swiperButton .next:hover .white {
  display: none;
}
.about .section3 .history_swiper .swiperButton .prev:hover .red,
.about .section3 .history_swiper .swiperButton .next:hover .red {
  display: block;
}
.about .section3 .history_swiper .swiper-wrapper {
  display: flex;
  align-items: flex-end;
}
.about .section3 .history_swiper .swiper-slide {
  position: relative;
  margin-right: 0.1563rem !important;
  width: 1.7708rem !important;
}
.about .section3 .history_swiper .swiper-slide .box {
  transition: 0.3s;
  height: 450px;
  position: relative;
  padding: 0 25px 0;
}
.about .section3 .history_swiper .swiper-slide .time .yaer {
  font-size: 36px;
  line-height: 1;
  font-family: "GM";
  color: #e59954;
}
@supports (-webkit-background-clip: text) {
  .about .section3 .history_swiper .swiper-slide .time .yaer {
    background-image: linear-gradient(to right, #cead61, #fff);
    -webkit-background-clip: text;
    color: transparent;
  }
}
.about .section3 .history_swiper .swiper-slide .time .text {
  font-size: 18px;
  font-family: "GM";
  color: #e59954;
}
@supports (-webkit-background-clip: text) {
  .about .section3 .history_swiper .swiper-slide .time .text {
    background-image: linear-gradient(to right, #cead61, #fff);
    -webkit-background-clip: text;
    color: transparent;
  }
}
.about .section3 .history_swiper .swiper-slide .content {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 20px;
  width: 0.9375rem;
}
.about .section3 .history_swiper .swiper-slide::before {
  content: "";
  width: 1px;
  height: 250px;
  background: linear-gradient(to bottom, #cdac60, rgba(205, 172, 96, 0.01));
  position: absolute;
  left: 5px;
  top: 0;
}
.about .section3 .history_swiper .swiper-slide::after {
  content: "";
  width: 11px;
  height: 11px;
  border: 2px solid #cdac60;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 80px;
}
.about .section4 {
  padding: 100px 0.5729rem 0;
}
.about .section4 .items {
  margin-top: 120px;
}
.about .section4 .items .item {
  background-color: #f1ebe3;
  width: 2.2135rem;
  padding: 0.4167rem;
  padding-left: 0.2604rem;
}
.about .section4 .items .item .top {
  display: flex;
  justify-content: flex-end;
}
.about .section4 .items .item .top .cn {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
.about .section4 .items .item .top .cn p {
  font-size: 60px;
  color: #d80c18;
  letter-spacing: -0.5px;
  line-height: 56px;
  font-family: "ZKT";
  writing-mode: tb;
}
.about .section4 .items .item .top .cn img {
  position: absolute;
  top: 100%;
  left: 0;
  width: 70px;
  transform: rotate(180deg);
}
.about .section4 .items .item .top .en {
  font-size: 12px;
  color: #d80c18;
  text-transform: uppercase;
  writing-mode: tb;
  margin-left: 10px;
  margin-top: 10px;
}
.about .section4 .items .item .des {
  margin-top: 1.3542rem;
}
.about .section4 .items .item .des p {
  font-size: 22px;
  line-height: 40px;
  letter-spacing: 0.75px;
}
.about .section4 .items .item:nth-child(2n) {
  background-color: #de1e2b;
}
.about .section4 .items .item:nth-child(2n) .top .cn p {
  color: #fff;
}
.about .section4 .items .item:nth-child(2n) .top .en {
  color: #ffff;
}
.about .section4 .items .item:nth-child(2n) .des p {
  color: #fff;
}
.about .section4 .items .item:nth-child(1) {
  background-image: url(/static/images/about_s4_bg.png);
  background-size: cover;
}
.about .section5 {
  padding-top: 156px;
}
.about .section5 .top {
  padding: 0 0.5729rem;
}
.about .section5 .top .selectBar .item {
  cursor: pointer;
  margin-left: 15px;
  width: 194px;
  height: 72px;
  border-radius: 36px;
  background-color: #f9f9f9;
  line-height: 72px;
  text-align: center;
  transition: 0.5s;
}
.about .section5 .top .selectBar .item span {
  transition: 0.5s;
  line-height: 72px;
  font-size: 30px;
  font-family: "ZKT";
  letter-spacing: -1px;
}
.about .section5 .top .selectBar .item.active {
  background-color: #de1e2b;
}
.about .section5 .top .selectBar .item.active span {
  font-weight: bold;
  color: #e59954;
}
@supports (-webkit-background-clip: text) {
  .about .section5 .top .selectBar .item.active span {
    background-image: linear-gradient(180deg, #ffe098, #e59854);
    -webkit-background-clip: text;
    color: transparent;
  }
}
.about .section5 .selectContent {
  height: 4.4271rem;
  margin-top: 88px;
}
.about .section5 .selectContent .content {
  height: 4.4271rem;
  display: none;
}
.about .section5 .selectContent .content .main .img {
  width: 6.5729rem;
  height: 4.4271rem;
}
.about .section5 .selectContent .content .main .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
  padding: 0.625rem 0.5208rem 0;
  height: 4.4271rem;
}
.about .section5 .selectContent .content .main .right .logoImg {
  width: 127px;
}
.about .section5 .selectContent .content .main .right .title {
  margin-top: 0.1042rem;
  font-size: 0.25rem;
}
.about .section5 .selectContent .content .main .right .title_l {
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 0.1719rem;
}
.about .section5 .selectContent .content .main .right .des {
  width: 100%;
  padding: 12px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  font-size: 0.0833rem;
  line-height: 0.1563rem;
  text-align: center;
}
.about .section5 .selectContent .content .main .right .icon {
  margin-top: 0.2083rem;
  width: 0.974rem;
}
.about .section5 .selectContent .content.active {
  display: block;
}
.about .section6 {
  padding: 110px 0.5729rem 100px;
}
.about .section6 .content {
  margin-top: 95px;
  height: 600px;
}
.about .section6 .content .pagination {
  height: 100%;
  width: 1.625rem;
  position: relative;
}
.about .section6 .content .pagination .swiperButton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0;
}
.about .section6 .content .pagination .swiperButton .prev,
.about .section6 .content .pagination .swiperButton .next {
  cursor: pointer;
}
.about .section6 .content .pagination .pagination_swiper {
  margin-top: 125px;
  height: 362px;
  padding-top: 1px;
  overflow: hidden;
  position: relative;
}
.about .section6 .content .pagination .pagination_swiper .swiper-slide {
  cursor: pointer;
  height: 72px;
  border-bottom: 1px solid #000;
  line-height: 72px;
  text-align: center;
  font-size: 0.0938rem;
}
.about .section6 .content .pagination .pagination_swiper .mask {
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.9));
  z-index: 20;
  position: absolute;
}
.about .section6 .content .honer_swiper {
  width: 6.5938rem;
  height: 600px;
  overflow: hidden;
}
.about .section6 .content .honer_swiper .swiper-slide {
  width: 4.3229rem !important;
  height: 600px;
  margin-right: 0.2083rem !important;
  position: relative;
}
.about .section6 .content .honer_swiper .swiper-slide .main {
  width: 4.3229rem !important;
  height: 600px;
  border: 1px solid #fde8c0;
  position: relative;
  padding: 12px;
}
.about .section6 .content .honer_swiper .swiper-slide .main .grayBox {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}
.about .section6 .content .honer_swiper .swiper-slide .main .grayBox img {
  width: 3.6042rem;
}
.about .section6 .content .honer_swiper .swiper-slide .main .grayBox .grayBox_circular {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  z-index: 15;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
}
.about .section6 .content .honer_swiper .swiper-slide .main .grayBox .grayBox_circular:nth-child(2) {
  top: 0;
  left: 100%;
}
.about .section6 .content .honer_swiper .swiper-slide .main .grayBox .grayBox_circular:nth-child(3) {
  top: 100%;
  left: 0;
}
.about .section6 .content .honer_swiper .swiper-slide .main .grayBox .grayBox_circular:nth-child(4) {
  top: 100%;
  left: 100%;
}
.about .section6 .content .honer_swiper .swiper-slide .main .circular {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  z-index: 20;
  transform: translate(-50%, -50%);
  border: 1px solid #fde8c0;
  border-radius: 50%;
  background-color: #fff;
}
.about .section6 .content .honer_swiper .swiper-slide .main .circular:nth-child(2) {
  top: 0;
  left: 100%;
}
.about .section6 .content .honer_swiper .swiper-slide .main .circular:nth-child(3) {
  top: 100%;
  left: 0;
}
.about .section6 .content .honer_swiper .swiper-slide .main .circular:nth-child(4) {
  top: 100%;
  left: 100%;
}
.business .section2 {
  background-color: #d80c18;
  padding-top: 108px;
  height: 1025px;
}
.business .section2 .main {
  margin-top: 95px;
}
.business .section2 .main .selectBar .item {
  cursor: pointer;
  padding-left: 0.5729rem;
  width: 3.2813rem;
  height: 110px;
  border-bottom: 1px solid rgba(255, 225, 255, 0.2);
  transition: 0.3s;
  overflow: hidden;
}
.business .section2 .main .selectBar .item .title {
  font-family: "ZKT";
  color: #fff;
  font-size: 48px;
  line-height: 110px;
}
.business .section2 .main .selectBar .item .des {
  height: 0;
  font-size: 0;
  transition: 0.3s;
  line-height: 30px;
  color: #fff;
  
}
.business .section2 .main .selectBar .item.active {
  height: auto;
  padding-bottom: 0.3125rem;
}
.business .section2 .main .selectBar .item.active .des {
  height: auto;
  font-size: 16px;
}
.business .section2 .main .selectContent .content {
  display: none;
}
.business .section2 .main .selectContent .content img {
  width: 6.3438rem;
  vertical-align: bottom;
}
.business .section2 .main .selectContent .content.active {
  display: block;
}
.business .section2.chuanchuan {
  height: 4.3229rem;
  padding: 0.5729rem 0.5729rem 0;
}
.business .section2.chuanchuan .textBox {
  margin-top: 0.4063rem;
}
.business .section2.chuanchuan .textBox .title {
  font-size: 40px;
  line-height: 1;
}
.business .section2.chuanchuan .textBox .des {
  width: 4.9479rem;
  margin-top: 0.1563rem;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  letter-spacing: 1px;
}
.business .section2.chuanchuan .imgBox {
  margin-top: 0.3385rem;
  position: relative;
}
.business .section2.chuanchuan .imgBox .img1 {
  width: 100%;
}
.business .section2.chuanchuan .imgBox .img2 {
  position: absolute;
  top: -1.9792rem;
  right: 0.1563rem;
  width: 2.6458rem;
}
.business .section3 {
  padding-top: 100px;
  padding-left: 0.5729rem;
}
.business .section3 .top {
  padding-right: 0.5729rem;
}
.business .section3 .top .slogan {
  width: 2.2292rem;
}
.business .section3 .food_swiper {
  margin-top: 90px;
  overflow: hidden;
}
.business .section3 .food_swiper .swiper-slide {
  width: auto !important;
  margin-right: 20px !important;
  height: 3.8698rem;
  position: relative;
}
.business .section3 .food_swiper .swiper-slide .bg {
  width: auto;
  height: 100%;
}
.business .section3 .food_swiper .swiper-slide .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.business .section3 .food_swiper .swiper-slide .textBox {
  position: absolute;
  bottom: 0.2604rem;
  left: 0.2604rem;
  z-index: 2;
}
.business .section3 .food_swiper .swiper-slide .textBox img {
  position: absolute;
  top: -15px;
  left: -20px;
  transform: rotate(180deg);
  width: 39px;
}
.business .section3 .food_swiper .swiper-slide .textBox .text {
  font-size: 48px;
  line-height: 1;
}
.business .section3.chuanchuan {
  padding: 0;
  padding-top: 2.0052rem;
}
.business .section3.chuanchuan .top {
  padding: 0 0.5729rem;
}
.business .section3.chuanchuan .food_swiper .swiper-slide .textBox {
  top: 0.4167rem;
  bottom: auto;
  left: 0.2604rem;
}
.business .section3.chuanchuan .food_swiper .swiper-slide .textBox img {
  top: 100%;
}
.business .section3.chuanchuan .food_swiper .swiper-slide .textBox .text {
  writing-mode: tb;
}
.business .section4 {
  padding-top: 110px;
}
.business .section4 .commonTitle {
  margin-left: 0.5729rem;
}
.business .section4 .img {
  margin-top: 65px;
  width: 100%;
}
.business .section5 {
  position: relative;
  padding: 150px 0.5729rem 100px;
}
.business .section5 .bg {
  z-index: -1;
  position: absolute;
  top: 52.5%;
  right: 0;
  width: 6.875rem;
  transform: translateY(-50%);
}
.business .section5 .left {
  position: relative;
}
.business .section5 .left .item {
  opacity: 0.4;
  transition: 0.5s;
  margin-bottom: 0.3646rem;
}
.business .section5 .left .item .icon {
  width: 63px;
  scale: 0.8;
  transition: 0.5s;
}
.business .section5 .left .item .title {
  font-size: 48px;
  line-height: 1;
  color: #d80c18;
  letter-spacing: -1px;
  margin-top: 12px;
}
.business .section5 .left .item .des {
  width: 1.5625rem;
  font-size: 18px;
  line-height: 32px;
  margin-top: 10px;
  letter-spacing: 1px;
}
.business .section5 .left .item:last-child {
  border-bottom: none !important;
}
.business .section5 .left .item.active {
  opacity: 1;
}
.business .section5 .left .item.active .icon {
  scale: 1;
}
.business .section5 .right {
  position: relative;
  overflow: hidden;
  width: 4.5313rem;
  height: 3.8854rem;
}
.business .section5 .right .items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.5s;
}
.business .section5 .right .item {
  display: flex;
}
.business .section5 .right .item img {
  width: 2.224rem;
  height: 3.8854rem;
  margin-right: 18px;
  display: block;
  border-radius: 24px;
}
.business .section5 .right .item img:last-child {
  margin-right: 0;
}
.business .section6 {
  padding: 105px 0.5729rem 150px;
  background-image: url(/static/images/business_s6_bg.png);
  background-size: cover;
}
.business .section6 .items {
  margin-top: 72px;
}
.business .section6 .items .item {
  width: 1.1458rem;
  height: 603px;
  transition: 0.3s;
  position: relative;
  background-color: #fff;
}
.business .section6 .items .item .content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.business .section6 .items .item .bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.901rem;
}
.business .section6 .items .item .hotpot {
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4219rem;
  transition: 0.3s;
}
.business .section6 .items .item .title {
  transition: 0.3s;
  padding-top: 0.3646rem;
  display: flex;
}
.business .section6 .items .item .title .text {
  transition: 0.3s;
  font-size: 48px;
  letter-spacing: -0.5px;
  writing-mode: tb;
  margin: 0 auto;
  position: relative;
}
.business .section6 .items .item .title .text img {
  position: absolute;
  top: 110%;
  left: 0;
  width: 33px;
  transform: rotate(180deg);
}
.business .section6 .items .item .title .des {
  margin-left: 15px;
  margin-top: 30px;
  transition: 0.3s;
  width: 0;
  font-size: 0;
  color: #666666;
}
.business .section6 .items .item.active {
  width: 2.4219rem;
  background-color: #fff9ee;
}
.business .section6 .items .item.active .hotpot {
  opacity: 1;
}
.business .section6 .items .item.active .title {
  padding-left: 0.2604rem;
  padding-right: 0.3646rem;
}
.business .section6 .items .item.active .title .text {
  margin: 0;
}
.business .section6 .items .item.active .title .des {
  width: 1.1875rem;
  font-size: 16px;
  line-height: 34px;
}
.business .section6.chuanchuan .items {
  flex-wrap: wrap;
}
.business .section6.chuanchuan .items .item {
  width: 2.8125rem;
  height: 1.5625rem;
  margin-top: 0.2188rem;
}
.business .section6.chuanchuan .items .item .content {
  padding: 45px 0.2083rem 0;
}
.business .section6.chuanchuan .items .item .hotpot {
  display: none;
}
.business .section6.chuanchuan .items .item .bg {
  transition: 0.3s;
  opacity: 0;
  position: absolute;
  bottom: -0.2083rem;
  left: auto;
  right: -0.3646rem;
  transform: translateX(0);
  width: 1.901rem;
}
.business .section6.chuanchuan .items .item .title {
  padding-top: 0;
  display: block;
}
.business .section6.chuanchuan .items .item .title .text {
  font-size: 30px;
  letter-spacing: 0.5px;
  writing-mode: horizontal-tb;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.business .section6.chuanchuan .items .item .title .text img {
  position: relative;
  top: auto;
  left: auto;
  width: 33px;
  transform: rotate(180deg);
}
.business .section6.chuanchuan .items .item .title .des {
  margin-top: 20px;
  margin-left: 0;
  width: 100%;
  font-size: 15px;
  line-height: 26px;
  color: #666666;
}
.business .section6.chuanchuan .items .item.active {
  width: 2.8125rem;
  background-color: #fff9ee;
}
.business .section6.chuanchuan .items .item.active .bg {
  opacity: 1;
}
.business .section6.chuanchuan .items .item.active .title {
  padding-left: 0;
  padding-right: 0;
}
.business .section6.chuanchuan .items .item.active .title .text {
  margin: 0;
}
.business .section6.chuanchuan .items .item.active .title .des {
  width: auto;
  font-size: 15px;
  line-height: 26px;
}
.business .section7 {
  padding: 100px 0.5729rem;
}
.business .section7 .des {
  font-size: 30px;
  line-height: 1;
  letter-spacing: -1px;
  margin: 35px 0;
  text-align: center;
}
.business .section7 .formBox {
  height: 2.6667rem;
}
.business .section7 .formBox .img {
  width: 4.4271rem;
  height: 2.6667rem;
}
.business .section7 .formBox .form {
  height: 100%;
  width: 4.4271rem;
  background-color: #f4f4f4;
  padding: 0.5729rem 0.6771rem 0;
}
.business .section7 .formBox .form .inputs {
  margin-bottom: 16px;
}
.business .section7 .formBox .form .inputs .label {
  width: 64px;
  font-size: 18px;
  letter-spacing: 1px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-color: #fff;
}
.business .section7 .formBox .form .inputs input {
  font-size: 18px;
  flex: 1;
  height: 64px;
  line-height: 64px;
  padding: 0 20px;
  background-color: #fff;
}
.business .section7 .formBox .form .inputs input::placeholder {
  color: #999999;
}
.business .section7 .formBox .form .submit {
  width: 1.1563rem;
  height: 0.3333rem;
  margin-top: 0.1302rem;
  background-color: #d80c18;
  color: #fff;
  text-align: center;
  line-height: 0.3333rem;
  font-size: 18px;
  margin-left: auto;
  display: block;
}
.factory .section2 {
  padding-top: 115px;
}
.factory .section2 .des {
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  width: 5.9635rem;
  margin: 70px auto 0;
}
.factory .section2 .datas {
  margin-top: 80px;
}
.factory .section2 .datas .item {
  cursor: pointer;
  width: 1.4948rem;
  height: 312px;
  display: flex;
  transition: 0.3s;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.factory .section2 .datas .item .icon {
  width: 48px;
}
.factory .section2 .datas .item .num {
  transition: 0.3s;
  font-size: 52px;
  line-height: 1;
  letter-spacing: -0.5px;
  margin-top: 52px;
}
.factory .section2 .datas .item .text {
  transition: 0.3s;
  font-size: 16px;
  line-height: 24px;
}
.factory .section2 .datas .item.active {
  background: linear-gradient(to bottom, rgba(220, 202, 174, 0), rgba(220, 202, 174, 0.3));
}
.factory .section2 .datas .item.active .num,
.factory .section2 .datas .item.active .text {
  color: #d80c18;
}
.factory .section3 {
  padding: 95px 0 110px;
  background-color: #d80c18;
}
.factory .section3 .selectBar {
  padding: 0 0.5729rem;
  margin-top: 80px;
  justify-content: space-evenly;
}
.factory .section3 .selectBar .item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.factory .section3 .selectBar .item .en {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.factory .section3 .selectBar .item .cn {
  letter-spacing: -1px;
  font-size: 36px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
}
.factory .section3 .selectBar .item .icon {
  opacity: 0;
  width: 32px;
  transition: 0.5s;
}
.factory .section3 .selectBar .item.active .icon {
  opacity: 1;
}
.factory .section3 .selectContent {
  margin-top: 60px;
  padding-left: 0.5729rem;
  overflow: hidden;
  height: calc(195px + 2.0833rem);
}
.factory .section3 .selectContent .content {
  display: none;
}
.factory .section3 .selectContent .content .product_swiper {
  overflow: hidden;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide {
  transition: 0.3s !important;
  width: 2.0833rem !important;
  margin-right: 35px !important;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide .infomation {
  background-color: #fff;
  height: 193px;
  padding-left: 0.2083rem;
  padding-top: 40px;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide .infomation .cate {
  font-size: 18px;
  line-height: 33px;
  color: #d80c18;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide .infomation .title {
  font-size: 28px;
  line-height: 1;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide .imgBox {
  background-color: #f6f6f6;
  width: 2.0833rem;
  position: relative;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide .imgBox .img {
  width: 100%;
}
.factory .section3 .selectContent .content .product_swiper .swiper-slide .imgBox .tag {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: 0.2344rem;
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 14px;
  background-color: #d80c18;
  box-shadow: 1px 1px 35px 10px rgba(216, 12, 24, 0.15);
  border-bottom-left-radius: 0;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}
.factory .section3 .selectContent .content .product_swiper .mask {
  opacity: 0.2;
}
.factory .section3 .selectContent .content.active {
  display: block;
}
.factory .section4 {
  padding: 165px 0.5729rem 115px;
}
.factory .section4 .left .des {
  width: 2.2656rem;
  font-size: 18px;
  line-height: 2;
  color: #666666;
  margin-top: 50px;
}
.factory .section4 .left .swiperButton {
  margin-top: 170px;
}
.factory .section4 .left .swiperButton .prev,
.factory .section4 .left .swiperButton .next {
  cursor: pointer;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background-color: #d4d5d6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  margin-right: 20px;
}
.factory .section4 .left .swiperButton .prev img,
.factory .section4 .left .swiperButton .next img {
  width: 26px;
}
.factory .section4 .left .swiperButton .prev:hover,
.factory .section4 .left .swiperButton .next:hover {
  background-color: #d80c18;
}
.factory .section4 .right {
  flex: 1;
  margin-left: 0.5208rem;
  overflow: hidden;
}
.factory .section4 .right .material_swiper .swiper-slide {
  width: 1.9375rem !important;
  margin-right: 25px !important;
  height: calc(70px + 2.9792rem);
}
.factory .section4 .right .material_swiper .swiper-slide .box {
  height: 70px;
  transition: 0.5s;
}
.factory .section4 .right .material_swiper .swiper-slide .imgBox {
  width: 1.9375rem;
  height: 2.9792rem;
  position: relative;
}
.factory .section4 .right .material_swiper .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
}
.factory .section4 .right .material_swiper .swiper-slide .imgBox .mask {
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(216, 12, 24, 0), rgba(216, 12, 24, 0.5));
}
.factory .section4 .right .material_swiper .swiper-slide .imgBox .name {
  font-weight: bold;
  font-size: 33px;
  letter-spacing: -0.5px;
  position: absolute;
  left: 40px;
  bottom: 30px;
}
.factory .section4 .right .material_swiper .swiper-slide.up .box {
  height: 0;
}
.factory .section5 {
  padding-top: 150px;
  background-color: #d80c18;
}
.factory .section5 .left {
  width: 3.3854rem;
}
.factory .section5 .left .commonTitle {
  margin-left: 0.5729rem;
}
.factory .section5 .left .items {
  width: 100%;
  margin-top: 30px;
}
.factory .section5 .left .items .item {
  width: 100%;
  border-bottom: 1px solid rgba(255, 225, 255, 0.2);
  padding: 50px 0;
  padding-left: 0.5729rem;
  opacity: 0.4;
  transition: 0.4s;
}
.factory .section5 .left .items .item .title {
  font-size: 48px;
  line-height: 2;
}
.factory .section5 .left .items .item .des {
  font-size: 16px;
  line-height: 2;
  color: #fff;
}
.factory .section5 .left .items .item:nth-child(2) {
  border-bottom: none;
}
.factory .section5 .left .items .item.active {
  opacity: 1;
}
.factory .section5 .right {
  width: 5.9896rem;
  height: 4.6354rem;
  position: relative;
}
.factory .section5 .right .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
  width: 100%;
  height: 100%;
}
.factory .section5 .right .imgBox img {
  width: 100%;
  height: 100%;
}
.factory .section5 .right .imgBox.active {
  opacity: 1;
}
.factory .section6 {
  height: 5.2396rem;
  width: 100%;
  background: url(/static/images/factory_s6_bg.png) no-repeat;
  background-size: cover;
  position: relative;
}
.factory .section6 .iconBox {
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  transition: 1s;
}
.factory .section6 .iconBox img {
  width: 100%;
  height: 100%;
  transition: 1s;
}
.factory .section6 .iconBox:hover {
  box-shadow: 1px 1px 35px 15px rgba(0, 0, 0, 0.1);
}
.factory .section6 .iconBox:hover img {
  scale: 1.2;
}
.factory .section6 .iconBox:nth-child(1) {
  width: 1rem;
  height: 1rem;
  top: 0.7031rem;
  left: 2.4479rem;
}
.factory .section6 .iconBox:nth-child(2) {
  width: 0.6719rem;
  height: 0.6719rem;
  top: 1.0417rem;
  left: 5.4375rem;
}
.factory .section6 .iconBox:nth-child(3) {
  width: 1.2083rem;
  height: 1.2083rem;
  top: 0.6771rem;
  left: 7.625rem;
}
.factory .section6 .iconBox:nth-child(4) {
  width: 1.2344rem;
  height: 1.2344rem;
  top: 1.9635rem;
  left: 0.7083rem;
}
.factory .section6 .iconBox:nth-child(5) {
  width: 0.7188rem;
  height: 0.7188rem;
  top: 3.0208rem;
  left: 2.5rem;
}
.factory .section6 .iconBox:nth-child(6) {
  width: 0.6927rem;
  height: 0.6927rem;
  top: 4.1667rem;
  left: 1.8229rem;
}
.factory .section6 .iconBox:nth-child(7) {
  width: 1.1146rem;
  height: 1.1146rem;
  top: 3.7604rem;
  left: 5.9167rem;
}
.factory .section6 .iconBox:nth-child(8) {
  width: 1.099rem;
  height: 1.099rem;
  top: 3.0469rem;
  left: 8.0521rem;
}
.product_info .section1 {
  position: relative;
}

.product_info .section1 .textBox .back {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 52px;
    border-radius: 26px;
  margin-top: 40px; 
  background-color: rgba(0,0,0,0.3);
  border: 2px solid rgba(255, 255, 255,0.3);
}
.product_info .section1 .textBox .back img {
  width: 9px;
  margin-right:10px ;
}

.product_info .section1 .textBox .back span {
 font-size: 18px;
 color: #fff;
}

.product_info .section1 .textBox {
  position: absolute;
  bottom: 0.625rem;
  left: 0.5729rem;
}
.product_info .section1 .textBox .cate {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
}
.product_info .section1 .textBox .name {
  font-size: 60px;
  color: #fff;
}
.product_info .section1 .textBox .tag {
  margin-top: 15px;
  font-size: 16px;
  width: 100px;
  height: 37px;
  background-color: #d80c18;
  border-radius: 18.5px;
  border-top-left-radius: 0;
  line-height: 37px;
  text-align: center;
  color: #fff;
}
.product_info .section2 {
  padding: 90px 0.5729rem 150px;
}
.product_info .section2 .infomation {
  width: 4.7396rem;
}
.product_info .section2 .infomation .info {
  width: 100%;
  margin-bottom: 45px;
}
.product_info .section2 .infomation .info .title {
  font-size: 30px;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product_info .section2 .infomation .info .des {
  font-size: 16px;
  line-height: 30px;
  padding-top: 20px;
}
.product_info .section2 .infomation .items .item {
  flex: 1;
  margin-right: 35px;
}
.product_info .section2 .infomation .items .item .title {
  font-size: 30px;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product_info .section2 .infomation .items .item .content {
  padding-top: 20px;
}
.product_info .section2 .infomation .items .item .content p {
  font-size: 16px;
  line-height: 30px;
}
.product_info .section2 .infomation .items .item .content img {
  width: 133px;
}
.product_info .section2 .infomation .items .item:last-child {
  margin-right: 0;
}
.product_info .section2 .img {
  position: relative;
  width: 604px;
  height: 833px;
  margin-top: -350px;
}
.product_info .section2 .img img {
  width: 100%;
  height: 100%;
}
.product_info .section3 {
  padding: 72px 0.5729rem 0.9115rem;
  background-color: #f7f7f7;
}
.product_info .section3 .top .des {
  width: 1028px;
  font-size: 18px;
  line-height: 30px;
}
.product_info .section3 .main {
  margin-top: 60px;
}
.product_info .section3 .main .title {
  font-size: 36px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 65px;
}
.product_info .section3 .main .tableBox {
  padding: 0 55px 55px;
  background-color: #fff;
  border-top: 1px solid #d80c18;
}
.product_info .section3 .main .tableBox .tableTitle {
  height: 100px;
  color: #d80c18;
}
.product_info .section3 .main .tableBox .tableTitle .cn {
  font-size: 30px;
  line-height: 1;
}
.product_info .section3 .main .tableBox .tableTitle .en {
  font-size: 22px;
  line-height: 30px;
  margin-left: 25px;
  text-transform: uppercase;
}
.product_info .section3 .main .tableBox .table .item {
  height: 164px;
  margin-bottom: 5px;
}
.product_info .section3 .main .tableBox .table .item .name {
  background-color: #f7f7f7;
  margin-right: 5px;
  width: 350px;
  height: 164px;
  line-height: 164px;
  text-align: center;
  font-size: 24px;
}
.product_info .section3 .main .tableBox .table .item .des {
  padding: 0 40px;
  height: 164px;
  flex: 1;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product_info .section3 .main .tableBox .table .item .des p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.cooperate .section2 {
  padding-top: 110px;
}
.cooperate .section2 .top {
  padding: 0 0.5729rem;
  align-items: flex-start;
}
.cooperate .section2 .top .des {
  width: 1000px;
  font-size: 16px;
  line-height: 2;
  color: #666666;
  padding: 25px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.cooperate .section2 .img {
  margin-top: 102px;
  width: 100%;
}
.cooperate .section3 {
  padding: 170px 0.5729rem 110px;
  background: url(/static/images/cooperate_s3_bg.jpg) no-repeat;
  background-size: cover;
}
.cooperate .section3 .left img {
  width: 5.0833rem;
}
.cooperate .section3 .left .des {
  width: 3.3958rem;
  font-size: 16px;
  line-height: 2;
  margin-top: 22px;
  color: #fff;
}
.cooperate .section3 .right {
  width: 2.8125rem;
}
.cooperate .section3 .right .des {
  width: 100%;
  font-size: 16px;
  line-height: 2;
  margin-top: 65px;
  color: #fff;
}
.cooperate .section3 .right .datas {
  padding-top: 70px;
}
.cooperate .section3 .right .datas .items {
  margin-right: 0.4167rem;
  flex: 1;
  margin-top: 60px;
}
.cooperate .section3 .right .datas .items .item {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 80px;
  transition: 0.5s;
  border-bottom: 2px solid rgba(255, 225, 255, 0.2);
}
.cooperate .section3 .right .datas .items .item .num {
  font-size: 52px;
}
.cooperate .section3 .right .datas .items .item .text {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.cooperate .section3 .right .datas .items .item:hover {
  border-bottom: 2px solid #fff;
}
.cooperate .section3 .right .datas .items .item:last-child {
  margin-bottom: 0;
}
.cooperate .section3 .right .datas .items:last-child {
  margin-top: 0;
  margin-right: 0;
}
.cooperate .section4 {
  padding: 100px 0.5729rem 110px;
}
.cooperate .section4 .left {
  width: 50%;
}
.cooperate .section4 .left .selectBar {
  margin-top: 80px;
  flex-wrap: wrap;
}
.cooperate .section4 .left .selectBar .item {
  margin-bottom: 20px;
  width: 1.3802rem;
  height: 0.9375rem;
  background-color: #ece5d5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s;
}
.cooperate .section4 .left .selectBar .item .imgBox img {
  width: 0.3229rem;
}
.cooperate .section4 .left .selectBar .item .imgBox .white {
  display: none;
}
.cooperate .section4 .left .selectBar .item .text {
  margin-top: 0.1563rem;
  transition: 0.3s;
  font-size: 0.125rem;
  line-height: 0.1458rem;
}
.cooperate .section4 .left .selectBar .item.active {
  background-color: #dc2530;
}
.cooperate .section4 .left .selectBar .item.active .imgBox img {
  display: none;
}
.cooperate .section4 .left .selectBar .item.active .imgBox .white {
  display: block;
}
.cooperate .section4 .left .selectBar .item.active .text {
  color: #fff;
}
.cooperate .section4 .selectContent .content {
  display: none;
  position: relative;
}
.cooperate .section4 .selectContent .content .img {
  width: 2.9427rem;
  height: 3.9323rem;
}
.cooperate .section4 .selectContent .content .infomationBox {
  position: absolute;
  top: 1.3542rem;
  left: 0;
  transform: translateX(-50%);
  background-color: #dc2530;
  padding: 0.2083rem;
  width: 319px;
  height: 418px;
}
.cooperate .section4 .selectContent .content .infomationBox .title {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}
.cooperate .section4 .selectContent .content .infomationBox .des {
  margin-top: 20px;
  font-size: 15px;
  line-height: 2;
  color: rgba(255, 225, 255, 0.6);
}
.cooperate .section4 .selectContent .content .infomationBox .icon {
  position: absolute;
  bottom: 0.2083rem;
  left: 0.2083rem;
  width: 62px;
}
.cooperate .section4 .selectContent .content.active {
  display: block;
}
.cooperate .section5 {
  padding-bottom: 454px;
  background-image: url(/static/images/cooperate_s5_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
}
.cooperate .section5 .content {
  height: 560px;
  background-color: #212121;
  padding: 108px 0.5729rem 0;
}
.cooperate .section5 .content .items {
  margin-top: 150px;
}
.cooperate .section5 .content .items .item {
  position: relative;
}
.cooperate .section5 .content .items .item .title {
  width: 152px;
  height: 48px;
  border-radius: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #dc2530;
  color: #fff;
  text-align: center;
  line-height: 48px;
  margin: 0 auto;
  font-size: 24px;
}
.cooperate .section5 .content .items .item .des {
  text-align: center;
  width: 280px;
  margin-top: 34px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.cooperate .section5 .content .items .item .num {
  position: absolute;
  font-size: 220px;
  line-height: 1;
  letter-spacing: -0.5px;
  top: -100px;
  left: 50%;
  font-family: "GM";
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.1);
}
@supports (-webkit-background-clip: text) {
  .cooperate .section5 .content .items .item .num {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    -webkit-background-clip: text;
    color: transparent;
  }
}
.cooperate .section6 {
  width: 10rem;
  height: 5.5469rem;
  background-image: url(/static/images/cooperate_s6_bg.png);
  background-size: cover;
  position: relative;
}
.cooperate .section6 .item {
  position: absolute;
  display: flex;
  align-items: center;
}
.cooperate .section6 .item .text {
  height: 0.2813rem;
  line-height: 0.2813rem;
  font-size: 18px;
  color: #8e6e29;
  min-width: 1.4063rem;
}
.cooperate .section6 .item .num {
  transition: 0.5s;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  color: #dc2530;
  border: 2px solid #d9ad4c;
  background-color: #fff;
}
@keyframes translateX {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  50% {
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@keyframes translateX2 {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  50% {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.cooperate .section6 .item:nth-child(-n + 6) .text {
  background: url(/static/images/cooperate_s6_bg2_left.png) no-repeat;
  background-size: cover;
  background-position-x: right;
  text-align: right;
  padding-right: 0.1667rem;
  margin-right: 15px;
}
.cooperate .section6 .item:nth-child(-n + 6):hover .num {
  color: #fff;
  border: 2px solid #d9ad4c;
  background-color: #dc2530;
}
.cooperate .section6 .item:nth-child(-n + 6):hover .text {
  animation: translateX 0.8s linear;
}
.cooperate .section6 .item:nth-child(n + 7) {
  flex-direction: row-reverse;
}
.cooperate .section6 .item:nth-child(n + 7) .text {
  background: url(/static/images/cooperate_s6_bg2_right.png) no-repeat;
  background-size: cover;
  background-position-x: left;
  text-align: left;
  padding-left: 0.1667rem;
  margin-left: 15px;
}
.cooperate .section6 .item:nth-child(n + 7):hover .num {
  color: #fff;
  border: 2px solid #d9ad4c;
  background-color: #dc2530;
}
.cooperate .section6 .item:nth-child(n + 7):hover .text {
  animation: translateX2 0.8s linear;
}
.cooperate .section6 .item:nth-child(1) {
  top: 1.0938rem;
  right: 7.1615rem;
}
.cooperate .section6 .item:nth-child(2) {
  top: 1.7708rem;
  right: 7.5521rem;
}
.cooperate .section6 .item:nth-child(3) {
  top: 2.4271rem;
  right: 7.7344rem;
}
.cooperate .section6 .item:nth-child(4) {
  top: 3.0833rem;
  right: 7.75rem;
}
.cooperate .section6 .item:nth-child(5) {
  top: 3.7344rem;
  right: 7.6302rem;
}
.cooperate .section6 .item:nth-child(6) {
  top: 4.375rem;
  right: 7.3177rem;
}
.cooperate .section6 .item:nth-child(7) {
  top: 1.0938rem;
  left: 7.1615rem;
}
.cooperate .section6 .item:nth-child(8) {
  top: 1.7708rem;
  left: 7.5521rem;
}
.cooperate .section6 .item:nth-child(9) {
  top: 2.4271rem;
  left: 7.7344rem;
}
.cooperate .section6 .item:nth-child(10) {
  top: 3.0833rem;
  left: 7.75rem;
}
.cooperate .section6 .item:nth-child(11) {
  top: 3.7344rem;
  left: 7.6302rem;
}
.cooperate .section6 .item:nth-child(12) {
  top: 4.375rem;
  left: 7.3177rem;
}
.network_marketing .swiperButton .prev,
.network_marketing .swiperButton .next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  background-color: #e3e3e3;
  transition: 0.5s;
  border-radius: 50%;
  margin: 0 10px;
}
.network_marketing .swiperButton .prev img,
.network_marketing .swiperButton .next img {
  width: 26px;
}
.network_marketing .swiperButton .prev:hover,
.network_marketing .swiperButton .next:hover {
  background-color: #d80c18;
}
.network_marketing .section2,
.network_marketing .section4 {
  padding: 0.7292rem 0.5729rem 0.8594rem;
  background-color: #f6f6f6;
}
.network_marketing .section2 .left,
.network_marketing .section4 .left {
  width: 2.6042rem;
  margin-right: 0.625rem;
}
.network_marketing .section2 .left .title,
.network_marketing .section4 .left .title {
  margin-top: 0.5729rem;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 1;
}
.network_marketing .section2 .left .des,
.network_marketing .section4 .left .des {
  font-size: 15px;
  line-height: 2;
  color: #666666;
  margin-top: 0.1667rem;
  margin-bottom: 0.4479rem;
}
.network_marketing .section2 .right,
.network_marketing .section4 .right {
  width: 5.7292rem;
}
.network_marketing .section2 .right .swiper,
.network_marketing .section4 .right .swiper {
  overflow: hidden;
  width: 5.7292rem;
}
.network_marketing .section2 .right .swiper-slide,
.network_marketing .section4 .right .swiper-slide {
  width: auto !important;
  margin-right: 0.1354rem !important;
}
.network_marketing .section2 .right .swiper-slide img,
.network_marketing .section4 .right .swiper-slide img {
  height: 3.3333rem;
  border-radius: 0.1563rem;
}
.network_marketing .section3,
.network_marketing .section5 {
  padding: 0.7292rem 0.5729rem;
}
.network_marketing .section3 .top .left .title,
.network_marketing .section5 .top .left .title {
  font-size: 30px;
  margin-top: 0.2292rem;
  line-height: 1;
}
.network_marketing .section3 .top .right,
.network_marketing .section5 .top .right {
  width: 50%;
  border-bottom: 2px solid #333333;
  border-top: 2px solid #333333;
  padding: 0.1563rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.network_marketing .section3 .top .right .des,
.network_marketing .section5 .top .right .des {
  font-size: 15px;
  line-height: 2;
  width: 2.6042rem;
}
.network_marketing .section3 .swiper,
.network_marketing .section5 .swiper {
  width: 100%;
  margin-top: 0.651rem;
  overflow: hidden;
}
.network_marketing .section3 .swiper .swiper-slide,
.network_marketing .section5 .swiper .swiper-slide {
  width: auto !important;
  height: auto;
  margin-right: 0.1563rem !important;
}
.network_marketing .section3 .swiper .swiper-slide img,
.network_marketing .section5 .swiper .swiper-slide img {
  height: 2.8125rem;
  border-radius: 0.1563rem;
}
.network_marketing .section5 .top .right .des {
  width: 2.8333rem;
}
.network_marketing .section5 .swiper {
  padding-top: 50px;
}
.network_marketing .section5 .swiper-slide {
  position: relative;
}
.network_marketing .section5 .swiper-slide .box {
  height: 0.1563rem;
  transition: 0.5s;
  width: 100%;
}
.network_marketing .section5 .swiper-slide .iconBox {
  transition: 0.5s;
  position: absolute;
  top: 0.1563rem;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.375rem;
  height: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.network_marketing .section5 .swiper-slide .iconBox .icon {
  width: 0.2917rem;
  height: 0.2917rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.network_marketing .section5 .swiper-slide .iconBox .icon img {
  width: 0.2813rem;
  height: 0.2813rem;
  border-radius: 50%;
}
.network_marketing .section5 .up .box {
  height: 0;
  width: 100%;
}
.network_marketing .section5 .up .iconBox {
  top: 0;
  scale: 1.2;
}
.contact .section2 {
  padding: 0 0.4167rem 100px;
}
.contact .section2 .content {
  margin-top: -0.625rem;
  position: relative;
  background-color: #fff;
}
.contact .section2 .content .infomation {
  padding: 100px 0.5208rem 0;
}
.contact .section2 .content .infomation .left .title {
  font-size: 36px;
  line-height: 44px;
}
.contact .section2 .content .infomation .left .lineBox {
  margin-top: 16px;
}
.contact .section2 .content .infomation .left .lineBox img {
  width: 24px;
}
.contact .section2 .content .infomation .left .lineBox .line {
  height: 1px;
  width: 270px;
  background: linear-gradient(to right, rgba(211, 211, 211, 0.1), #d3d3d3, rgba(211, 211, 211, 0.1));
}
.contact .section2 .content .infomation .left .telBox {
  margin-top: 60px;
}
.contact .section2 .content .infomation .left .telBox .telTitle {
  font-size: 16px;
  line-height: 26px;
}
.contact .section2 .content .infomation .left .telBox .telTitle img {
  width: 22px;
  margin-right: 10px;
}
.contact .section2 .content .infomation .left .telBox .tel {
  margin-top: 16px;
  font-size: 44px;
  line-height: 1;
  color: #dc2530;
  font-family: "GM";
}
.contact .section2 .content .infomation .left .telBox .add {
  font-size: 16px;
  line-height: 26px;
  margin-top: 24px;
}
.contact .section2 .content .infomation .right {
  width: 500px;
  flex-wrap: wrap;
}
.contact .section2 .content .infomation .right .item {
  display: flex;
  position: relative;
  cursor: pointer;
}
.contact .section2 .content .infomation .right .item .iconBox {
  z-index: 5;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #dc2530;
}
.contact .section2 .content .infomation .right .item .iconBox img {
  width: 100%;
  height: 100%;
}
.contact .section2 .content .infomation .right .item .text {
  z-index: 4;
  transition: 0.5s;
  margin-left: -35px;
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  width: 174px;
  height: 64px;
  border-radius: 32px;
  line-height: 60px;
  font-size: 18px;
  padding-left: 50px;
}
.contact .section2 .content .infomation .right .item .qrcode {
  display: none;
  width: 166px;
  height: 166px;
  position: absolute;
  top: 0;
  left: -210px;
  z-index: 6;
  background-color: #fff;
}
.contact .section2 .content .infomation .right .item .qrcode .box {
  width: 166px;
  height: 166px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  box-shadow: 1px 1px 35px 15px rgba(0, 0, 0, 0.1);
}
.contact .section2 .content .infomation .right .item .qrcode .box img {
  width: 156px;
  height: 156px;
}
.contact .section2 .content .infomation .right .item .qrcode .box .sanjiao {
  position: absolute;
  top: 25px;
  left: 100%;
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-left-color: #000;
}
.contact .section2 .content .infomation .right .item:hover .text {
  background-color: #fff;
  border: 1px solid #dc2530;
  color: #dc2530;
}
.contact .section2 .content .map {
  margin-top: 60px;
  width: 100%;
  height: 800px;
}