:root {
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
  --vicolor: #53bfca;
  --header: 2.00rem;
}
.fb{font-weight: 500;}
.tit.f66,
.tit.f56{font-size: calc(52 / 40 * 1rem);}
header {
  position: fixed;
  height: var(--header);
  top: 0;
  left: 0;
  right: 0;
  z-index: 199;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  transition: all 0.4s ease;
}
header.sroll {
  background: #fff;
}
header .header_container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem;
}
header .header_container .logo {
  width: fit-content;
  height: 50%;
}
header .header_container .logo img {
  width: auto;
  height: 100%;
}
header .header_container .right {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 2.15rem;
}
header .header_container .right .nav {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 0.97rem;
}
header .header_container .right .nav .nav_li {
  height: 100%;
  padding: 0 0.40rem;
}
header .header_container .right .nav .nav_li .li_h1 {
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
}
header .header_container .right .nav .nav_li.on .li_h1 {
  color: var(--vicolor);
}
header .header_container .right .other {
  display: flex;
  align-items: center;
  column-gap: 0.60rem;
}
header .header_container .right .other .other_ico {
  width: 0.50rem;
  height: 0.50rem;
  cursor: pointer;
}
header .header_container .right .other .other_ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_container .right .other .other_ico svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_container .right .other .other_ico svg path {
  transition: all 0.4s ease;
}
header .header_container .right .other .other_ico svg circle {
  transition: all 0.4s ease;
}
header .header_container .right .other .other_ico svg line {
  transition: all 0.4s ease;
}
header .nav_down {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header));
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
header .nav_down .down_cont {
  pointer-events: none;
  transition: all 0.4s ease;
  transform: translateY(18px);
  height: 6.85rem;
  background-color: #fff;
  padding: 1.48rem 4.75rem 2.17rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 4%;
  row-gap: 0.75rem;
  justify-content: space-between;
}
header .nav_down .down_cont .down_li {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 48%;
  line-height: calc(22 / 18);
  column-gap: 0.35rem;
}
header .nav_down .down_cont .down_li span {
  transition: all 0.4s ease;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
header .nav_down .down_cont .down_li svg {
  width: 0.38rem;
  height: auto;
  opacity: 0;
  transition: all 0.4s ease;
}
.bodypadd {
  padding-top: var(--header);
}
.banner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  height: 27rem;
}
.banner .bgpic {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .banner_cont {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 1.10rem 1.45rem;
  padding: 1.10rem 1.45rem 2.1rem;
  row-gap: 0.15rem;
}
.banner .banner_cont .title {
  color: #fff;
  font-weight: 500;
  line-height: calc(100 / 80);
}
.banner .banner_cont .h2 {
  color: #fff;
  /*line-height: calc(56 / 48);*/
  line-height: 1.5;
}
.technology1 {
  padding: 3.50rem 4.75rem 3.50rem;
}
.technology1 .cont .card {
  margin-bottom: 3.50rem;
}
.technology1 .cont .card .card_tit {
  margin-bottom: 1.00rem;
  font-size: calc(52 / 40 * 1rem);
}
.technology1 .cont .card .card_p {
  margin-bottom: 2.00rem;
  text-align: justify;
  padding: 0 4rem;
}
.technology1 .cont .card .pic {
  width: 100%;
  /*height: 100%;*/
}
.technology1 .cont .card:last-child {
  margin-bottom: 0;
}
.event1 {
  padding: 2.00rem 4.75rem 3.50rem;
}
.event1 .top {
  margin-bottom: 2.00rem;
}
.event1 .cont .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.33rem;
}
.event1 .cont .list .item {
  width: calc((100% - 0.33rem * 2) / 3);
  height: auto;
  display: flex;
  flex-direction: column;
}
.event1 .cont .list .item .pic {
  width: 100%;
  height: 11.35rem;
  overflow: hidden;
}
.event1 .cont .list .item .pic:hover img {
  transform: scale(1.1);
}
.event1 .cont .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.event1 .cont .list .item .item_text {
  flex: 1;
  padding: 1.00rem 0.88rem 0;
  padding: 1.00rem 0.5rem 0;
}

.event1 .cont .list .item .item_text .p{text-align: center;}

.event1 .cont .list .item .item_text .time {
  margin-bottom: 0.50rem;
  color: #999;
}
.eventdetail {
  padding: 2.00rem 4.75rem 3.50rem;
}
.eventdetail .top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1.00rem;
}
.eventdetail .top .tit {
  /*width: 21.38rem;*/
  margin: 0 auto;
  text-align: left;
  text-align: center;
  font-family: 'Medium';
}
.eventdetail .cont {
  padding-top: 1.00rem;
}
.eventdetail .cont .time {
  /*margin-bottom: 0.40rem;*/
  margin-bottom: 1rem;
}
.eventdetail .cont .cont_text {
  margin-bottom: 2.00rem;
  padding: 0 4rem;
}

.eventdetail .cont .cont_text img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0.40rem auto;
  
  width: calc(100% + 5rem);
  margin: 0.4rem -2.5rem;
  max-width: calc(100% + 5rem);
}

.eventdetail .cont .cont_text img.img{
    width: calc(100% - 5rem);
    margin: 0.4rem 2.5rem;
    
    width: calc(100% + 5rem);
    margin: 0.4rem -2.5rem 0;
}

.eventdetail .cont .cont_text p {
    font-family: "Regular";
}
.eventdetail .cont .cont_text span {
    font-family: "Regular";
}
.eventdetail .cont .cont_text h1 {
    font-family: "Regular";
}
.eventdetail .cont .cont_text h2 {
    font-family: "Regular";
}
.eventdetail .cont .cont_text h3 {
    font-family: "Regular";
}
.eventdetail .cont .cont_text div {
    font-family: "Regular";
}

.eventdetail .cont .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.75rem;
  margin-bottom: 2.00rem;
}
.eventdetail .cont .bot::before {
  content: "";
  display: flex;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.1);
  height: 1px;
}
.eventdetail .cont .bot::after {
  content: "";
  display: flex;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.1);
  height: 1px;
}
.eventdetail .cont .bot .list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  column-gap: 1.00rem;
}
.eventdetail .cont .bot .list a,
.eventdetail .cont .bot .list .item {
  width: 0.50rem;
  height: 0.50rem;
  cursor: pointer;
}
.eventdetail .cont .bot .list a .ico,
.eventdetail .cont .bot .list .item .ico {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.eventdetail .cont .backlist {
  display: block;
  margin: 0 auto;
  width: fit-content;
  padding: 0.33rem 1.00rem;
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
  background-color: #000000;
}
.eventdetail .cont .backlist img {
  width: 0.38rem;
  height: auto;
}
.eventdetail .cont .backlist span {
  color: #fff;
}
.sustainability1 {
  padding: 3.50rem 4.75rem;
}
.sustainability1 .top {
  margin-bottom: 2.05rem;
}
.sustainability1 .top .tit {
  width: 26.75rem;
  margin: 0 auto;
  margin-bottom: 1.00rem;
}
.sustainability1 .cont .list {
  display: flex;
  column-gap: 0.80rem;
  flex-wrap: wrap;
}
.sustainability1 .cont .list .item {
  width: calc((100% - 0.80rem * 2) / 3);
  height: 15.30rem;
  position: relative;
  overflow: hidden;
}
.sustainability1 .cont .list .item .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sustainability1 .cont .list .item .item_cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.38rem;
}
.sustainability1 .cont .list .item .item_cont .h1 {
  color: #fff;
  font-size: calc(28 / 40 * 1rem);
}
.sustainability1 .cont .list .item .item_cont .p1 {
  padding-top: 0.50rem;
  display: none;
  color: #fff;
  line-height: calc(26 / 16);
  line-height: 1.6;
  /*text-align: justify;*/
  text-align: center;
}
.sustainability1 .cont .list .item .ico {
  position: absolute;
  z-index: 3;
  right: 0.50rem;
  bottom: 0.42rem;
  width: 0.93rem;
  height: 0.93rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.sustainability1 .cont .list .item .ico::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60%;
  width: 3px;
  transition: all 0.4s ease;
  background-color: rgba(255, 255, 255, 0.8);
}
.sustainability1 .cont .list .item .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.8);
}
.faq1 {
  padding: 3.50rem 4.75rem;
}
.faq1 .top {
  margin-bottom: 2.00rem;
}
.faq1 .cont .list .item {
  border-bottom: 1px solid #e1e0e0;
  padding: 1.00rem 0;
  cursor: pointer;
}
.faq1 .cont .list .item:last-child {
  border-bottom: none;
}
.faq1 .cont .list .item.on .item_cont .ico::before {
  height: 0;
}
.faq1 .cont .list .item .item_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq1 .cont .list .item .item_cont span {
  width: 27.82rem;
  line-height: 2;
  line-height: 1.5;
}
.faq1 .cont .list .item .item_cont .ico {
  position: relative;
  width: 0.50rem;
  height: 0.50rem;
}
.faq1 .cont .list .item .item_cont .ico::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 2px;
  transition: all 0.4s ease;
  background-color: #000000;
}
.faq1 .cont .list .item .item_cont .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background-color: #000000;
}
.faq1 .cont .list .item .item_down {
  width: 27.82rem;
  padding-top: 0.50rem;
  padding-top: 0.30rem;
  display: none;
  line-height: calc(30 / 14);
  color: rgba(102, 102, 102, 1);
}
.contactUs1 {
  padding: 7.67rem 4.95rem;
}
.contactUs1 .tit {
  width: 29.35rem;
  margin: 0 auto 1.00rem;
  margin: 0 auto 0.5rem;
}
.contactUs1 .p1 {
  width: 29.35rem;
  /*margin: 0 auto 4.50rem;*/
  margin: 0 auto 1.5rem;
}
.contactUs1 .email {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
  column-gap: 0.50rem;
}
.contactUs1 .email img {
  width: 1.38rem;
  width: 1rem;
  height: auto;
}
.contactUs1 .email span {
  padding: 0.20rem 0;
  border-bottom: 1px solid #333333;
}
.contactUs2 {
  padding: 2.17rem 0;
  padding: 3.17rem 0;
  background-color: #f8f8f8;
}
.contactUs2 .top {
  margin-bottom: 2.00rem;
  padding: 0 4.75rem;
}
.contactUs2 .top .tit {
  margin-bottom: 1.00rem;
}
.contactUs2 .top .tabber {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.75rem;
  row-gap: 0.50rem;
  flex: wrap;
}
.contactUs2 .top .tabber .item {
  width: fit-content;
  min-width: 3.40rem;
  padding: 0 0.25rem;
  height: 1.15rem;
  border: 1px solid #e4e4e4;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  cursor: pointer;
}
.contactUs2 .top .tabber .item.on {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.contactUs2 .card .cont {
  display: none;
}
.contactUs2 .card .cont.on {
  display: block;
}
.contactUs2 .card .cont .cont_swiper {
  padding: 0 4.75rem;
  position: relative;
  margin-bottom: 1.00rem;
}
.contactUs2 .card .cont .cont_swiper .btn {
  width: 1.10rem;
  height: 1.10rem;
  position: absolute;
  top: 0;
  border: 2px solid #c1c1c1;
  padding: 0.25rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.contactUs2 .card .cont .cont_swiper .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contactUs2 .card .cont .cont_swiper .btn svg path {
  transition: all 0.4s ease;
}
.contactUs2 .card .cont .cont_swiper .btn.prev {
  left: 1.25rem;
}
.contactUs2 .card .cont .cont_swiper .btn.next {
  right: 1.25rem;
}
.contactUs2 .card .cont .cont_swiper .swiper1 {
  width: 100%;
  height: calc(4.25rem * 2 + 30px);
  height: calc((4.55rem + 54px) * 2 + 30px);
}
.contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide {
  background-color: #fff;
  padding: 0.82rem 0.60rem;
  height: 4.25rem;
  height: 4.55rem;
  height: calc(4.55rem + 54px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .h1 {
  margin-bottom: 0.50rem;
  text-align: center;
  /*height: 1.95rem;*/
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示三行 */
    overflow: hidden;
    line-height: 1.5;
    font-size: calc(28 / 40 * 1rem);
}
.contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address {
  display: flex;
  column-gap: 0.40rem;
}
.contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address .ico {
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 5px;
}
.contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address span {
  flex: 1;
  /*text-align: justify;*/
  /*display: -webkit-box;*/
  /*  -webkit-box-orient: vertical;*/
    -webkit-line-clamp: 3; /* 限制显示三行 */
  /*  overflow: hidden;*/
  /*height:54px;*/
  overflow-y: auto;
  margin: 0 -0.6rem;
  padding: 0 0.6rem;
  /*line-height: 18px;*/
  /*font-size: 18px;*/
    line-height: 1.6;
  font-size: 16px;
}

.scroll2::-webkit-scrollbar {width:2px;height:1px;}
.scroll2::-webkit-scrollbar-thumb{ background: #53BFCA;border-radius: 3px;}
.scroll2::-webkit-scrollbar-track{ background: rgba(0,0,0,0);border-radius: 3px;}

.contactUs2 .card .cont .swiper-pagination {
  margin: 0 auto;
  position: relative;
  inset: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.contactUs2 .card .cont .swiper-pagination .swiper-pagination-bullet {
  width: 50px;
  height: 3px;
  background-color: rgba(194, 194, 194, 0.3);
  border-radius: 0;
  opacity: 1;
  transition: all 0.4s ease;
}
.contactUs2 .card .cont .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000000;
}
.contactUs3 {
  padding: 3.00rem 4.75rem 3.50rem;
}
.contactUs3 .top {
  margin-bottom: 2.00rem;
}
.contactUs3 .cont .list {
  margin-bottom: 2.38rem;
}
.contactUs3 .cont .list .item {
  padding: 0.55rem 1.05rem 0.55rem 2.67rem;
  display: flex;
  align-items: stretch;
  column-gap: 1.10rem;
  transition: all 0.4s ease;
}

.contactUs3 .cont .list .item:nth-child(n+5){display:none;}
.contactUs3.show .cont .list .item:nth-child(n+5){display:flex;}

.contactUs3 .cont .list .item .item_left {
  flex: 1;
  min-height: 3.63rem;
  padding-top: 0.42rem;
}
.contactUs3 .cont .list .item .item_left .t1_cont {
  /*display: list-item;*/
  margin-bottom: 0.50rem;
  position: relative;
}
.contactUs3 .cont .list .item .item_left .t1_cont:before{
    content: "";
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: rgba(51, 51, 51, 1);
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -0.875rem;
}


.contactUs3 .cont .list .item .item_left .t1_cont .t1 {
  line-height: calc(33 / 24);
  
}

.contactUs3 .cont .list .item .item_left .p1 {
  line-height: calc(26 / 18);
}
.contactUs3 .cont .list .item .item_right {
  padding-left: 0.80rem;
  border-left: 1px solid #000;
  width: fit-content;
  border-left: 0.5px solid rgba(217, 217, 217, 1)
}
.contactUs3 .cont .list .item .btn_cont {
  width: 5.13rem;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.contactUs3 .cont .list .item .btn {
  width: 1.35rem;
  height: 1.10rem;
  overflow: hidden;
  border: 1px solid #999999;
  display: flex;
  align-items: center;
  column-gap: 0.50rem;
  justify-content: center;
  transition: all 0.4s ease;
}
.contactUs3 .cont .list .item .btn span {
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
  position: absolute;
  right: 100%;
}
.contactUs3 .cont .list .item .btn svg {
  width: 0.30rem;
  height: auto;
}
.contactUs3 .cont .list .item .btn svg path {
  transition: all 0.4s ease;
}
.contactUs3 .cont .more {
  display: block;
  width: fit-content;
  margin: 0 auto;
  border-bottom: 1px solid #111;
}
.contactUs3.show .cont .more {
  display: none;
}
.login {
  width: 100%;
  position: relative;
}
.login .bgimg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
}
.login .login_cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100vh;
  padding: 0 5.55rem;
  display: flex;
  align-items: center;
  justify-content: end;
}
.login .login_cont .commonForm {
  width: 621px;
  max-width: 100%;
  padding: 40px 52px 56px;
  background-color: #fff;
}
.login .login_cont .commonForm .tabber {
  display: flex;
  position: relative;
  column-gap: 33px;
  margin-bottom: 40px;
}
.login .login_cont .commonForm .tabber::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c2c2c2;
}
.login .login_cont .commonForm .tabber .item {
  padding-bottom: 0.50rem;
  font-size: 14px;
  position: relative;
  z-index: 2;
  color: #979797;
  cursor: pointer;
}
.login .login_cont .commonForm .tabber .item.on {
  color: #000;
}
.login .login_cont .commonForm .tabber .item.on::after {
  background: #000;
}
.login .login_cont .commonForm .tabber .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
}
.login .login_cont .commonForm .item_cont {
  margin-bottom: 30px;
}
.login .login_cont .commonForm .item_cont .commonForm_item {
  margin-bottom: 20px;
}
.login .login_cont .commonForm .item_cont .commonForm_item:last-child {
  margin-bottom: 0;
}
.login .login_cont .commonForm .commonForm_submitBtn {
  width: 100%;
  margin-bottom: 20px;
}
.login .login_cont .commonForm .toRegister {
  display: flex;
  align-items: center;
  line-height: 1.5;
  color: #000;
  font-size: 14px;
  justify-content: center;
  column-gap: 10px;
}
.login .login_cont .commonForm .toRegister a {
  color: var(--vicolor);
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--vicolor);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.login .login_cont .commonForm .form_bot {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login .login_cont .commonForm .form_bot .checkbox {
  display: flex;
  align-items: center;
  column-gap: 13px;
  cursor: pointer;
}
.login .login_cont .commonForm .form_bot .checkbox label {
  color: #979797;
  font-size: 14px;
  cursor: pointer;
}
.login .login_cont .commonForm .form_bot .toforgot {
  color: #000;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #000;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.commonForm {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.commonForm .commonForm_item .commonForm_item_tit {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 11px;
  margin-bottom: 15px;
}
.commonForm .commonForm_item .commonForm_item_tit .ico {
  width: 18px;
  height: 18px;
}
.commonForm .commonForm_item .commonForm_item_tit .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.commonForm .commonForm_item .commonForm_item_tit span {
  font-size: 14px;
}
.commonForm .commonForm_item .commonForm_item_tit span.validate::before {
  content: "* ";
  color: var(--vicolor);
  font-size: 14px;
}
.commonForm .commonForm_item .commonForm_item_tit .switch {
  cursor: pointer;
  color: #979797;
  font-size: 14px;
  text-decoration: underline;
  text-decoration-color: #979797;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.commonForm .commonForm_item .commonForm_item_input {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 5px;
  position: relative;
}
.commonForm .commonForm_item .commonForm_item_input .parsley-errors-list {
  position: absolute;
  top: 100%;
  font-size: 12px;
  line-height: 1.5;
  color: #f00;
  padding: 0 11px;
}
.commonForm .commonForm_item .commonForm_item_input input {
  flex: 1;
  height: 50px;
  border: 1px solid #c2c2c2;
  padding: 0 11px;
  min-width: 0;
  font-size: 14px;
  color: #111;
}
.commonForm .commonForm_item .commonForm_item_input input::placeholder {
  color: #979797;
}
.commonForm .commonForm_item .commonForm_item_input .commonForm_setcode {
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border: 0;
}
.commonForm .commonForm_item .commonForm_item_input .commonForm_setcode:disabled {
  background-color: #f6f5f5;
  color: #979797;
  cursor: not-allowed;
  border: 1px solid #c2c2c2;
}
.commonForm .commonForm_item .commonForm_item_input .commonForm_setcode.imageText {
  background-color: transparent;
}
.commonForm .commonForm_item .commonForm_item_input .commonForm_setcode.imageText img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.commonForm .commonForm_item_checkbox {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #c2c2c2;
  cursor: pointer;
  background-color: transparent;
  appearance: none;
  position: relative;
}
.commonForm .commonForm_item_checkbox:checked {
  background-color: transparent;
}
.commonForm .commonForm_item_checkbox:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #000000;
  transform: translate(-50%, -50%);
  font-size: 14px;
}
.commonForm .commonForm_submitBtn {
  cursor: pointer;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  background-color: #000000;
  border: 0;
}
.commonForm .commonForm_submitBtn span {
  color: #fff;
  font-size: 14px;
}
.commonForm .commonForm_submitBtn .ico {
  height: 14px;
  width: auto;
}
.commonForm .commonForm_submitBtn .ico img {
  height: 100%;
  width: auto;
}
.register {
  padding: 2.40rem 4.30rem 4.10rem;
  background-color: #f8f8f8;
}
.register .title {
  margin-bottom: 2.40rem;
}
.register .commonForm {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 4px 1.01rem 0px rgba(0, 0, 0, 0.09);
  padding: 74px 1.00rem 72px;
}
.register .commonForm .item_cont {
  flex-wrap: wrap;
  display: flex;
  column-gap: 1.57rem;
  row-gap: 40px;
  margin-bottom: 40px;
}
.register .commonForm .item_cont .commonForm_item {
  width: calc((100% - 1.57rem * 2) / 3);
}
@media (max-width: 1536px) {
  .register .commonForm .item_cont .commonForm_item {
    width: calc((100% - 1.57rem) / 2);
  }
}
@media (max-width: 960px) {
  .register .commonForm .item_cont .commonForm_item {
    width: 100%;
  }
}
.register .commonForm .privacyChoice {
  width: fit-content;
  display: flex;
  align-items: center;
  column-gap: 13px;
  margin: 0 auto 20px;
}
.register .commonForm .privacyChoice .text label {
  font-size: 14px;
  color: #979797;
  cursor: pointer;
}
.register .commonForm .privacyChoice .text label.validate::before {
  content: "* ";
  color: var(--vicolor);
  font-size: 14px;
}
.register .commonForm .privacyChoice .text span {
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #000000;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.register .commonForm .commonForm_submitBtn {
  width: 10.95rem;
  max-width: 100%;
  margin: 0 auto 20px;
}
.register .commonForm .toLogin {
  display: flex;
  align-items: center;
  line-height: 1.5;
  color: #000;
  font-size: 14px;
  justify-content: center;
  column-gap: 10px;
}
.register .commonForm .toLogin a {
  color: var(--vicolor);
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--vicolor);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.swal-button {
  background-color: var(--vicolor) !important;
}
.brand1 {
  padding: 3.50rem 4.75rem 1.75rem;
  padding: 3.50rem 4.75rem 1rem;
}
.brand1 .top {
  margin-bottom: 1.00rem;
}
.brand1 .cont .p1{/*line-height: 1.6;*/letter-spacing: 0;text-align: justify;}

.brand2 {
  padding: 1.25rem 4.75rem 3.50rem;
}
.brand2 .cont .card {
  display: flex;
  align-items: center;
  column-gap: 3.35rem;
  margin-bottom: 3.50rem;
  margin-bottom: 2.25rem;
}
.brand2 .cont .card:last-child {
  margin-bottom: 0;
}
.brand2 .cont .card:nth-child(2n) {
  flex-direction: row-reverse;
}
.brand2 .cont .card .card_text .h1{font-size: 0.9rem;}
.brand2 .cont .card .pic {
  width: 22.57rem;
  overflow: hidden;
}
.brand2 .cont .card .pic img {
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
.brand2 .cont .card .pic:hover img {
  transform: scale(1.1);
}
.brand2 .cont .card .card_text {
  width: calc(100% - 22.57rem);
}
.brand2 .cont .card .card_text .h1 {
  padding-bottom: 0.50rem;
  /*border-bottom: 1px solid #0000004D;*/
  margin-bottom: 0.50rem;
  /*border-bottom: 2px solid rgba(0, 0, 0, 0.3)*/
}

.brand2 .cont .card .card_text .p1{/*text-align: justify;*/line-height: 1.6;word-break: normal;hyphens: auto;
  /* 兼容浏览器前缀（可选，现代浏览器已基本支持） */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  font-size: 16px;
  font-size: max(16px, 0.4rem);
}

.product1 {
  padding: 2.38rem 4.75rem 3.50rem;
}

.product1 .serform{margin: 0 auto;width: fit-content;border-radius: 0.6rem;overflow: hidden;border: 1px solid #f5f5f5;display:flex;align-items:center;margin-bottom:1.75rem;}
.product1 .serform input{width: 10rem;line-height: 1.2rem;background-color: transparent;padding: 0 0.4rem;}
.product1 .serform button{height: 1.2rem;width:2rem; background-color: #53BFCA;display: flex;align-items: center;justify-content: center;border-radius: 0.6rem;}
.product1 .serform button svg path{stroke:#fff;}

.product1 .top {
  margin-bottom: 1.75rem;
}
.product1 .tabber {
  display: flex;
  align-items: center;
  column-gap: 2.40rem;
  margin-bottom: 1.07rem;
}
.product1 .tabber .filter {
  height: 1.10rem;
  width: fit-content;
  padding: 0 0.93rem 0 0.50rem;
  display: flex;
  align-items: center;
  column-gap: 0.68rem;
  border: 1px solid #111;
  cursor: pointer;
}
.product1 .tabber .filter .ico {
  width: 0.75rem;
  height: auto;
}
.tabList-box {
    display: flex;
    align-items: flex-start;
}
.tabList-box .tabList:first-child {
    margin-right: 1.52rem;
}
.product1 .tabber .tabList {
  display: flex;
  align-items: center;
  column-gap: 1.52rem;
  flex-wrap: wrap;
      row-gap: 10px;
}
.product1 .tabber .tabList .tabitem {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  line-height: 1.3;
}
.product1 .tabber .tabList .tabitem.on {
  border-color: #000;
}
.product1 .renderCont .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.50rem;
  row-gap: 1.00rem;
}
.product1 .renderCont .list .item {
  width: calc((100% - 0.50rem * 2) / 3);
}
.product1 .renderCont .list .item .pic {
  width: 100%;
  height: auto;
  aspect-ratio: 500 / 516;
  background-color: #f8f8f8;
  padding: 1.00rem;
}
.product1 .renderCont .list .item .pic:hover img {
  transform: scale(1.1);
}
.product1 .renderCont .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.4s ease;
}
.product1 .renderCont .list .item .text {
  width: 100%;
  padding: 0.75rem;
}
.product1 .renderCont .list .item .text .text_tit {
  line-height: calc(24 / 20);
  margin-bottom: 0.28rem;
}
.product1 .renderCont .list .item .text .text_desc {
  margin-bottom: 4px;
  line-height: calc(24 / 20);
}
.product1 .renderCont .list .item .text .text_price {
  margin-bottom: 0.57rem;
  margin-top: 0.4rem;
}
.product1 .renderCont .list .item .text .color_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.33rem;
  row-gap: 0.33rem;
}
.product1 .renderCont .list .item .text .color_list .color_item {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
}
.product1 .renderCont .list .item .text .color_list .color_item.other {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 0.5rem;
}
.filters_panel {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - var(--header));
  height: 100%;
  z-index: 999;
}
.filters_panel .filters_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  cursor: pointer;
}
.filters_panel .filters_cont {
  position: relative;
  z-index: 2;
  width: 540px;
  height: 100%;
  background-color: #f8f8f8;
  padding: 1.75rem 50px;
}
.filters_panel .filters_cont .filter_title {
  padding-bottom: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.50rem;
  border-bottom: 1px solid #8A8A8A;
  margin-bottom: 2.15rem;
}
.filters_panel .filters_cont .filter_title h3 {
  color: #000;
  line-height: calc(37 / 20);
}
.filters_panel .filters_cont .filter_title .ico {
  width: 0.50rem;
  height: 0.50rem;
  object-fit: contain;
  cursor: pointer;
}
.filters_panel .filters_cont .filter_content .list {
  margin-bottom: 1.48rem;
}
.filters_panel .filters_cont .filter_content .list .list_tit {
  margin-bottom: 0.75rem;
  color: #000;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item {
  display: flex;
  align-items: center;
  column-gap: 28px;
  margin-bottom: 0.68rem;
  cursor: pointer;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item:last-child {
  margin-bottom: 0;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item.on .checkbox::after {
  opacity: 1;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item.active .checkbox {
  background: linear-gradient(90deg, var(--bgcolor1) 50%, var(--bgcolor2) 50%);
  border: 0;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item .checkbox {
  width: 0.50rem;
  height: 0.50rem;
  border: 1px solid #333;
  position: relative;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item .checkbox::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #000000;
  transform: translate(-50%, -50%);
  font-size: 0.35rem;
  opacity: 0;
}
.filters_panel .filters_cont .filter_content .list .list_cont .item span {
  flex: 1;
  font-family: "Light";
}
.filters_panel .filters_cont .filter_content .list:last-child {
  margin-bottom: 0;
}
.productdes1 {
  /*padding: 0 4.75rem 1.50rem;*/
  padding: 0 4.75rem;
}
.productdes1 .cont {
  display: flex;
  /*margin-bottom: 2.35rem;*/
}
.productdes1 .cont .left {
  width: 20.45rem;
  
  width: 26.15rem;  
}
.productdes1 .cont .left .card {
  display: none;
}
.productdes1 .cont .left .card.on {
  display: block;
  overflow: hidden;
}
.productdes1 .cont .left .swiper1 {
  width: 100%;
  width: 16.625rem;
  height: 20.45rem;
  /*margin-bottom: 1.02rem;*/
  margin-bottom: .6rem;
  overflow: visible;
  margin-left: 0;
}
.productdes1 .cont .left .swiper1 .swiper-slide {
  background-color: #f8f8f8;
}
.productdes1 .cont .left .swiper1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productdes1 .cont .left .swiper_bot {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.productdes1 .cont .left .swiper_bot .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.50rem;
}
.productdes1 .cont .left .swiper_bot .btn_box .btn {
  width: 0.60rem;
  height: 0.60rem;
  width: 0.50rem;
  height: 0.50rem;
  cursor: pointer;
}
.productdes1 .cont .left .swiper_bot .btn_box .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productdes1 .cont .left .swiper_bot .swiper-pagination {
  position: relative;
  inset: 0;
  width: fit-content;
  font-size: 1.00rem;
  color: #000;
}
.productdes1 .cont .right {
  width: calc(100% - 20.45rem);
  width: calc(100% - 26.15rem);
  padding-left: 1rem;
  padding-top: 2.17rem;
}
.productdes1 .cont .right .category {
  line-height: calc(25 / 20);
}
.productdes1 .cont .right .tit {
  margin-bottom: 0.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.productdes1 .cont .right .pice {
  display: flex;
  align-items: center;
  column-gap: 0.38rem;
  /*margin-bottom: 0.33rem;*/
  margin-bottom: 1.5rem;
  margin-bottom: 0.15rem;
}
.productdes1 .cont .right .pice .num {
  line-height: calc(24 / 20);
}
.productdes1 .cont .right .pice .annotation {
  color: #979797;
}
.productdes1 .cont .right .p1 {
  /*line-height: 2.22;*/
  line-height: 1.7;
  margin-bottom: 0.75rem;
}
.productdes1 .cont .right .p1.c1{
    margin-bottom: 0.15rem;
}

.productdes1 .cont .right .colorList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.28rem;
  margin-bottom: 0.50rem;
}
.productdes1 .cont .right .colorList .img {
  width: 1.95rem;
  height: 1.95rem;
  background-color: #f8f8f8;
  cursor: pointer;
}
.productdes1 .cont .right .colorList .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productdes1 .cont .right .sizeList .it_cot {

  padding: 0.57rem 0;
  margin-right: .3rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #8A8A8A;
  justify-content: space-between;
  cursor: pointer;
}
.productdes1 .cont .right .sizeList .it_cot span {
  flex: 1;
  white-space: nowrap;
}
.productdes1 .cont .right .sizeList .it_cot .ico {
  width: 0.42rem;
  height: auto;
}
.productdes1 .cont .panel {
  margin-bottom: 1.75rem;
}
.productdes1 .cont .panel .item {
  border-bottom: 1px solid #8A8A8A;
  cursor: pointer;
  padding: 0.30rem 0;
}
.productdes1 .cont .panel .item.on .item_cont .ico::after {
  height: 0;
}
.productdes1 .cont .panel .item .item_cont {
  padding: 0.50rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productdes1 .cont .panel .item .item_cont span {
  flex: 1;
  font-size: calc(28 / 40 * 1rem);
}
.productdes1 .cont .panel .item .item_cont .ico {
  width: 0.50rem;
  height: 0.50rem;
  position: relative;
}
.productdes1 .cont .panel .item .item_cont .ico::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background-color: #333;
}
.productdes1 .cont .panel .item .item_cont .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 2px;
  transition: all 0.4s ease;
  background-color: #333;
}
.productdes1 .cont .panel .item .item_down {
  padding-bottom: 0.38rem;
  display: none;
}
.productdes1 .cont .panel .item .item_down .t {
  color: #979797;
}
.productdes1 .cont .right .btn_cont {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.60rem;
}
.productdes1 .cont .right .btn_cont .btn {
  height: 1.10rem;
  width: 5.13rem;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  column-gap: 0.25rem;
}
.productdes1 .cont .right .btn_cont .btn span {
  color: #fff;
}
.productdes1 .cont .right .btn_cont .btn svg {
  width: 0.38rem;
  height: auto;
}
.productdes1 .feature_lis {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*column-gap: 3.00rem;*/
  margin-bottom: 1.02rem;
  margin-top: 2.35rem;
  width: 26.15rem;
}
.productdes1 .feature_lis .feature {
  width: fit-content;
  display: flex;
  column-gap: 0.78rem;
  position: relative;
}
.productdes1 .feature_lis .feature .ico {
  width: 2.17rem;
  height: 1.95rem;
}
.productdes1 .feature_lis .feature .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*.productdes1 .feature_lis .feature .tet {*/
/*  width: 13.82rem;*/
/*}*/
.productdes1 .feature_lis .feature .tet .te_top {
  display: flex;
  align-items: center;
  column-gap: 0.65rem;
}
.productdes1 .feature_lis .feature .tet .te_top span {
  line-height: 1.5;
}
.productdes1 .feature_lis .feature .tet .te_top .btn {
  width: 0.75rem;
  height: 0.75rem;
  object-fit: contain;
  cursor: pointer;
}
.productdes1 .feature_lis .feature.on .mode {
  opacity: 1;
  pointer-events: all;
}
.productdes1 .feature_lis .feature .mode {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #0d0d0d;
  width: 12.97rem;
  width: 19.5rem;
  min-height: 2.17rem;
  line-height: 2.22;
  line-height: 1.6;
  display: flex;
  align-items: center;
  padding: 0.6rem 1.50rem 0.6rem 1.00rem;
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
  /*text-align: justify;*/
}
.productdes1 .feature_lis .feature .mode .colse {
  position: absolute;
  top: 0.30rem;
  right: 0.30rem;
  width: 0.57rem;
  height: 0.57rem;
  object-fit: contain;
  cursor: pointer;
}
.productdes1 .parameterGraph {
  width: 35.00rem;
  height: auto;
  margin: 0 auto;
}
.productdes1 .parameterGraph img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.productdes2 {
  padding: 1.50rem 4.75rem 1.75rem;
}
.productdes2 .top {
  margin-bottom: 2.00rem;
}
.productdes2 .cont .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.80rem;
}
.productdes2 .cont .list .item {
  width: calc((100% - 0.80rem * 2) / 3);
  /*display: flex;*/
  /*flex-direction: column;*/
}
.productdes2 .cont .list .item .pic {
  width: 100%;
  height: auto;
  aspect-ratio: 500 / 606;
  overflow: hidden;
  margin-bottom: 0.95rem;
}
.productdes2 .cont .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-out;
}

/*.productdes2 .cont .list .item .text{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}*/

.productdes2 .cont .list .item .text .h1 {
  /*margin-bottom: 0.50rem;*/
  line-height: 1.12;
  color: #000;
  /*min-height: 2.24em;*/
  font-size: calc(28 / 40 * 1rem);
  margin-bottom: 0.6em;
}
.productdes2 .cont .list .item .text .p1 {
  color: #979797;
  /*text-align: justify;*/
  line-height: 1.6;
}

.productdes2 .cont .list .item:hover .pic img{transform: scale(1.05);}

.productdes3 {
  /*padding: 1.75rem 4.75rem 3.50rem;*/
  padding: 1.75rem 4.75rem 1rem;
}
.productdes3 .top {
  margin-bottom: 1.82rem;
}
.productdes3 .cont .swiper1 {
  width: 100%;
  margin-bottom: 2.25rem;
}

.productdes3 .cont .swiper1 .swiper-slide{width: calc((100% - 40px) / 3)}

.productdes3 .cont .swiper1 .swiper-slide .pic {
  width: 100%;
  height: auto;
  aspect-ratio: 500 / 516;
  background-color: #f8f8f8;
  margin-bottom: 0.63rem;
}
.productdes3 .cont .swiper1 .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productdes3 .cont .swiper1 .swiper-slide .t {
  line-height: calc(24 / 20);
}
.productdes3 .cont .swiper1 .swiper-wrapper.center {
    justify-content: center;
    gap: 0.5rem;
}
.productdes3 .cont .swiper1 .swiper-wrapper.center .swiper-slide {
    width: calc((100% - 0.5rem * 2) / 3);
}
.productdes3 .cont .swiper1.center + .swiper-pagination {
    display: none;
}
.productdes3 .cont .swiper-pagination {
  position: relative;
  margin: 0 auto;
  inset: 0;
  width: 22.80rem;
  height: 2px;
  background-color: #e5e5e5;
  border-radius: 4px;
}
.productdes3 .cont .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #333333;
  height: 4px;
  border-radius: 2px;
  top: -1px;
}

.productdes3 .swiper-wrapper {
    height: auto;
}

.sizeList-box {
    display: flex;
    align-items: flex-start;
}


.productdes1 .cont .panel .item .item_down .it_img p:not(:first-child){margin-top: 0.17rem;}

.productdes1 .cont .panel .item .item_down .edit{margin-top: 0.50rem;}

.productdes1 .cont .panel .item .item_down .edit .tit{line-height: calc(29 / 24);}

.productdes1 .cont .panel .item .item_down .edit .tbox{overflow: auto;line-height: calc(1em + 3px);text-align: center;margin-top: 0.45rem;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-gutter: stable;}

.productdes1 .cont .panel .item .item_down .edit .tbox table{border: 1px solid #fff;min-width: 100%;}

.productdes1 .cont .panel .item .item_down .edit .tbox table td{min-height: 1.65rem;padding: 0.625rem 0.5rem;border: 1px solid #fff;font-size: 0.35rem;line-height: calc(17 / 14); font-size: 16px;}

.productdes1 .cont .panel .item .item_down .edit .tbox table td:first-child{background: #DAD8D2;position: sticky;left: 0;min-width: 140px;text-align: center;}

.productdes1 .cont .panel .item .item_down .edit .tbox table tr:nth-child(odd) td:not(:first-child){background: #F0ECEB;}

/*.productdes1 .cont .panel .item .item_down .edit .tbox table td {*/
/*    font-size: 12px;*/
/*}*/
.productdes1 .cont .panel .item .item_down .edit .tbox p {
    text-align: left;
}
.productdes1 .cont .panel .item .item_down .myedit .tbox {
    text-align: left;
    color: #979797;
}

.productdes1 .cont .right .btn_cont{
    justify-content: flex-start;
    /*margin-top: 0.60rem;*/
    margin-top: 0;
}

.productdes1 .cont .right .sizeList .it_cot{
    /*width: fit-content;*/
    padding: 0.30rem 0.85rem 0.35rem;border: 1px solid #000000;
    width: 5.13rem;
    height: 1.1rem;
}

.productdes1 .cont .right .sizeList .it_cot .ico{width: 0.33rem;margin-left: 0.28rem;}

.productdes1 .cont .right .colorList{margin-bottom: 2.50rem;}

.productdes1 .cont .left .swiper1{height: 17.05rem;}

.productdes1 .cont .right{position: relative;}

.productdes1 .cont{align-items: flex-start;}

.productdes1 .cont .right .sizeList .it_pop{position: absolute;top: 0.95rem;left: 2.65rem;width: 14.60rem;box-shadow: 0 1px 0.50rem rgba(0, 0, 0, 0.15);border: 1px solid rgba(138, 138, 138, 0.30);border-radius: 6px;background: #FFF;display: none;left: 1rem;}

.productdes1 .cont .right .sizeList .it_pop .top{display: flex;align-items: center;justify-content: space-between;padding: 0.45rem 0.60rem 0.45rem 0.88rem;font-weight: bold;position: relative;z-index: 2;box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.10);}

.productdes1 .cont .right .sizeList .it_pop .top a{width: 0.47rem;}

.productdes1 .cont .right .sizeList .it_pop .bot{display: flex;position: relative;z-index: 2;align-items: center;justify-content: space-between;line-height: calc(1em + 4px);padding: 0.78rem 0.88rem;box-shadow: 0 -1px 20px 5px rgba(0, 0, 0, 0.10);border-top: 1px solid rgba(138, 138, 138, 0.30);}

.productdes1 .cont .right .sizeList .it_pop .bot .lf{display: flex;text-decoration: underline;text-underline-offset: 3px;cursor: pointer;}

.productdes1 .cont .right .sizeList .it_pop .bot .lf img{width: 0.80rem;margin-right: 0.38rem;}

.productdes1 .cont .right .sizeList .it_pop .ul{height: 12.45rem;overflow-y: auto;-webkit-overflow-scrolling: touch;scrollbar-width: thin;}

.productdes1 .cont .right .sizeList .it_pop .ul .li{display: flex;align-items: center;padding: 0.65rem 1.02rem 0.63rem 0.85rem;border-bottom: 1px solid rgba(138, 138, 138, 0.30);line-height: calc(1em + 4px);color: #666;cursor: pointer;}

.productdes1 .cont .right .sizeList .it_pop .ul .li .l1{width: 2.50rem;}

.productdes1 .cont .right .sizeList .it_pop .ul .li .l2{flex: 1;padding-right: 1.00rem;display: none;}

.productdes1 .cont .right .sizeList .it_pop .ul .li .l3{width: 0.80rem;}

/*.productdes1 .cont .right .sizeList .it_pop .ul .li .l3 img:nth-child(2){display: none;}*/

.productdes1 .cont .right .sizeList .it_pop .ul .li.act{background: #F8F8F8;}

.productdes1 .cont .right .sizeList .it_pop .ul .li.act .l1{color: #000;}

.productdes1 .cont .right .sizeList .it_pop .ul .li.act .l3 img:nth-child(1){display: none;}

.productdes1 .cont .right .sizeList .it_pop .ul .li.act .l3 img:nth-child(2){display: block;}

.productdes1 .cont .panel{
    /*margin-top: 1.25rem;*/
    margin-top: .5rem;
}

.panel_maodian{position: relative;top: calc(-80px - 1.25rem);}

.ilist2 .proloading .titbox{top: max(150px, 3rem);}

.filters_panel .filters_cont{overflow-y: auto;}

.event1 .cont .list .item .item_text .p,
.event1 .cont .list .item .item_text .time{text-align: left;}

.productdes1 .parameterGraph{margin: 0 -4.75rem;padding: 0 1.2rem;width: 100vw;}

.productdes1 .parameterGraph img{max-width: 1400px;margin:0 auto;width: 100%;}




.productdes2 .cont .swiper .pic {
  width: 100%;
  height: auto;
  aspect-ratio: 500 / 606;
  overflow: hidden;
  margin-bottom: 0.95rem;
}
.productdes2 .cont .swiper .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-out;
}

.productdes2 .cont .swiper .text .h1 {
  margin-bottom: 0.50rem;
  line-height: 1.12;
  color: #000;
}
.productdes2 .cont .swiper .text .p1 {
  color: #979797;
  text-align: justify;
}
.productdes2 .cont .swiper .swiper-pagination{position: relative;bottom: 0;left: 0;margin-top: 30px;}

.productdes2 .cont .swiper .swiper-pagination span{
    width: 1.2rem;
    height: 2px;
    background: rgba(205, 205, 205, 0.6);
    opacity: 1;
    border-radius: 0;
    margin: 0 3px;
}
.productdes2 .cont .swiper .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}


@media only screen and (max-width: 1280px) {
    .brand2 .cont .card .card_text .p1{font-size: 14px;}
}



@media only screen and (min-width: 1025px) {
.phbox{display: none;}
}
@media only screen and (max-width: 1024px) {
    html{
        font-size: 26px!important;
    }
    
    .pcbox{display: none;}
    .banner{height: 12rem;height: auto;
        aspect-ratio: 1920 / 1080;}
    .swiper-wrapper{height: auto;}
    .banner .banner_cont .title{font-size: 28px;}
    .contactUs1{padding: 50px 20px;}
    .contactUs1 .tit{font-size: 28px;width:100%;}
    .contactUs1 .p1{font-size: 16px;width:100%;margin-bottom:50px;}
    .contactUs1 .email{gap: 8px;}
    .contactUs1 .email span{font-size: 16px;}
    .contactUs1 .email img{width: 20px;}
    
    .contactUs2{padding: 50px 0;}
    .contactUs2 .top .tit{font-size: 28px;margin-bottom: 19px;}
    .contactUs2 .top .tabber .item{font-size: 12px;height: auto;padding: 4px;}
    .contactUs2 .card .cont .cont_swiper .btn{width: 20px;height: 20px;top: 40%;}
    .contactUs2 .card .cont .cont_swiper .swiper1{height: auto;}
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide{height: auto;padding: 10px;}
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .h1{font-size: 18px;}
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address .ico{width: 14px;height: 14px;}
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address span{font-size: 10px;width:calc(100% - 20px);}
    .banner .banner_cont{padding: 20px;row-gap: 13px;}
    .banner .banner_cont .h2{font-size: 18px;}
    .brand1{padding: 50px 20px 0 20px;}
    .brand1 .top .tit{font-size: 28px;}
    .brand1 .cont .p1{font-size: 16px;text-align:left}
    .brand2{padding: 50px 20px 50px 20px;}
    .brand2 .cont .card{display: block;}
    .brand2 .cont .card .pic{width: 100%;margin-bottom:20px}
    .brand2 .cont .card .card_text{width: 100%;}
    .brand2 .cont .card .card_text .h1{font-size: 20px;}
    .brand2 .cont .card .card_text .p1{font-size: 14px;}
    
    .product1{padding: 50px 20px;}
    .filters_panel .filters_cont{width: 80%;}
    .f56{font-size: 28px;}
    .f40{font-size: 22px;}
    .f14{font-size: 12px;}
    .f18{font-size: 14px;}
    .f20{font-size: 15px;}
    .f22{font-size: 16px;}
    .f16{font-size: 13px;}
    .product1 .tabber{display: block;}
    .product1 .top{margin-bottom: 30px;}
    .product1 .tabber .filter{margin: 0 auto;margin-bottom: 30px;}
    .product1 .tabber .filter span{font-size: 14px;}
    .product1 .tabber .tabList{column-gap:12px;row-gap: 5px;}
    .product1 .renderCont .list .item{width: 100%;}
    
    .productdes1{padding:20px 20px 0 20px;}
    .productdes1 .cont{display: block;}
    .productdes1 .cont .left{width: 100%;}
    .productdes1 .cont .left .swiper1{height: auto;}
    .productdes1 .cont .left .swiper_bot .swiper-pagination{font-size: 16px;}
    
    .productdes1 .cont .panel .item .item_cont span{font-size: 15px;}
    .productdes1 .cont .right{width: 100%;padding:0;}
    .productdes1 .cont .right .colorList{margin-bottom: 40px;}
    .productdes1 .cont .right .sizeList .it_cot{width: fit-content;}
    .productdes1 .feature_lis{width: 100%;}
    .productdes1 .feature_lis .feature .ico{width: 30px;height: 30px;}
    .productdes1 .feature_lis .feature{gap: 8px;}
    .productdes1 .feature_lis .feature .tet .te_top span{font-size: 13px;}
    .productdes1 .parameterGraph{width: 100%;margin: 0;padding: 0;}
    .productdes2{padding: 0 20px;}
    .productdes2 .top{margin-bottom: 30px;}
    .productdes2 .cont .list .item{width: 100%;}
    .productdes2 .cont .list .item .text .h1{min-height: 0;}
    .productdes3{padding: 50px 20px;}
    .productdes3 .cont .swiper1{margin-bottom: 0;}
    .contactUs2 .card .cont .cont_swiper{padding: 0 2.5rem;}
    .contactUs2 .card .cont .cont_swiper .btn{padding: 3px;}
    .contactUs2 .card .cont .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 2px;}
    .contactUs2 .top{padding: 0 20px;}
    .contactUs2 .top .tabber{gap: 5px;}
    .contactUs2 .card .cont .swiper-pagination{gap: 2px;}
    .contactUs3{padding: 50px 20px;}
    .contactUs3 .top{padding: 0;margin-bottom: 30px;}
    .contactUs3 .cont .list .item{padding: 20px;}
    .contactUs3 .cont .list .item .btn_cont{width: 50px;}
    .contactUs3 .cont .list .item{padding: 20px;margin-bottom: 12px;column-gap:20px;}
    .contactUs3 .cont .list .item .item_left{min-height: 0;}
    
    .technology1{padding: 50px 20px;}
    .technology1 .cont .card .card_p{text-align: left;margin-bottom:30px;}
    .technology1 .cont .card{margin-bottom: 50px;}
    .technology1 .cont .card .card_tit{margin-bottom: 30px;}
    
    .faq1{padding: 50px 20px;}
    .faq1 .top{margin-bottom: 30px;}
    .faq1 .cont .list .item .item_cont span{width: calc(100% - 40px);}
    .faq1 .cont .list .item .item_down{width: 100%;}
    
    .event1{padding: 50px 20px 30px 20px;}
    .event1 .top{margin-bottom: 30px;}
    .event1 .cont .list{display: block;}
    .event1 .cont .list .item{width: 100%;margin-bottom:20px;}
    .event1 .cont .list .item .item_text{padding: 20px 0 0 0;}
    
    .eventdetail{padding: 50px 20px;}
    
    .sustainability1{padding: 50px 20px 30px 20px;}
    .sustainability1 .top .tit{width: 100%;margin-bottom: 30px;}
    .sustainability1 .cont .list .item{width: 100%;margin-bottom: 20px;}
    /*.sustainability1 .cont .list .item .item_cont .p1{display: block!important;text-align:center;}*/
    
    .product1 .tabList-box{width: 100%;padding-bottom:12px;overflow:auto;}
    .product1 .tabber .tabList{flex-wrap: nowrap;}
    .product1 .tabber .tabList .tabitem{white-space: nowrap;}
    .productdes1 .cont .left .swiper1{width: 100%;}
    .productdes1 .cont .left .swiper_bot .btn_box .btn{width: 20px;height: 20px;}
    .productdes1 .cont .left .swiper_bot .swiper-pagination{font-size: 20px;}
    .productdes1 .cont .right .sizeList .it_pop{width: 300px;z-index: 5;}
    .productdes1 .feature_lis .feature .mode{width: 170px;padding: 26px 10px 10px 10px;line-height: 1.4;text-align: left;}
    .contactUs1 .email{align-items: center;}
    .contactUs1 .email img{transform: translateY(0.05rem);}
    .contactUs2 .card .cont .cont_swiper .btn{display: none;}
    .contactUs2 .card .cont .cont_swiper{padding: 0 20px;}
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide{padding: 26px 20px;}
    .contactUs3 .cont .list .item .item_right{display: flex;align-items: center;}
    .eventdetail .cont .cont_text img.img{width: 100%;margin: 0.4rem 0;}
    .eventdetail .cont .bot .list .f-no-c-center{width: 26px;}
    
    .product1 .serform input{font-size: 12px;width:11rem;}
    
    .sustainability1 .cont .list .item .ico{display: none;}
    
    
    
    .productdes1 .feature_lis .feature{min-width: 45%;}
    
    .productdes1 .feature_lis .feature .mode{width: 100%;}
    
    .brand2 .cont .card{margin-bottom: 50px;}
    .brand2 .cont .card .card_text .p1{text-align: justify;font-size: 16px;-webkit-hyphens: auto;hyphens: auto;}
    .brand1 .cont .p1{text-align: justify;-webkit-hyphens: auto;hyphens: auto;}
    
    
    .productdes1 .cont .right{margin: 40px 0;}
    .productdes1 .cont .right .colorList{margin-bottom: 0.75rem;}
    .productdes1 .cont .right .sizeList-box{margin-top: 40px;}
    
    .productdes2 .cont .list .item{ width: calc(50% - 0.4rem);}
    
    .technology1 .cont .card .card_p{word-break: normal;-webkit-hyphens: auto;hyphens: auto;text-align: justify;font-size: 16px;}
    
    .technology1 .cont .card .pic{height: 50vw;object-fit: cover;}
    
    /*.eventdetail .cont .cont_text p{text-align: justify !important;word-break: normal;-webkit-hyphens: auto;hyphens: auto;}*/
    
    .sustainability1 .top .p{word-break: normal;-webkit-hyphens: auto;hyphens: auto;text-align: justify;font-size: 16px;}
    
    .sustainability1 .cont .list .item .item_cont .p1{word-break: normal;-webkit-hyphens: auto;hyphens: auto;/*text-align: justify;*/font-size: 16px;}

    
    .sustainability1 .cont .list .item .ico{display: block;}
    
    .productdes1 .cont .right .tit{font-size: 26px;font-weight: bold;margin-top: 0.25rem;    }
    
    .productdes1 .cont .right .p1,
    .productdes1 .cont .right .pice,
    .productdes1 .cont .right .category,
    .productdes1 .cont .right .p1{font-size: 16px;}
    
    .productdes1 .cont .right .p1{word-break: normal;-webkit-hyphens: auto;hyphens: auto;/*text-align: justify;*/}
    
    .productdes1 .cont .panel .item .item_down .it_img{overflow-x: auto;-webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-gutter: stable;}
    
    .productdes1 .cont .panel .item .item_down .it_img img{min-width: 750px;}
    
    .productdes1 .cont .panel .item .item_cont span{font-size: 18px;}
    
    .productdes2{margin-top: 50px;}
    
    .productdes1 .cont .right .colorList .img{width: calc((100% - 1.4rem) / 6);aspect-ratio: 1 / 1;height: auto;}
    
    .productdes1 .cont .right .colorList{margin-bottom: 50px;}
    
    .productdes1 .cont .right .tit{margin-bottom: 24px;}
    
    .productdes1 .cont .right .pice{margin-bottom: 10px;}
    
    .productdes1 .cont .right .p1{line-height: 1.5;}
    
    .productdes1 .cont .right .sizeList-box{margin-top: 30px;}
    
    .productdes1 .cont .right .sizeList .it_cot{height: 1.4rem;}
    
    .productdes1 .cont .right .sizeList .it_cot span{font-size: 14px;}
    
    .productdes1 .cont .right .category{font-size: 18px;}
    
    .productdes1 .cont .panel .item{padding: 0.4rem 0;}
    
    .productdes1 .cont .right{margin-bottom: 30px;}
    
    .productdes1 .feature_lis .feature .tet .te_top span{font-size: 14px;}
    
    .productdes1 .feature_lis .feature .h1{font-size: 24px;}
    
    .productdes1 .feature_lis .feature{gap: 12px;}
    
    .productdes1 .feature_lis .feature .tet .te_top .btn{width: 22px;height: 22px;}
    
    .productdes1 .feature_lis .feature .mode{width: 100%;text-align: left;}
    
    .productdes1 .feature_lis .feature .mode .colse{top: 0.40rem;right: 0.40rem}
    
    .productdes1 .feature_lis .feature .mode{width: calc(100vw - 40px);}
    
    .productdes1 .feature_lis .feature:nth-child(2n) .mode{left: auto;right: 0;}
    
    .productdes1 .feature_lis .feature .mode{padding: 30px 10px 15px 10px;}
    
    .productdes1 .cont .panel .item .item_down .it_img img{min-width: 700px;}
    
    .productdes2 .cont .swiper .text .p1{text-align: left;}
    
    .productdes3 .top{margin-bottom: 30px;}
    
    .productdes3{        padding: 70px 20px;}
    
    .productdes3 .cont .swiper1 .swiper-slide .t{font-size: 16px;}
    
    .contactUs1 .p1{line-height: 1.6;}
    
    .contactUs1 .tit{margin-bottom: 8px;}
    
    .contactUs1 .p1{margin-bottom: 40px;}
    
    .contactUs1{padding: 60px 20px;}
    .contactUs1 .p1{letter-spacing: -0.02em;}
    
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .h1{font-size: 20px;line-height: 1.5;height: auto;-webkit-line-clamp: 20;}
    
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address span{font-size: 14px;line-height: 1.5;height: 63px;}
    
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide{padding: 26px 35px;}
    
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide .address .ico{width: 18px;
        height: 18px;
        transform: translateX(-6px);}
        
    .contactUs2 .card .cont .cont_swiper .swiper1 .swiper-slide{display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;}
        
        .contactUs3{padding: 60px 20px;}
        
        .contactUs3 .cont .list .item .item_left .t1_cont{margin-bottom: 10px;}
        
    .contactUs3 .cont .list .item{padding: 15px 20px;
        margin-bottom: 0;}
    
    .contactUs2 .top{margin-bottom: 40px;}
        
    .contactUs3 .top,
    .contactUs3 .top .tit{margin-bottom: 0;}
    
    .contactUs3 .cont .list{margin-bottom: 30px;}
    
    .contactUs2{padding-bottom: 0;padding-top: 60px;}
    
    .brand1 .top{margin-bottom: 24px;}
    
    .brand2{padding-top: 32px;}
    
    .brand2 .cont .card .pic{margin-bottom: 32px;}
    
    .brand2 .cont .card .card_text .h1{margin-bottom: 10px;padding-bottom: 0;}
    
    .brand2 .cont .card{margin-bottom: 32px;}
    
    .product1 .tabList-box::-webkit-scrollbar-track{ background: rgba(0,0,0,0.1);border-radius: 3px;}
    
    .product1 .tabber .filter span{font-size: 16px;}
    
    .product1 .tabber .filter{height: 1.4rem;}
    
    .product1 .tabber .tabList .tabitem{font-size: 16px;}
    
    .product1 .tabber .tabList{column-gap: 20px;}
    
    .product1 .tabber{margin-bottom: 40px;}
    
    .product1 .renderCont .list .item .text{padding: 30px 0.75rem 22px;}
    
    .product1 .renderCont .list .item .text .text_tit{font-size: 20px;    margin-bottom: 10px;}
    
    .product1 .renderCont .list .item .text .text_desc{font-size: 16px;}
    
    .product1 .renderCont .list .item .text .text_price{font-size: 16px;margin-bottom: 24px;}
    
    .technology1 .cont .card .card_tit{margin-bottom: 24px;}
    
    .faq1 .cont .list .item{padding: 0.7rem 0;}
    
    .faq1 .cont .list .item .item_cont span{font-size: 18px;line-height: 1.5;}

    .faq1 .top{margin-bottom: 24px;}
    
    .faq1 .cont .list .item .item_down{font-size: 16px;line-height: 1.5;/*text-align: justify;*/}
    
    .event1 .cont .list .item .item_text .time{font-size: 14px;margin-bottom: 6px;}
    
    .event1 .cont .list .item .item_text .p{font-size: 18px;line-height: 1.5;}
    
    .event1 .cont .list .item .item_text{padding-top: 25px;}
    
    .event1 .cont .list .item{margin-bottom: 30px;}
    
    .eventdetail .top .tit{line-height: 1.5;}
    
    .eventdetail .top{padding-bottom: 20px;}
    
    .eventdetail .cont{padding-top: 20px;}
    
    .eventdetail .cont .backlist span{font-size: 16px;}
    
    .eventdetail .cont .bot .list .f-no-c-center:nth-child(3) img{transform: scale(1.25);}
    
    .eventdetail .cont .bot{column-gap: 32px;margin-bottom: 30px;}
    
    .eventdetail .cont .bot .list{column-gap: 14px;}
    
    .eventdetail .cont .cont_text{margin-bottom: 50px;}
    
    .sustainability1 .top .tit{        letter-spacing: -0.05em;margin-bottom: 20px;font-size: 26px;}
    
    .sustainability1 .top{    margin-bottom: 40px;}
    
    .sustainability1 .cont .list .item .item_cont .p1,
    .sustainability1 .top .p{line-height: 1.5;}
    
    .sustainability1 .cont .list .item .item_cont .p1{padding-top: 10px;}
    
    .product1 .serform{width: 100%;border-radius: 60px;}
    
    .product1 .serform input{width: 100%;font-size: 14px;line-height: 3;letter-spacing: -0.05em;}
    
    
    .product1 .renderCont.search_list .list .item .text .text_price{margin-bottom: 0;}
    
    .contactUs3{padding-top: 70px;padding-bottom: 70px;}
    
    .contactUs3 .cont .list .item{padding-right: 0;}
    
    .contactUs3 .cont .list .item{column-gap: 30px;}
    
    .contactUs3 .cont .list .item .item_right{padding-left: 30px;}
    
    .faq1 .cont .list .item{padding: 22px 0;}
    
    .contactUs1 .p1{letter-spacing: -0.05em;}
    
    .faq1 .cont .list .item:last-child{border-bottom: 1px solid #e1e0e0;}
    
    .faq1{padding-bottom: 60px;}
    
    .productdes1 .cont .right .p1{font-size: 18px;margin-bottom: 10px;}
    
    .productdes2 .cont .swiper .text .h1{font-size: 18px;}
    
    .productdes2 .cont .swiper .text .p1{font-size: 16px;}
    
    .productdes1 .cont .panel .item .item_down .edit .tbox table td:first-child{min-width: 114px;}
    
    .contactUs2 .top .tabber .item{min-width: 3rem;}
    
    .eventdetail .cont .backlist{padding: 0.5rem 1.50rem;}
    
    .eventdetail .cont .cont_text{padding: 0;}
    
    .eventdetail .cont .cont_text img.img,
    .eventdetail .cont .cont_text img{margin-left: 0;margin-right: 0;max-width: 100%;}
    
    .productdes1 .cont .left .swiper1 .swiper-slide{height: auto;aspect-ratio: 1024 / 683;}
}

@media (max-width: 767px) {
    
    .productdes1 .feature_lis .feature{min-width: auto;}
    
    .productdes1 .cont .panel .item .item_down .edit .tbox table td{font-size: 0.54rem;}
    
    .productdes1 .cont .panel .item .item_down .it_img{padding-bottom: 0.6rem;}
    
    .productdes1 .feature_lis{row-gap: 20px;}
    
    .productdes1 .feature_lis .feature .mode{z-index: 11;}
    
    .contactUs3 .cont .list .item .item_left .t1_cont .t1{font-size: 16px;
    -webkit-line-clamp: 10;}
    
    .contactUs3 .cont .list .item .item_left .p1{font-size: 14px;
    -webkit-line-clamp: 10;}
    
    .contactUs2 .top .tabber .item{font-size: 14px;
        padding: 8px 4px;}
        
    .ilist1 .banner-container .titbox .tit4{        font-size: 20px;}
    
    .productdes1 .cont .panel .item .item_down .it_img img{min-width: auto;}
}

@media (max-width: 400px) {
    /*.productdes1 .feature_lis .feature:nth-child(2n) .mode{left: 0;}*/
    
    .sustainability1 .top .tit{letter-spacing: -0.08em;}
}

@media (max-width: 1024px) and (min-width: 768px) {
    .productdes1 .cont .panel .item .item_down .edit .tbox table td{font-size: 18px;}
    .contactUs1{        padding: 120px 20px;}
    
    .event1 .cont .list .item .pic{height: auto;aspect-ratio: 1024 / 920;}
    
    .event1 .cont .list .item .item_text{padding-top: 35px;}
    
    .event1 .cont .list .item{margin-bottom: 50px;}
    
    .eventdetail{padding: 50px 20px 80px;}
    
    .eventdetail .cont .time{    margin-bottom: 40px;}
    
    .eventdetail .cont .cont_text{margin-bottom: 70px;}
    
    .sustainability1 .cont .list .item .item_cont .p1{        width: 80%;
        margin: 0 auto;}
        
        .sustainability1{padding: 80px 20px 60px 20px;}
    .product1 .serform input{        font-size: 16px;}
    
    .product1 .renderCont .list .item .text .text_desc{width: 80%;margin:0 auto;}
    
    .brand2,
    .product1{padding: 60px 20px;}
}