/* reset start */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-word-break: normal !important;
  word-break: normal !important;
  word-wrap: break-word !important;
  outline: none;
  border: none;
}

/* 去除 Chrome 自动填充的蓝色背景 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
form:-webkit-autofill,
form:-webkit-autofill:hover,
form:-webkit-autofill:focus,
form:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #333 !important; 
  transition: transparent 5000s ease-in-out 0s;
}

html {
  min-height: 100%;
  font-size: 100px;
  font-weight: lighter;
}

body {
  min-height: 100%;
  color: #000;
  font-family: sans-serif;
  overflow-x: hidden;
}

li {
  list-style: none;
}

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
  object-fit: cover;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  color: #000;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
}

a:hover{
  color: inherit;
}

::after,
::before {
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

table {
  border-collapse: collapse;
}

input,
textarea,
select {
  font-family: sans-serif;
  font-size: 14px;
  outline: none;
}

/* reset end */


/*94%的内容*/

.container {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1660px;
  position: relative;
}

.container1 {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1760px;
  position: relative;
}

.container2 {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  position: relative;
}

.container3 {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  position: relative;
}

/*文字溢出*/

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.ellipsis1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.seo-box {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 50%;
  max-height: 10vh;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}

.pc_show{
  display: block !important;
}
.m_show{
  display: none !important;
}

.out-bg {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}

.bai {
  background-color: #ffffff;
}

.nothing {
  font-size: 20px;
  color: #666666;
  text-align: center;
}

.padding-top100 {
  padding-top: 100px;
}

.height100 {
  height: 1rem;
}

.heightpx100 {
  height: 100px;
}

.mr10 {
  margin-right: 0.1rem;
}

.ml10 {
  margin-left: 0.1rem;
}

.incom-line {
  width: 0.58rem;
  height: 2px;
  background-color: #C02125;
}

.incom-line.center {
  margin: 0 auto;
}

.center {
  text-align: center;
}

.incom-title .tit {
  font-size: 0.3rem;
  color: #2d2d2d;
  margin-bottom: 0.22rem;
}

/*图片通用样式*/

.img-common {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
}

.img-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-common {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-background-size: contain;
}


/*清除浮动*/

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
}

.clearfix:after {
  clear: both;
}

/*Flex居中样式*/

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


/* 通用下拉 */

.incommon-select {
  position: relative;
  width: 286px;
}

.incommon-select .checktit {
  font-size: 18px;
  color: #2d2d2d;
  padding: 0.2rem 0.38rem 0.2rem 0;
  display: inline-block;
  border-bottom: 1px solid #4e4e4e;
  position: relative;
  width: 100%;
}

.incommon-select .checktit::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  width: 14px;
  height: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent #2d2d2d #2d2d2d;
  transform: rotate(-45deg);
  margin-top: -10px;
  transition: all .75s;
}

.incommon-select.active .checktit::after {
  transform: rotate(-225deg);
}

.incommon-select .check-ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 11;
  /* opacity: 0;
  visibility: hidden; */
}

.incommon-select .check-ul .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  border-top: 1px solid #343634;
  background-color: #4e4e4e;
  padding: 0 0.2rem;
  position: relative;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  transform-origin: left;
  transform: translateX(-20%);
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1);
  visibility: hidden;
}

.incommon-select .check-ul .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transition: 0.5s all cubic-bezier(0.52, 0.08, 0.18, 1);
  z-index: 0;
  background-color: #f5f5f5;
}

.incommon-select .check-ul .item .tt {
  position: relative;
  z-index: 1;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  transition: all .5s;
}

.incommon-select .check-ul .item .incom-arrow {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.incommon-select.active .check-ul .item {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0%);
  visibility: visible;
}

.incommon-select .check-ul .item:nth-child(2) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.2s;
}

.incommon-select .check-ul .item:nth-child(3) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.3s;
}

.incommon-select .check-ul .item:nth-child(4) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.4s;
}

.incommon-select .check-ul .item:nth-child(5) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.5s;
}

.incommon-select .check-ul .item:nth-child(6) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.6s;
}

.incommon-select .check-ul .item:nth-child(7) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.7s;
}

.incommon-select .check-ul .item:nth-child(8) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.8s;
}

.incommon-select .check-ul .item:nth-child(9) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.9s;
}

.incommon-select .check-ul .item:hover .tt {
  color: #4e4e4e;
}

.incommon-select .check-ul .item:hover::before {
  transform: translateX(0%);
}

.incommon-select .check-ul .item:hover .incom-arrow::before {
  background-color: #7b7b7b;
}

.incommon-select .check-ul .item:hover .incom-arrow::after {
  border-color: #7b7b7b #7b7b7b transparent transparent;
}

/* share */

.bdshare_popup_box {
  left: auto !important;
  right: 50px !important;
}

/* 通用箭头 */

.incom-arrow {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
  vertical-align: middle;
  transition: all .5s;
}

.incom-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #878888;
  transform: translateY(-50%);
}

.incom-arrow::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #878888 #878888 transparent transparent;
  transform: rotate(45deg);
  margin-top: -4px;
}

.incom-arrow.mm {
  width: 13px;
  height: 10px;
}

.incom-arrow.mm::before {
  background-color: #d0d0d0;
}

.incom-arrow.mm::after {
  width: 14px;
  height: 8px;
  /* margin-top: -2.5px; */
  border-color: #d0d0d0 #d0d0d0 transparent transparent;
}

.incom-arrow.ll::after {
  border-color: transparent transparent#878888 #878888;
  right: auto;
  left: 1px;
}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
}

.header_top {
  width: 100%;
  height: 43px;
  background: #C02125;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 3.125vw 0 3.125vw;
  white-space: nowrap;
  column-gap: 10px;
}

.header_top_left {
  font-size: 14px;
  color: #ffffff;
  opacity: 0.5;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header_top_right {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 54px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  height: 100%;
}
.header_top_right .local {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  height: 100%;
  color: #ffffff;
  cursor: pointer;
}

.header_top_right p {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  height: 100%;
}

.local i {
  display: block;
  width: 16px;
  height: 20px;
  background: url(../images/local.png) no-repeat center center / 100% 100%;
}

.lang i {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/lang.png) no-repeat center center / 100% 100%;
}

.lg_ul {
  position: relative;
  height: 100%;
}

.lg_ul:hover .lglist,
.header .header-wrap .m-menu .menu .item .menu-sub.active,
.header .header-wrap .m-menu .menu .item:hover .menu-sub {
  height: auto;
}

.lglist {
  position: absolute;
  text-align: left;
  width: 128px;
  height: 0;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  z-index: 10;
}

.lg_ul:hover .lia {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0%);
}

.lia {
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #343634;
  background-color: #4e4e4e;
  transform-origin: left;
  transform: translateX(-20%);
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1);
  overflow: hidden;
}

.lia:hover::after {
  transform: translateX(0%);
}

.lia::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transition: 0.5s all cubic-bezier(0.52, 0.08, 0.18, 1);
  z-index: 0;
  background-color: #f5f5f5;
}

.lia:hover .lg {
  color: #4e4e4e;
}

.lia .lg {
  position: relative;
  z-index: 1;
  color: #ffffff;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
}

.header-wrap {
  position: fixed;
  top: 43px;
  left: 0;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 3.125vw 0 3.125vw;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  transition: background-color 0.4s ease;
}

.header-wrap.scrolled,
.header-wrap.scrolled1,
.header-wrap.search_page {
  background-color: #C02125;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
}

.logo {
  width: 166px;
  height: 26px;
}

.logo a {
  display: flex;
  height: 100%;
  align-items: center;
}

.m-menu {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  font-family: Poppins;
  font-weight: 300;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 52px;
  padding-right: 4vw;
}

.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2vw;
  line-height: 1.5;
}

.header .header-wrap .m-menu .menu .item .menu-sub {
  position: absolute;
  padding-top: 14px;
  text-align: left;
  width: 250px;
  height: 0;
}

.header .header-wrap .m-menu .menu .item .menu-sub.active,
.header .header-wrap .m-menu .menu .item:hover .menu-sub {
  height: auto;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a {
  pointer-events: none;
  opacity: 0;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 60px;
  border-bottom: 1px solid #343634;
  background-color: #4e4e4e;
  transform-origin: left;
  transform: translateX(-20%);
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1);
  overflow: hidden;
  justify-content: space-between;
  padding-right: 0.2rem;
}

.header .header-wrap .m-menu .menu .item .menu-sub.active .sub-a,
.header .header-wrap .m-menu .menu .item:hover .menu-sub .sub-a {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0%);
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:hover::before,
.header .header-wrap .m-menu .menu .item .menu-sub .sub-a.hover::before {
  transform: translateX(0%);
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  transition: 0.5s all cubic-bezier(0.52, 0.08, 0.18, 1);
  z-index: 0;
  background-color: #f5f5f5;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(2),
.lia:nth-child(2) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.2s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(3),
.lia:nth-child(3) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.3s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(4),
.lia:nth-child(4) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.4s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(5),
.lia:nth-child(5) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.5s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(6),
.lia:nth-child(6) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.6s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(7),
.lia:nth-child(7) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.7s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(8),
.lia:nth-child(8) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.8s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(9),
.lia:nth-child(9) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.9s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(10),
.lia:nth-child(10) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 1s;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:nth-child(11),
.lia:nth-child(11) {
  transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 1.1s;
}


.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:hover .tit,
.header .header-wrap .m-menu .menu .item .menu-sub .sub-a.hover .tit {
  color: #4e4e4e;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a .tit {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding: 9px 25px 9px 20px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
}

.incom-arrow {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
  vertical-align: middle;
  transition: all 0.5s;
}

.incom-arrow.mm {
  width: 13px;
  height: 10px;
  right: 12px;
}

.incom-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  /* width: 100%; */
  width: 13px;
  height: 1px;
  background-color: #878888;
  display: none;
}

.header .header-wrap .m-menu .menu .item .menu-sub .sub-a:hover .incom-arrow.mm::before,
.header .header-wrap .m-menu .menu .item .menu-sub .sub-a.hover .incom-arrow.mm::before {
  background-color: #7b7b7b;
}

.incom-arrow::after {
  content: "";
  /* position: absolute;
  right: 1px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #878888 #878888 transparent transparent;
  transform: rotate(45deg);
  margin-top: -4px; */
  width: 17px;
  height: 10px;

  background-color: #878888;
  mask-image: url(../images/wright.png);
  mask-size: contain;
  mask-position: top left;
  mask-repeat: no-repeat;
  transform: none;
}

.incom-arrow.ll::after{
  transform: rotate(180deg);
}

.incom-arrow.mm::after {
  /* width: 6px;
  height: 6px;
  margin-top: -3px;
  border-color: #7b7b7b #7b7b7b transparent transparent;
  width: auto;
  height: auto;
  margin-top: 0;
  border: none;
  content: "next";
  font-family: swiper-icons;
  font-size: 8px;
  line-height: 1;
  transform: translateY(-50%);
  right: 0;
  color: #7b7b7b; */
  
  background-color: #d0d0d0;
  mask-image: url(../images/wright.png);
  mask-size: contain;
  mask-position: top left;
  mask-repeat: no-repeat;
  transform: none;
}

.header .header-wrap .m-menu .menu .item.on .menu-title {
  transition: none;
  color: #C02125;
}

.header .header-wrap.scrolled .m-menu .menu .item.on .menu-title,
.header .header-wrap.search_page .m-menu .menu .item.on .menu-title {
  transition: none;
  color: #ffffff;
}

.header .header-wrap .m-menu .menu .item .menu-title {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 52px;
  position: relative;
}

.header .header-wrap .m-menu .menu .item .menu-title::after {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% - 1px);
  height: 2px;
  background: #ffffff;
  left: 1px;
  bottom: -5px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: 0.5s transform cubic-bezier(0.52, 0.08, 0.18, 1);
}

.header .header-wrap .m-menu .menu .item.on .menu-title::after {
  background-color: #C02125;
}

.header .header-wrap.scrolled .m-menu .menu .item.on .menu-title::after,
.header .header-wrap.search_page .m-menu .menu .item.on .menu-title::after {
  background-color: #ffffff;
}

.header .header-wrap .m-menu .menu .item.on .menu-title::after,
.header .header-wrap .m-menu .menu .item:hover .menu-title::after {
  transform: scale(1, 1);
  transform-origin: left top;
}

.r-lang {
  display: flex;
  height: 100%;
  position: relative;
}

.header .search {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 16px;
  color: #FFFFFF;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 4vw;
}

.header .search p {
  margin-right: 12px;
  opacity: 0.5;
}

.search_icon {
  width: 20px;
  height: 20px;
  background: url(../images/search.png) no-repeat center center / 100% 100%;
}

.r-lang > div:first-of-type:hover .search_box,
.r-lang .search_box:hover .search_box{
  top: 100%;
  opacity: 1;
  pointer-events: all;
}

.r-lang .search_box{
  position: absolute;
  margin-top: 0;
  top: 80%;
  opacity: 0;
  width: calc(100% + 3.125vw);
  z-index: -1;
  pointer-events: none;
  transition: all 0.3s ease;
  background: #ffffff;
}

.r-lang .search_box_input{
  background: #ffffff;
  border-radius: 20px;
}

/* ------------------------手机端菜单------------------------ */

.phonemenubtn {
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80px;
  height: 100%;
  background-color: transparent;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.phonemenubtn .icon {
  /* width: 18px; */
  width: 60%;
  height: 16px;
  position: relative;
}

.phonemenubtn .icon .border {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transition: all 0.4s;
  right: 0;
}

.phonemenubtn .icon .border:nth-child(2) {
  /* top: 4px; */
  top: 8px;
  width: 80%;
}

.phonemenubtn .icon .border:nth-child(3) {
  /* top: 8px; */
  top: 15px;
}

.phonemenubtn .menu-text {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 12px;
  display: none;
}

.phonemenubtn .menu-text .text {
  font-size: 12px;
  font-weight: bold;
  height: 12px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1);
  color: #ffffff;
}

.phonemenubtn .menu-text .text.text-close {
  top: 0;
}

.phonemenubtn .menu-text .text.text-open {
  top: -12px;
}

.phonemenubtn.on .icon .border:nth-child(1) {
  /* top: 4px; */
  width: 50%;
  right: 50%;
  top: 50%;
  transform:  translate(50%,-50%) rotate(45deg);
}

.phonemenubtn.on .icon .border:nth-child(2) {
  opacity: 0;
}

.phonemenubtn.on .icon .border:nth-child(3) {
  /* top: 4px; */
  /* transform: rotate(-45deg); */
  width: 50%;
  right: 50%;
  top: 50%;
  transform:  translate(50%,-50%) rotate(-45deg);
}

.phonemenubtn.on .menu-text .text.text-close {
  top: 12px;
}

.phonemenubtn.on .menu-text .text.text-open {
  top: 0;
}

.phonemenu-wrap {
  width: 100%;
  /* height: 0; */
  height: 100vh;
  position: relative;
  position: fixed;
  z-index: 21;
  overflow: hidden;
  top: 123px;
  /* display: none; */
  visibility:hidden;
  transform: translateX(100%);
  transition: all 0.4s;
}

.phonemenu-wrap.show{
  visibility:visible;
  transform: translateX(0%);
}

.phonemenu-wrap .pmenu-bg {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  /* transform: scale(1, 0); */
  transform-origin: top;
  transition: 0.8s all cubic-bezier(0.52, 0.08, 0.18, 1);
}

.phonemenu-wrap .pmenu-ul {
  pointer-events: auto;
  overflow-y: auto;
  transition: 0.4s all cubic-bezier(0.52, 0.08, 0.18, 1);
  /* padding: 6vh 0; */
  position: absolute;
  z-index: 222;
  /* opacity: 0; */
  right: 0;
  left: 0;
  background-color: #ffffff;
  height: calc(100vh - 123px);
  padding-bottom: 56px;
}

.phonemenu-wrap .pmenu .pli {
  /* margin-bottom: 40px; */
  margin-bottom: 0;
  /* border-bottom: 1px solid red; */
  border-bottom: 1px solid #ededed;
}

.phonemenu-wrap .pmenu .pli .item-a {
  /* position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #4e4e4e; */

  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #4e4e4e;
  height: 56px;
  padding: 0 3%;
}

.phonemenu-wrap .pmenu .pli .item-a .ii {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-left: 0.2rem;
}

.phonemenu-wrap .pmenu .pli .item-a .ii::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  background-color: #4e4e4e;
  width: 100%;
  height: 2px;
  display: none;
}

.phonemenu-wrap .pmenu .pli .item-a .ii::after {
  /* position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  background-color: #4e4e4e;
  width: 2px;
  height: 100%;
  transition: 1s all cubic-bezier(0.52, 0.08, 0.18, 1); */

  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-right: 4px solid transparent;
  border-left: 8px solid #4e4e4e;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: all 0.4s;
}

.phonemenu-wrap .pmenu .pli .item-a.on .ii::after {
  /* transform: rotate(270deg); */
  transform: translateY(-50%) rotate(90deg);
  margin-top: 3px;
}

.phonemenu-wrap .pmenu .pli .item-a .ii.no_icon::after{
  display: none;
}

.phonemenu-wrap .pmenu .pli .mmsub {
  display: none;
  background-color: #eff0f1;
}

.phonemenu-wrap .pmenu .pli .mmsub .mm-a {
  /* display: block;
  text-align: center;
  padding: 10px 0;
  background-color: #eff0f1;
  font-size: 14px;
  color: #4e4e4e;
  font-weight: bold; */

  display: block;
  text-align: left;
  /* padding: 10px 0; */
  padding: 0;
  /* background-color: #eff0f1; */
  font-size: 14px;
  color: #4e4e4e;
  font-weight: normal;
  width: 97%;
  margin: 0 0 0 3%;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 3%;
}

.phonemenu-wrap .pmenu .pli .mmsub .mm-a:first-of-type {
  /* padding: 20px 0 10px; */
}

.phonemenu-wrap .pmenu .pli .mmsub .mm-a:last-of-type {
  /* padding: 10px 0 20px; */
  border-bottom: none;
}

.phonemenu-wrap .pmenu .pli.online {
  background-color: #7c7e71;
}

.phonemenu-wrap .pmenu .pli.online .item-a {
  margin-bottom: 0;
  color: #ffffff;
  padding: 20px 0;
}

.phonemenu-wrap .pmenu .pli.online .item-a .ii::before,
.phonemenu-wrap .pmenu .pli.online .item-a .ii::after {
  background-color: #ffffff;
}

.phonemenu-wrap .pmenu-ul .mmlang .lia {
  font-size: 14px;
  color: #4e4e4e;
  opacity: 0.8;
  background: transparent;
  border-bottom: 0;
  width: auto;
  text-align: center;
  transform: none;
  cursor: pointer;
  pointer-events: all;
  height: auto;
  line-height: 2;
}

.phonemenu-wrap .pmenu-ul .mmlang .lia::after {
  display: none;
}

.phonemenu-wrap .pmenu-ul .mmlang {
  font-size: 14px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.phonemenu-wrap .pmenu-ul .mmlang .lia .lg {
  color: #4e4e4e;
  padding-left: 0;

}

.phonemenu-wrap .pmenu-ul .mmlang .ll {
  margin: 0 10px;
}

.phonemenu-wrap .pmenu-ul .mmlang .lia.on {
  font-weight: bold;
  border-bottom: 1px solid #4e4e4e;
  opacity: 1;
}

.tearSwiper .swiper-slide img,
.product-list-swiper .swiper-slide img {
  transform: scale(1);
  transition: transform 0.4s ease;
}

.tearSwiper .swiper-slide:hover img,
.product-list-swiper .swiper-slide:hover img {
  transform: scale(1.05);
}

.tearSwiper .swiper-slide .bg-img-container {
  overflow: hidden;
}

/* 首页内容 */
.home {
  margin-top: 43px;
  overflow: hidden;
}

.banner-swiper {
  position: relative;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}

.banner-swiper .swiper-slide img,
.product_page_banner .swiper-slide img,
.product_view_banner .swiper-slide img,
.global_view_banner .swiper-slide img,
.design_view_banner .swiper-slide img,
.distributor_view_banner .swiper-slide img,
.about_view_banner .swiper-slide img {
  min-height: 480px;
  max-height: calc(100vh - 43px);
}

.control {
  position: absolute;
  right: 0px;
  bottom: 30px;
  width: 100%;
  height: 50px;
}

.autoplay-progress {
  position: absolute;
  right: 300px;
  bottom: -2px;
  z-index: 10;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}

.autoplay-progress .svg1 {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  stroke: rgba(255, 255, 255, 1);
  fill: none;
  stroke-dashoffset: calc(157 * (1 - var(--progress)));
  stroke-dasharray: 157;
  transform: rotate(-90deg);
}

.autoplay-progress .svg {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  stroke: rgba(255, 255, 255, 0.5);
  fill: none;
  stroke-dashoffset: 0;
  stroke-dasharray: 157;
  transform: rotate(-90deg);
}

.autoplay-progress span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.banner-swiper-next,
.banner-swiper-prev {
  width: 50px;
  height: 50px;
  bottom: 0px;
  top: auto;
  right: 50px;
}

.banner-swiper-prev {
  left: auto;
  right: 120px;
}

.banner-swiper-next::after,
.banner-swiper-prev::after {
  font-size: 16px;
  color: #ffffff;
}

.banner-swiper-next::before,
.banner-swiper-prev::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.banner-swiper-pagination {
  color: #ffffff;
  font-size: 14px;
  width: auto;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 240px;
  left: auto;
}

/* 关于品牌文化 */
.about_casa {
  margin-top: calc(158 / 1920 * 100vw);
}

.about_casa .content {
  margin: auto;
  position: relative;
  width: 100%;
  height: calc(920 / 1920 * 100vw);
}

.home .img-area {
  position: absolute;
  top: 0;
  right: 0;
  --width: calc(1200 / 1920 * 100vw);
  width: var(--width);
  max-width: var(--width);
  min-width: var(--width);
}

.home .img-area .bg-img-container {
  position: relative;
  width: 100%;
  /* padding-top: calc(920 / 1920 * 100vw); */
}

.home .img-area img,.home .img-area{
  transition: none;
}

.home .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.info_top {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: calc(782 / 1920 * 100vw);
  height: calc(400 / 1920 * 100vw);
  padding-left: calc(160 / 1920 * 100vw);
  padding-right: calc(100 / 1920 * 100vw);
  overflow: hidden;
}

.title_txt {
  color: #ffffff;
  margin-bottom: calc(50 / 1920 * 100vw);
}

.p_txt {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 10px;
}

.info_top .title_txt {
  color: #C02125;
}

.info_bottom .title_txt {
  color: #ffffff;
}

.info_top .p_txt {
  color: #000000;
}

.discover {
  width: 140px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  border: 1px solid #BFBFBF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(40 / 1920 * 100vw);
}

.scale11 {
  transition: all .5s;
  transform: scale(1);
}

.scale11:hover {
  transform: scale(1.1);
}

.info_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(810 / 1920 * 100vw);
  height: calc(520 / 1920 * 100vw);
  padding-left: calc(160 / 1920 * 100vw);
  padding-top: calc(86 / 1920 * 100vw);
  background-color: #C02125;
  z-index: 1;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.info_top_scroll {
  overflow-y: auto;
  max-height: 45%;
  padding-right: calc(40 / 1920 * 100vw);
}

.info_bottom_scroll {
  overflow-y: auto;
  padding-right: calc(100 / 1920 * 100vw);
  width: 99.2%;
  margin-bottom: 10px;
}

.info_top_scroll::-webkit-scrollbar,
.info_bottom_scroll::-webkit-scrollbar,
.Market_prospect_desc_box::-webkit-scrollbar,
.all_product_bottom_left_desc::-webkit-scrollbar,
.Brand_introduction_desc_box::-webkit-scrollbar {
  width: 6px;
}

.info_top_scroll::-webkit-scrollbar-track,
.info_bottom_scroll::-webkit-scrollbar-track,
.Market_prospect_desc_box::-webkit-scrollbar-track,
.all_product_bottom_left_desc::-webkit-scrollbar-track,
.Brand_introduction_desc_box::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.info_top_scroll::-webkit-scrollbar-thumb,
.info_bottom_scroll::-webkit-scrollbar-thumb,
.Market_prospect_desc_box::-webkit-scrollbar-thumb,
.all_product_bottom_left_desc::-webkit-scrollbar-thumb,
.Brand_introduction_desc_box::-webkit-scrollbar-thumb {
  background: #d3d3d3;
}

.the_normal_title {
  font-size: 60px;
  line-height: 1;
  color: #C02125;
  text-transform: uppercase;
}

/* 我们的故事 */
.our_store {
  /* padding: calc(120 / 1920 * 100vw) calc(310 / 1920 * 100vw) calc(80 / 1920 * 100vw); */
  padding: calc(120 / 1920 * 100vw) calc(0 / 1920 * 100vw) calc(80 / 1920 * 100vw);
}

.our_store_content {
  width: 100%;
  margin: 0 auto;
}

.our_store_title {
  text-align: center;
}

.storeList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px 60px;
  width: 1296px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.storeItem {
  width: 392px;
}

.storeItem .storeItem_img {
  /* width: calc(392 / 1920 * 100vw);
  height: calc(262 / 1920 * 100vw); */
  width: 392px;
  height: 262px;
  overflow: hidden;
}

.storeItem_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.storeItem:hover .storeItem_img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.storeItem_title {
  font-size: 24px;
  line-height: 1.2;
  margin: 10px 0 8px;
  position: relative;
}

.storeItem_title::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 30px;
  background: #C02125;
  right: 20px;
  top: -30px;
}

.storeItem_txt {
  font-size: 16px;
  line-height: 1.4;
}

.discoverCss {
  width: 100%;
  padding: 70px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/discover.png);
}

.discover_btn {
  width: 215px;
  height: 40px;
  line-height: 40px;
  background: #C02125;
  border-radius: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
}

.product {
  padding: calc(90 / 1920 * 100vw) 0 calc(160 / 1920 * 100vw) calc(160 / 1920 * 100vw);
  width: 100%;
  background: url(../images/casap.png) no-repeat center 100% / 100% auto;
}

.product_title {
  text-align: left;
  margin-bottom: 50px;
}

.product-list-swiper .swiper-slide {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  height: auto;
}

.product-list-swiper .swiper-slide span {
  font-size: 24px;
  border-bottom: 1px solid #000;
}

.product-list-swiper .swiper-slide.swiper-slide-active span {
  /* border-bottom: 1px solid #C02125; */
}

.product_img {
  width: 100%;
  margin-bottom: calc(34 / 1920 * 100vw);
  overflow: hidden;
}

.all_product {
  width: 100%;
  height: calc(970 / 1920 * 100vw);
  /* max-height: 970px; */
  max-height: calc(100vh - 123px);
  min-height: 600px;
  position: relative;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
}

.all_product_bg_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.all_product_bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.all_product_bg_img_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-image 0.4s ease-in-out;
}

.all_product_title {
  position: absolute;
  left: calc(160 / 1920 * 100vw);
  top: calc(96 / 1920 * 100vw);
  line-height: 1.3;
  color: #fff;
  font-size: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 18px;
  border-bottom: 1px solid #fff;
  z-index: 2;
  text-transform: uppercase;
}

.all_product_icon {
  width: 27px;
  height: 27px;
  /* border: 1px dashed rgba(255, 255, 255, 0.5); */
  display: flex;
}

.all_product_icon img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.all_product_bottom .discover {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.all_product_bottom_left {
  position: absolute;
  left: calc(160 / 1920 * 100vw);
  bottom: calc(132 / 1920 * 100vw);
  color: #fff;
  max-width: 27%;
  z-index: 2;
}

.all_product_bottom_left_title {
  font-size: 44px;
  line-height: 1;
  margin-bottom: 6px;
}

.all_product_bottom_left_desc {
  min-height: 72px;
  font-size: 14px;
  line-height: 24px;
  max-height: calc(24px * 12);
  overflow-y: auto;
}

.all_product_bottom_right {
  width: 57%;
  overflow: hidden;
  position: absolute;
  right: 34px;
  bottom: 40px;
  z-index: 2;
}

.all_product_bottom_right .swiper-slide {
  cursor: pointer;
  /* opacity: 0.5; */
}

.all_product_bottom_right .swiper-slide.clicked {
  /* opacity: 1; */
}

.all_product_bottom_right .clicked::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #C02125;
  z-index: 1;
}

.the_title,
.the_desc,
.the_href {
  display: none;
}

.all_product_control {
  position: absolute;
  left: calc(160 / 1920 * 100vw);
  bottom: calc(40 / 1920 * 100vw);
  width: 27%;
  max-width: 27%;
  min-height: 50px;
  z-index: 2;
}

.all-product-swiper-next,
.all-product-swiper-prev {
  width: calc(50 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
  min-width: 35px;
  min-height: 35px;
  top: 50%;
  transform: translateY(-50%);
  left: calc(60 / 1920 * 100vw);
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  margin-top: 0;
}

.all-product-swiper-prev {
  left: 0;
}

.all-product-swiper-next::after,
.all-product-swiper-prev::after {
  font-size: 12px;
  color: #C02125;
}

.all-product-swiper-next.swiper-button-next.swiper-button-disabled,
.all-product-swiper-prev.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
}

.all-product-swiper-pagination {
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding-left: calc(170 / 1920 * 100vw);
  height: 100%;
  position: absolute;
  bottom: 0;
  pointer-events: none;
}

.all-product-swiper-pagination .line {
  width: calc(40 / 1920 * 100vw);
  min-width: 20px;
  height: 1px;
  background: #ffffff;
  margin: 0 calc(12 / 1920 * 100vw);
}

/* 我们的产品 */
.swiper-3d {
  perspective: 100vw;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
  align-items: center;
}

.our_projects {
  padding: calc(90 / 1920 * 100vw) 0;
  width: 100%;
}

.our_projects_title {
  line-height: 1.1;
  text-align: center;
  margin-bottom: calc(50 / 1920 * 100vw);
}

.our_projects_desc {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  bottom: calc(60 / 1920 * 100vw);
  left: 0;
  width: 100%;
  padding: 0 30px;
  text-align: center;
  font-size: 36px;
  color: #ffffff;
  line-height: 1.1;
}

.our_projects_swiper .swiper-slide.swiper-slide-active .our_projects_desc {
  opacity: 1;
}

.our_projects_swiper .our_projects_img {
  overflow: hidden;
}

.our_projects_swiper .our_projects_img:hover img {
  transform: scale(1.05);
}

.our_projects_swiper .our_projects_img img {
  transform: scale(1);
  transition: all 0.4s ease;
}

.our-projects-swiper-pagination {
  position: static;
  line-height: 1;
  font-size: 12px;
  color: #000000;
  margin-bottom: calc(70 / 1920 * 100vw);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.our-projects-swiper-next,
.our-projects-swiper-prev {
  width: calc(49 / 1920 * 100vw);
  height: calc(18 / 1920 * 100vw);
  background: url(../images/arrow.png) no-repeat center / 100% auto;
  margin-top: 0;
  transform: translateY(-50%);
  left: 18%;
}

.our-projects-swiper-next {
  transform: translateY(-50%) rotate(180deg);
  left: auto;
  right: 18%;
}

.our-projects-swiper-next::after,
.our-projects-swiper-prev::after {
  display: none;
}

.our_projects .discover {
  margin: calc(80 /1920 * 100vw) auto 0;
}

.our_projects_list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  column-gap: 28px;
  margin-top: calc(170 / 1920 * 100vw);
}

.our_projects_list_item_img {
  width: calc(390 / 1920 * 100vw);
  height: calc(550 / 1920 * 100vw);
  overflow: hidden;
  max-height: 550px;
  min-width: 350px;
  min-height: calc(350 / 390 * 550px);
}

.our_projects_list_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.4s ease;
}

.our_projects_list_item_img:hover img {
  transform: scale(1.05);
}

.our_projects_list_item_title {
  width: 100%;
  color: #010101;
  font-size: calc(34 / 1920 * 100vw);
  line-height: 1.2;
  margin: 14px 0 12px 0;
}

.our_projects_list_item_more {
  font-size: calc(16 / 1920 * 100vw);
  line-height: 1;
  /* text-decoration: underline; */
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid;
}

/* 新闻 */
.home_news {
  width: 100%;
  height: 580px;
  position: relative;
}

.home_news_bg {
  width: 100%;
  height: 100%;
  background: #F5F5F5 url(../images/newImg.png) no-repeat left bottom / 100% auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.home_news_content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: calc(100 / 1920 * 100vw) 0 0 calc(160 / 1920 * 100vw);
}

.Latest_News {}

.home_news_content .discover {
  margin-top: 90px;
}

.home-news-control .discover{
  opacity: 0;
  pointer-events: none;
}

.home_news_swiper_outer {
  position: absolute;
  max-width: 800px;
  width: 50%;
  right: calc(160 / 1920 * 100vw);
  top: 70px;
  z-index: 2;
  overflow: hidden;
}

.home_news_swiper {
  width: 100%;
}

.news_ss_item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 112px;
  border-bottom: 1px solid #DCDCDC;
  overflow: hidden;
}

.news_ss_item_time {
  padding: 4px 20px;
  background: #E4E4E4;
  border-radius: 300px;
  font-size: 14px;
  color: #000000;
  line-height: 2;
  text-align: center;
  flex-shrink: 0;
}

.news_ss_item_title {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  margin-left: 38px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-news-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  column-gap: 20px;
  margin-top: calc(40 / 1920 * 100vw);
}

.swiper-button-box{
  display: flex;
  column-gap: 20px;
  align-items: center;
}

.home-news-swiper-next,
.home-news-swiper-prev {
  margin-top: 0;
  position: static;
  width: calc(50 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
  min-width: 35px;
  min-height: 35px;
  bottom: calc(-100 / 1920 * 100vw);
  top: auto;
  left: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;

}

.home-news-swiper-prev {
  right: calc(70 / 1920 * 100vw);
}

.home-news-swiper-next::after,
.home-news-swiper-prev::after {
  font-size: 12px;
  color: #000;
}

.home-news-swiper-next.swiper-button-next.swiper-button-disabled,
.home-news-swiper-prev.swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

/* 页脚 */
.footerbox {
  background-color: #2E2E2E;
}

.footerbox .foot-top {
  /* padding: 0.98rem 1.6rem 0.74rem 1.6rem; */
  padding: calc(98 / 1920 * 100vw) calc(160 / 1920 * 100vw) calc(74 / 1920 * 100vw) calc(160 / 1920 * 100vw);
}

.footerbox .foot-top .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footerbox .foot-top .l-menu {
  display: flex;
  flex: 1;
  max-width: 62%;
}

.footerbox .foot-top .l-menu .item {
  flex: 1;
  margin-right: 0.2rem;
}

.mt45 {
  margin-top: 0.45rem;
}

.footerbox .foot-top .l-menu .item .item-li .item-a,
.msg_normal_tit {
  display: block;
  font-size: 17px;
  color: #ffffff;
}

.msg_normal_tit {
  line-height: 1;
}

.msg_normal {
  margin-bottom: 20px;
}

.footerbox .foot-top .l-menu .item .item-ul {
  margin-top: 36px;
}

.footerbox .foot-top .l-menu .item .item-li .item-ul li .aa {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 36px;
}

.footerbox .foot-top .r-info {
  max-width: 31%;
  /* padding-right: 1.35rem; */
}

.footerbox .foot-top .r-info .f-logo {
  margin-bottom: 0.24rem;
  display: block;
}

.footerbox .foot-top .r-info .msg {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 2.2;
}

.footerbox .foot-top .r-info .msg a{
  color: inherit;
}

.footerbox .foot-top .r-info .f-share {
  justify-content: flex-start;
  column-gap: calc(20 / 1920 * 100vw);
  margin-top: 30px;
  flex-wrap: wrap;
}

.footerbox .foot-top .r-info .f-share .item {
  /* margin-right: 0.27rem; */
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #434343;
  border-radius: 50%;
  display: flex;
  align-items: center;
}

.footerbox .foot-top .r-info .f-share .item .code {
  position: absolute;
  bottom: 60%;
  left: 50%;
  transform: translateX(-50%) scale(0);
  width: 110px;
  height: 110px;
  transition: all 0.5s;
}

.footerbox .foot-top .r-info .f-share .item .code img {
  width: 100%;
  height: 100%;
}

.footerbox .foot-top .r-info .f-share .item span {
  font-size: 17px;
  color: #ffffff;
}

.footerbox .foot-top .r-info .f-share .item span.icon-qq {
  font-size: 14px;
}

.footerbox .foot-top .r-info .f-share .item span.icon-douyin {
  font-size: 16px;
}

.footerbox .foot-top .r-info .f-share .item span.icon-youjian {
  font-size: 18px;
}

.footerbox .foot-bottom {
  padding: calc(42 / 1920 * 100vw) calc(160 / 1920 * 100vw);
  margin-top: 20px;
}

.footerbox .foot-bottom .container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footerbox .foot-bottom .l-company,
.footerbox .foot-bottom .r-en {
  max-width: 50%;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.footerbox .foot-bottom .l-company p a{
  color: inherit;
}

.flex-center {
  display: flex;
}

/* 产品中心 */
.product_page {
  margin-top: 43px;
  overflow: hidden;
  /* padding-bottom: 130px; */
  padding-bottom: 1.3rem;
}

.product_page_banner {
  position: relative;
}

.incomhref {
  position: absolute;
  left: calc(165 / 1920 * 100vw);
  top: 56%;
  transform: translateY(-50%);
  line-height: 1;
  color: #ffffff;
  z-index: 2;
  font-weight: normal;
}

.incomhref a {
  color: inherit;
}

.incomTitle {
  font-size: 60px;
  display: block;
  margin-bottom: calc(30 / 1920 * 100vw) !important;
}

.l-href {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  flex-wrap: wrap;
}

.the_line {
  width: 10px;
  height: 1px;
  background: #ffffff;
}

.products_content {
  margin: calc(140 / 1920 * 100vw) auto 0;
  /* padding: 0 0 146px; */
  padding: 0 0 40px;
  width: calc(100vw - (160 / 1920 * 100vw) * 2);
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 30px;
}

.products_content_left {}

.products_content_right {
  overflow: hidden;
  width: calc(180px * 4 + 20px * 3);
  /* position: absolute; */
  position: relative;
  right: 0;
  top: 0%;
}

.products_content_right .swiper-slide,
.products_content_right .swiper-slide a {
  display: flex;
  flex-wrap: wrap;
  width: 180px;
}

.products-content-right-name {
  position: relative;
  display: inline-block;
  font-size: 16px;
  padding: 16px 0;
}

.show_line .products-content-right-name::after {
  content: '';
  width: 102%;
  height: 1px;
  background: #C02125;
  position: absolute;
  left: 0;
  bottom: 0;
}

.products_content_right .swiper-slide .bg-img-container {
  overflow: hidden;
}

.products_content_right .swiper-slide:hover img {
  transform: scale(1.05);
}

.products_content_right .swiper-slide img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.4s ease;
}

.products-content-right-swiper-next,
.products-content-right-swiper-prev {
  width: 45px;
  height: 45px;
  top: 90px;
  left: auto;
  right: 10px;
}

.products-content-right-swiper-prev {
  left: 10px;
}

.products-content-right-swiper-next::after,
.products-content-right-swiper-prev::after {
  font-size: 14px;
  color: #ffffff;
}

.products-content-right-swiper-next::before,
.products-content-right-swiper-prev::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255, 255, 255, 1);
}

.shadow_left,
.shadow_right {
  display: none;
  position: absolute;
  height: 180px;
  width: 106px;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.shadow_right {
  background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  left: auto;
  right: 0;
}

.product_page .cateCss {
  margin-top: 46px;
  display: flex;
  /* flex-wrap: wrap; */
  row-gap: 14px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 calc(150 / 1920 * 100vw);
  column-gap: 15px;
}

.cateCss_left {
  flex: 1;
  overflow: hidden;
  position: relative;
  padding-right: 20px;
}

.swiper-horizontal>.swiper-scrollbar,
.cateList-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 100%;
  bottom: 0px;
}

.product_page .cateList {
  display: flex;
  font-size: 16px;
  /* flex-wrap: wrap; */
  row-gap: 20px;
  column-gap: calc(25 / 1920 * 100vw);
  padding: 14px 0;
}

.product_page .cateList .swiper-wrapper {
  align-items: center;
}

.product_page .cateList .cateItem.active {
  background: #C02125;
  color: #FFFFFF;
  font-size: 20px;
  border: 1px solid transparent;
}

.product_page .cateList .cateItem {
  font-size: 16px;
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.25);
  line-height: 1.1;
  border-radius: 1000px;
  padding: 10px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  user-select: none;
}

.product_page .cateCss .cateCss_right {
  display: flex;
  align-items: center;
}

.product_page .cateCss .cateCss_right .cate_solid {
  width: 1px;
  height: 11px;
  background: rgba(153, 153, 153, 0.5);
}

.product_page .cateCss .cateCss_right .cate_items {
  margin-left: 18px;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  white-space: nowrap;
}

.product_page .cateCss .cateCss_right .cate_search {
  width: 318px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  display: flex;
  margin-left: calc(36 / 1920 * 100vw);
  overflow: hidden;
}

.product_page .cateCss .cateCss_right .cate_search input {
  width: 252px;
  background: transparent;
  padding: 0px 25px 0px 25px;
}

.product_page .cateCss .cateCss_right .search_icon {
  width: 65px;
  height: 38px;
  background: #C02125;
  border-radius: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.product_page .cateCss .cateCss_right .search_icon img {
  width: 21px;
  height: 21px;
  margin: 0 auto;
}

.pList {
  width: 100%;
  padding: 0 calc(150 / 1920 * 100vw);
  margin: 50px 0 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 44px;
}

.pItem {
  cursor: pointer;
}

.pItem:hover .pItem_img img {
  transform: scale(1.05);
}

.pItem:hover .pItem_more {
  color: #C02125;
}

.pItem:hover .pItem_more::before {
  left: 0;
}

.pItem_img img {
  width: 100%;
  transform: scale(1);
  transition: transform 0.4s ease;
}

.pItem_img {
  overflow: hidden;
}

.pItem_title {
  font-size: 24px;
  line-height: 1.1;
  margin-top: 26px;
  color: #000000;
}

.pcItem_txt {
  height: 72px;
  font-size: 16px;
  line-height: 24px;
  color: #323232;
  margin-top: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pItem_more {
  color: #000000;
  font-size: 16px;
  line-height: 1;
  padding-bottom: 22px;
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
  margin-top: 8px;
}

.pItem_more::before {
  content: '';
  width: 100%;
  height: 1px;
  background: #C02125;
  opacity: 1;
  position: absolute;
  left: -100%;
  bottom: 0;
  transition: all 0.4s ease;
}

.pItem_more::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #999999;
  opacity: 0.3;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* 产品详情 */
.product_view {
  margin-top: 43px;
}

.product_view_banner {
  position: relative;
}

.product_view_banner img {
  max-height: calc(100vh - 43px);
}

.product_view_banner .incomhref,
.case_view_banner .incomhref{
  /* top: 80%; */
  top: auto;
  bottom: 9.3%;
}

.product_view_content {
  background: #EFEEEE url(../images/viewImg.png) no-repeat right bottom / 100% auto;
  padding: 0 calc(160 / 1920 * 100vw) calc(229 / 1920 * 100vw);
  overflow: hidden;
}

.product_view_cont {
  display: flex;
  margin-top: calc(139 / 1920 * 100vw);
  justify-content: space-between;
  column-gap: calc(150 / 1920 * 100vw);
}

.cont_left_title {
  margin-bottom: calc(34 / 1920 * 100vw);
}

.cont_left_desc,
.global_view_content_desc {
  font-size: 16px;
  line-height: 26px;
  color: #000;
}

.cont_left {
  width: 56.4%;
}

.cont_left_img {
  width: 100%;
  margin-top: calc(70 / 1920 * 100vw);
}

.cont_left_img img {
  width: 100%;
  max-width: unset;
}

.cont_right {
  /* width: 40%; */
  width: 40%;
  position: relative;
}

.cont_right_content {
  background: #ffffff;
  padding: calc(38 / 1920 * 100vw) calc(44 / 1920 * 100vw) calc(48 / 1920 * 100vw);
  font-size: 0;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cont_right_title {
  font-size: 36px;
  line-height: 1.1;
  color: #C02125;
  padding-bottom: 27px;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
  margin-bottom: 4px;
}

.cont_right_info1 {
  min-height: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.1;
  padding: 15px 0;
}

.cont_right_info2 {
  min-height: 78px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.1;
  background: #EAE9E9;
  padding: 15px calc(20 / 1920 * 100vw);
}

.cont_right_info_left {
  font-size: 20px;
  color: #000000;
  width: 50%;
}

.cont_right_info_right {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  width: 50%;
}

.cont_right_learn {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 1px solid #000000;
  margin-top: 30px;
}

.cont_right_return {
  display: flex;
  width: 100%;
  height: 54px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #C02125;
  color: #ffffff;
  margin: 30px auto 0;
}

.cont_right_return:hover{
  color: #fff;
}

.recommend {
  width: 100%;
  padding: 0 calc(160 / 1920 * 100vw) calc(229 / 1920 * 100vw);
  margin-top: calc(139 / 1920 * 100vw);
}

.recommend_title {
  margin-bottom: calc(65 / 1920 * 100vw);
}

.tearSwiper {
  width: 100%;
  overflow: hidden;
}

.tearSwiper .swiper-slide {
  font-size: 0;
}

.tearSwiper-name {
  font-size: 24px;
  line-height: 1.2;
  padding: 24px 0px 17px 0;
}

.tearSwiper-learnmore {
  display: inline-block;
  font-size: 16px;
  padding: 0% 0 2px 0;
  border-bottom: 1px solid #000000;
}

/* .tearSwiper .swiper-slide.swiper-slide-active .tearSwiper-learnmore, */
.tearSwiper .swiper-slide:hover .tearSwiper-learnmore{
  border-bottom: 1px solid #C02125;
}

.recommend .tearSwiper-pagination {
  width: 80%;
  height: 1px;
  max-width: 686px;
  position: static;
  margin: calc(86 / 1920 * 100vw) auto 0;
}

.tearSwiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #C02125;
}

.scroll-remind {
  position: absolute;
  color: #ffffff;
  font-size: 14px;
  z-index: 3;
  line-height: 1;
  bottom: calc(66 / 1920 * 100vw);
  right: calc(175 / 1920 * 100vw);
  opacity: 0.9;
}

.line_icon {
  width: 1px;
  height: 52px;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}

.line_icon::after {
  content: '';
  width: 1px;
  height: 52px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  background-size: 1px 52px;
  background-repeat: repeat;
  position: absolute;
  top: -100%;
  left: 0;
  animation: line_icon 3s linear infinite;
}

@keyframes line_icon {
  0% {
      top: -100%;
  }

  100% {
      top: 100%;
  }
}

/* 全球智造 */
.global_view {
  margin-top: 43px;
  overflow: hidden;
}

.global_view .link-v,.distributor_view .link-v{
  position: relative;
  top: -80px;
}

.global_view .link-v:nth-of-type(5){
  top: -100px;
}

.distributor_view .link-v:nth-of-type(5),
.distributor_view .link-v:nth-of-type(7){
  top: -140px;
}

.global_view_banner {
  position: relative;
}

.global_view_content_title {
  margin-bottom: calc(34 / 1920 * 100vw);
}

.global_view_content {
  padding: 0 calc(160 / 1920 * 100vw) calc(95 / 1920 * 100vw);
}

.global_view_cont {
  margin-top: calc(139 / 1920 * 100vw);
}

.global_view_cont .material_img img {
  width: 100%;
  object-fit: contain;
  margin-top: calc(80 / 1920 * 100vw);
}

.Intelligent {
  margin-top: calc(132 / 1920 * 100vw);
}

.Intelligent_swiper {
  margin-top: calc(80 / 1920 * 100vw);
}

.Intelligent .Intelligent_swiper .swiper_cont {
  border-left: 3px solid #C02125;
  padding-left: calc(70 / 1920 * 100vw);
}

.Intelligent .Intelligent_swiper .title {
  font-family: Arial;
  font-weight: bold;
  font-size: calc(100 / 1920 * 100vw);
  color: rgba(0, 0, 0, 0);
  line-height: 1;
  -webkit-text-stroke: 2px #000000;
  margin-top: calc(38 / 1920 * 100vw);
}

.Intelligent .Intelligent_swiper .cont {
  font-size: 24px;
  line-height: 1.1;
  margin-top: calc(36 / 1920 * 100vw);
}

.global_view .our_store {
  background: #F5F5F5;
  padding: calc(100 / 1920 * 100vw) calc(0 / 1920 * 100vw) calc(140 / 1920 * 100vw);
}

/* 设计 */
.design_view {
  margin-top: 43px;
  overflow: hidden;
}

.design_view_banner {
  position: relative;
}

.design_view_content {
  padding: 0 calc(160 / 1920 * 100vw) calc(120 / 1920 * 100vw);
}

.design_view_cont {
  margin-top: calc(139 / 1920 * 100vw);
}

.design_swiper_box {
  display: flex;
  justify-content: space-between;
  position: relative;
  /* height: 610px; */
}

.design_view_scroll_title {
  position: absolute;
}

.design_left_swiper {
  width: 35%;
  height: 100%;
  overflow: hidden;
  margin-top: calc((86 + 60) / 1920 * 100vw);
  height: calc(610 / 1920 * 100vw);
}

.conSwiper {
  height: 100%;
}

.design_left_swiper .swiper-slide {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: calc(32 / 1920 * 100vw);
  border-left: 1px solid rgba(153, 153, 153, 0.5);
  cursor: pointer;
  /* transition: font-size 0.3s ease; */
}

.design_left_swiper .swiper-slide.on {
  font-size: 24px;
  color: #000000;
  border-left: 1px solid #C02125;
}

.design_right_swiper {
  width: 60%;
  height: 100%;
  overflow: hidden;
  height: calc(1000 / 1920 * 100vw);
  position: relative;
}

.rightSwiper {
  height: 100%;
}

.txts {
  margin-top: calc(52 / 1920 * 100vw);
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
}

.gang {
  width: 13px;
  height: 1px;
  background: #999999;
  margin-top: 18px;
}

.prosess_title {
  font-size: 36px;
  line-height: 1.1;
}

.process_txt {
  font-size: 16px;
  line-height: 1.5;
  margin-top: calc(20 / 1920 * 100vw);
}

.cebg {
  width: calc(286 / 1920 * 100vw);
  height: calc(808 / 1920 * 100vw);
  position: absolute;
  right: calc(-140 / 1920 * 100vw);
  bottom: calc(280 / 1920 * 100vw);
}

.design_view_service {
  margin-top: calc(30 / 1920 * 100vw);
}

.design_view_service_title {
  text-align: center;
}

.esList {
  width: 100%;
  height: 506px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: calc(72 / 1920 * 100vw);
  padding: calc(85 / 1920 * 100vw) calc(30 / 1920 * 100vw);
  position: relative;
}

.esList_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}

.esItem {
  display: flex;
  height: 100%;
  font-size: 24px;
  color: #ffffff;
  line-height: 1.3;
  flex-wrap: wrap;
  width: 20%;
  text-align: center;
  padding: 0 calc(30 / 1920 * 100vw);
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  align-content: space-between;
}

.esItem:last-child {
  border-right: none;
}

.esItem_num,
.esItem_title,
.esItem_desc {
  width: 100%;
}

.esItem_title {
  margin-bottom: calc(30 / 1920 * 100vw);
}

.esItem_txt {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  min-height: 48px;
}

.Design_conce {
  margin-top: calc(139 / 1920 * 100vw);
}

.Design_conce_desc {
  margin-top: calc(50 / 1920 * 100vw);
}

.Design_conce_desc p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: calc(18 / 1920 * 100vw);
}

.Design_conce_img {
  margin-top: calc(60 / 1920 * 100vw);
}

.Design_conce_img img {
  width: 100%;
  min-height: 350px;
}

/* 招商加盟 */
.distributor_view {
  margin-top: 43px;
  overflow: hidden;
}

.distributor_view_banner {
  position: relative;
}

.distributor_view_content {
  padding: 0 0 calc(0 / 1920 * 100vw) calc(160 / 1920 * 100vw);
}

.distributor_view_cont {
  margin-top: calc(139 / 1920 * 100vw);
}

.distributor_view_content_title {}

.Joining-list-swiper {
  margin-top: calc(60 / 1920 * 100vw);
  position: relative;
}

.Joining-list-swiper .swiper-slide {
  /* height: auto; */
  height: 100%;
}

.Joining_img {
  height: calc(326 / 440 * 100%);
  margin-bottom: calc(30 / 1920 * 100vw);
}

.joining_tit {
  font-size: 24px;
  /* margin-top: calc(30 / 1920 * 100vw); */
  display: inline;
  width: auto;
  padding-bottom: 2px;
  background-image: linear-gradient(transparent calc(100% - 2px), #000 2px);
  background-size: 100% 100%;
}

.Joining-list-swiper .swiper-slide.swiper-slide-active .joining_tit{
  background-image: linear-gradient(transparent calc(100% - 2px), #C02125 2px);
}


.joining_desc {
  font-size: 16px;
  line-height: 24px;
  color: #323232;
  margin-top: calc(20 / 1920 * 100vw);
}

.Joining-list-swiper-next,
.Joining-list-swiper-prev {
  width: 60px;
  height: 60px;
  top: 32%;
  left: auto;
  right: calc(170 / 1920 * 100vw);
  margin-top: 0;
}

.Joining-list-swiper-prev {
  left: 17px;
}

.Joining-list-swiper-next::after,
.Joining-list-swiper-prev::after {
  font-size: 14px;
  color: #ffffff;
}

.Joining-list-swiper-next::before,
.Joining-list-swiper-prev::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255, 255, 255, 1);
}

.distributor_view_Market_prospect {
  margin-top: calc(139 / 1920 * 100vw);
  margin-bottom: calc(200 / 1920 * 100vw);
  width: 100%;
  height: calc(660 / 1920 * 100vw);
  background: #f1f1f1;
  display: flex;
  align-items: flex-end;
  padding: 0 calc(160 / 1920 * 100vw);
}

.Market_prospect_box {
  width: calc(800 / 1920 * 100vw);
  height: calc(590 / 1920 * 100vw);
  background: #C02125;
  padding: calc(100 / 1920 * 100vw) calc(100 / 1920 * 100vw) 0 calc(100 / 1920 * 100vw);
  position: relative;
}

.Market_prospect_title {
  color: #ffffff;
  margin-bottom: calc(60 / 1920 * 100vw);
}

.Market_prospect_desc_box {
  overflow-y: auto;
  max-height: 72%;
}

.Market_prospect_desc,.Market_prospect_desc_box p {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  /* margin-bottom: calc(40 / 1920 * 100vw); */
  padding-right: calc(40 / 1920 * 100vw);
}

.Market_prospect_img {
  position: absolute;
  width: calc(880 / 1920 * 100vw);
  height: calc(618 / 1920 * 100vw);
  right: -100%;
  bottom: -10%;
}

.distributor_view_Terminal_image {
  padding: 0 calc(160 / 1920 * 100vw);
}

.Terminal_image_title {
  margin-bottom: calc(38 / 1920 * 100vw);
}

.Terminal_image_desc {
  font-size: 16px;
  line-height: 24px;
}

.Terminal_image_swiper {
  margin-top: calc(60 / 1920 * 100vw);
  overflow: hidden;
}

.Terminal_image_swiper .swiper-slide img {
  min-height: 350px;
}

.distributor_view_Terminal_image .Terminal-image-pagination {
  position: static;
  width: 80%;
  height: 1px;
  max-width: 686px;
  position: static;
  margin: calc(86 / 1920 * 100vw) auto;
}

.Terminal-image-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #C02125;
}

.Joining_process_title {
  margin: calc(72 / 1920 * 100vw) 0;
}

.distributor_view_Joining_process {
  padding: 0 calc(160 / 1920 * 100vw);
}


.distributor_view_Joining_process .swiper{
  position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
width: 100%;
height: 100%;
}

.distributor_view_Joining_process .swiper .Joining_process_step_box{
height: 100%;
grid-template-rows: repeat(2, 1fr);
}

.distributor_view_Joining_process .swiper .swiper-slide .Joining_process_step_box  img{
  margin: 0 auto;
      width: auto;
height: auto;
}

.Joining_process_img {
  position: relative;
  min-height: 500px;
}

.Joining_process_img_img {
  min-height: 500px;
  width: 100%;
}

.Joining_process_step_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(60 / 1920 * 100vw);
  font-size: 18px;
  color: #ffffff;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 996px;
  width: 62.25%;
}

.Joining_process_step_box::after {
  content: '';
  width: 100%;
  height: 1px;
  /* background: rgba(245, 245, 245, 0.5); */
  border-top: 1px solid rgba(245, 245, 245, 0.5);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.processItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  margin: calc(50 / 1920 * 100vw) 0;
  border-right: 1px solid rgba(245, 245, 245, 0.5);
}

.processItem:nth-of-type(3n) {
  border-right: 0;
}

.processItem_img {
  width: 100%;
}

.step_num {
  width: 100%;
  margin: calc(30 / 1920 * 100vw) 0 0;
}

.processItem_txt {
  width: 100%;
  font-size: 24px;
  line-height: 26px;
  min-height: 52px;
  padding: 0 calc(80 / 1920 * 100vw);
  margin-top: calc(10 / 1920 * 100vw);
}

.distributor_view_Training_system {
  margin: calc(139 / 1920 * 100vw) 0;
  padding: 0 calc(160 / 1920 * 100vw);
}

.Training_system_title {
  margin-bottom: calc(65 / 1920 * 100vw);
}

.distributor_view_Joining_hotline {
  padding: calc(100 / 1920 * 100vw) calc(160 / 1920 * 100vw) calc(150 / 1920 * 100vw);
  background-image: url(../images/hotline_bg.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  display: flex;
  justify-content: space-between;
}

.distributor_view_Joining_hotline .layui-container{
  padding: 0;
}

.hotline_left {
  width: 40%;
  max-width: 512px;
}

.contact_title {
  font-size: 36px;
  line-height: 1;
  margin: calc(70 / 1920 * 100vw) 0 calc(50 / 1920 * 100vw);
}

.contactItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(50 / 1920 * 100vw);
  font-size: 22px;
  border-bottom: 1px solid #999999;
  padding: 6px 0;
}

.contactItem_cont {
  font-size: 20px;
}

.hotline_right {
  margin-top: calc(44 / 1920 * 100vw);
  width: 54%;
}

.formDis {
  display: flex;
  justify-content: space-between;
}

.layui-form-item {
  height: 76px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 22px;
  border: 1px solid #000000;
}

.layui-container{
  font-size: 0;
}

.layui-container .w50 {
  width: 49%;
}

.layui-form-label {
  font-size: 18px;
  color: #666666;
  line-height: 24px;
  white-space: nowrap;
  text-align: left;
  width: 150px;
  padding: 9px 0 9px 15px;
}

.layui-container input {
  width: 100%;
  font-size: 18px;
  color: #666666;
  line-height: 24px;
  border: none;
  text-align: right;
  padding: 0 10px;
  background: transparent;
}

.layui-textarea {
  min-height: 100px;
  height: auto;
  line-height: 20px;
  padding: 6px 10px;
  resize: none;
}

.layui-container .layui-textarea {
  border: none;
  font-size: 18px;
  color: #666666;
  height: 80px;
  line-height: 24px;
  width: 100%;
  height: calc(139px - 50px);
  min-height: unset;
  background: transparent;
}

.layui-container .textarea_box {
  height: 139px;
  border-radius: 5px;
  border: 1px solid #000000;
  flex-wrap: wrap;
  align-items: flex-start;
}

.layui-container .textarea_box .layui-form-label {
  width: 100%;
}

.layui-btn{
  width: 100%;
  height: 75px;
  background: #C02125;
  border-radius: 1000px;
  color: #ffffff;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

/* 关于我们 */
.about_view {
  margin-top: 43px;
  overflow: hidden;
  font-weight: lighter;
}

.about_view_banner {
  position: relative;
  margin-top: 43px;
}

.about_view_content{
  padding: 0 calc(160 / 1920 * 100vw) 0;
}

.about_view_cont{
  margin: calc(139 / 1920 * 100vw) auto 0;
  width: 100%;
  max-width: 1600px;
  position: relative;
}

.about_view_cont::before{
content: '';
width: calc(55 / 1920 * 100vw);
height: calc(497 / 1920 * 100vw);
background: url(../images/about_point1.png) no-repeat center / 100% 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(-72 / 1920 * 100vw);
transition: none;
}

.about_view_cont::after{
content: '';
width: calc(361 / 1920 * 100vw);
height: calc(225 / 1920 * 100vw);
background: url(../images/about_point2.png) no-repeat center / 100% 100%;
position: absolute;
bottom: 0;
left: calc((1465 - 160) / 1920 * 100vw);
transition: none;
}

.Brand_introduction_box{
  width: 76%;
  /* height: auto; */
  max-width: 1215px;
  height: 675px;
  /* padding: calc(123 / 1920 * 100vw) calc(420 / 1920 * 100vw) calc(80 / 1920 * 100vw) calc(111 / 1920 * 100vw); */
  padding: 123px 430px 80px 111px;
  position: relative;
  overflow: hidden;
}

.Brand_introduction_box::after{
  content: '';
  width: 1215px;
  height: 675px;
  background: #C02125;
  -webkit-clip-path: polygon(0 0, 100% 0%, 72.25% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 72.25% 100%, 0% 100%);
  position: absolute;
  right: 0;
  top:0;
  z-index: -1;
}

.Brand_introduction_title{
  color: #ffffff;
  margin-bottom: calc(60 / 1920 * 100vw);
  white-space: nowrap;
}

.Brand_introduction_desc_box{
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  max-height: 90%;
  overflow-y: auto;
  padding-right: 6px;
}

.Brand_introduction_desc,.Brand_introduction_desc_box p{
  margin-bottom: calc(30 / 1920 * 100vw);
}

.Brand_introduction_desc:last-of-type,.Brand_introduction_desc_box p:last-of-type{
  padding-bottom:calc(30 / 1920 * 100vw);
  margin-bottom: 0;
}

.Brand_introduction_img{
  position: absolute;
  right: 0;
  bottom: -8%;
  z-index: 1;
  height: 100%;
  width: auto;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: auto 100%;
  /* pointer-events: none; */
}

.Brand_introduction_img img{
  height: 100%;
  max-width: unset;
}

.Brand_culture_box{
  margin-top: calc(190 / 1920 * 100vw);
  position: relative;
}

.Brand_culture_desc{
  font-size: 16px;
  color: #323232;
  margin-top: calc(35 / 1920 * 100vw);
}

.Brand_culture_swiper{
  position: relative;
}

.Brand_culture_swiper .inner_box{
  margin-top: calc(60 / 1920 * 100vw);
  width: 100%;
  display: flex;
  column-gap: 20px;
  overflow: hidden;
  position: relative;
}

.Brand_culture_swiper_text{
  /* position: absolute; */
  /* top: 103%; */
  position: relative;
  margin-top: 15px;
}

.Brand_culture_swiper_title{
  font-size: 36px;
  color: #C02125;
}

.Brand_culture_swiper_desc{
  font-size: 16px;
  line-height: 30px;
  color: #323232;
}

.Brand_culture_swiper .Brand_culture_swiper_inner:last-of-type .Brand_culture_swiper_desc{
  padding-right: 110px;
}

.Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_title,
.Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_desc{
  opacity: 0;
  pointer-events: none;
  width: 824px;
  /* position: absolute; */
  /* left: 0; */
  transition: opacity 0.3s ease;
}

.Brand_culture_swiper .Brand_culture_swiper_inner.on .Brand_culture_swiper_title,
.Brand_culture_swiper .Brand_culture_swiper_inner.on .Brand_culture_swiper_desc{
  opacity: 1;
  pointer-events: all;
}

.Brand_culture_swiper .Brand_culture_swiper_inner{
  width: calc((100% - 824px - 80px) / 4);
  transition: width 0.3s ease;
  /* padding-bottom: 300px; */
  margin-bottom: 150px;
  position: relative;
  flex-grow: 1;
}

.Brand_culture_swiper .Brand_culture_swiper_inner .bg-img-container{
  position: relative;
}

.Brand_culture_swiper .Brand_culture_swiper_inner .bg-img-container .pic-box{
  overflow: hidden;
  cursor: pointer;
}

.Brand_culture_swiper .Brand_culture_swiper_inner .bg-img-container .pic-box img{
  transform: scale(1);
  transition: transform 0.3s ease;
}

.Brand_culture_swiper .Brand_culture_swiper_inner .bg-img-container .pic-box:hover img{
  transform: scale(1.1);
}

.Brand_culture_swiper .Brand_culture_swiper_inner.on{
  width: 824px;
}

.Brand_culture_swiper .Brand_culture_swiper_inner img{
  max-height: 600px;
  height: calc(100vh - 123px);
  width: 100%;
}


.Brand_culture_swiper .swiper-slide .Brand_culture_swiper_title,
.Brand_culture_swiper .swiper-slide .Brand_culture_swiper_desc{
  opacity: 0;
  display: none;
}

.Brand_culture_swiper .swiper-slide.swiper-slide-active .Brand_culture_swiper_title,
.Brand_culture_swiper .swiper-slide.swiper-slide-active .Brand_culture_swiper_desc{
  opacity: 1;
  display: block;
}

.Brand_culture_swiper .swiper-slide{
  width: calc((100% - 824px - 80px) / 4);
}

.Brand_culture_swiper .swiper-slide.swiper-slide-active{
  width: 824px;
  padding-bottom: 200px;
  position: relative;
}

/* .Brand_culture_swiper .swiper-slide.on{
  width: 824px;
} */

#Brand_culture_swiper .bg-img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Brand_culture_swiper .swiper-slide img{
  max-height: 600px;
  height: calc(100vh - 123px);
  width: 100%;
  cursor: pointer;
}

.Brand-culture-swiper-next,
.Brand-culture-swiper-prev {
  width: 45px;
  height: 45px;
  top: auto;
  left: auto;
  right: 0;
  /* bottom: 150px; */
  top: 738px;
  margin-top: 0;
}

.Brand-culture-swiper-prev {
  right: 60px;
}

.Brand-culture-swiper-next::after,
.Brand-culture-swiper-prev::after {
  font-size: 12px;
  color: #000000;
}

.Brand-culture-swiper-next::before,
.Brand-culture-swiper-prev::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(0,0,0,0.15);
}

.swiper-pagination-fraction.Brand-culture-swiper-pagination,
.Brand-culture-swiper-pagination{
  /* bottom: 230px; */
  top: 680px;
  width: auto;
  left: auto;
  right: 0px;
  font-size: 16px;
  color: #000000;
  position: absolute; 
}


/* 发展历程 */

.about-history {
  padding: 1rem 0 1.38rem;
}

.about-history .his-content {
  display: flex;
}

.about-history .his-content .l-content {
  width: 5.4rem;
  padding-right: 1.9rem;
}

.about-history .his-content .l-content .img {
  text-align: right;
  padding-bottom: 0.52rem;
  border-bottom: 1px solid #d6d6d6;
}

.about-history .his-content .l-content .contet .tit {
  font-size: 0.3rem;
  color: #2d2d2d;
  line-height: 1.1;
  padding: 0.46rem 0 0.26rem;
}

.about-history .his-content .l-content .contet .line {
  width: 58px;
  height: 2px;
  background-color: #C02125;
  margin-bottom: 0.24rem;
}

.about-history .his-content .l-content .contet .cont {
  font-size: 14px;
  color: #797979;
  line-height: 2.57;
}

.about-history .his-content .r-list {
  flex: 1;
  width: calc(100% - 5.4rem);
}

.about-history .his-content .r-list .year-list .item {
  font-size: 14px;
  color: #797979;
}

.about-history .his-content .r-list .year-list .item.on {
  color: #C02125;
  font-weight: bold;
}

.about-history .his-content .r-list .year-list .item .ll {
  margin: 0 10px;
}

.about-history .his-content .r-list .year-list .item.qb .h {
  width: 14px;
  height: 2px;
  background-color: #797979;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.about-history .his-content .r-list .year-list .item.qb.on .h {
  background-color: #C02125;
}

.about-history .his-content .r-list .history-list .item {
  padding: 0.5rem 0 0.5rem 1.34rem;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
}

.about-history .his-content .r-list .history-list .item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.82rem;
  width: 0.72rem;
  height: 1px;
  background-color: #2d2d2d;
}

.about-history .his-content .r-list .history-list .item::after {
  content: '';
  position: absolute;
  top: 0.82rem;
  left: 0.7rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #2d2d2d;
  margin-top: -3px;
}

.about-history .his-content .r-list .history-list .item .year {
  font-size: 0.6rem;
  color: #2d2d2d;
  line-height: 1.1;
  margin-bottom: 0.2rem;
  transition: all .5s;
}

.about-history .his-content .r-list .history-list .item .text {
  font-size: 16px;
  color: #2a2a2a;
  line-height: 2.25;
}

/* 集团荣誉 */

.about-honor{
  padding: 0 0 0.5rem;
}

.about-honor .honor-top {
  padding-bottom: 0.55rem;
}

.about-honor .honor-top .content {
  display: flex;
  align-items: center;
}

.about-honor .honor-top .content .l-title {
  width: 5.4rem;
  padding-right: 1.9rem;
  position: relative;
  padding-left: 0.4rem;
}

.about-honor .honor-top .content .l-title .ii {
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 24px;
  background-image: url(/phone/images/icon07.png);
  background-repeat: no-repeat;
}

.honor_div{
  font-size: 0.16rem;
}

.honor_tit{
  font-size: 22px;
  color: #C02125;
  line-height: 1.1;
  white-space: nowrap;
}

.honor_btit{
  font-size: 0.9rem;
}

.about-honor .honor-top .content .l-title .tit {
  font-size: 0.24rem;
  color: #C02125;
  line-height: 1.1;
  white-space: nowrap;
}

.about-honor .honor-top .content .l-title .tit .btit {
  font-size: 0.9rem;
  font-family: 'ziti';
}

.about-honor .honor-top .content .r-text {
  width: calc(100% - 5.4rem);
  flex: 1;
  font-size: 14px;
  color: #797979;
  line-height: 1.7;
}

.about-honor .honor-list {
  background-color: #eff0f1;
}

.about-honor .honor-list .h-class {
  border-bottom: 1px solid #d6d6d6;
  padding-top: 0.75rem;
}

.about-honor .honor-list .h-class .checktit {
  display: none;
}

.about-honor .honor-list .h-class .check-ul {
  display: flex;
  justify-content: center;
}

.about-honor .honor-list .h-class .check-ul .item {
  display: block;
  margin: 0 0.31rem;
  padding-bottom: 0.25rem;
  font-size: 18px;
  color: #4e4e4e;
  line-height: 1.1;
}

.about-honor .honor-list .h-class .check-ul .item.on {
  border-bottom: 1px solid #C02125;
  color: #C02125;
  font-weight: bold;
}

.about-honor .honor-list .h-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0.6rem 0 0.5rem;
}

.about-honor .honor-list .h-list .item {
  width: calc((100% - 2.65rem) / 4);
  margin-right: 0.88rem;
  margin-bottom: 0.65rem;
  cursor: pointer;
}

.about-honor .honor-list .h-list .item:nth-child(4n+0) {
  margin-right: 0;
}

.about-honor .honor-list .h-list .item .img {
  padding: 0.18rem 0;
  transform: translateY(0);
  transition: all .5s;
}

.about-honor .honor-list .h-list .item .img img {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, .2);
}

.about-honor .honor-list .h-list .item .tit {
  font-size: 14px;
  color: #2d2d2d;
  line-height: 1.7;
  text-align: center;
}


/* 公司新闻 */

.about-news {
  padding: 0.75rem 0 0.54rem
}

.about-news .news-select {
  margin: 0 auto 1rem;
  text-align: center;
  z-index: 1;
}

.news-list {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #d6d6d6;
}

.news-list .item {
  display: block;
  width: calc(100% / 3);
  padding: 0 0.86rem 1.4rem;
  border-right: 1px solid #d6d6d6;
}

.news-list .item .time {
  font-size: 16px;
  color: #C02125;
  font-family: 'Arial';
  margin-bottom: 0.1rem;
}

.news-list .item .tit {
  font-size: 24px;
  color: #4b4d4d;
  line-height: 1.5;
  height: 72px;
  margin-bottom: 0.2rem;
}

.news-list .item .desc {
  font-size: 14px;
  color: #8c8d8d;
  line-height: 1.7;
  height: 72px;
  margin-bottom: 0.24rem;
}

.news-list .item .incom-arrow {
  margin-bottom: 0.35rem;
}

.news-list .item .img {
  padding-top: calc(250 / 380 * 100%);
  position: relative;
  transform: translateY(0);
  transition: all .5s;
}

.news-list .item .img .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #ffffff;
  font-size: 0.6rem;
}

.news-list.video .item .img::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #C02125;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* 视频专区 */

.about-video {
  padding: 1rem 0 0.5rem;
}

.videodiv {
  display: none;
}

body .video-bgcolor {
  background-color: #000000;
}

body .video-bgcolor .layui-layer-content {
  overflow: hidden;
}


/* 分页 */

.all-Page-box {
  padding: 0.5rem 0;
}

.all-Page-box .btn {
  font-size: 16px;
  color: #2d2d2d;
  padding: 0 0.05rem;
  margin: 0 0.02rem;
}

.all-Page-box .btn.on {
  color: #C02125;
  border-bottom: 1px solid #C02125;
}

.all-Page-box .select,
.all-Page-box .f-right {
  display: none;
}

.all-Page-box .btn.song {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.all-Page-box .btn.song span {
  position: relative;
  display: block;
  height: 25px;
  width: 78px;
}

.all-Page-box .btn.song span::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #2d2d2d #2d2d2d transparent transparent;
  transform: rotate(45deg);
  margin-top: -4px;
}

.all-Page-box .btn.song span::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 78px;
  height: 1px;
  background-color: #2d2d2d;
}

.all-Page-box .btn.song span.prev {
  margin-right: 1.27rem;
}

.all-Page-box .btn.song span.prev::before {
  border-color: transparent transparent #2d2d2d #2d2d2d;
  left: 0;
}

.all-Page-box .btn.song span.prev::after {
  left: 0;
}

.all-Page-box .btn.song span.next {
  margin-left: 1.27rem;
}

.all-Page-box .btn.song span.next::before {
  right: 0;
}

.all-Page-box .btn.song span.next::after {
  right: 0;
}


/* 工程项目 */

.partner-project {
  padding-bottom: 0.5rem;
}

.partner-project .project-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.88rem;
}

.partner-project .project-top .l-text {
  width: 50%;
  font-size: 14px;
  color: #686868;
  line-height: 2.14;
}

.partner-project .project-top .r-xiala {
  position: relative;
  z-index: 1;
}

.partner-project .project-list {
  display: flex;
  flex-wrap: wrap;
}

.partner-project .project-list .item {
  display: block;
  width: calc((100% - 0.9rem) / 4);
  margin-right: 0.3rem;
  margin-bottom: 0.5rem;
}

.partner-project .project-list .item:nth-child(21n+3),
.partner-project .project-list .item:nth-child(21n+7),
.partner-project .project-list .item:nth-child(21n+10),
.partner-project .project-list .item:nth-child(21n+14),
.partner-project .project-list .item:nth-child(21n+17),
.partner-project .project-list .item:nth-child(21n+21) {
  margin-right: 0;
}

.partner-project .project-list .item:nth-child(21n+2),
.partner-project .project-list .item:nth-child(21n+8),
.partner-project .project-list .item:nth-child(21n+17) {
  width: calc((100% - 0.3rem) / 4 * 2);
}

.partner-project .project-list .item .img {
  position: relative;
  overflow: hidden;
  height: 4.9rem;
}

.partner-project .project-list .item .img img {
  transform: scale(1);
  transition: transform .8s cubic-bezier(.275, 0, 0, 1);
}

.partner-project .project-list .item .text {
  padding-top: 0.1rem;
}

.partner-project .project-list .item .text .tit {
  font-size: 18px;
  color: #2f2e2e;
  margin-bottom: 0.05rem;
}

.partner-project .project-list .item .text .tit span {
  transition: background-size .5s ease;
  width: calc(100% + 1px);
  padding-bottom: 2px;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
  background-repeat: no-repeat;
  background-size: 0 100%;
  font-style: normal;
  line-height: 1.6;
}

.partner-project .project-list .item .text .more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.partner-project .project-list .item .text .more .tt {
  font-size: 12px;
  color: #878888;
}

.partnerview-main .partnerv-banner {
  /* padding-top: 100px; */
}

.partnerview-main .partnerv-banner .img {
  padding-top: calc(650 / 1920 * 100%);
  position: relative;
  min-height: 250px;
}

.partnerview-main .partnerv-banner .img .textdiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  font-weight: normal;
}

.partnerview-main .partnerv-banner .img .textdiv .cn,
.textdiv .cn {
  font-size: 0.48rem;
  color: #ffffff;
  margin-bottom: 0.3rem;
}

.partnerview-main .partnerv-banner .img .textdiv .en,
.textdiv .en {
  font-size: 18px;
  color: #ffffff;
  font-family: 'ziti';
  margin-bottom: 0.5rem;
}

.partnerview-main .partnerv-cont .p-content .p-cont {
  display: flex;
  padding-top: 0.75rem;
  padding-bottom: 1.16rem;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content {
  flex: 1;
  width: calc(100% - 360px);
  padding-right: 2.6rem;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .cont-msg {
  padding-bottom: 1.16rem;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box {
  justify-content: space-between;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box .line {
  font-size: 0.2rem;
  color: #bdbeb8;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box a .unit {
  font-size: 14px;
  color: #2b2b2b;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box a .incom-arrow::before {
  background-color: #2b2b2b;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box a .incom-arrow::after {
  border-color: #2b2b2b #2b2b2b transparent transparent;
}

.partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box a .incom-arrow.ll::after {
  border-color: transparent transparent #2b2b2b #2b2b2b;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info {
  width: 360px;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info .tit {
  font-size: 24px;
  color: #2d2d2d;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #d6d6d6;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info .info {
  font-size: 14px;
  color: #464646;
  line-height: 2.14;
  padding: 0.25rem 0;
  border-bottom: 1px solid #d6d6d6;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info .share-area {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 0.22rem 0;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info .share-area .title {
  font-size: 12px;
  color: #8d8d8d;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info .back {
  font-size: 14px;
  color: #ffffff;
  background-color: #C02125;
  height: 0.65rem;
  min-height: 40px;
  margin-top:0.25rem;
}

.partnerview-main .partnerv-cont .p-content .p-cont .r-info .back .h {
  width: 0.3rem;
  height: 1px;
  background-color: #ffffff;
  margin-left: 0.2rem;
}


/* 新闻详情 */
.newsview-main{
  margin-top: 123px;
}

.newsview-main .newsv-top {
  /* height: 3.5rem; */
  height: auto;
  padding: 0.6rem 0;
  background: #F1F1F1;
}

.newsview-main .newsv-top .content {
  flex-direction: column;
  height: 100%;
}

.newsview-main .newsv-top .content .time {
  font-size: 16px;
  color: #C02125;
  font-family: 'Arial';
  margin-bottom: 0.2rem;
}

.newsview-main .newsv-top .content .title {
  font-size: 0.3rem;
  color: #2d2d2d;
  line-height: 1.5;
  text-align: center;
  /* margin-bottom: 0.8rem; */
}

.newsview-main .share-area{
  display: none;
}

.newsview-main .newsv-top .content .incomhref {
  padding: 0;
}

.newsview-main .newsv-top .content .incomhref::after {
  display: none;
}

.newsview-main .newsv-content {
  padding-bottom: 0.78rem;
}

.newsview-main .newsv-content .nv-content {
  padding: 0 0.5rem;
  border-left: 1px solid #d6d6dd;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.newsview-main .newsv-content .nv-content .newsv-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d6d6d6;
  padding: 0.33rem 0 0.26rem;
}

.newsview-main .newsv-content .nv-content .newsv-share .back {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #87897d;
}

.newsview-main .newsv-content .nv-content .newsv-share .back .incom-arrow {
  margin-right: 0.1rem;
}

.newsview-main .newsv-content .nv-content .newsv-share .back .incom-arrow::before,
.newsview-main .page-box .incom-arrow.ll::before{
  left: 0;
  transform: none;
}

.share-area {
  display: flex;
  align-items: center;
}

.share-area .title {
  margin-right: 5px;
}

.share-area .bdsharebuttonbox li a {
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 10px;
}

.share-area .bds_weixin {
  background-image: url(../images/icon08.png);
}

.share-area .bds_tsina {
  background-image: url(../images/icon09.png);
}

.share-area .bds_more {
  background-image: url(../images/icon10.png);
}

.newsview-main .newsv-content .nv-content .newsv-text {
  font-size: 16px;
  color: #4b4d4d;
  line-height: 1.75;
  padding: 0.35rem 0 0.4rem;
  border-bottom: 1px solid #d6d6d6;
}

.newsview-main .newsv-content .nv-content .page-box {
  justify-content: space-between;
  padding: 0.3rem 0 0.45rem;
}

.newsview-main .newsv-content .nv-content .page-box a {
  font-size: 14px;
  color: #2b2b2b;
}

.newsview-main .newsv-content .nv-content .page-box .incom-arrow {
  margin-left: 0.15rem;
  transition: all .5s;
}

.newsview-main .newsv-content .nv-content .page-box .incom-arrow.ll {
  margin-left: 0;
  margin-right: 0.15rem;
}


/* 联系我们 */

.service-contact .contact-cont .item {
  display: flex;
  border-top: 1px solid #d6d6d6;
  padding: 0.84rem 0;
}

.service-contact .contact-cont .item .l-tit {
  width: 3.5rem;
  min-width: 230px;

  width: 4.5rem;
  min-width: 230px;
}

.service-contact .contact-cont .item .l-tit .tit {
  font-size: 18px;
  color: #C02125;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.28rem;

  font-size: 26px;
  line-height: 1.5;
  color: #C02125;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.28rem;
}

.service-contact .contact-cont .item .l-tit .tit::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.58rem;
  height: 2px;
  background-color: #C02125;
}

.service-contact .contact-cont .item .r-info {
  flex: 1;
  font-size: 16px;
  color: #424242;
  line-height: 2.25;

  flex: 1;
  font-size: 20px;
  color: #424242;
  line-height: 2.55;
  padding-left: 30px;
}

.service-contact .contact-cont .item .r-info h3 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.1rem;

  font-size: 26px;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.service-contact .contact-cont .item .r-info h4 {
  font-size: 36px;
  margin-bottom: 0.1rem;
  line-height: 1.2;
}

.service-contact .contact-cont .item:nth-child(1) {
  border-top: none;
  padding: 0 0 0.84rem 0;

  border-top: none;
  padding: 0 0 1.2rem 0;
}

.mapbox .allmap {
  width: 100%;
  height: 6rem;
  min-height: 30vh;
}

.mapbox .allmap img {
  max-width: none;
}


/* ----------------------搜索----------------------- */

.search-main {
  padding-top: 100px;
  padding-bottom: 1rem;
}

.search-main .titlediv {
  border-bottom: 1px solid #C02125;
  padding: 2rem 0 1.12rem;
}

.search-main .titlediv .search-area {
  display: flex;
}

.search-main .titlediv .search-area .inp {
  width: 100%;
  font-size: 0.48rem;
  color: #4e4e4e;
  text-align: center;
}

.search-main .titlediv .search-area .inp::placeholder {
  color: #6e6e6e;
  font-family: 'ziti1';
}

.s-listbox {
  padding-top: 0.85rem;
}

.s-listbox .total-tit {
  font-size: 14px;
  color: #87897d;
  margin-bottom: 0.54rem;
}

.s-listbox .total-tit .tt {
  border-bottom: 1px solid #7c7e71;
  padding-bottom: 0.1rem;
  display: inline-block;
}

.s-listbox .total-tit .lv {
  color: #80bd01;
  font-weight: bold;
}

.news-list.search-list {
  border: none;
}

.news-list.search-list .item {
  width: calc(100% / 4 - 0.5rem);
  padding: 0;
  margin: 0 0.25rem 1rem;
  border: none;
}

.news-list.search-list .item .img {
  margin-bottom: 0.2rem;
}

.news-list.search-list .item .tit {
  height: 144px;
}

.news-list.search-list .item.pro .img {
  padding-top: calc(470 / 376 * 100%);
}

.news-list.search-list .item.pro .tit {
  height: auto;
  font-size: 18px;
  color: #2d2d2d;
  margin-bottom: 5px;
}

.news-list.search-list .item.pro .line {
  width: 20px;
  margin-bottom: 10px;
}

.news-list.search-list .item.pro .dd {
  font-size: 14px;
  color: #868686;
}

.search_box{
  width: 94%;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  display: flex;
  margin: 20px auto 0;
  overflow: hidden;
}

#orderForm,#orderForm_m{
  width: 100%;
  display: flex;
  overflow: hidden;
}

.search_box_input{
  width: 100%;    
  background: transparent;
  padding: 0px 25px 0px 25px;
  font-size: 14px;
  border: none;
}

.search_box_icon{
  width: 65px;
  height: 38px;
  background: #C02125;
  border-radius: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.search_box_icon img {
  width: 21px;
  height: 21px;
  margin: 0 auto;
}

.search-main .pList{
  padding: 0 !important;
  width: 94% !important;
  margin: 0 auto !important;
}





/* 分页 */

.pagination-box {
  padding-top: 0.8rem;
}
.pagination-box .page-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-box .page-box .dian {
  margin-left: 5px;
}
.pagination-box .page-box .btn {
  width: 48px;
  height: 48px;
  line-height: 1;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #171717;
  font-size: var(--fz18);
  transition: all 0.4s;
  background-color: transparent;
}
.pagination-box .page-box .btn:not(:first-child) {
  margin-left: 60px;
}
.pagination-box .page-box .btn.next, .pagination-box .page-box .btn.prev {
  font-family: "simsun";
  width: 91px;
  height: 9px;
}
.pagination-box .page-box .btn.next span, 
.pagination-box .page-box .btn.prev span{
  font-size: 0;
}
.pagination-box .page-box .btn.next::after, 
.pagination-box .page-box .btn.prev::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.pagination-box .page-box .btn.next::after{
  background: url(../images/fenye_next.png) no-repeat  top right / auto 100%;
}
.pagination-box .page-box .btn.prev::after{
  background: url(../images/fenye_prev.png) no-repeat  top left / auto 100%;
}
.pagination-box .page-box .btn.on {
  background: #C02125;
  color:#fff;
}
.pagination-box .page-box .btn.on::after {
  filter: brightness(0) invert(1);
}
.pagination-box .page-box .btn.null {
  position: relative;
}
.pagination-box .page-box .btn.null span {
  opacity: 0.5;
}
.pagination-box .page-box .select {
  display: none !important;
}
.pagination-box .page-box .f-right {
  display: none !important;
}





























@media only screen and (min-width:601px) {
  /* 发展历程 */
  .about-history .his-content .r-list .history-list .item:hover::before,
  .about-history .his-content .r-list .history-list .item:hover::after {
      background-color: #C02125;
  }

  .about-history .his-content .r-list .history-list .item:hover .year {
      color: #C02125;
  }

  .newsview-main .newsv-content .nv-content .newsv-share .back:hover {
      color: #C02125;
  }

  .partner-project .project-list .item:hover .text .tit span {
      background-size: 100% 100%;
  }

  .partner-project .project-list .item:hover .img img {
      transform: scale(1.05);
  }

  .about-honor .honor-list .h-list .item:hover .img {
      transform: translateY(-10px);
  }

  .news-list .item:hover .img {
      transform: translateY(-10px);
  }

  .newsview-main .newsv-content .nv-content .page-box a:hover,
  .partnerview-main .partnerv-cont .p-content .p-cont .l-content .page-box a:hover .unit {
      color: #C02125;
  }
}


@media only screen and (min-width:1921px) {
  html {
      font-size: 150px;
  }
  
  .Brand_introduction_box{
      padding: 123px 420px 80px 111px;
  }

  .Brand_introduction_title{
      margin-bottom: 60px;
  }

  .Brand_introduction_desc:last-of-type,.Brand_introduction_desc_box p:last-of-type{
      padding-bottom: 30px;
  }

  .Brand_introduction_desc,.Brand_introduction_desc_box p{
      margin-bottom: 30px;
  }


  .area-title.normal .left-area .title-cn,
  .home .service-area .info .title-cn,
  .home .culture-area .culture-item .title-cn,
  .home .store-area .store-item .title-cn,
  .about-history .his-content .l-content .contet .tit,
  .about-strength .stre-one .list .item .r-info .title .cn,
  .stre-two .list .item.san .title .cn,
  .newsview-main .newsv-top .content .title,
  .proclass-list .item .l-aa .tit,
  .productview-main .prov-tui .t-title .tit,
  .network-shop .shop-content .l-content .title,
  .network-market .market-content .market-style .title,
  .service-yl .s-yl-process .process-top .r-title .cn,
  .service-yl .s-yl-point .title .cn,
  .join-job .job-idea .j-content .r-info .tit,
  .join-job .job-active .title .tit,
  .incom-title .tit {
      font-size: 30px;
  }

  .about-history .his-content .r-list .history-list .item .year,
  .news-list .item .img .play {
      font-size: 60px;
  }

  .about-honor .honor-top .content .l-title .tit .btit {
      font-size: 90px;
  }

  .about-strength .stre-one.ability .list .item.rrll .r-info {
      padding-right: 130px;
  }

  .about-strength .stre-three .stre-one .list .item .r-info {
      padding-left: 108px;
  }

  .news-list .item {
      padding: 0 86px 140px;
  }

  .newsview-main .newsv-top {
      /* height: 350px; */
      height: auto;
      padding: 60px 0;
  }

  .productview-main .prov-detail {
      padding-bottom: 230px;
  }

  .productview-main .prov-detail .r-img::before {
      width: 600px;
      height: 700px;
  }

  .productview-main .prov-detail .r-img .img {
      width: 600px;
      height: 750px;
  }

  .productview-main .prov-tui {
      padding-top: 74px;
  }

  .network-shop .shop-content .r-list {
      padding-left: 120px;
  }

  .network-shop .shop-content .l-content .becom-a {
      height: 50px;
  }

  .service-product .s-pro-content .l-class {
      margin-right: 120px;
  }

  .service-product .s-pro-content .r-list {
      padding-left: 190px;
  }

  .service-problem .s-pro-content .r-list .qitem .qtit .q,
  .service-problem .s-pro-content .r-list .qitem .rinfo .r {
      font-size: 56px;
  }

  .service-contact .contact-cont .item .l-tit,
  .merchants-type .m-content .l-tit {
      width: 350px;
  }

  .join-job .job-idea .j-content .l-img {
      width: 550px;
  }

  .join-dealer .dealer-form .my-item .my-label {
      width: 365px;
  }

  .join-dealer .dealer-form .btn .btn-tj {
      height: 80px;
      width: 350px;
  }

  .about-introduction .introd-member .memberdiv .l-member {
      padding-right: 290px;
  }

  .incombanner .r-img .img,
  .incombanner .r-img .videobox {
      height: 650px;
  }

  .about-history .his-content .l-content,
  .about-honor .honor-top .content .l-title {
      padding-right: 190px;
      width: 540px;
  }

  .about-history .his-content .r-list,
  .about-honor .honor-top .content .r-text {
      width: calc(100% - 540px);
  }

  .about-honor .honor-list .h-list .item {
      margin-right: 88px;
      margin-bottom: 65px;
  }

  .about-strength .stre-one .list .item {
      margin-bottom: 110px;
  }

  .about-strength {
      padding-top: 110px;
  }

  .about-strength .stre-one .list .item .r-info .title .desc {
      margin-bottom: 55px;
  }

  .stre-two .list .item.san {
      padding-bottom: 80px;
  }

  .stre-two .list .item.si {
      padding: 80px 0;
  }

  .about-strength .stre-one.ability .list .item {
      margin-bottom: 166px;
  }

  .stre-three .tsan {
      margin-top: 70px;
  }

  .about-news .news-select {
      margin: 0 auto 100px;
  }

  .footerbox .foot-top {
      padding: 98px 0 74px;
  }

  .partnerview-main .partnerv-banner .img .textdiv .cn,
  .textdiv .cn {
      font-size: 48px;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content {
      padding-right: 260px;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content .cont-msg {
      padding-bottom: 116px;
  }

  .about-introduction .introd-member {
      padding: 110px 0 116px;
  }

  .partner-project .project-list .item .img {
      height: 490px;
  }

  .partnerview-main .partnerv-banner .img .textdiv .cn,
  .textdiv .cn {
      font-size: 48px;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content {
      padding-right: 260px;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content .cont-msg {
      padding-bottom: 116px;
  }
}

@media only screen and (max-width:1849.98px) {
  .Brand_introduction_box{
      padding: 120px 450px 80px 100px;
  }
  .Brand_introduction_title{
      font-size: 54px;
  }
  .Brand_introduction_desc_box{
      padding-right: 10px;
  }
}

@media only screen and (max-width:1749.98px) {
  .Market_prospect_box {
      padding: calc(90 / 1920 * 100vw) calc(80 / 1920 * 100vw) 0 calc(80 / 1920 * 100vw);
  }

  .Market_prospect_title {
      font-size: 56px;
  }

  .Brand_introduction_box{
      padding: 100px 480px 80px 80px;
  }
  .Brand_introduction_title{
      font-size: 50px;
  }
  .Brand_introduction_desc_box{
      padding-right: 10px;
  }
}

@media only screen and (max-width:1599.98px) {
  html {
      font-size: 80px;
  }

  .info_top,
  .info_bottom,
  .product,
  .home_news_content {
      padding-left: calc(60 / 1920 * 100vw);
  }

  .info_bottom .title_txt,
  .info_top .title_txt,
  .our_store_title,
  .product_title,
  .all_product_title,
  .our_projects_title,
  .Latest_News,
  .incomTitle,
  .products_content_left,
  .cont_left_title,
  .recommend_title,
  .the_normal_title {
      font-size: 52px;
  }

  .product-list-swiper .swiper-slide span {
      font-size: 18px;
  }

  .info_bottom .p_txt,
  .info_top .p_txt {
      font-size: 14px;
  }

  .info_bottom_scroll {
      padding-right: calc(100 / 1920 * 100vw);
  }

  .discover {
      font-size: 14px;
      width: 130px;
      height: 36px;
      border-radius: 36px;
  }

  .storeList {
      margin-top: 52px;
  }

  .storeList {
      gap: 35px 50px;
      width: calc(380px * 3 + 50px * 2);
  }

  .storeItem {
      width: 380px;
  }

  .storeItem .storeItem_img {
      width: 380px;
      height: calc(380 / 392 * 262px);
      overflow: hidden;
  }

  .storeItem_title {
      font-size: 20px;
  }

  .storeItem_txt {
      font-size: 15px;
  }

  .all_product_title,
  .all_product_bottom_left,
  .all_product_control {
      left: calc(60 / 1920 * 100vw);
  }

  .all_product_bottom_left_title {
      font-size: 38px;
  }

  .all_product_bottom_left {
      max-width: 36.5%;
  }

  .our_projects_desc {
      font-size: 30px;
  }

  .our_projects_list_item_img {
      width: calc(390 / 1920 * 100vw);
      height: calc(550 / 1920 * 100vw);
      min-width: 300px;
      min-height: calc(300 / 390 * 550px);
  }

  .pItem_title {
      font-size: 22px;
  }

  .pcItem_txt,
  .pItem_more {
      font-size: 15px;
  }

  .product_view_cont {
      column-gap: calc(140 / 1920 * 100vw);
  }

  .Intelligent .Intelligent_swiper .cont {
      font-size: 22px;
  }

  .prosess_title {
      font-size: 32px;
  }

  .design_left_swiper .swiper-slide.on {
      font-size: 22px;
  }

  .design_left_swiper .swiper-slide {
      font-size: 18px;
  }

  .esItem {
      font-size: 22px;
      padding: 0 calc(20 / 1920 * 100vw);
  }

  .esItem_txt {
      font-size: 14px;
  }

  .processItem_txt {
      font-size: 22px;
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .Brand_introduction_box{
      padding: 90px 420px 80px 80px;
  }
  .Brand_introduction_title{
      font-size: 48px;
  }
  .Brand_introduction_desc_box{
      font-size: 16px;
      line-height: 18px;
  }
  .Brand_introduction_img{
      bottom: -15%;
  }
  .Brand_introduction_img img{
      height: 89%;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content {
      padding-right: 1rem;
  }
}

@media only screen and (max-width:1499.98px) {
  .storeList {
      margin-top: 48px;
  }

  .info_bottom .title_txt,
  .info_top .title_txt,
  .our_store_title,
  .product_title,
  .all_product_title,
  .our_projects_title,
  .Latest_News,
  .incomTitle {
      font-size: 48px;
      margin-bottom: calc(40 / 1920 * 100vw);
  }

  .products_content_left,
  .cont_left_title,
  .recommend_title,
  .the_normal_title {
      font-size: 48px;
  }

  .storeList {
      gap: 35px 44px;
      width: calc(370px * 3 + 44px * 2);
  }

  .storeItem {
      width: 370px;
  }

  .storeItem .storeItem_img {
      width: 370px;
      height: calc(370 / 392 * 262px);
      overflow: hidden;
  }

  .storeItem_title {
      font-size: 18px;
  }

  .storeItem_txt {
      font-size: 14px;
  }

  .product_view_cont {
      column-gap: calc(120 / 1920 * 100vw);
  }

  .Brand_introduction_box{
      padding: 90px 340px 80px 70px;
      height: 600px;
  }

  .Brand_introduction_desc_box{
      font-size: 15px;
  }
  .Brand_introduction_img img{
      height: 87%;
  }
  .Brand_introduction_img{
      bottom: -17%;
  }

  
  .Market_prospect_desc, .Market_prospect_desc_box p{
    font-size: 15px;
    line-height: 1.8;
}
}


@media only screen and (max-width:1440px) {
  .about-history .his-content .l-content {
      padding-right: 4%;
  }
}

@media only screen and (max-width:1399.98px) {
  html {
      font-size: 70px;
  }

  .control{
      transform: scale(0.95);
      z-index: 1;
      right: -1.5%;
  }

  .cont_right_info_left {
      font-size: 18px;
  }

  .cont_right_info_right {
      font-size: 16px;
  }

  .info_top,
  .info_bottom {
      padding-left: calc(60 / 1920 * 100vw);
  }

  .info_bottom {
      padding-top: calc(60 / 1920 * 100vw);
  }

  .info_bottom .title_txt,
  .info_top .title_txt,
  .our_store_title,
  .product_title,
  .all_product_title,
  .our_projects_title,
  .Latest_News,
  .incomTitle {
      font-size: 44px;
      margin-bottom: calc(40 / 1920 * 100vw);
  }

  .products_content_left,
  .cont_left_title,
  .recommend_title,
  .the_normal_title {
      font-size: 44px;
  }

  .product-list-swiper .swiper-slide span {
      font-size: 16px;
  }

  .info_bottom .p_txt,
  .info_top .p_txt {
      font-size: 14px;
  }

  .info_bottom_scroll {
      padding-right: calc(80 / 1920 * 100vw);
  }

  .discover {
      font-size: 14px;
      width: 120px;
      height: 32px;
      border-radius: 32px;
  }

  .storeList {
      margin-top: 44px;
  }

  .storeList {
      gap: 35px 40px;
      width: calc(360px * 3 + 40px * 2);
  }

  .storeItem {
      width: 360px;
  }

  .storeItem .storeItem_img {
      width: 360px;
      height: calc(360 / 392 * 262px);
      overflow: hidden;
  }

  .storeItem_title {
      font-size: 18px;
  }

  .storeItem_txt {
      font-size: 14px;
  }

  .all_product_bottom_left_title {
      font-size: 34px;
  }

  .our_projects_desc {
      font-size: 26px;
  }

  .our-projects-swiper-prev {
      left: 16%;
  }

  .our-projects-swiper-next {
      right: 16%;
  }

  .our_projects_list_item_title {
      font-size: 22px;
  }

  .our_projects_list_item_more {
      font-size: 14px;
  }

  .incomhref {
      left: calc(60 / 1920 * 100vw);
  }

  .products_content {
      width: calc(100% - (60 / 1920 * 100vw) * 2);
      /* padding-bottom: 160px; */
  }

  .product_page .cateCss {
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .pList {
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .pItem_title {
      font-size: 20px;
  }

  .pcItem_txt,
  .pItem_more {
      font-size: 14px;
  }

  .product_page .cateList .cateItem {
      padding: 8px 20px;
      font-size: 14px;
  }

  .product_page .cateList .cateItem.active {
      font-size: 18px;
  }

  .product_page .cateCss .cateCss_right .cate_search {
      width: 252px;
  }

  .product_page .cateCss .cateCss_right .cate_search input {
      width: 200px;
  }

  .product_page .cateCss .cateCss_right .cate_items {
      margin-left: 12px;
  }

  .product_page .cateCss .cateCss_right .cate_search {
      margin-left: calc(24 / 1920 * 100vw);
  }

  .pList {
      margin: calc(48 / 1920 * 100vw) 0 30px;
  }

  /* 产品详情 */
  .product_view_content,
  .recommend {
      padding: 0 calc(60 / 1920 * 100vw) calc(229 / 1920 * 100vw);
  }

  .tearSwiper-name {
      font-size: 22px;
      padding: 22px 0px 15px 0;
  }

  .tearSwiper-learnmore {
      font-size: 15px;
  }

  .product_view_cont {
      column-gap: calc(100 / 1920 * 100vw);
  }

  .global_view_content {
      padding: 0 calc(60 / 1920 * 100vw) calc(95 / 1920 * 100vw);
  }

  .Intelligent .Intelligent_swiper .cont {
      font-size: 20px;
  }

  .design_view_content {
      padding: 0 calc(60 / 1920 * 100vw) calc(120 / 1920 * 100vw);
  }

  .cebg {
      right: calc(-140 / 1920 * 100vw);
      bottom: calc(200 / 1920 * 100vw);
  }

  .esItem {
      font-size: 20px;
      padding: 0 calc(14 / 1920 * 100vw);
  }

  .distributor_view_content {
      padding: 0 0 calc(0 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  }

  .joining_tit {
      font-size: 22px;
  }

  .joining_desc {
      font-size: 15px;
  }

  /* 招商加盟 */
  .distributor_view_Market_prospect {
      padding: 0 calc(60 / 1920 * 100vw);
      height: calc(700 / 1920 * 100vw);
  }

  .Market_prospect_box {
      width: calc(50% + (40 / 1920 *100vw));
      height: calc(620 / 1920 * 100vw);
  }

  .Market_prospect_img {
      width: 100%;
      right: calc(-100% + (75 / 1920 * 100vw));
  }

  .distributor_view_Terminal_image {
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .distributor_view_Joining_process {
      padding: 0 calc(60 / 1920 * 100vw);
  }


  .processItem_txt {
      font-size: 18px;
      padding: 0 calc(40 / 1920 * 100vw);
  }

  .distributor_view_Training_system{
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .distributor_view_Joining_hotline{
      padding: calc(100 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(150 / 1920 * 100vw);
  }
  

  .about_view_content{
      padding: 0 calc(60 / 1920 * 100vw) 0;
  }

    
  .about_view_cont::after{
    content: '';
    width: calc(361 / 1920 * 100vw);
    height: calc(225 / 1920 * 100vw);
    background: url(../images/about_point2.png) no-repeat center / 100% 100%;
    position: absolute;
    bottom: 0;
    left: calc((1465) / 1920 * 100vw);
    transition: none;
  }

  .Brand_introduction_box{
      padding: 70px 340px 80px 70px;
  }

  .Brand_culture_swiper_title{
      font-size: 32px;
  }
}

@media only screen and (max-width:1299.98px) {
  .our_store {
      padding: calc(120 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(80 / 1920 * 100vw);
  }

  .global_view .our_store {
      padding: calc(100 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(140 / 1920 * 100vw);
  }

  .storeList {
      gap: 2vw 2vw;
      width: 100%;
  }

  .storeItem {
      width: 100%;
  }

  .storeItem .storeItem_img {
      width: 100%;
      /* height: calc(350 / 392 * 262px); */
      overflow: hidden;
  }

  
  .Brand_culture_swiper .Brand_culture_swiper_inner,
  .Brand_culture_swiper .swiper-slide{
      width: calc((100% - 686px - 80px) / 4);
  }

  .Brand_culture_swiper .Brand_culture_swiper_inner.on,
  .Brand_culture_swiper .swiper-slide.swiper-slide-active{
      width: 686px;
  }

  .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_title,
  .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_desc{
      width: 686px;
  }

  .Brand_culture_swiper .Brand_culture_swiper_inner img,
  .Brand_culture_swiper .swiper-slide img{
      max-height: 500px;
  }
  .swiper-pagination-fraction.Brand-culture-swiper-pagination, .Brand-culture-swiper-pagination{
    top: 560px;
  }

  .Brand-culture-swiper-next, .Brand-culture-swiper-prev{
    top: 610px;
  }

  .Brand_culture_swiper_title{
      font-size: 30px;
      top: 500px;
  }
  .Brand_culture_swiper_desc{
      font-size: 15px;
      line-height: 26px;
      top: 540px;
  }
}

@media only screen and (max-width:1279.98px) {
  .news-list .item {
      padding: 0 0.4rem 1rem;
  }

  .news-list .item .tit {
      font-size: 20px;
      height: 60px;
  }


  .partner-project .project-list .item,
  .partner-project .project-list .item:nth-child(21n+2),
  .partner-project .project-list .item:nth-child(21n+8),
  .partner-project .project-list .item:nth-child(21n+17) {
      width: calc((100% - 0.6rem) / 3);
  }

  .partner-project .project-list .item:nth-child(21n+3),
  .partner-project .project-list .item:nth-child(21n+7),
  .partner-project .project-list .item:nth-child(21n+10),
  .partner-project .project-list .item:nth-child(21n+14),
  .partner-project .project-list .item:nth-child(21n+17),
  .partner-project .project-list .item:nth-child(21n+21) {
      margin-right: 0.3rem;
  }

  .partner-project .project-list .item:nth-child(3n+0) {
      margin-right: 0;
  }

  .partner-project .project-list .item .img {
      height: auto;
      padding-top: calc(490 / 392 * 100%);
      position: relative;
  }

  .partner-project .project-list .item .img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content {
      padding-right: 30px;
  }
}

@media only screen and (max-width:1199.98px) {
  html {
      font-size: 60px;
  }

  .header .header-wrap .m-menu .menu .item .menu-title,.header .search{
    font-size: 15px;
    line-height: 1.5;
  }

  .info_top,
  .info_bottom {
      padding-left: calc(60 / 1920 * 100vw);
  }

  .info_bottom {
      padding-top: calc(50 / 1920 * 100vw);
  }

  .info_bottom .title_txt,
  .info_top .title_txt,
  .our_store_title,
  .product_title,
  .all_product_title,
  .our_projects_title,
  .Latest_News,
  .incomTitle {
      font-size: 38px;
      margin-bottom: calc(30 / 1920 * 100vw);
  }

  .products_content_left,
  .cont_left_title,
  .recommend_title,
  .the_normal_title {
      font-size: 38px;
  }

  .info_bottom .p_txt,
  .info_top .p_txt {
      font-size: 13px;
  }

  .info_bottom_scroll {
      padding-right: calc(60 / 1920 * 100vw);
  }

  .discover {
      font-size: 13px;
      width: 110px;
      height: 30px;
      border-radius: 30px;
  }

  .storeList {
      margin-top: 38px;
  }

  .all_product_bottom_left_title {
      font-size: 30px;
  }

  .all_product_bottom_left {
      max-width: 34%;
      bottom: 80px;
  }

  .all-product-swiper-next {
      left: 40px;
  }

  .all-product-swiper-pagination {
      padding-left: 100px;
  }

  .our_projects_desc {
      font-size: 22px;
  }

  .our-projects-swiper-prev {
      left: 14%;
  }

  .our-projects-swiper-next {
      right: 14%;
  }

  .products_content {
      /* min-height: 240px; */
  }

  .products_content_right {
      max-width: 70%;
  }

  .tearSwiper-name {
      font-size: 20px;
      padding: 20px 0px 15px 0;
  }

  .tearSwiper-learnmore {
      font-size: 14px;
  }

  .product_view_cont {
      column-gap: calc(80 / 1920 * 100vw);
  }

  .prosess_title {
      font-size: 28px;
  }

  .design_left_swiper .swiper-slide.on {
      font-size: 20px;
  }

  .design_left_swiper .swiper-slide {
      font-size: 16px;
  }

  .Joining-list-swiper-next,
  .Joining-list-swiper-prev {
      width: 45px;
      height: 45px;
      top: 33%;
      left: auto;
      right: 17px;
      margin-top: 0;
  }

  .Joining-list-swiper-prev {
      left: 17px;
  }

  .contact_title{
      font-size: 32px;
  }
  .contactItem{
      font-size: 20px;
  }
  .contactItem_cont{
      font-size: 18px;
  }
  .layui-form-label{
      font-size: 16px;
      width: 135px;
  }
  .layui-form-item{
      height: 66px;
      margin-bottom: 16px;
  }
  .layui-container input{
      font-size: 16px;
  }
  .layui-container .textarea_box{
      height: 120px;
  }
  .layui-container .layui-textarea{
      font-size: 16px;
      line-height: 22px;
      height: calc(120px - 50px);
  }
  .layui-btn{
      height: 66px;
      font-size: 22px;
      margin-top: 30px;
  }

  .Brand_introduction_box{
      height: 530px;
      padding: 70px 290px 80px 50px;
  }

  .Brand_introduction_img img{
      height: 85%;
  }

  .Brand_introduction_img{
      bottom: -19%;
  }
      
  .Brand_culture_swiper .Brand_culture_swiper_inner,
  .Brand_culture_swiper .swiper-slide{
      width: calc((100% - 618px - 80px) / 4);
  }

  .Brand_culture_swiper .Brand_culture_swiper_inner.on,
  .Brand_culture_swiper .swiper-slide.swiper-slide-active{
      width: 618px;
  }

  .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_title,
  .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_desc{
      width: 618px;
  }

  .Brand_culture_swiper .Brand_culture_swiper_inner img,
  .Brand_culture_swiper .swiper-slide img{
      max-height: 450px;
  }

  .swiper-pagination-fraction.Brand-culture-swiper-pagination, .Brand-culture-swiper-pagination{
    top: 520px;
  }

  .Brand-culture-swiper-next, .Brand-culture-swiper-prev{
    top: 575px;
  }

  .Brand_culture_swiper_title{
      font-size: 28px;
      top: 450px;
  }
  .Brand_culture_swiper_desc{
      font-size: 14px;
      line-height: 24px;
      top: 490px;
  }

  .honor_tit{
    font-size: 18px;
  }
}


@media only screen and (max-width:1023.98px) {
  html {
      font-size: 55px;
  }

  .control{
      transform: scale(0.9);
      z-index: 1;
      right: -5%;
      bottom: 2%;
  }

  .cont_right_title {
      font-size: 34px;
  }

  .cont_right_content {
      padding: 40px;
      position: static !important;
  }

  .banner-swiper .swiper-slide img,
  .product_page_banner .swiper-slide img,
  .product_view_banner .swiper-slide img,
  .global_view_banner .swiper-slide img,
  .design_view_banner .swiper-slide img,
  .distributor_view_banner .swiper-slide img,
  .about_view_banner .swiper-slide img {
      min-height: 400px;
  }

  .info_bottom .title_txt,
  .info_top .title_txt,
  .our_store_title,
  .product_title,
  .all_product_title,
  .our_projects_title,
  .Latest_News,
  .incomTitle {
      font-size: 34px;
      margin-bottom: calc(30 / 1920 * 100vw);
  }

  .products_content_left,
  .cont_left_title,
  .recommend_title,
  .the_normal_title {
      font-size: 34px;
  }

  .phonemenubtn {
      display: flex;
  }

  .header .header-wrap .m-menu,
  .header .header-wrap .r-lang .lg-ul,
  .header .header-wrap .r-lang .reserve {
      display: none;
  }

  .lg_ul {
      display: none;
  }

  .header-wrap {
      padding: 0 0vw 0 3.125vw;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  .header-wrap.scrolled, .header-wrap.scrolled1, .header-wrap.search_page{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }

  .header .search {
      padding-right: 3.125vw;
  }

  /* 关于品牌文化 */
  .about_casa .content {
      height: auto;
  }

  .info_top,
  .info_bottom {
      padding-left: calc(60 / 1920 * 100vw);
      padding-right: calc(60 / 1920 * 100vw);
      height: auto;
      padding-bottom: calc(50 / 1920 * 100vw);
  }

  .info_top_scroll {
      padding-right: 0;
  }

  .home .info_top,
  .home .img-area,
  .home .info_bottom {
      position: static;
      width: 100%;
      max-width: unset;
      min-width: unset;
  }

  .home .img-area {
      margin-top: calc(20 / 1920 * 100vw);
  }

  .storeList {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
  }

  .product-list-swiper .swiper-slide span {
      font-size: 14px;
  }

  .our_projects_desc {
      font-size: 18px;
  }

  .our-projects-swiper-prev {
      left: 14%;
  }

  .our-projects-swiper-next {
      right: 14%;
  }

  .our_projects_list {
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .our_projects_list>a {
      flex: 1 1 0;
  }

  .our_projects_list_item_img {
      min-width: unset;
      min-height: unset;
      width: 100%;
      height: auto;
  }

  .our_projects_list_item_title {
      font-size: 18px;
      margin: 8px 0 6px 0;
  }

  .our_projects_list_item_more {
      font-size: 14px;
  }

  .news_title {
      position: relative;
  }

  .home_news_content .discover {
      margin-top: 0;
      position: absolute;
      top: 50%;
      right: calc(60 / 1920 * 100vw);
      margin-top: -15px;
  }

  .home_news_swiper_outer {
      width: 90%;
      right: auto;
      left: 50%;
      transform: translateX(-50%);
  }

  .home_news_swiper_outer {
      top: 90px;
  }


  .joining_tit {
      font-size: 20px;
  }

  .joining_desc {
      font-size: 14px;
  }

  .distributor_view_Market_prospect {
      padding: 0;
      height: auto;
  }

  .Market_prospect_box {
      width: 100%;
      height: auto;
      padding: 0;
  }

  .Market_prospect_img {
      position: static;
      height: auto;
  }

  .Market_prospect_img img {
      width: 100%;
  }

  .Market_prospect_title {
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .Market_prospect_desc_box {
      padding: 0 calc(60 / 1920 * 100vw) 30px;
  }

  .Market_prospect_title {
      margin: calc(50 / 1920 * 100vw) 0;
  }

  .footerbox .foot-top {
      padding: calc(98 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(74 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  }

  .footerbox .foot-bottom {
      padding: calc(42 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  }

  .footerbox .foot-top .container {
      flex-wrap: wrap;
  }

  .footerbox .foot-top .l-menu,
  .footerbox .foot-top .r-info {
      max-width: unset;
      width: 100%;
  }


  .footerbox .foot-top .container,
  .about-introduction .introd-member .memberdiv,
  .about-history .his-content,
  .service-product .s-pro-content,
  .service-yl .s-yl-process .process-top,
  .about-honor .honor-top .content,
  .join-job .job-idea .j-content,
  .merchants-type .m-content,
  .proclass-list .item {
      display: block;
  }

  .footerbox .foot-top .l-menu,
  .footerbox .foot-top .r-info,
  .about-introduction .introd-member .memberdiv .l-member,
  .about-introduction .introd-member .memberdiv .r-img,
  .about-history .his-content .l-content,
  .about-history .his-content .r-list,
  .service-product .s-pro-content .l-class,
  .service-product .s-pro-content .r-list,
  .service-yl .s-yl-process .process-top .l-img,
  .service-yl .s-yl-process .process-top .r-title,
  .about-honor .honor-top .content .l-title,
  .about-honor .honor-top .content .r-text,
  .join-job .job-idea .j-content .l-img,
  .join-job .job-idea .j-content .r-info,
  .merchants-type .m-content .l-tit,
  .merchants-type .m-content .r-info,
  .proclass-list .item .r-img {
      width: 100%;
      max-width: 100%;
      padding: 0;
  }


  .about-honor .honor-list .h-list .item {
      width: calc((100% - 1.2rem) / 3);
      margin-right: 0.6rem;
  }

  .about-honor .honor-list .h-list .item:nth-child(4n+0) {
      margin-right: 0.6rem;
  }

  .about-honor .honor-list .h-list .item:nth-child(3n+0) {
      margin-right: 0;
  }

      .about-honor .honor-list .h-class {
      position: relative;
      text-align: center;
      overflow: hidden;
  }

  .about-honor .honor-list .h-class .checktit {
      display: inline-block;
      padding-bottom: 10px;
      position: relative;
  }

  .about-honor .honor-list .h-class .checktit .mmarrow {
      position: relative;
      width: 20px;
      height: 18px;
      display: inline-block;
      vertical-align: middle;
  }

  .about-honor .honor-list .h-class .checktit .mmarrow::before {
      content: "";
      border-style: solid;
      border-width: 6px 5px;
      border-color: #7c7e71 transparent transparent transparent;
      display: block;
      position: absolute;
      top: 50%;
      right: 0.1rem;
      transform: translate(50%, -50%);
      margin-top: 2px;
  }

  .about-honor .honor-list .h-class .check-ul {
      position: absolute;
      top: 100%;
      left: 50%;
      width: 100%;
      flex-direction: column;
      background-color: #ffffff;
      z-index: 1;
      max-width: 300px;
      transform: translate(-50%, 10px);
      overflow: auto;
      opacity: 0;
      visibility: hidden;
      transition: all .5s ease;
  }

  .about-honor .honor-list .h-class .check-ul .item {
      padding: 5px 0;
      margin-bottom: 10px;
      font-size: 16px;
  }

  .about-honor .honor-list .h-class .check-ul .item:first-of-type {
      padding: 10px 0 5px;
  }

  .about-honor .honor-list .h-class.active {
      overflow: visible;
  }

  .about-honor .honor-list .h-class.active .check-ul {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, 0);
  }

  .about-honor .honor-list .h-class.active .checktit .mmarrow::before {
      transform: translate(50%, -50%) rotate(180deg);
      margin-top: -5px;
  }

  .about-introduction .introd-member {
      padding: 1.1rem 0 0;
  }

  .about-introduction .introd-member::after {
      display: none;
  }

  .about-introduction .introd-member .memberdiv .l-member {
      padding: 0;
      margin-bottom: 20px;
  }

  .about-history .his-content .l-content {
      margin-bottom: 6%;
  }

  .about-history .his-content .l-content .img {
      text-align: left;
  }

  .news-list .item {
      width: calc(100% / 2);
  }

  .news-list .item .img .play {
      font-size: 46px;
  }

  .news-list.video .item .img::before {
      width: 20px;
      height: 20px;
  }

  .heightpx100 {
      height: 60px;
  }

  .incombanner,
  .product-main,
  .productlist-main,
  .padding-top100,
  .partnerview-main .partnerv-banner {
      padding-top: 60px;
  }


  .partnerview-main .partnerv-cont .p-content .p-cont {
      flex-direction: column-reverse;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .l-content,
  .partnerview-main .partnerv-cont .p-content .p-cont .r-info {
      width: 100%;
      padding: 0;
  }

  .partnerview-main .partnerv-cont .p-content .p-cont .r-info {
      margin-bottom: 4%;
  }

  .partnerview-main .partnerv-banner .img .textdiv .cn,
  .textdiv .cn {
      font-size: 24px;
  }

  .partnerview-main .partnerv-banner .img .textdiv .en,
  .textdiv .en {
      font-size: 16px;
  }

  .service-contact .contact-cont .item .r-info h3 {
      font-size: 20px;
  }

  .service-contact .contact-cont .item .l-tit .tit{
    font-size: 20px;
  }

  .service-contact .contact-cont .item .r-info h4 {
      font-size: 28px;
  }

  .footerbox .foot-top .r-info {
      margin-top: 30px;
  }

  .pList {
      grid-template-columns: repeat(2, 1fr);
      gap: 60px 44px;
  }

  .tearSwiper-name {
      font-size: 18px;
      padding: 18px 0px 12px 0;
  }

  .tearSwiper-learnmore {
      font-size: 13px;
  }

  .product_view_cont {
      flex-wrap: wrap;
      column-gap: unset;
      row-gap: 30px;
  }

  .cont_left {
      width: 100%;
      flex: unset;
  }

  .cont_right {
      width: 100%;
      display: flex;
      justify-content: center;
  }

  .product_view_content {
      padding: 0 calc(60 / 1920 * 100vw) 60px;
  }

  .prosess_title {
      font-size: 24px;
  }

  .process_txt {
      font-size: 14px;
  }

  .design_left_swiper .swiper-slide.on {
      font-size: 18px;
  }

  .design_left_swiper .swiper-slide {
      font-size: 14px;
  }

  .design_left_swiper {
      height: calc(700 / 1920 * 100vw);
  }

  .design_view_service {
      margin-top: 20px;
  }

  .Joining_process_step_box {
      right: 0;
      left: 0;
      width: 100%;
      max-width: unset;
  }

  .contact_title{
      font-size: 28px;
  }

  .contactItem{
      font-size: 18px;
  }

  .contactItem_cont{
      font-size: 16px;
  }

  .layui-btn{
      font-size: 20px;
      height: 60px;
  }

  .layui-form-label{
      white-space: normal;
      width: 105px;
  }

  .hotline_left{
      width: 36%;
  }
 .hotline_right{
    width: 59%; 
 }
 .about_view_content{
    padding: 0 calc(0 / 1920 * 100vw) calc(120 / 1920 * 100vw);
 }
 .about_view_cont::before,
 .about_view_cont::after{
  display: none;
}
 .Brand_introduction_img{
      display: none;
 }
 .Brand_introduction_title{
  white-space: normal;
  margin-top: 30px;
 }
 .Brand_introduction_box{
      width: 100%;
      background: #C02125;
      height: auto;
      /* padding: calc(60 / 1920 * 100vw) */
      padding: 0 calc(60 / 1920 * 100vw) 30px;
 }
 .Brand_introduction_desc:last-of-type,.Brand_introduction_desc_box p:last-of-type{
      padding-bottom: 0;
 }
 .Brand_introduction_desc,.Brand_introduction_desc_box p{
  margin-bottom: 10px;
 }

 .Brand_culture_box{
  padding: 0 calc(60 / 1920 * 100vw);
 }
 .Brand_culture_swiper,.Brand_culture_swiper .swiper-wrapper,.Brand_culture_swiper .inner_box{
      flex-wrap: wrap;
 }
 .Brand_culture_swiper .Brand_culture_swiper_inner.on,
 .Brand_culture_swiper .Brand_culture_swiper_inner,
 .Brand_culture_swiper .swiper-slide{
      width: 100%;
      margin-bottom: 10px;
      padding-bottom: 0;
 }
 
 .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_title,
 .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_desc{
     width: 100%;
 }

 .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_title, 
 .Brand_culture_swiper .Brand_culture_swiper_inner .Brand_culture_swiper_desc,
 .Brand_culture_swiper .swiper-slide .Brand_culture_swiper_title, 
 .Brand_culture_swiper .swiper-slide .Brand_culture_swiper_desc,
 .Brand_culture_swiper_text{
  opacity: 1;
  display: block;
  position: static;
 }

 .Brand-culture-swiper-pagination,.Brand-culture-swiper-next,.Brand-culture-swiper-prev{
  display: none;
 }

 .Brand_culture_swiper_title{
  font-size: 26px;
  margin: 12px 0 6px 0;
 }
 .Brand_culture_swiper .Brand_culture_swiper_inner:last-of-type .Brand_culture_swiper_desc{
  padding-right: 0;
 }
 .r-lang>div:first-of-type{
  display: none;
 }

 .Intelligent .Intelligent_swiper .title{
  font-size: 42px;
 }
 .pagination-box .page-box .btn{
  width: 40px;
  height: 40px;
 }
 .pagination-box .page-box .btn.next, .pagination-box .page-box .btn.prev{
  width: 70px;
 }
 .pagination-box .page-box .btn:not(:first-child){
  margin-left: 40px;
 }

 
.global_view .link-v,.distributor_view .link-v{
  position: relative;
  top: -100px;
}
}


@media only screen and (max-width:799.98px) {

  
  .info_bottom .title_txt,
  .info_top .title_txt,
  .our_store_title,
  .product_title,
  .all_product_title,
  .our_projects_title,
  .Latest_News,
  .incomTitle {
      font-size: 32px;
      margin-bottom: 15px !important;
  }

  .news_title .the_normal_title{
    margin-top: 15px;
  }

  .products_content_left,
  .cont_left_title,
  .recommend_title,
  .the_normal_title {
      font-size: 32px;
      margin-top: 30px;
  }
  .info_top{
    padding-bottom: 30px;
  }
  .info_top .discover{
    margin-top: 28px;
  }
  .info_bottom{
    padding: 0 calc(60 / 1920 * 100vw) 20px;
  }
  .cont_right_content {
      padding: 20px;
  }

  .design_swiper_box {
      flex-wrap: wrap;
  }

  .design_left_swiper {
      width: 100%;
      height: auto;
      margin: 20px 0 10px;
  }

  .design_left_swiper .swiper-slide {
      border-left: none;
      border-top: 1px solid rgba(153, 153, 153, 0.5);
      padding: calc(32 / 1920 * 100vw);
  }

  .design_left_swiper .swiper-slide.on {
      border-left: none;
      border-top: 1px solid #C02125;
  }

  .design_right_swiper {
      width: 100%;
      height: auto;
      margin-bottom: 20px;
  }

  .design_view_scroll_title {
      position: static;
  }

  .esList {
      flex-wrap: wrap;
      height: auto;
      padding: 0;
  }

  .esItem {
      width: 50%;
      padding: 0;
      font-size: 24px;
      height: 336px;
      align-content: space-between;
      padding: 40px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }

  .esItem:last-child {
      border: none;
      width: 100%;
  }

  .esItem_title {
      margin-bottom: 10px;
  }

  .esItem_txt {
      font-size: 16px;
  }

  .product_page .cateList .cateItem.active {
      font-size: 16px;
  }

  .distributor_view_Joining_hotline{
      flex-wrap: wrap;
  }
  .hotline_left{
      width: 100%;
      max-width: unset;
  }
  .hotline_right{
      width: 100%;
  }


  .about-history .his-content .r-list .history-list .item .text {
      font-size: 14px;
  }

  .about-history .his-content .l-content .contet .tit,
  .stre-two .list .item.san .title .cn,
  .newsview-main .newsv-top .content .title {
      font-size: 16px;
  }


  .incombanner .l-text,
  .incombanner .r-img,
  .about-honor .honor-top .content .l-title,
  .about-honor .honor-top .content .r-text,
  .partner-project .project-top .l-text,
  .network-shop .shop-content .r-list .t-select .selector-form .citycheck,
  .network-shop .shop-content .r-list .t-select .selector-form .search-area,
  .about-strength .stre-one .list .item .l-img,
  .about-strength .stre-one .list .item .r-info,
  .about-strength .stre-one .list .item.uudd {
      width: 100%;
  }

  .about-honor .honor-top .content,
  .partner-project .project-top,
  .network-shop .shop-content .r-list .t-select .selector-form,
  .about-strength .stre-one .list .item,
  .about-strength .stre-one .list {
      display: block;
  }

  .partner-project .project-top .l-text {
      margin-bottom: 20px;
  }

  .incommon-select {
      margin: 0 auto;
  }

  .height100 {
      height: 0.4rem;
  }

  .partner-project .project-list .item,
  .partner-project .project-list .item:nth-child(21n+2),
  .partner-project .project-list .item:nth-child(21n+8),
  .partner-project .project-list .item:nth-child(21n+17) {
      width: calc((100% - 0.3rem) / 2);
  }

  .partner-project .project-list .item:nth-child(3n+0) {
      margin-right: 0.3rem;
  }

  .partner-project .project-list .item:nth-child(2n+0) {
      margin-right: 0;
  }

  .search-main .height100{
    height: 1rem;
  }

  .search-main .pList{
    gap: 40px;
  }
}

@media only screen and (max-width:767.98px) {
  html {
      font-size: 40px;
  }

  .pc_show{
    display: none !important;
  }

  .m_show{
    display: block !important;
  }

  .banner-swiper .swiper-slide img,
  .product_page_banner .swiper-slide img,
  .product_view_banner .swiper-slide img,
  .global_view_banner .swiper-slide img,
  .design_view_banner .swiper-slide img,
  .distributor_view_banner .swiper-slide img,
  .about_view_banner .swiper-slide img {
      min-height: 350px;
  }

  .our-projects-swiper-prev,
  .our-projects-swiper-next {
      display: none;
  }

  .products_content {
      /* padding-bottom: 280px;
      min-height: 320px; */
      flex-wrap: wrap;
      row-gap: 30px;
      padding-bottom: 30px;
  }

  .products_content_right {
      max-width: 100%;
      /* top: auto;
      bottom: 20px; */
  }

  .pItem_title {
      font-size: 18px;
      margin-top: 20px;
  }

  .pcItem_txt {
      line-height: 20px;
      height: 60px;
      margin-top: 12px;
  }

  .Intelligent .Intelligent_swiper .cont {
      font-size: 18px;
  }

  .prosess_title {
      font-size: 22px;
  }

  .process_txt {
      font-size: 13px;
  }

  .design_left_swiper .swiper-slide.on {
      font-size: 16px;
  }

  .design_left_swiper .swiper-slide {
      font-size: 13px;
  }

  .Design_conce_desc p {
      font-size: 14px;
  }

  .Joining_process_img {
      height: auto;
  }

  .Joining_process_img_img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
  }

  .Joining_process_step_box {
      grid-template-columns: repeat(2, 1fr);
      position: relative;
      transform: none;
      top: 0;
  }

  .processItem {
      margin: 0;
      padding: calc(120 / 1920 * 100vw) 0 calc(100 / 1920 * 100vw);
      border-bottom: 1px solid rgba(245, 245, 245, 0.5);
  }

  .processItem:nth-of-type(3n) {
      border-right: 1px solid rgba(245, 245, 245, 0.5);
  }

  .Joining_process_step_box{
    font-size: 15px;
  }

  .processItem_txt {
      font-size: 15px;
  }

  .Joining_process_step_box::after {
      display: none;
  }

  .distributor_view_Joining_process .swiper{
    position: static;
    transform: none;
  }
  
/* .distributor_view_Joining_process .swiper{
  position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
width: 100%;
height: 100%;
}

.distributor_view_Joining_process .swiper .Joining_process_step_box{
height: 100%;
grid-template-rows: repeat(2, 1fr);
}

.distributor_view_Joining_process .swiper .swiper-slide .Joining_process_step_box  img{
  margin: 0 auto;
      width: auto;
height: auto;
} */

  .footerbox .foot-top .l-menu {
      display: block;
  }

  .footerbox .foot-top .l-menu .item {
      margin-right: 0;
  }

  .footerbox .foot-top .l-menu .item .item-li {
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .footerbox .foot-top .l-menu .item .item-li.mt45 {
      margin-top: 0;
  }

  .footerbox .foot-top .l-menu .item .item-li .item-a {
      padding: 16px 0;
      font-size: 16px;
      position: relative;
      display: inline-block;
  }

  .footerbox .foot-top .l-menu .item .item-li .item-ul {
      display: none;
      padding-bottom: 0.4rem;
  }

  .footerbox .foot-top .l-menu .item .item-li .item-ul li {
      margin-bottom: 0.2rem;
  }

  .footerbox .foot-top .l-menu .item .item-li .ii {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 14px;
      height: 14px;
      position: absolute;
      right: 2px;
      top: 22px;
  }

  .footerbox .foot-top .l-menu .item .item-li .ii::before {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      content: "";
      display: block;
      background-color: #ffffff;
      width: 100%;
      height: 2px;
  }

  .footerbox .foot-top .l-menu .item .item-li .ii::after {
      position: absolute;
      right: 0;
      left: 0;
      margin: auto;
      content: "";
      display: block;
      background-color: #ffffff;
      width: 2px;
      height: 100%;
      transition: 1s all cubic-bezier(0.52, 0.08, 0.18, 1);
  }

  .footerbox .foot-top .l-menu .item .item-li.on .ii::after {
      transform: rotate(270deg);
  }

  .footerbox .foot-top .r-info {
      display: flex;
      flex-direction: column;
  }

  .footerbox .foot-bottom .l-company,
  .footerbox .foot-bottom .r-en {
      width: 100%;
      max-width: unset;
  }

  .footerbox .foot-bottom .container {
      flex-wrap: wrap;
      row-gap: 10px;
  }

  

 .Brand_culture_swiper_title{
  font-size: 24px;
  /* margin: 5px 0; */
 }

 

 .honor_tit{
  font-size: 16px;
}
.contact_title{
  font-size: 26px;
}
.contactItem{
  font-size: 16px;
}

.Intelligent .Intelligent_swiper .title{
  font-size: 36px;
  margin-top: 15px;
  -webkit-text-stroke: 1.8px #000000;
 }
 
 .pagination-box .page-box .btn{
  width: 35px;
  height: 35px;
 }

 .pagination-box .page-box .btn.next, .pagination-box .page-box .btn.prev{
  width: 50px;
 }
 .pagination-box .page-box .btn:not(:first-child){
  margin-left: 25px;
 }
}


@media only screen and (max-width:640px) {
  .about-honor .honor-list .h-list .item {
      width: calc((100% - 0.4rem) / 2);
      margin-right: 0.4rem;
  }

  .about-honor .honor-list .h-list .item:nth-child(4n+0),
  .about-honor .honor-list .h-list .item:nth-child(3n+0) {
      margin-right: 0.4rem;
  }

  .about-honor .honor-list .h-list .item:nth-child(2n+0) {
      margin-right: 0;
  }

  .news-list .item {
      width: 100%;
  }

  .service-product .s-pro-content .r-list .item,
  .service-contact .contact-cont .item {
      display: block;
  }

  .service-product .s-pro-content .r-list .item .l-img,
  .service-product .s-pro-content .r-list .item .r-msg,
  .service-contact .contact-cont .item .l-tit,
  .service-contact .contact-cont .item .r-info {
      width: 100%;
      margin: 0;
  }

  .service-contact .contact-cont .item .r-info{
    padding-left: 0;
  }

  .service-contact .contact-cont .item .l-tit {
    margin-top: 20px;
      margin-bottom: 30px;
  }
  .search-main .pList{
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width:599.98px) {

  .product_page .cateCss {
      flex-wrap: wrap;
  }

  .cateCss_left {
      flex: none;
      width: 100%;
  }

  .cateCss_right {
      flex-direction: row-reverse;
      width: 100%;
  }

  .product_page .cateCss .cateCss_right .cate_search {
      margin-left: 0;
      flex: 1;
  }

  .product_page .cateCss .cateCss_right .cate_search input {
      width: 100%;
  }

  .product_page .cateCss .cateCss_right .cate_solid {
      display: none;
  }

  .storeList {
      grid-template-columns: repeat(1, 1fr);
  }

  .all_product_bottom_left {
      bottom: 205px;
      max-width: 100%;
  }

  .all_product_bottom_right {
      width: 92%;
      right: 4%;
      bottom: 70px;
  }

  .our_projects_list {
      flex-wrap: wrap;
  }

  .our_projects_list>a {
      width: 93.75vw;
      flex: none;
      margin-bottom: 30px;
  }

  .pList {
      grid-template-columns: repeat(1, 1fr);
  }

  .prosess_title {
      font-size: 18px;
  }

  .distributor_view_content {
      padding: 0 calc(60 / 1920 * 100vw);
  }

  .Joining-list-swiper {
      overflow: hidden;
  }

  .partner-project .project-list .item,
  .partner-project .project-list .item:nth-child(21n+2),
  .partner-project .project-list .item:nth-child(21n+8),
  .partner-project .project-list .item:nth-child(21n+17) {
      width: 100%;
      margin-right: 0;
  }

  .partner-project .project-list .item:nth-child(3n+0) {
      margin-right: 0;
  }

  .all_product_bottom_right .all_product_img{
    max-height: 121px;
  }

  .home_news_swiper_outer{
    width: 94%;
  }

  .news_ss_item_time{
    padding: 4px 14px;
  }

  .news_ss_item_title{
    margin-left: 20px;
  }

  /* .news_ss_item{
    flex-direction: column-reverse;
    height: auto;
    min-height: 112px;
    align-items: flex-start;
    justify-content: center;
    row-gap: 15px;
    padding: 15px 0;
  }

  .news_ss_item_title{
    margin-left: 0;
  } */
}

@media only screen and (max-width:479.98px) {
  body {
      font-size: 14px;
      line-height: 1.4;
  }

  .control {
      transform: scale(0.8);
      z-index: 1;
      right: -14%;
      bottom: 2%;
  }

  .product {
      padding: calc(90 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  }

  .product-list-swiper {
      width: 100%;
      overflow: hidden;
  }

  .home_news_swiper_outer {
      top: 110px;
  }

  .home_news_content .discover {
      position: absolute;
      top: auto;
      left: 0;
      right: auto;
      bottom: -45px;
  }


  .esItem {
      width: 100%;
      padding: 0;
      font-size: 24px;
      height: auto;
      align-content: space-between;
      padding: 30px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }

  .esItem_num {
      margin-bottom: 60px;
  }

  .esItem:last-child {
      border: none;
      width: 100%;
  }

  .esItem_txt {
      font-size: 16px;
  }
  .formDis{
      flex-wrap: wrap;
  }
  .layui-container .w50{
      width: 100%;
  }

  .about-honor .honor-list .h-list .item{
    width: 100%;
    margin-right: 0;
  }

  .about-honor .honor-list .h-list .item:nth-child(4n+0), .about-honor .honor-list .h-list .item:nth-child(3n+0){
    margin-right: 0;
  }
  

.Intelligent .Intelligent_swiper .title{
  font-size: 32px;
  -webkit-text-stroke: 1.5px #000000;
 }
 
 .pagination-box .page-box .btn{
  width: 35px;
  height: 35px;
 }
 .pagination-box .page-box .btn.next, .pagination-box .page-box .btn.prev{
  width: 35px;
 }
 .pagination-box .page-box .btn:not(:first-child){
  margin-left: 15px;
 }
 .all_product{
  margin-top: 35px;
 }

 .all_product_bottom_left{
  bottom: 230px;
 }

 .all_product_bottom_right .all_product_img{
  max-height: 141px;
}



.news_title .the_normal_title{
  margin-top: 30px;
}

.home_news_content .discover{
  display: none;
}

.home-news-control .discover{
  opacity: 1;
  pointer-events: all;
  margin-top: 0;
}

.home-news-control{
  margin-top: 20px;
}
}

@media only screen and (max-width:450px) {
  .distributor_view_Joining_hotline .layui-form-item .layui-form-label{
    text-overflow: unset;
    overflow: unset;
    white-space: unset;
    font-size: 14px;
  padding: 8px 0 8px 8px;
  }

  .distributor_view_Joining_hotline .layui-container input{
    font-size: 14px;
    padding: 0 8px;
  }
}


@media only screen and (max-width:414px) {

  .about-history .his-content .l-content .img {
      display: none;
  }

  .all_product_bottom_left{
   bottom: 215px;
  }
}

@media only screen and (max-width:299.98px) {
  .Joining_process_step_box {
      grid-template-columns: repeat(1, 1fr);
  }
  

  .control {
      opacity: 0;
      pointer-events: none;
  }
}