:root {
  --color: #E71F18;
  --color2: #172A88;
  --c3: #333333;
  --c6: #666666;
  --c9: #999999;
  --cd: #DDDDDD;
  --cf: #FAFAFA;
  --head: 4.166vw;
}

body {
  font-size: 0.312vw;
}

.head-zhanwei {
  height: var(--head);
}

.C-wrap {
  width: 75vw;
  margin: 0 auto;
}

.head1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--head);
  padding: 0 3.125vw;
  background: #fff;
  border-bottom: 0.052vw solid var(--cd);
  z-index: 80;
  transition: all ease 0.6s;
}

.isback .head1 {
  transform: translateY(-100%);
}

.head1 .logo {
  width: 7.291vw;
}

.head1-nav {
  gap: 4.739vw;
}

.head1 .menu {
  gap: 2.395vw;
}

.head1 .menu .link a {
  color: var(--c3);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.head1 .menu .link.has-dropdown a {
  display: flex;
  align-items: center;
  gap: 0.416vw;
}

.head1 .menu .link.has-dropdown .arrow {
  width: 0.52vw;
  transition: transform 0.3s;
}

.head1 .menu .link.has-dropdown:hover .arrow,
.head1 .menu .link.has-dropdown.on .arrow {
  transform: rotate(180deg);
}

.head1 .menu .link a:hover,
.head1 .menu .link.on>a {
  color: var(--color);
}

.head1 .link {
  position: relative;
  padding: 0.781vw 0;
}

.head1 .link .down {
  width: max-content;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 1.041vw 1.562vw;
  border-radius: 0.52vw;
  border: 0.052vw solid #E5E5E5;
  background: #FFF;
  box-shadow: 0 0 1.041vw 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.head1 .link:hover .down {
  opacity: 1;
  pointer-events: visible;
}

.head1 .link .down a:nth-last-child(n+2) {
  margin-bottom: 1.145vw;
}

.head1-right {
  gap: 1.25vw;
}

.language-wrap {
  position: relative;
}

.language-wrap .language {
  gap: 0.208vw;
  color: var(--c6);
}

.language-wrap .language img {
  width: 0.52vw;
}

.language-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 0.781vw;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.language-dropdown::before {
  content: '';
  position: absolute;
  top: 0.416vw;
  left: 50%;
  transform: translateX(-50%);
  border: 0.312vw solid transparent;
  border-bottom-color: var(--color2);
}

.language-wrap:hover .language-dropdown {
  opacity: 1;
  visibility: visible;
}

.language-dropdown .lang-item {
  padding: 0.625vw 1.041vw;
  background: #fff;
  width: 100%;
  border: 0.052vw solid #eee;
  color: var(--c3);
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}

.language-dropdown .lang-item:first-child {
  border-radius: 0.312vw 0.312vw 0 0;
  /* background: var(--color2); */
  /* color: #fff; */
}

.language-dropdown .lang-item:last-child {
  border-radius: 0 0 0.312vw 0.312vw;
}

.language-dropdown .lang-item:hover {
  background: var(--color2);
  color: #fff;
}

.language-dropdown .lang-item.on {
  background: var(--color2);
  color: #fff;
}

.search-btn {
  width: 1.458vw;
  height: 1.458vw;
}

.search-btn img {
  width: 100%;
}

.login-wrap .login-btn {
  gap: 0.208vw;
  color: var(--c6);
}

.login-wrap .login-btn img {
  width: 1.041vw;
}

.login-wrap .logged-btn {
  position: relative;
}

.login-wrap .logged-btn img {
  width: 1.458vw;
}

.login-wrap .logged-btn .badge {
  position: absolute;
  top: -0.26vw;
  right: -0.416vw;
  min-width: 0.937vw;
  height: 0.937vw;
  padding: 0 0.208vw;
  background: var(--color);
  border-radius: 520.781vw;
  color: #fff;
  font-size: 0.625vw;
  line-height: 0.937vw;
  text-align: center;
}

.contact-btn {
  padding: 0.52vw 1.25vw;
  border: 0.052vw solid var(--c6);
  border-radius: 1.145vw;
  color: var(--c6);
  text-transform: uppercase;
  transition: all 0.3s;
}

.contact-btn:hover {
  background: var(--color);
  border-color: var(--color);
  color: #fff;
}

.dropdown-menu {
  position: fixed;
  top: var(--head);
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 99;
}

.dropdown-menu.on {
  opacity: 1;
  visibility: visible;
}

.dropdown-mask {
  position: fixed;
  top: var(--head);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--head));
  background: rgba(16, 24, 40, 0.6);
  backdrop-filter: blur(0.52vw);
}

.dropdown-content {
  position: relative;
  background: #fff;
  box-shadow: 0 0.208vw 0.281vw rgba(0, 0, 0, 0.1);
  width: 94.27vw;
  margin: 0 auto;
  border-radius: 0.52vw;
  overflow: hidden;
}

.dropdown-products .dropdown-content {}

.dropdown-left {
  width: 23.541vw;
}

.dropdown-left-inner {
  padding: 1.041vw 1.354vw 2.604vw;
  background: #F9FAFB;
  border-radius: 0.52vw;
  overflow: hidden;
}

.dropdown-title {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.937vw;
}

.product-list {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.product-item {
  position: relative;
  padding: 0.937vw 0.625vw 0.781vw;
  border-radius: 0.416vw;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.product-item .item-title {
  color: var(--c3);
  text-transform: capitalize;
  margin-bottom: 0.416vw;
  transition: color 0.3s;
}

.product-item .item-desc {
  color: #000;
  opacity: 0.61;
  text-transform: capitalize;
}

.product-item .item-icon {
  width: 3.125vw;
  margin-right: 1.354vw;
}

.product-item.on .iconShow img:nth-child(1) {
  opacity: 0;
}

.product-item.on .iconShow img:nth-child(2) {
  opacity: 1;
}

.product-item.on {
  background: var(--color);
}

.product-item .txt {
  flex: 1;
  min-width: 0;
}

.product-item.on .item-title,
.product-item.on .item-desc {
  color: #fff;
  opacity: 1;
}

.dropdown-right {
  flex: 1;
  min-width: 0;
  padding: 1.562vw 1.458vw 2.708vw 1.25vw;
}

.dropdown-right .tab-content {
  display: none;
}

.dropdown-right .tab-content.on {
  display: block;
  animation: fadeInUp 1s forwards;
}

.info-card {
  gap: 1.354vw;
  margin-bottom: 1.562vw;
}

.info-card .info-img {
  width: 22.395vw;
  height: 10.416vw;
  border-radius: 0.416vw;
  overflow: hidden;
}

.info-card .info-text {
  flex: 1;
}

.info-card .info-title {
  color: #000;
  text-transform: capitalize;
  margin-bottom: 1.041vw;
}

.info-card .info-desc {
  color: #000;
  opacity: 0.61;
  text-transform: capitalize;
  margin-bottom: 2.604vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.category-section {
  padding-top: 1.562vw;
  border-top: 0.052vw solid #DDD;
}

.category-section .category-title {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.833vw;
}

.category-list {
  gap: 0.52vw;
}

.category-item {
  display: flex;
  align-items: center;
  gap: 1.875vw;
  padding: 0.833vw;
  background: #F5F5F7;
  border-radius: 0.416vw;
  transition: background 0.3s;
}

.category-item:hover {
  background: #eee;
}

.category-item .cate-img {
  width: 7.5vw;
  height: 4.27vw;
  border-radius: 0.416vw;
  overflow: hidden;
}

.category-item .cate-name {
  color: var(--c3);
  text-transform: capitalize;
  margin-bottom: 1.25vw;
}

.dropdown-solutions .dropdown-content {
  padding: 2.083vw 5.208vw;
}

.solutions-wrap {
  gap: 1.822vw;
  flex-direction: column;
}

.solutions-col .solutions-title {
  color: #B81C25;
  text-transform: capitalize;
  margin-bottom: 1.041vw;
}

.solutions-col .solutions-line {
  height: 0.052vw;
  background: var(--cd);
  margin-bottom: 1.041vw;
}

.solutions-list {
  gap: 1.718vw;
}

.solutions-item .sol-img {
  width: 100%;
  height: 8.02vw;
  border-radius: 0.625vw;
  overflow: hidden;
  margin-bottom: 0.781vw;
}

.solutions-item .sol-name {
  color: var(--c3);
  text-transform: capitalize;
}

.solutions-item:hover .sol-name {
  color: var(--color);
}

.C-more {
  display: inline-flex;
  align-items: center;
  gap: 0.208vw;
  color: var(--color2);
  text-transform: capitalize;
}

.C-more img {
  width: 1.041vw;
  transition: transform 0.3s;
}

.C-more:hover img {
  transform: translateX(0.26vw);
}

.C-more2 {
  padding: 0.468vw 0.729vw;
  border-radius: 0.26vw;
  border: 0.052vw solid #D1D1D1;
  color: #666;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.C-more2 img {
  width: 0.833vw;
  margin-left: 0.572vw;
}

.C-more2:hover {
  color: #fff;
  background: var(--color);
  border: 0.052vw solid var(--color);
}

.C-more3 {
  color: var(--color);
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.C-more3 img {
  width: 0.833vw;
  margin-left: 0.572vw;
  transition: all ease .3s;
}

.C-more3:hover img {
  transform: translateX(0.26vw);
}

.C-btn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
  padding: 0.833vw 1.77vw;
  background: var(--color);
  border-radius: 52.031vw;
  color: #fff;
  text-transform: capitalize;
  transition: all 0.3s;
}

.C-btn1 img {
  width: 1.041vw;
  filter: brightness(0) invert(1);
}

.C-btn1:hover {
  background: var(--color2);
}

.C-title1 .title-top {
  margin-bottom: 0.833vw;
}

.C-title1 .title-text {
  color: #000;
}

.C-title1 .title-desc {
  color: var(--c3);
  line-height: 1.2;
}

.home1 {
  position: relative;
  margin-top: var(--head);
}

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

.home1-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 29, 29, 0.2);
}

.home1 .swiper-slide {
  height: calc(100vh - var(--head));
}

.home1-content {
  position: absolute;
  left: 12.5vw;
  bottom: 6.406vw;
}

.home1-title {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 1.614vw;
}

.home1-desc {
  color: #fff;
  line-height: 1.2;
}

.home1-play {
  position: absolute;
  right: 5.729vw;
  bottom: 6.25vw;
  cursor: pointer;
  z-index: 10;
}

.home1-play .play-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.708vw;
  height: 2.708vw;
}

.home1-play .play-circle svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.home1-play .progress-ring {
  stroke-dasharray: 289;
  stroke-dashoffset: 289;
  transition: stroke-dashoffset 0.1s linear;
}

.home1-play .play-inner {
  width: 2.5vw;
  height: 2.5vw;
  background: var(--color);
  border-radius: 50%;
}

.home1-play img {
  width: 0.833vw;
}

.home1-play .pause-icon {
  display: none;
}

.home1-play.paused .play-icon {
  display: none;
}

.home1-play.paused .pause-icon {
  display: block;
}

.home1 .swiper-pagination {
  bottom: 2.604vw;
  z-index: 10;
}

.home1 .swiper-pagination-bullet {
  width: 0.208vw;
  height: 0.208vw;
  overflow: hidden;
  background: #fff;
  opacity: 1;
  position: relative;
  transition: all ease .3s;
}

.home1 .swiper-pagination-bullet-active {
  width: 2.395vw;
  border-radius: 0.208vw;
  background: var(--color);
  opacity: 1;
}

.home2 {
  padding: 5.208vw 0;
  background: var(--cf);
}

.home2-list {
  gap: 2.187vw;
}

.home2-item {
  background: #fff;
  border-radius: 1.041vw;
  overflow: hidden;
}

.home2-item-big {
  width: 100%;
}

.home2-item-big .item-inner {}

.home2-item-big .item-text {
  padding: 3.489vw 5.208vw 2.916vw 2.083vw;
  display: flex;
  flex-direction: column;
  flex:1;
  min-width: 0;
}

.home2-item-big .item-info {
  margin-bottom: 2.083vw;
}

.home2-item-big .C-more {
  margin-top: auto;
}

.home2-item-big .item-title {
  color: var(--c3);
  margin-bottom: 1.041vw;
}

.home2-item-big .item-desc {
  color: var(--c3);
  line-height: 1.2;
}

.home2-item-big .pic {
  width: 45.833vw;
}

.home2-item:not(.home2-item-big) {
  width: calc((100% - 2.187vw) / 2);
}

.home2-item:not(.home2-item-big) .item-inner {
  height: 100%;
}

.home2-item:not(.home2-item-big) .pic {
  position: relative;
  width: 100%;
}

.home2-item:not(.home2-item-big) .item-text {
  padding: 2.604vw 3.333vw 1.197vw 2.083vw;
}

.home2-item:not(.home2-item-big) .item-top {
  margin-bottom: 1.041vw;
}

.home2-item:not(.home2-item-big) .item-title {
  color: var(--c3);
}

.home2-item:not(.home2-item-big) .item-desc {
  color: var(--c3);
  line-height: 1.2;
}

.home3 {
  padding: 3.489vw 0 3.854vw;
}

/* .home3 .C-title1 .title-desc {
  max-width: 40.625vw;
} */

.home3-img {
  margin-top: 2.968vw;
  height: 33.333vw;
  border-radius: 1.562vw;
  overflow: hidden;
}

.home4 {
  padding: 0 0 7.552vw;
}

.home4-list {
  gap: 2.447vw;
  margin-top: 2.083vw;
}

.news-item {
  background: #fff;
  border-radius: 1.562vw;
  overflow: hidden;
  box-shadow: 0 0 1.041vw rgba(0, 0, 0, 0.06);
}

.news-item .news-img {
  height: 18.75vw;
  border-radius: 1.562vw 1.562vw 0 0;
  overflow: hidden;
}

.news-item .news-info {}

.news-item .news-text {
  padding: 1.666vw 1.302vw 3.333vw;
}

.news-item .news-title {
  color: var(--color2);
  line-height: 1.2;
  margin-bottom: 0.833vw;
}

.news-item .news-desc {
  color: var(--c3);
  line-height: 1.3;
}

.news-item .news-line {
  height: 0.052vw;
  background: var(--cd);
}

.news-item .news-more {
  padding: 1.666vw 1.354vw;
}

.news-item .news-more span {
  color: var(--color2);
  text-transform: uppercase;
}

.news-item .news-more img {
  width: 1.041vw;
  transition: transform 0.3s;
}

.news-item:hover .news-more img {
  transform: translateX(0.26vw);
}

.C-foot-form {
  padding: 0 0 4.27vw;
  background: #fff;
}

.C-foot-form .form-wrap {
  gap: 4.635vw;
}

.C-foot-form .form-left {
  width: 37.343vw;
  padding-top: 3.281vw;
}

.C-foot-form .form-info {
  margin-bottom: 4.635vw;
}

.C-foot-form .info-label {
  color: var(--color);
  margin-bottom: 0.625vw;
}

.C-foot-form .info-title {
  color: var(--color2);
  margin-bottom: 0.625vw;
}

.C-foot-form .info-desc {
  color: var(--c3);
  line-height: 1.2;
}

.C-foot-form .form-contact {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.C-foot-form .contact-phone {
  gap: 1.041vw;
}

.C-foot-form .contact-phone .phone-icon {
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 50%;
}

.C-foot-form .contact-phone .phone-icon img {
  width: 100%;
}

.C-foot-form .contact-phone span {
  color: var(--color);
}

.C-foot-form .contact-item {
  gap: 0.729vw;
}

.C-foot-form .contact-item img {
  width: 1.25vw;
  flex-shrink: 0;
}

.C-foot-form .contact-item span {
  color: var(--c3);
  line-height: 1.3;
  width: 25.833vw;
}

.C-foot-form .shares {
  margin-top: 4.375vw;
}

.C-foot-form .shares .st1 {
  color: #172A88;
}

.C-foot-form .shares .ul {
  margin-top: 0.885vw;
  gap: 1.041vw;
}

.C-foot-form .form-right {
  width: 31.77vw;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.937vw;
}

.contact-form .form-input {
  padding: 0.937vw 0.729vw;
  border: 0.052vw solid var(--c9);
  border-radius: 0.625vw;
}

.contact-form .form-input::placeholder {
  color: var(--c9);
}

.contact-form .form-textarea {
  height: 7.812vw;
  padding: 0.937vw 0.729vw;
  border: 0.052vw solid var(--c9);
  border-radius: 0.625vw;
}

.contact-form .form-textarea::placeholder {
  color: var(--c9);
}

.contact-form .form-checkbox {
  gap: 0.52vw;
  align-items: flex-start;
}

.contact-form .form-checkbox input {
  display: none;
}

.contact-form .form-checkbox .agree-icon {
  width: 1.041vw;
  height: 1.041vw;
  flex-shrink: 0;
  margin-top: 0.208vw;
  border: 0.052vw solid var(--c9);
  border-radius: 0.208vw;
}

.contact-form .form-checkbox input:checked+.agree-icon {
  background: url('/img/icon-check.svg') no-repeat center/80%;
}

.contact-form .form-checkbox .txt {
  color: var(--c6);
  line-height: 1.3;
  cursor: pointer;
  flex: 1;
  min-width: 0;
}

.contact-form .form-submit {
  width: 100%;
  height: 3.125vw;
  background: var(--color);
  border: none;
  border-radius: 5.156vw;
  color: #fff;
  text-transform: capitalize;
  cursor: pointer;
  transition: background 0.3s;
  margin-top: 0.625vw;
}

.contact-form .form-submit:hover {
  background: var(--color2);
}

.foot1 {
  padding: 4.166vw 5.729vw 1.562vw;
  background: #363A3C;
}

.foot1-inner {
  max-width: 88.541vw;
  margin: 0 auto;
}

.foot1-top {
  margin-bottom: 2.395vw;
}

.foot1-left {
  max-width: 24.739vw;
}

.foot-desc {
  color: #fff;
  line-height: 1.22;
  margin-bottom: 9.01vw;
}

.foot-share {
  gap: 1.041vw;
}

.foot-share .share-item {
  width: 2.291vw;
  height: 2.291vw;
  border-radius: 50%;
  transition: all 0.3s;
}

.foot-share .share-item img {
  width: 100%;
}

.foot-share .share-item:hover {
  background: var(--color);
  border-color: var(--color);
}

.foot1-right {
  gap: 4.062vw;
}

.foot-col {
  display: flex;
  flex-direction: column;
  gap: 2.916vw;
}

.foot-link {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: color 0.3s;
}

.foot-link:hover {
  color: var(--color);
}

.foot1-line {
  height: 0.052vw;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 1.197vw;
}

.foot1-bottom {
  color: #fff;
  opacity: 0.5;
}

.foot-bot-right {
  gap: 2.083vw;
}

.back-top {
  cursor: pointer;
  transition: opacity 0.3s;
}

.back-top:hover {
  opacity: 1;
}

.C-banner {
  position: relative;
  height: 31.25vw;
  overflow: hidden;
}

.C-banner .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.C-banner .banner-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.C-banner .banner-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 29, 29, 0.2);
}

.C-banner .banner-title {
  position: absolute;
  left: 12.5vw;
  bottom: 5.625vw;
  color: #fff;
  text-transform: uppercase;
}

.down2 {
  padding: 6.51vw 0 4.166vw;
  background: var(--cf);
}

.down2-list {
  gap: 2.343vw;
}

.down2-item {
  padding: 2.083vw 1.77vw 1.77vw;
  background: #fff;
  border-radius: 1.041vw;
}

.down2-item .item-inner {
  gap: 2.083vw;
}

.down2-item .book-img {
  width: 8.802vw;
  height: 14.062vw;
  margin: 0 auto;
  border-radius: 0.208vw;
  overflow: hidden;
}

.down2-item .item-info {
  gap: 1.354vw;
}

.down2-item .item-title-wrap {
  gap: 0.52vw;
}

.down2-item .item-title {
  color: #212529;
}

.down2-item .item-year {
  color: var(--c6);
}

.down2-item .item-download {
  gap: 0.416vw;
  color: var(--color2);
  text-transform: uppercase;
  transition: opacity 0.3s;
}

.down2-item .item-download img {
  width: 1.25vw;
}

.down2-item .item-download:hover {
  opacity: 0.7;
}

.down3 {
  padding: 4.479vw 0 6.562vw;
}

.down3-table {
  gap: 1.25vw;
}

.down3-thead {
  padding: 1.145vw;
  background: var(--color2);
  border-radius: 1.041vw;
}

.down3-thead .thead-inner {
  gap: 9.895vw;
}

.down3-thead .col-name {
  width: 17.135vw;
  color: #fff;
  text-transform: capitalize;
}

.down3-thead .col-format-size {
  width: 16.562vw;
  gap: 8.229vw;
}

.down3-thead .col-format-size .col-size {
  width: 4.375vw;
}

.down3-thead .col-date-action {
  width: 19.218vw;
  gap: 6.458vw;
}

.down3-thead span {
  color: #fff;
  text-transform: capitalize;
}

.down3-tbody {
  gap: 0.937vw;
}

.down3-tr {
  position: relative;
  height: 4.166vw;
  padding: 0 1.145vw;
  background: #fff;
  border-radius: 1.041vw;
  box-shadow: 0 0 1.041vw rgba(0, 0, 0, 0.06);
  border: 0.052vw solid transparent;
  transition: border-color 0.3s;
}

.down3-tr:hover {
  border-color: var(--color);
}

.down3-tr .tr-inner {
  height: 100%;
  gap: 9.895vw;
}

.down3-tr .col-name {
  width: 17.135vw;
  color: var(--c3);
  text-transform: capitalize;
}

.down3-tr .col-format-size {
  width: 16.562vw;
}

.down3-tr .col-format-size .col-format {
  color: var(--c3);
  text-transform: uppercase;
}

.down3-tr .col-format-size .col-size {
  width: 4.375vw;
  color: var(--c3);
}

.down3-tr .col-date-action {
  width: 17.187vw;
  gap: 6.458vw;
}

.down3-tr .col-date {
  color: var(--c3);
}

.down3-tr .col-action {
  width: 1.77vw;
  height: 1.77vw;
  transition: opacity 0.3s;
}

.down3-tr .col-action:hover {
  opacity: 0.7;
}

.down3-tr .col-action img {
  width: 100%;
}

.contact2 {
  margin-top: 3.541vw;
}

.news2 {
  padding: 5.989vw 0 3.645vw;
}

.news2-title {
  margin-bottom: 2.395vw;
  color: #000;
}

.news2-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.645vw 1.718vw;
  margin-bottom: 4.687vw;
}

.news2-item {
  width: 23.854vw;
}

.news2-item .item-cover {
  position: relative;
  width: 100%;
  height: 13.593vw;
  border-radius: 0.52vw;
  overflow: hidden;
  margin-bottom: 1.25vw;
}

.news2-item .item-cover>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news2-item .item-cover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.news2-item .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.708vw;
  z-index: 2;
  cursor: pointer;
  transition: all ease .3s;
}

.news2-item .play-icon:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

.news2-item .duration {
  position: absolute;
  right: 0.416vw;
  bottom: 0.416vw;
  padding: 0.052vw 0.468vw;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.208vw;
  color: #fff;
  text-transform: uppercase;
  z-index: 2;
}

.news2-item .item-info {
  gap: 1.041vw;
}

.news2-item .info-name {
  flex: 1;
  color: #000;
}

.news2-item .info-download {
  flex-shrink: 0;
  width: 1.458vw;
  height: 1.458vw;
}

.C-paging {
  gap: 1.562vw;
}

.C-paging .paging-prev,
.C-paging .paging-next {
  width: 1.041vw;
  height: 1.041vw;
}

.C-paging .paging-nums {
  gap: 1.093vw;
}

.C-paging .paging-num {
  width: 2.083vw;
  height: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.604vw;
  color: #333;
  line-height: 1;
}

.C-paging .paging-num:hover {
  color: #E71F18;
}

.C-paging .paging-num.active {
  background: #F5F5F7;
  color: #E71F18;
}

.news3 {
  background: #F9FAFB;
  padding: 3.645vw 0;
  margin-bottom: 4.583vw;
}

.news3-list {
  margin-bottom: 2.604vw;
}

.news3-item {
  display: flex;
  gap: 3.854vw;
  padding: 2.083vw 0;
  border-bottom: 0.052vw solid #DDD;
}

.news3-item:first-child {
  border-top: 0.052vw solid #DDD;
}

.news3-item .item-pic {
  position: relative;
  flex-shrink: 0;
  width: 29.687vw;
  height: 18.385vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.news3-item .item-pic>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news3-item .item-category {
  position: absolute;
  top: 0.937vw;
  left: 1.145vw;
  padding: 0.364vw;
  min-width: 5.729vw;
  text-align: center;
  background: #fff;
  border-radius: 2.916vw;
  color: #E71F18;
  text-transform: uppercase;
}

.news3-item .item-content {
  flex: 1;
  justify-content: space-between;
  padding: 0.52vw 0;
}

.news3-item .content-top {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.news3-item .content-date {
  color: #333;
}

.news3-item .content-title {
  color: #333;
  line-height: 1.28;
  transition: all ease .3s;
}

.news3-item:hover .content-title {
  color: var(--color2);
}

.news3-item .content-desc {
  color: #666;
  line-height: 1.3;
}

.news3 .C-more {
  gap: 1.354vw;
}

.news3 .C-more img {
  width: 1.354vw;
  height: 1.354vw;
}

.news5 {
  padding: 2.708vw 0 2.343vw;
}

.news5-wrap {
  width: 88.541vw;
  margin: 0 auto;
}

.news5-sec1 {
  width: 66.614vw;
  margin: 0 auto;
}

.news5-header {
  margin-bottom: 1.77vw;
}

.news5-breadcrumb {
  gap: 0.364vw;
  margin-bottom: 0.572vw;
  color: var(--c6);
}

.news5-breadcrumb img {
  width: 1.145vw;
}

.news5-title {
  color: var(--c3);
  line-height: 1.2;
  text-transform: capitalize;
}

.news5-meta {
  margin-bottom: 1.77vw;
}

.news5-date {
  gap: 0.52vw;
  color: var(--c3);
}

.news5-date img {
  width: 1.25vw;
}

.news5-share {
  display: flex;
  flex-wrap: wrap;
  gap: 0.729vw;
}

.news5-share .li {
  width: 2.187vw;
  height: 2.187vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 4.479vw;
  background: #DDD;
}

.news5-share .li:hover {
  background: var(--color);
}

.news5-share .li .icon {
  width: 1.666vw;
}

.news5-banner {
  border-radius: 0.52vw;
  overflow: hidden;
  margin-bottom: 2.708vw;
}

.news5-sec2 {
  width: 66.25vw;
  margin: 0 auto;
}

.news5-content {
  padding-bottom: 0;
}

.content-block {
  margin-bottom: 1.093vw;
}

.content-title {
  color: var(--c3);
  line-height: 1.2;
  padding: 0 0 1.666vw;
}

.content-text {
  color: var(--c6);
  line-height: 1.22;
}

.content-image-block {
  padding: 3.333vw 0 2.135vw;
}

.news5 .news5-content img {
  border-radius: 0.52vw;
  overflow: hidden;
  margin-bottom: 0.572vw;
  max-width: 100%;
}

.content-caption {
  gap: 0.572vw;
}

.caption-line {
  width: 0.156vw;
  height: 1.145vw;
  background: #000;
}

.content-highlight {
  color: var(--c3);
  line-height: 1.22;
  padding: 1.041vw 0;
}

.content-quote-block {
  padding: 2.5vw 0;
}

.content-quote {
  gap: 1.406vw;
  padding-right: 1.406vw;
}

.quote-line {
  width: 0.156vw;
  flex-shrink: 0;
  background: #000;
}

.quote-text {
  color: var(--c3);
  line-height: 1.22;
}

.news5-divider {
  height: 0.052vw;
  background: var(--c9);
  margin-top: 2.083vw;
}

.news6 {
  padding: 5.208vw 0 4.687vw;
}

.news6-wrap {
  width: 75.104vw;
  margin: 0 auto;
}

.news6-header {
  margin-bottom: 1.77vw;
}

.news6-tag {
  color: var(--color);
  margin-bottom: 0.156vw;
  display: block;
}

.news6-title {
  color: var(--c3);
  line-height: 1.22;
  margin-bottom: 0.781vw;
}

.news6-desc {
  color: var(--c3);
  line-height: 1.22;
}

.news6-list {
  gap: 2.447vw;
  margin-bottom: 1.77vw;
}

.news6-btn {
  margin-top: 0;
}

.C-btn1.theme2 {
  background: transparent;
  border: 0.052vw solid var(--color);
  color: var(--color);
}

.C-btn1.theme2 img {
  filter: none;
}

.C-btn1.theme2:hover {
  background: var(--color);
  color: #fff;
}

.C-btn1.theme2:hover img {
  filter: brightness(0) invert(1);
}


.C-btn1.theme3 {
  background: transparent;
  border: 0.052vw solid #DDD;
  color: #000;
}

.C-btn1.theme3 img {
  filter: none;
}

.C-btn1.theme3:hover {
  background: var(--color);
  color: #fff;
}

.C-btn1.theme3:hover img {
  filter: brightness(0) invert(1);
}

.solutions1 {
  padding: 4.479vw 0 6.197vw;
}

.sol1-wrap {
  width: 53.906vw;
  margin: 0 auto;
}

.sol1-title {
  margin-bottom: 0.312vw;
}

.sol1-label {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.729vw;
  line-height: 1.2;
}

.sol1-name {
  color: #000;
  line-height: 1.2;
}

.sol1-desc {
  color: #525252;
  line-height: 1.5;
  margin-bottom: 2.604vw;
}

.sol1-btns {
  gap: 2.395vw;
}

.solutions2 {
  padding: 0 0;
  overflow: hidden;
}

.sol2-swiper {
  overflow: visible;
}

.sol2-swiper .swiper-slide {
  width: 43.437vw;
}

.sol2-item {
  text-align: center;
}

.sol2-img {
  border-radius: 1.041vw;
  overflow: hidden;
  margin-bottom: 1.718vw;
}

.sol2-img img {
  width: 100%;
  height: 31.406vw;
  object-fit: cover;
}

.sol2-text {
  color: #000;
  text-transform: capitalize;
}

.solutions3 {
  padding: 5.677vw 0 6.041vw;
}

.sol3-list {
  display: flex;
  flex-direction: column;
  gap: 4.166vw;
}

.sol3-item {
  display: flex;
  flex-direction: column;
  gap: 1.822vw;
}

.sol3-title {
  color: var(--c3);
  line-height: 1.22;
}

.sol3-desc {
  color: var(--c3);
  line-height: 1.2;
}

.solutions4 {
  padding: 5.104vw 0 7.708vw;
  background: #F9FAFB;
  margin-bottom: 4.843vw;
}

.sol4-wrap {
  width: 93.02vw;
  margin: 0 auto;
  gap: 2.239vw;
}

.sol4-head {
  margin: 0 auto;
}

.sol4-label {
  color: var(--color);
  text-transform: capitalize;
  line-height: 1.22;
}

.sol4-name {
  color: var(--c3);
  line-height: 1.22;
  margin-top: 0.833vw;
}

.sol4-tabs {
  display: inline-flex;
  border-radius: 0.625vw;
  border: 0.052vw solid #DBDCDC;
  padding: 0.26vw;
  gap: 1.041vw;
  overflow: hidden;
  margin-top: 2.083vw;
}

.sol4-tab {
  padding: 0.52vw;
  border-radius: 0.416vw;
  color: var(--c3);
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1.5;
}

.sol4-tab.active {
  background: var(--color);
  color: #fff;
  font-weight: 700;
}

.sol4-swiper-wrap {
  width: 100%;
  gap: 2.656vw;
}

.sbtn1 {
  width: 3.437vw;
  cursor: pointer;
  transition: all 0.3s;
}

.sol4-btn:hover {
  opacity: 0.7;
}

.sol4-btn img {
  width: 100%;
  height: 100%;
}

.sol4-swiper {
  flex: 1;
  overflow: hidden;
}

.sol4-swiper .swiper-slide {
  width: 19.479vw;
}

.sol4-card {
  display: flex;
  flex-direction: column;
  gap: 1.145vw;
}

.sol4-card-img {
  border-radius: 1.041vw;
  overflow: hidden;
}

.sol4-card-img img {
  width: 100%;
  height: 12.135vw;
  object-fit: cover;
}

.sol4-card-info {
  display: flex;
  flex-direction: column;
  gap: 1.145vw;
}

.sol4-card-text {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.sol4-card-title {
  color: var(--c3);
  line-height: 1.22;
}

.sol4-card-desc {
  color: var(--c3);
  line-height: 1.2;
}

.sol4-card-link {
  gap: 1.354vw;
  color: var(--color2);
  text-transform: capitalize;
}

.sol4-card-link img {
  width: 1.354vw;
  height: 1.354vw;
  transition: all ease .3s;
}

.sol4-card-link:hover img {
  transform: translateX(0.26vw);
}

.about1 {
  padding: 6.718vw 0 0;
  background: #fafafa;
}

.about1-title {
  color: #000;
  text-transform: uppercase;
  padding-bottom: 3.125vw;
}

.about1-nav {
  padding: 1.041vw 0 1.666vw;
  transition: all 0.3s;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  background: #fafafa;
  z-index: 50;
}

.about1-nav .gd-box {
  gap: 0.52vw;
  width: max-content;
}

.about1-nav.is-sticky {
  position: fixed;
  top: 4.166vw;
  left: 0;
  padding: 1.041vw 12.5vw;
  z-index: 90;
  box-shadow: 0 0.104vw 0.52vw rgba(0, 0, 0, 0.1);
}

.about1-nav .nav-item {
  padding: 1.041vw 0.885vw;
  border: 0.052vw solid #DDD;
  border-radius: 52.031vw;
  color: #000;
  text-transform: capitalize;
  transition: all 0.3s;
}

.about1-nav .nav-item:hover,
.about1-nav .nav-item.active {
  background: var(--color);
  border-color: var(--color);
  color: #fff;
}

.about2 {
  padding: 3.177vw 0 2.291vw;
  background: #fafafa;
}

.about2-wrap {
  gap: 5.989vw;
}

.about2-left {
  width: 34.791vw;
}

.about2-head {
  margin-bottom: 1.041vw;
}

.about2-label {
  color: #B81C25;
  text-transform: capitalize;
  margin-bottom: 0.885vw;
}

.about2-title {
  color: #333;
  line-height: 1.22;
}

.about2-desc {
  color: #1F1F1F;
  line-height: 1.33;
}

.about2-right {
  width: 34.218vw;
  height: 100%;
  position: relative;
}

.about2-right .pic {
  border-radius: 1.041vw;
  overflow: hidden;
}

.about2-right .play-icon {
  position: absolute;
  right: 2.395vw;
  bottom: 2.552vw;
  width: 3.906vw;
  cursor: pointer;
}

.about2-right .play-icon img {
  width: 100%;
}

.about3 {
  padding: 3.437vw 0 5.416vw;
  background: #fafafa;
}

.about3-slide {
  background: #fff;
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
}

.about3-img {
  width: 28.645vw;
  height: 32.8646vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

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

.about3-content {
  flex: 1;
  min-width: 0;
  padding: 2.604vw 2.343vw 2.083vw 2.604vw;
  position: relative;
}

.about3-head {
  margin-bottom: 1.041vw;
}

.about3-label {
  color: #B81C25;
  text-transform: capitalize;
  margin-bottom: 0.885vw;
}

.about3-title {
  color: #333;
  line-height: 1.22;
}

.about3-text {
  color: #1F1F1F;
  line-height: 1.22;
  margin-bottom: 1.562vw;
}

.about3-text p {
  margin-bottom: 0.26vw;
}

.about3-icons {
  gap: 3.125vw;
  margin: 1.718vw 0 0;
  justify-content: flex-end;
}

.about3-icons .icon-item {
  gap: 0.52vw;
}

.about3-icons .icon-item img {
  width: 5.208vw;
  height: 5.208vw;
}

.about3-icons .icon-item span {
  color: #1F1F1F;
  text-transform: uppercase;
}

.about3-pagination {
  position: absolute;
  bottom: 4.427vw !important;
  left: 31.25vw !important;
  width: auto !important;
  z-index: 5;
}

.about3-pagination .swiper-pagination-bullet {
  width: 0.208vw;
  height: 0.208vw;
  background: #333;
  opacity: 1;
  border-radius: 0.208vw;
  transition: all 0.3s;
}

.about3-pagination .swiper-pagination-bullet-active {
  width: 2.395vw;
  background: var(--color);
}

.about4 {
  padding: 4.322vw 19.01vw 6.302vw 12.5vw;
  background: #fff;
}

.about4-title {
  color: #333;
  text-transform: capitalize;
  margin-bottom: 5.208vw;
}

.about4-main {
  gap: 10.6vw;
}

.about4-left {
  width: 30.52vw;
}

.about4-swiper {
  height: 28.125vw;
}

.about4-swiper .swiper-slide {
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.about4-swiper .year-item {
  color: #333;
  text-align: right;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1.5;
}

.about4-swiper .year-item.active {
  color: #333;
  position: relative;
  font-size: 3.333vw;
  font-weight: 600;
}

.about4-swiper .year-item.active::before {
  content: '';
  position: absolute;
  right: 100%;
  margin-right: 2.083vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.458vw;
  height: 1.458vw;
  border: 0.312vw solid var(--color2);
  border-radius: 50%;
  box-shadow: 0vw 0.208vw 1.041vw 0vw rgba(0, 0, 0, 0.25);
}

.about4-right {
  flex:1;
  min-width: 0;
}

.about4-content {
  display: none;
  gap: 1.302vw;
}

.about4-content.on {
  display: block;
  animation: fadeInUp 1s forwards;
}

.about4-content .content-title {
  width: 26.041vw;
  color: #000;
  text-transform: capitalize;
  line-height: 1.25;
}

.about4-content .content-img {
  width: 27.083vw;
  height: 16.145vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

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

.about5 {
  padding: 5.208vw 0 4.843vw;
  background: #fafafa;
}

.about5-card {
  background: #fff;
  border-radius: 1.562vw;
  padding: 2.656vw 2.604vw;
  justify-content: space-between;
}

.about5-avatar {
  width: 21.875vw;
  height: 14.062vw;
  /* border-radius: 7.708vw; */
  border-radius: 1.3021vw;
  overflow: hidden;
  flex-shrink: 0;
}

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

.about5-info {
  width: 45.52vw;
}

.about5-quote {
  color: #000;
  line-height: 1.29;
  margin-bottom: 3.072vw;
}

.about5-name {
  color: var(--color2);
  line-height: 1.125;
}

.about6 {
  padding: 0 0 5.208vw;
  background: #fafafa;
}

.about6-wrap {
  padding-left: 12.5vw;
}

.about6-head {
  width: 67.812vw;
  margin-bottom: 2.916vw;
}

.about6-title {
  color: #000;
}

.about6-btns {
  gap: 1.562vw;
}

.about6-swiper {}

.about6-swiper .swiper-slide {
  width: 26.875vw;
}

.about6-item {
  position: relative;
  height: 27.76vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.about6-item .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about6-item .item-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about6-item .item-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.25vw;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1.666vw);
  border-radius: 0 0 1.041vw 1.041vw;
}

.about6-item .item-info span {
  color: #fff;
}

.C-section-style1 {
  background: #fafafa;
}

.about7 {
  padding: 5.26vw 0 7.291vw;
}

.about8 {
  padding: 0 0 4.166vw;
}

.about7-wrap {
  gap: 2.395vw;
}

.about7-left {
  width: 100%;
}

.about7-title {
  color: #333;
  line-height: 1.22;
  margin-bottom: 1.666vw;
}

.about7-desc {
  color: #1F1F1F;
  line-height: 1.33;
}

.about7-right {
  flex: 1;
  gap: 3.75vw;
}

.about7-img {
  width: 36.25vw;
  height: 30.937vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
}

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

.about7-accordion {
  width: 35vw;
}

.accordion-item {
  margin-bottom: 1.614vw;
}

.accordion-item:last-child {
  margin-bottom: 0;
}

.accordion-header {
  cursor: pointer;
  padding-bottom: 1.562vw;
}

.accordion-title {
  color: #333;
  text-transform: capitalize;
  transition: color 0.3s;
  flex:1;
  min-width: 0;
}

.accordion-item.active .accordion-title {
  color: var(--color);
}

.accordion-icon {
  width: 1.458vw;
  height: 1.458vw;
  flex-shrink: 0;
}

.accordion-content {
  padding-bottom: 1.041vw;
}

.accordion-content p {
  color: #666;
  line-height: 1.33;
}

.accordion-line {
  height: 0.052vw;
  background: #ADB0B1;
}

.about8-wrap {
  gap: 3.02vw;
}

.about8-left {
  width: 32.864vw;
  padding-top: 7.552vw;
}

.about8-title {
  color: #333;
  line-height: 1.22;
  margin-bottom: 1.197vw;
}

.about8-desc {
  color: #1F1F1F;
  line-height: 1.5;
}
.about9 .about8-right {
  height: auto;
}
.about8-right {
  flex: 1;
  overflow: hidden;
  height: 43.385vw;
}

.about8-right img {
  width: 100%;
  border-radius: 1.0417vw;
}

.about8-scroll-container {
  display: flex;
  height: 100%;
  overflow: hidden;
}

.about8-column {
  width: 33.333%;
  flex-shrink: 0;
  padding: 0 0.416vw;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.about8-column-track {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.about8-card {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 0.833vw;
}

.about8-card img {
  width: 100%;
  height: auto;
  border-radius: 0.52vw;
  display: block;
}

.user-page {
  width: 100%;
  min-height: 100vh;
  background: #2a3f5f url('/img/user1-1.jpg') no-repeat center center;
  background-size: cover;
  padding: 2.135vw 6.25vw;
}

.user-container {
  width: 88.02vw;
  max-width: 100%;
  min-height: 41.041vw;
  background: #fff;
  border-radius: 0.52vw;
  margin: 0 auto;
}

.user-left {
  flex: 1;
  min-width: 0;
  padding: 3.125vw 1.354vw 0.937vw;
}

.user-left-inner {
  width: 100%;
  max-width: 40.937vw;
  margin: 0 auto;
}

.user-left-content {
  width: 100%;
  padding-left: 1.718vw;
  margin-bottom: auto;
}

.user-right {
  width: 44.322vw;
  background: #F5F5F5;
  border-radius: 0.52vw;
  padding: 1.666vw 2.031vw;
}

.user-right-list {
  gap: 1.458vw;
}

.user-right-item {
  background: #fff;
  border-radius: 0.52vw;
  padding: 1.145vw 1.562vw;
  min-height: 8.333vw;
}

.user-right-item .item-header {
  gap: 1.197vw;
  margin-bottom: 0.729vw;
}

.user-right-item .item-icon {
  width: 1.25vw;
  height: 1.25vw;
}

.user-right-item .item-title {
  color: #000;
  line-height: 1.2;
  flex:1;
  min-width: 0;
}

.user-right-item .item-desc {
  color: #666;
  line-height: 1.44;
  margin-left: 2.5vw;
}

.user-header-title {
  color: #172A88;
  line-height: 1.22;
  margin-bottom: 1.041vw;
}

.user-header-desc {
  color: #333;
  line-height: 1.2;
}

.user-header {
  margin-bottom: 2.916vw;
}

.user-footer {
  margin-top: 2.187vw;
}

.user-footer-inner {
  color: #9A9A9A;
  line-height: 1.22;
}

.user-footer-inner .footer-links {
  gap: 1.458vw;
}

.user-footer-inner .back-top {
  cursor: pointer;
}

.eform-btn {
  width: 100%;
  max-width: 18.125vw;
  height: 3.125vw;
  border-radius: 2.343vw;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  line-height: 1.2;
}

.eform-btn.theme1 {
  background: #E71F18;
  color: #fff;
}

.eform-btn.theme1:hover {
  background: #c91912;
}

.eform-btn.theme2 {
  color: #E71F18;
  border: 0.052vw solid #E71F18;
}

.eform-btn.theme2:hover {
  opacity: 0.8;
}

.eform-btn.full-width {
  max-width: 100%;
}

.eform-btn:disabled,
.eform-btn.disabled {
  background: #000;
  opacity: 0.5;
  cursor: not-allowed;
  color: #fff;
}

.user-yindao-main {
  gap: 2.916vw;
}

.user-yindao-steps {
  gap: 2.291vw;
}

.user-yindao-steps .steps-title {
  color: #666;
  line-height: 1.2;
  margin-bottom: 0;
}

.user-yindao-steps .steps-container {
  gap: 1.666vw;
}

.user-yindao-steps .steps-numbers {
  gap: 0.937vw;
}

.user-yindao-steps .step-number {
  width: 2.916vw;
  height: 2.916vw;
  background: #F5F5F5;
  border-radius: 50%;
  color: #000;
  line-height: 1.2;
}

.user-yindao-steps .step-line {
  width: 0;
  height: 1.51vw;
  margin-left: 1.458vw;
  border-left: 0.052vw dashed #979797;
}

.user-yindao-steps .steps-info {
  gap: 3.541vw;
  flex:1;
  min-width: 0;
}

.user-yindao-steps .step-item .step-name {
  color: #000;
  line-height: 1.2;
  margin-bottom: 0.625vw;
}

.user-yindao-steps .step-item .step-desc {
  color: #666;
  line-height: 1.2;
}

.user-yindao-buttons {
  gap: 1.197vw;
}

.user-form-section {
  gap: 1.562vw;
}

.user-form-section .form-title {
  color: #000;
  line-height: 1.2;
}

.user-form-group {
  gap: 1.77vw;
}

.user-form-row {
  gap: 1.25vw;
}

.user-input {
  width: 100%;
  height: 3.125vw;
  background: #fff;
  border: 0.052vw solid #999;
  border-radius: 0.625vw;
  padding: 0 0.833vw;
  color: #333;
  line-height: 1;
}

.user-input::placeholder {
  color: #999;
}

.user-input:focus {
  border-color: #172A88;
  outline: none;
}

.user-input.half {
  width: calc(50% - 0.625vw);
}

.user-input:disabled,
.user-input.disabled {
  background: #F0F0F0;
  color: #333;
}

.user-input-wrapper {
  position: relative;
}

.user-input-wrapper .get-code-btn {
  position: absolute;
  right: 1.25vw;
  top: 50%;
  transform: translateY(-50%);
  color: #E71F18;
  cursor: pointer;
  line-height: 1.2;
  background: none;
  border: none;
  padding: 0;
}

.user-input-wrapper .get-code-btn:disabled {
  color: #E71F18;
  text-decoration: line-through;
  cursor: not-allowed;
}

.user-login-section {
  gap: 4.479vw;
}

.user-login-form {
  gap: 0.937vw;
}

.user-login-links {
  color: #B60005;
  cursor: pointer;
}

.user-login-links:hover {
  text-decoration: underline;
}

.user-login-bottom {
  gap: 1.041vw;
}

.user-login-register {
  color: #666;
}

.user-login-register .register-link {
  color: #B60005;
  cursor: pointer;
}

.user-login-register .register-link:hover {
  text-decoration: underline;
}

.user-findpwd-section {
  gap: 4.895vw;
}

.user-findpwd-form {
  gap: 1.77vw;
}

.user-reset-section {
  display: none;
}

.user-reset-section.show {
  display: flex;
}

.product1 {
  padding-top: 1.041vw;
}

.product1-nav {
  gap: 2.083vw;
}

.product1-nav .nav-item {
  gap: 0.312vw;
  text-decoration: none;
  transition: all 0.3s;
}

.product1-nav .nav-icon {
  width: 3.645vw;
  height: 3.645vw;
  margin: 0 auto;
}

.product1-nav .nav-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1);
  transition: all ease .3s;
}

.product1-nav .nav-item.active .nav-icon img {
  filter: grayscale(0);
}

.product1-nav .nav-item:hover .nav-icon img {
  filter: grayscale(0);
}

.product1-nav .nav-text {
  color: #666;
  text-transform: capitalize;
  transition: color 0.3s;
}

.product1-nav .nav-item.active .nav-text,
.product1-nav .nav-item:hover .nav-text {
  color: var(--color);
}

.product1-nav .nav-line {
  width: 0.052vw;
  height: 6.25vw;
  background: #DDD;
}

.product1-line {
  width: 100%;
  height: 0.052vw;
  background: #DDD;
  margin-top: 1.041vw;
}

.product2 {
  padding: 6.77vw 0 6.77vw;
}

.product2-wrap {
  gap: 5.572vw;
}

.product2-left {
  width: 35.625vw;
  flex-shrink: 0;
}

.product2-header {
  margin-bottom: 1.145vw;
}

.product2-label {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.729vw;
}

.product2-title {
  color: #333;
}

.product2-content {
  color: #363A3C;
  line-height: 1.5;
}

.product2-right {
  width: 33.802vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
}

.product2-right img {
  width: 100%;
  display: block;
}

.product4 {
  padding: 0 0 3.333vw;
  background: #f9fafb;
}

.product5 {
  padding: 5.208vw 0;
}

.product5-wrap {
  gap: 5.572vw;
  align-items: flex-start;
}

.product5-left {
  width: 35.625vw;
  flex-shrink: 0;
}

.product5-header {
  margin-bottom: 1.979vw;
}

.product5-label {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.885vw;
}

.product5-title {
  color: #333;
}

.product5-intro {
  margin-bottom: 0.729vw;
}

.product5-intro .intro-title {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.729vw;
}

.product5-intro .intro-desc {
  color: #333;
  line-height: 1.33;
  margin-bottom: 0.729vw;
}

.product5-intro .intro-desc:last-child {
  margin-bottom: 0;
}

.product5-methods {
  margin-bottom: 2.395vw;
}

.product5-methods .methods-title {
  color: #000;
  margin-bottom: 1.406vw;
}

.product5-methods .methods-list {
  display: flex;
  flex-direction: column;
  gap: 0.885vw;
}

.product5-methods .methods-list li {
  display: flex;
  align-items: center;
  gap: 1.093vw;
  color: #333;
  line-height: 1.33;
}

.product5-methods .methods-list li .dot {
  width: 0.312vw;
  height: 0.312vw;
  border-radius: 50%;
  background: #333;
  flex-shrink: 0;
}

.product5-accordion {
  width: 35vw;
}

.product5-right {
  width: 33.802vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.product5-right img {
  width: 100%;
  display: block;
}

.product6 {
  padding: 5.208vw 0;
  background: #F9FAFB;
}

.product6-wrap {
  gap: 6.197vw;
  align-items: flex-start;
}

.product6-left {
  width: 33.802vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
}

.product6-left img {
  width: 100%;
  display: block;
}

.product6-right {
  width: 35vw;
}

.product6-header {
  margin-bottom: 2.083vw;
}

.product6-label {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 0.885vw;
}

.product6-title {
  color: #333;
}

.product6-accordion {
  width: 100%;
}

.product8 {
  padding: 5.208vw 0;
  background: #F9FAFB;
}

.product8-wrap {
  max-width: 75.052vw;
}

.product8-header {
  margin-bottom: 4.166vw;
}

.product8-label {
  color: var(--color);
  text-transform: capitalize;
  margin-bottom: 1.041vw;
}

.product8-title {
  color: #333;
}

.product8-accordion {
  width: 100%;
}

.product8-accordion .accordion-item {
  margin-bottom: 1.614vw;
}

.product8-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.product8-accordion .accordion-header {
  padding-bottom: 1.562vw;
}

.product8-accordion .accordion-title {
  flex: 1;
  padding-right: 1.041vw;
}

.pdt1 {
  padding: 2.968vw 0 0;
}

.pdt1-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt1-breadcrumb {
  gap: 0.416vw;
  margin-bottom: 1.666vw;
}

.pdt1-breadcrumb-home {
  width: 1.666vw;
  height: 1.666vw;
}

.pdt1-breadcrumb-home img {
  width: 100%;
  height: 100%;
}

.pdt1-breadcrumb-list {
  gap: 0.208vw;
}

.pdt1-breadcrumb-item {
  gap: 0.208vw;
}

.pdt1-breadcrumb-arrow {
  width: 0.833vw;
  height: 0.833vw;
}

.pdt1-breadcrumb-link,
.pdt1-breadcrumb-current {
  color: #5C6264;
  padding: 0.416vw 0.208vw;
}

.pdt1-main {
  gap: 2.083vw;
}

.pdt1-left {
  width: 37.5vw;
}

.pdt1-big-imgs {
  position: relative;
  width: 100%;
  height: 25.625vw;
  margin-bottom: 0.416vw;
}

.pdt1-big-img {
  width: 100%;
  height: 25.625vw;
  border-radius: 1.041vw;
  border: 0.052vw solid #F5F5F7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.pdt1-big-img.active {
  opacity: 1;
  visibility: visible;
}

.pdt1-big-label {
  position: absolute;
  top: 1.25vw;
  left: 1.25vw;
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.312vw;
  padding: 0.781vw 1.041vw;
  color: #363A3C;
  box-shadow: 0vw 0.104vw 0.208vw -0.104vw rgba(0, 0, 0, 0.1), 0vw 0.208vw 0.312vw -0.052vw rgba(0, 0, 0, 0.1);
}

.pdt1-3d-btn {
  position: absolute;
  bottom: 1.25vw;
  right: 1.25vw;
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 520.781vw;
  padding: 0.781vw 0.625vw 0.781vw 0.781vw;
  color: #363A3C;
  gap: 0.26vw;
  box-shadow: 0vw 0.104vw 0.208vw -0.104vw rgba(0, 0, 0, 0.1), 0vw 0.208vw 0.312vw -0.052vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.pdt1-3d-btn:hover {
  background: #f5f5f7;
}

.pdt1-3d-btn img {
  width: 1.041vw;
  height: 1.041vw;
}

.pdt1-thumbs {
  gap: 0.416vw;
}

.pdt1-thumb-item {
  /* width: 7.187vw; */
  height: 4.895vw;
  border-radius: 0.312vw;
  border: 0.052vw solid #DBDCDC;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}

.pdt1-thumb-item.active {
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05), 0vw 0vw 0vw 0.156vw rgba(218, 41, 28, 1);
}

.pdt1-thumb-img {
  width: 100%;
  height: 100%;
}

.pdt1-thumb-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(1.25vw);
  border-top: 0.052vw solid #ACB0B1;
  padding: 0.208vw;
  text-align: center;
  color: #666;
}

.pdt1-thumb-item.active .pdt1-thumb-name {
  color: #E71F18;
}

.pdt1-right {
  width: 35.416vw;
}

.pdt1-info {
  margin-bottom: 1.302vw;
}

.pdt1-info-text {
  margin-bottom: 0.729vw;
}

.pdt1-titles {
  margin-bottom: 0.729vw;
}

.pdt1-title {
  color: #191B1B;
  margin-bottom: 0.208vw;
}

.pdt1-subtitle {
  color: #666;
}

.pdt1-desc {
  color: #333;
  line-height: 1.5;
  max-height: 4.739vw;
  overflow: hidden;
}

.pdt1-offer-btn {
  width: 7.708vw;
  height: 2.604vw;
  background: #E71F18;
  border-radius: 2.916vw;
  color: #fff;
  border: none;
  cursor: pointer;
  gap: 0.416vw;
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}

.pdt1-offer-btn:hover {
  background: #c41a14;
}

.pdt1-offer-btn img {
  width: 0.9375vw;
  height: 0.9375vw;
}

.pdt1-catalogs-line {
  height: 0.104vw;
  background: #E8E9E9;
  margin-bottom: 0.833vw;
}

.pdt1-catalogs-title {
  color: #333;
  margin-bottom: 0.416vw;
}

.pdt1-pdf-list {
  gap: 0.416vw;
}

.pdt1-pdf-item {
  width: 6.25vw;
  height: 6.25vw;
  overflow: hidden;
  box-shadow: 0vw 0.104vw 0.208vw -0.104vw rgba(0, 0, 0, 0.1), 0vw 0.208vw 0.312vw -0.052vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.pdt1-pdf-item:hover {
  box-shadow: 0vw 0.208vw 0.416vw -0.104vw rgba(0, 0, 0, 0.15), 0vw 0.416vw 0.625vw -0.052vw rgba(0, 0, 0, 0.15);
}

.pdt1-pdf-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt2 {
  padding: 1.666vw 0 0;
}

.pdt2-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt2-tabs {
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.625vw;
  padding: 0.26vw;
  gap: 0.416vw;
  display: inline-flex;
}

.pdt2-tab {
  padding: 0.468vw 0.625vw;
  border-radius: 0.416vw;
  color: #5C6264;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}

.pdt2-tab.active {
  background: #E71F18;
  color: #fff;
}

.pdt2-tab:hover:not(.active) {
  background: #f5f5f7;
}

.pdt-tab-content {
  display: none;
}

.pdt-tab-content.active {
  display: block;
}

.pdt3 {
  padding: 1.666vw 0 4.166vw;
}

.pdt3-wrap {
  width: 75vw;
  margin: 0 auto;
  gap: 1.562vw;
}

.pdt3-filters {
  width: 15.104vw;
}

.pdt3-filters-title {
  color: #000;
  margin-bottom: 1.666vw;
}

.pdt3-filter-groups {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}

.pdt3-filter-group {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.pdt3-filter-header {
  cursor: pointer;
}

.pdt3-filter-name {
  color: #363A3C;
}

.pdt3-filter-toggle {
  width: 1.041vw;
  height: 1.041vw;
  background: url('/img/pdt-filter-collapse.svg') no-repeat center/contain;
  transition: transform 0.3s;
}

.pdt3-filter-group.collapsed .pdt3-filter-toggle {
  transform: rotate(90deg);
  background: url('/img/pdt-filter-collapse-2.svg') no-repeat center/contain;
}

.pdt3-filter-group.collapsed .pdt3-filter-options {
  display: none;
}

.pdt3-filter-options {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pdt3-filter-option {
  gap: 0.625vw;
  cursor: pointer;
}

.pdt3-filter-option input {
  display: none;
}

.pdt3-checkbox {
  width: 1.25vw;
  height: 1.25vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.208vw;
  background: #fff;
  position: relative;
  transition: all 0.3s;
}

.pdt3-filter-option input:checked+.pdt3-checkbox {
  border-color: #E71F18;
  background: #fff;
}

.pdt3-filter-option input:checked+.pdt3-checkbox::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.937vw;
  height: 0.937vw;
  background: url('/img/pdt3-i1.svg') no-repeat center/contain;
  border-radius: 0.104vw;
}

.pdt3-filter-label {
  color: #333;
}

.pdt3-filter-option input:checked+.pdt3-checkbox+.pdt3-filter-label {
  color: #E71F18;
  font-weight: 500;
}

.pdt3-divider {
  width: 0.052vw;
  background: #E8E9E9;
  align-self: stretch;
}

.pdt3-products {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3.854vw;
}

.pdt3-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw;
}

.pdt3-card {
  width: 13.541vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.104vw;
  overflow: hidden;
  box-shadow: 0vw 0.104vw 0.208vw 0vw rgba(0, 0, 0, 0.06);
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}

.pdt3-card:hover {
  box-shadow: 0vw 0.208vw 0.416vw 0vw rgba(0, 0, 0, 0.1);
}

.pdt3-card .bg {
  height: 8.75vw;
  border-radius: 0.156vw;
  overflow: hidden;
}

.pdt3-card-name {
  background: #fff;
  padding: 0.729vw;
  text-align: center;
  color: #333;
}

.pdt3-pagination {
  padding-top: 1.041vw;
}

.pdt3-page-btn {
  height: 1.979vw;
  padding: 0 1.041vw;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.989vw;
  background: #fff;
  color: #999;
  cursor: pointer;
  gap: 0.416vw;
  box-shadow: 0vw 0.104vw 0.208vw 0vw rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
}

.pdt3-page-btn:hover {
  border-color: #E71F18;
  color: #E71F18;
}

.pdt3-page-btn img {
  width: 1.145vw;
  height: 1.145vw;
}

.pdt3-page-nums {
  gap: 0;
}

.pdt3-page-num {
  width: 2.083vw;
  height: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.041vw;
  color: #999;
  cursor: pointer;
  transition: all 0.3s;
}

.pdt3-page-num.active {
  color: #E71F18;
  background: #F5F5F7;
}

.pdt3-page-num:hover:not(.active) {
  background: #eee;
}

.pdt4 {
  padding: 2.083vw 0 4.166vw;
}

.pdt4-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt4-sec {
  margin-bottom: 3.645vw;
}

.pdt4-sec:last-child {
  margin-bottom: 0;
}

.pdt4-sec-title {
  color: #E71F18;
  margin-bottom: 1.302vw;
}

.pdt4-list {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pdt4-list-item {
  gap: 1.093vw;
  color: #333;
}

.pdt4-list-item p {
  flex: 1;
  min-width: 0;
}

.pdt4-dot {
  width: 0.312vw;
  height: 0.312vw;
  background: #333;
  border-radius: 50%;
  flex-shrink: 0;
}

.pdt4-sec2 {
  gap: 3.854vw;
}

.pdt4-sec2-img {
  width: 36.458vw;
  height: 20.833vw;
  border-radius: 1.041vw;
}

.pdt4-sec2-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.562vw;
}

.pdt4-sec2-block {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.pdt4-sec2-title {
  color: #E71F18;
}

.pdt4-sec2-desc {
  color: #333;
  line-height: 1.33;
}

.pdt4-table {
  width: 100%;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.52vw;
  overflow: hidden;
  text-align: center;
}

.pdt4-table thead td {
  padding: 1.562vw 0;
  border-bottom: 0.052vw solid #DBDCDC;
}

.pdt4-table tbody td {
  padding: 1.041vw 0;
}

.pdt4-table tbody tr:nth-last-child(n+2) td {
  border-bottom: 0.052vw solid #DBDCDC;
}

.pdt4-table thead {
  color: #333;
  font-weight: 600;
}

.pdt4-table .tab-pd-info {
  text-align: left;
  padding-left: 2.083vw;
  width: 20.833vw;
}

.pdt4-table .tab-pd-info img {
  width: 3.437vw;
  height: 2.604vw;
  object-fit: cover;
  border-radius: 0.208vw;
  overflow: hidden;
}

.pdt4-table .tab-pd-info p {
  width: 13.75vw;
  margin-left: 1.041vw;
}

.pdt4-usage-list {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pdt4-usage-row {
  gap: 3.125vw;
}

.pdt4-usage-item {
  gap: 1.093vw;
  color: #333;
  min-width: 15.625vw;
}

.pdt5 {
  padding: 1.979vw 0 4.166vw;
}

.pdt5-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt5-title {
  color: #000;
  margin-bottom: 1.875vw;
}

.pdt5-list {
  display: flex;
  flex-direction: column;
  gap: 1.354vw;
}

.pdt5-item {
  gap: 5.208vw;
}

.pdt5-item-title {
  width: 20.572vw;
  color: #E71F18;
  flex-shrink: 0;
}

.pdt5-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.354vw;
}

.pdt5-features {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pdt5-feature {
  gap: 1.093vw;
  color: #333;
}

.pdt5-feature p {
  flex: 1;
  min-width: 0;
}

.pdt5-item-line {
  height: 0.052vw;
  background: #DDDDDD;
}

.pdt6 {
  padding: 1.562vw 0 4.166vw;
}

.pdt6-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt6-list {
  gap: 1.041vw;
  flex-wrap: wrap;
}

.pdt6-card {
  padding: 0.885vw 0.833vw;
  background: #fff;
  border: 0.052vw solid #E8E9E9;
  border-radius: 0.312vw;
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

.pdt6-card-tag {
  display: inline-block;
  padding: 0.104vw 0.416vw;
  border: 0.052vw solid #ACB0B1;
  border-radius: 0.208vw;
  color: #000;
  margin-bottom: 1.197vw;
  margin-left: auto;
}

.pdt6-card-img {
  width: 100%;
  height: 7.083vw;
  border-radius: 0.416vw;
  overflow: hidden;
  margin-bottom: 0.833vw;
}
.pdt6-card-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt6-card-desc {
  color: #191B1B;
  line-height: 1.42;
  margin-bottom: 1.197vw;
  flex: 1;
}

.pdt6-card-desc2 {
  color: #5C6264;
}

.pdt6-card-btns {
  gap: 0.625vw;
}

.pdt6-btn {
  padding: 0.52vw 0.833vw;
  border: 0.052vw solid #FADFDD;
  border-radius: 0.312vw;
  transition: all 0.3s;
}

.pdt6-btn.detail {
  min-width: 4.739vw;
  color: #333;
  background: #fff;
  text-align: center;
}

.pdt6-btn.download {
  min-width: 7.031vw;
  color: #E71F18;
  background: #FADFDD;
  text-align: center;
}

.pdt6-btn:hover {
  background: #E71F18;
  color: #fff;
  border-color: #E71F18;
}

.pdt7 {
  padding: 1.979vw 0 4.166vw;
}

.pdt7-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt7-title {
  color: #000;
  margin-bottom: 1.25vw;
}

.pdt7-list {
  gap: 1.041vw;
  flex-wrap: wrap;
}

.pdt7-card {
  width: 14.166vw;
  height: 16.145vw;
  padding: 0.833vw;
  background: #fff;
  border: 0.052vw solid #E8E9E9;
  border-radius: 0.312vw;
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

.pdt7-card-img {
  width: 100%;
  height: 7.083vw;
  border-radius: 0.416vw;
  overflow: hidden;
  margin-bottom: 0.833vw;
}
.pdt7-card-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt7-card-desc {
  color: #191B1B;
  line-height: 1.42;
  margin-bottom: 1.197vw;
  flex: 1;
}

.pdt7-card-btns {
  gap: 0.625vw;
}

.pdt7-btn {
  padding: 0.52vw 0.833vw;
  border: 0.052vw solid #FADFDD;
  border-radius: 0.312vw;
  transition: all 0.3s;
}

.pdt7-btn.view {
  min-width: 4.739vw;
  color: #333;
  background: #fff;
  text-align: center;
}

.pdt7-btn.download {
  min-width: 7.031vw;
  color: #E71F18;
  background: #FADFDD;
  text-align: center;
}

.pdt7-btn:hover {
  background: #E71F18;
  color: #fff;
  border-color: #E71F18;
}

.pdt8 {
  padding: 3.593vw 0 4.166vw;
}

.pdt8-wrap {
  width: 75vw;
  margin: 0 auto;
}

.pdt8-sec {
  margin-bottom: 3.125vw;
}

.pdt8-sec:last-child {
  margin-bottom: 0;
}

.pdt8-sec-title {
  color: #000;
  margin-bottom: 1.562vw;
}

.pdt8-video-list {
  gap: 1.718vw;
}

.pdt8-video-item {
  width: 23.854vw;
}

.pdt8-video-thumb {
  position: relative;
  margin-bottom: 1.25vw;
}

.pdt8-video-thumb .bg {
  width: 100%;
  height: 13.593vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.pdt8-video-thumb::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.52vw;
  z-index: 2;
}

.pdt8-video-play {
  position: absolute;
  bottom: 0.937vw;
  right: 1.145vw;
  width: 2.708vw;
  height: 2.708vw;
  background: #E71F18;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 3;
}

.pdt8-video-play::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-left: 0.937vw solid #fff;
  border-top: 0.52vw solid transparent;
  border-bottom: 0.52vw solid transparent;
}

.pdt8-video-play:hover {
  transform: scale(1.1);
}

.pdt8-video-name {
  color: #000;
}

.pdt8-image-list {
  gap: 1.406vw;
  flex-wrap: wrap;
}

.pdt8-image-item {}

.pdt8-image-thumb {
  width: 100%;
  height: 12.447vw;
  border-radius: 0.312vw;
  border: 0.052vw solid #EEEEEE;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.833vw;
  box-shadow: 0vw 0.052vw 0.104vw 0vw rgba(0, 0, 0, 0.05);
}

.pdt8-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.312vw;
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
  gap: 0.312vw;
  color: #fff;
  align-items: center;
}

.pdt8-image-thumb:hover .pdt8-image-overlay {
  opacity: 1;
}

.pdt8-image-overlay img {
  width: 2.812vw;
  height: 2.812vw;
}

.pdt8-image-name {
  color: #333;
}

.offer-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
}

.offer-modal.active {
  display: block;
}

.offer-modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(16, 24, 40, 0.6);
  backdrop-filter: blur(0.52vw);
}

.offer-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36.875vw;
  max-height: 90vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 0.52vw;
  padding: 1.562vw 2.552vw;
}

.offer-modal-header {
  margin-bottom: 1.145vw;
}

.offer-modal-title {
  color: #000;
}

.offer-modal-close {
  width: 1.041vw;
  height: 1.041vw;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.offer-modal-close img {
  width: 100%;
  height: 100%;
}

.offer-modal-line {
  height: 0.052vw;
  background: #DDDDDD;
  margin-bottom: 1.25vw;
}

.offer-modal-body {
  margin-bottom: 0.833vw;
}

.offer-form {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.offer-form-row {
  gap: 0.833vw;
}

.offer-form-group {
  width: calc(50% - 0.416vw);
}

.offer-form-group.full {
  width: 100%;
}

.offer-form-label {
  display: block;
  color: #000;
  margin-bottom: 0.52vw;
}

.offer-form-input,
.offer-form-select {
  width: 100%;
  height: 1.875vw;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.312vw;
  padding: 0 0.572vw;
  color: #333;
  background: #fff;
}

.offer-form-input::placeholder,
.offer-form-select option[value=""] {
  color: #999;
}

.offer-form-input:disabled,
.offer-form-select:disabled {
  background: #F5F5F7;
  cursor: not-allowed;
}

.offer-select-wrap {
  position: relative;
}

.offer-select-wrap .offer-form-select {
  appearance: none;
  padding-right: 2.083vw;
  cursor: pointer;
}

.offer-select-wrap .offer-form-input {
  padding-right: 2.083vw;
}

.offer-select-arrow {
  position: absolute;
  right: 0.364vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.145vw;
  height: 1.145vw;
  pointer-events: none;
}

.offer-select-wrap.disabled .offer-form-input {
  background: #F5F5F7;
  cursor: not-allowed;
}

.offer-select-wrap.searchable {
  position: relative;
}

.offer-select-display {
  width: 100%;
  height: 1.875vw;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.312vw;
  padding: 0 0.572vw;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.3s;
}

.offer-select-display:hover {
  border-color: #999;
}

.offer-select-wrap.disabled .offer-select-display {
  background: #F5F5F7;
  cursor: not-allowed;
  color: #999;
}

.offer-select-text {
  color: #999;
  flex: 1;
}

.offer-select-wrap.searchable:not(.disabled) .offer-select-text {
  color: #333;
}

.offer-select-display .offer-select-arrow {
  width: 0.833vw;
  transition: transform 0.3s;
}

.offer-select-wrap.open .offer-select-display .offer-select-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.offer-select-display.error {
  border-color: #E71F18;
}

.offer-dropdown {
  position: absolute;
  top: calc(100% + 0.208vw);
  left: 0;
  right: 0;
  background: #fff;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.312vw;
  z-index: 10;
  display: none;
  box-shadow: 0vw 0.208vw 0.416vw rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.offer-select-wrap.searchable.open .offer-dropdown {
  display: block;
}

.offer-dropdown-search {
  padding: 0.416vw;
  border-bottom: 0.052vw solid #EEEEEE;
}

.offer-dropdown-search-input {
  width: 100%;
  height: 1.875vw;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.312vw;
  padding: 0.468vw 0.572vw;
  color: #333;
}

.offer-dropdown-search-input::placeholder {
  color: #999;
}

.offer-dropdown-list {
  max-height: 10.416vw;
  overflow-y: auto;
}

.offer-dropdown-item {
  padding: 0.52vw 0.833vw;
  cursor: pointer;
  transition: background 0.2s;
  color: #333;
}

.offer-dropdown-item:hover {
  background: #F5F5F7;
}

.offer-dropdown-item.selected {
  background: #E71F18;
  color: #fff;
}

.offer-form-textarea {
  width: 100%;
  height: 7.291vw;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.312vw;
  padding: 0.468vw 0.572vw;
  color: #333;
  resize: none;
}

.offer-form-textarea::placeholder {
  color: #999;
}

.offer-form-input.error,
.offer-form-select.error,
.offer-form-textarea.error {
  border-color: #E71F18;
}

.offer-file-wrap {
  height: 1.875vw;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.312vw;
  padding: 0.26vw;
  gap: 0.208vw;
}

.offer-file-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.645vw;
  height: 1.354vw;
  background: #EFEFEF;
  /* border: 0.052vw solid #E71F18; */
  border-radius: 0.208vw;
  color: #333;
  cursor: pointer;
}

.offer-file-input {
  display: none;
}

.offer-file-name {
  color: #333;
}

.offer-file-tip {
  color: #999;
  margin-top: 0.312vw;
}

.offer-captcha {
  margin-top: 0.833vw;
}

.offer-captcha-box {
  background: #FAFAFA;
  border: 0.052vw solid #DDDDDD;
  padding: 0.572vw 0.833vw;
}

.offer-captcha-check {
  gap: 0.625vw;
}

.offer-captcha-input {
  width: 1.562vw;
  height: 1.562vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.208vw;
  cursor: pointer;
}

.offer-captcha-text {
  color: #000;
}

.offer-captcha-logo {
  text-align: right;
}

.offer-captcha-logo img {
  height: 1.458vw;
  margin-bottom: 0.208vw;
}

.offer-captcha-links {
  gap: 0.26vw;
  justify-content: flex-end;
}

.offer-captcha-links a {
  color: #000;
}

.offer-captcha-dot {
  width: 0.104vw;
  height: 0.104vw;
  background: #333;
  border-radius: 50%;
}

.offer-modal-footer {
  gap: 0.677vw;
}

.offer-btn {
  flex: 1;
  height: 2.395vw;
  border-radius: 1.197vw;
  cursor: pointer;
  transition: all 0.3s;
}

.offer-btn.cancel {
  background: #fff;
  border: 0.052vw solid #E71F18;
  color: #E71F18;
}

.offer-btn.cancel:hover {
  background: #fef2f2;
}

.offer-btn.submit {
  background: #E71F18;
  border: 0.052vw solid #E71F18;
  color: #fff;
}

.offer-btn.submit:hover {
  background: #c41a14;
}

.img-preview-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
  display: none;
}

.img-preview-modal .img-preview-modal-close {
  position: absolute;
  right: 0.52vw;
  top: 0.52vw;
  z-index: 20;
  color: #fff;
  font-size: 0.833vw;
  padding: 0.26vw 0.729vw;
  border-radius: 0.26vw;
  background: #252525;
  cursor: pointer;
  box-shadow: 0 0 5px #fff;
}

.img-preview-modal .img-preview-modal-close:hover {
  background: #fff;
  color: #000;
}

.img-preview-modal .iframebox {
  width: 100%;
  height: 100%;
}

.img-preview-modal iframe {
  width: 100%;
  height: 100%;
}



.model-preview-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 24, 40, 0.60);
  backdrop-filter: blur(0.26vw);
  z-index: 100;
  display: none;
}

.model-preview-modal-content {
  width: 100%;
  height: 100%;
}

.model-preview-modal-content-main {
  width: 75vw;
  height: 37.5vw;
  position: relative;
}

.model-preview-modal .iframebox {
  width: 100%;
  height: 100%;
}

.model-preview-modal iframe {
  width: 100%;
  height: 100%;
}

.model-preview-modal .C-btn1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* bottom: 1.927vw; */
  top: 100%;
  margin-top: 1.927vw;
  cursor: pointer;
}

.bim1 {
  padding: 3.645vw 0 4.322vw;
}

.bim1 .pic {
  width: 35.52vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.bim1 .intr {
  width: 35.104vw;
}

.bim1 .intr .t1 {
  color: #E71F18;
}

.bim1 .intr .t2 {
  margin: 0.52vw 0 2.083vw;
}

.bim1 .intr .t3 {
  color: #333;
}

.bim1 .intr .t3 p {
  margin-bottom: 0.52vw;
}

.bim2 {
  background: #F9FAFB;
}

.bim2 .pdt3-filters {
  width: 11.458vw;
}

.bim2 .pdt6-btn {
  width: 100%;
}

.C-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.625vw;
  padding: 0.26vw;
  gap: 0.312vw;
}

.C-tabs .C-tab {
  padding: 0.468vw 0.625vw;
  border-radius: 0.416vw;
  gap: 0.416vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #5C6264;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}

.C-tabs .C-tab .icon {
  width: 1.041vw;
}

.C-tabs .C-tab.active {
  background: #E71F18;
  color: #fff;
  box-shadow: 0vw 0.052vw 0.104vw -0.052vw rgba(0, 0, 0, 0.1), 0vw 0.052vw 0.156vw 0vw rgba(0, 0, 0, 0.1);
}

.C-tabs .C-tab.active .icon {
  filter: brightness(0) invert(1);
}

.C-tabs .C-tab:hover:not(.active) {
  background: #f5f5f7;
}

.C-table {
  width: 100%;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.52vw;
  border-collapse: separate;
  border-spacing: 0;
}

.C-table thead th {
  padding: 1.145vw 1.041vw;
  text-align: left;
  color: #333;
  border-bottom: 0.052vw solid #DBDCDC;
}

.C-table thead th:nth-child(n+2) {
  text-align: center;
}

.C-table tbody td:nth-child(n+2) {
  text-align: center;
}

.C-table tbody td {
  width: 10.4167vw;
  padding: 0.833vw 1.041vw;
  color: #333;
  border-bottom: 0.052vw solid #DBDCDC;
  vertical-align: middle;
}

.C-table tbody tr:last-child td {
  border-bottom: none;
}

.C-table tbody tr:hover {
  background: #fafafa;
}

.C-table .td-product {
  cursor: pointer;
}

.C-table .td-product:hover {
  color: #E71F18;
}

.C-table .td-product .flex-yc {
  gap: 0.625vw;
}

.C-table .td-product .thumb {
  width: 3.437vw;
  height: 2.604vw;
  border-radius: 0.208vw;
  overflow: hidden;
  flex-shrink: 0;
}

.C-table .td-product span {
  flex: 1;
  min-width: 0;
}

.C-table .td-product .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.C-table .td-product .expand-icon {
  width: 1.041vw;
  height: 1.041vw;
  flex-shrink: 0;
}

.C-tab-Sel1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.312vw;
  padding: 0.572vw 0.833vw;
  border-radius: 5.208vw;
  border: 0.052vw solid #DBDCDC;
  cursor: pointer;
  user-select: none;
}

.C-tab-Sel1 img {
  width: 1.041vw;
  transition: transform 0.2s;
}

.C-tab-Sel1.open img {
  transform: rotate(180deg);
}

.pjlb-filter-label-selected {
  display: none;
}

.C-tab-Sel1-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  margin-top: 0.208vw;
  max-height: 11.458vw;
  overflow-y: auto;
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.416vw;
  box-shadow: 0 0.208vw 0.625vw rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: none;
}

.C-tab-Sel1.open .C-tab-Sel1-dropdown {
  display: block;
}

.C-tab-Sel1-options {
  padding: 0.416vw 0;
}

.C-tab-Sel1-option {
  display: flex;
  align-items: center;
  gap: 0.416vw;
  padding: 0.416vw 0.625vw;
  cursor: pointer;
  transition: background 0.2s;
}

.C-tab-Sel1-option:hover {
  background: #f5f5f7;
}

.C-tab-Sel1-option input {
  margin: 0;
  cursor: pointer;
  display: none;
}

.C-tab-Sel1-option .checkbox {
  width: 0.937vw;
  height: 0.937vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.208vw;
  background: #fff;
  position: relative;
  transition: all 0.3s;
}

.C-tab-Sel1-option input:checked+.checkbox {
  border-color: #E71F18;
  background: #fff url('/img/pdt3-i1.svg') no-repeat center/0.729vw;
}

.wishlist-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.312vw;
  cursor: pointer;
  transition: all 0.3s;
  float: right;
}

.wishlist-btn.add {
  color: #666666;
}

.wishlist-btn.add:hover {
  color: #E71F18;
}

.wishlist-btn.remove {
  color: #E71F18;
}

.wishlist-btn.remove:hover {
  opacity: 0.7;
}

.wishlist-btn .icon {
  width: 1.041vw;
  height: 1.041vw;
}

.pjlb-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: none;
}

.pjlb-modal.active {
  display: block;
}

.pjlb-modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(16, 24, 40, 0.6);
  backdrop-filter: blur(0.52vw);
}

.pjlb-modal-close {
  position: absolute;
  top: 1.041vw;
  right: 66.979vw;
  width: 1.25vw;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
}

.pjlb-modal-close img {
  width: 100%;
}

.pjlb-modal-content {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 65.625vw;
  background: #fff;
  padding: 2.083vw;
  overflow: hidden;
}

.pjlb-header {
  margin-bottom: 1.041vw;
}

.pjlb-header .C-tabs {
  gap: 1.562vw;
}

.pjlb-header .C-tabs .C-tab {
  padding: 0.468vw 0.833vw;
  min-width: 7.812vw;
  text-align: center;
}

.pjlb-search-bar {
  gap: 1.562vw;
  margin-bottom: 1.041vw;
}

.pjlb-search {
  flex: 1;
  height: 2.395vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.625vw;
  padding: 0 0.677vw;
  gap: 0.416vw;
}

.pjlb-search .search-icon {
  width: 1.041vw;
  height: 1.041vw;
  flex-shrink: 0;
}

.pjlb-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: #333;
  font-size: 0.729vw;
}

.pjlb-search input::placeholder {
  color: #999;
}

.pjlb-view-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.416vw;
  padding: 0.625vw 1.041vw;
  border: 0.052vw solid #E71F18;
  border-radius: 52.031vw;
  color: #E71F18;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}

.pjlb-view-btn:hover {
  background: #E71F18;
  color: #fff;
}

.pjlb-view-btn:hover img {
  filter: brightness(0) invert(1);
}

.pjlb-view-btn img {
  width: 0.833vw;
  height: 0.833vw;
  transition: filter 0.3s;
}

.pjlb-table-wrap {
  /* min-height: 20vh; */
  max-height: 70vh;
  overflow-y: auto;
}

.pjxq-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  display: none;
}

.pjxq-modal.active {
  display: block;
}

.pjxq-modal .pjlb-modal-close {
  right: 41.145vw;
}

.pjxq-modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(16, 24, 40, 0.6);
  backdrop-filter: blur(0.52vw);
}

.pjxq-modal-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 40.104vw;
  padding: 1.875vw 1.302vw;
  height: 100%;
  background: #fff;
  overflow-y: auto;
}

.pjxq1 {
  gap: 1.666vw;
  margin-bottom: 1.458vw;
}

.pjxq1-img {
  width: 17.968vw;
  height: 13.854vw;
  border: 0.052vw solid #DDDDDD;
  overflow: hidden;
  flex-shrink: 0;
}

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

.pjxq1-info {
  flex: 1;
  min-width: 0;
}

.pjxq1-text {
  gap: 0.833vw;
  margin-bottom: 1.458vw;
}

.pjxq1-title {
  color: #333;
  line-height: 1.3;
}

.pjxq1-code {
  color: #333;
}

.pjxq1-code span {
  text-decoration: underline;
}

.pjxq1-download {
  display: inline-flex;
  align-items: center;
  gap: 0.312vw;
  color: #E71F18;
  cursor: pointer;
  transition: all 0.3s;
}

.pjxq1-download:hover {
  opacity: 0.7;
}

.pjxq1-download img {
  width: 1.041vw;
  height: 1.041vw;
}

.pjxq1-btns {
  gap: 0.937vw;
}

.pjxq1-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.416vw;
  padding: 0.729vw 1.041vw;
  border-radius: 52.031vw;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}

.pjxq1-btn img {
  width: 0.833vw;
  transition: all ease .3s;
}

.pjxq1-btn:hover img {
  filter: brightness(0) invert(1);
}

.pjxq1-btn.on img {
  filter: brightness(0) invert(1);
}

.pjxq1-btn.theme1 {
  border: 0.052vw solid #DBDCDC;
  color: #333;
}

.pjxq1-btn.theme1:hover {
  background: #E71F18;
  color: #fff;
}

.pjxq1-btn.theme2 {
  border: 0.052vw solid #E71F18;
  color: #E71F18;
}

.pjxq1-btn.theme2:hover {
  background: #E71F18;
  color: #fff;
}

.pjxq1-btn.theme2.on {
  background: #E71F18;
  color: #fff;
}

.pjxq2 {
  margin-bottom: 1.25vw;
}

.pjxq2 .C-tabs {
  width: 100%;
}

.pjxq2 .C-tabs .C-tab {
  flex: 1;
  text-align: center;
  padding: 0.468vw 1.041vw;
}

.pjxq-tab-content {
  display: none;
}

.pjxq-tab-content.active {
  display: block;
}

.pjxq3-table {
  width: 100%;
  border: 0.052vw solid #DDDDDD;
  border-radius: 0.416vw;
  overflow: hidden;
}

.pjxq3-table .table-row {
  border-bottom: 0.052vw solid #DDDDDD;
}

.pjxq3-table .table-row:last-child {
  border-bottom: none;
}

.pjxq3-table .table-cell {
  padding: 0.677vw 1.562vw;
  color: #333;
  line-height: 1.3;
}

.pjxq3-table .table-cell.label {
  background: #F9FAFC;
  border-right: 0.052vw solid #DDDDDD;
  width: 12.135vw;
  flex-shrink: 0;
}

.pjxq3-table .table-cell.value {
  background: #fff;
  flex: 1;
}

.toast-notification {
  position: fixed;
  top: 1.041vw;
  right: 1.041vw;
  background: #fff;
  border-radius: 0.416vw;
  padding: 0.625vw 2.083vw 0.625vw 0.833vw;
  box-shadow: 0vw 0vw 0.416vw 0vw rgba(0, 0, 0, 0.1);
  z-index: 200;
  display: none;
  gap: 0.52vw;
}

.toast-notification.show {
  display: flex;
}

.toast-notification .toast-icon {
  width: 1.041vw;
  height: 1.041vw;
  flex-shrink: 0;
}

.toast-notification .toast-text {
  color: #6D6D6D;
  line-height: 2.33;
}

.toast-notification .toast-close {
  position: absolute;
  top: 50%;
  right: 0.625vw;
  transform: translateY(-50%);
  width: 0.625vw;
  height: 0.625vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6D6D6D;
  font-size: 0.937vw;
  line-height: 1;
}

.toast-notification .toast-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.104vw;
  background: #00B521;
  border-radius: 0 0 0.416vw 0.416vw;
  transition: width 3s linear;
}

.toast-notification .toast-progress-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.052vw;
  background: rgba(0, 181, 33, 0.2);
}

.pjxq4 {
  width: 100%;
}

#chart-main {
  width: 100%;
  height: 20.833vw;
  background: #fff;
  padding: 0.52vw;
}

.chart-wrapper {
  max-width: 46.875vw;
  margin: 1.041vw auto;
  background: #fff;
  padding: 1.041vw;
  border-radius: 0.416vw;
  box-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.05);
}

.wish1 {
  padding: 2.083vw 12.5vw 0 0;
}

.wish1 .zuo {
  width: 61.979vw;
}

.wish1 .you {
  width: 21.354vw;
  border-radius: 0 1.041vw 1.041vw 0;
  background: #FFF;
  box-shadow: 0 0 1.041vw 0 rgba(0, 0, 0, 0.06);
  padding: 2.187vw 1.562vw 2.083vw;
}

.wish1 .you .bg {
  width: 5.208vw;
  height: 5.208vw;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.wish1 .you .t1 {
  margin-top: 1.562vw;
}

.wish1 .you .t2 {
  color: #333;
  margin-top: 0.52vw;
}

.wish1 .you .line {
  margin: 1.822vw 0;
  border-bottom: 0.052vw dashed #DBDCDC;
}

.wish2 {
  padding: 3.281vw 0 4.166vw;
}

.wish2 .sec2 {
  margin: 2.083vw 0 1.562vw;
}

.wish2 .sec2 .sec2-zuo {
  gap: 1.041vw;
}

.C-select2 {
  width: max-content;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}

.C-select2 .simulate {
  width: 100%;
  position: relative;
  z-index: 20;
  padding: 0.364vw 0.156vw 0.364vw 0.416vw;
  background: #fff;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  border-radius: 0.312vw;
  border: 0.052vw solid #DDD;
  transition: all ease .3s;
}

.C-select2:hover .simulate {
  border-color: var(--color);
  color: var(--color);
}

.C-select2 .simulate::after {
  content: '';
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  margin-left: 0.625vw;
  background: url('/img/pdt-arrow-down.svg') no-repeat center/contain;
  transition: all ease .3s;
}

.C-select2:hover .simulate::after {
  transform: rotate(-180deg);
  background: url('/img/pdt-arrow-down-red.svg') no-repeat center/contain;
}

.C-select2.on .simulate::after {
  transform: rotate(-180deg);
}

.C-select2.on .simulate::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0.26vw;
}

.C-select2 input {
  display: none;
}

.C-select2 .placeholder {
  display: none;
  flex: 1;
}

.C-select2 .name {
  flex: 1;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.C-select2 .name:empty {
  display: none;
}

.C-select2 .name:empty+.placeholder {
  display: block;
}


.C-select2 .options {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  min-width: 5.208vw;
  display: none;
  flex-direction: column;
  max-height: 15.625vw;
  z-index: 50;
  transition: all ease .3s;
  border-radius: 0.312vw;
  border: 0.052vw solid #EEE;
  background: #FFF;
  color: #333;
  margin-top: 0.208vw;
  text-align: left;
}

.C-select2.on .options {
  display: flex;
}

.C-select2 .option {
  width: 100%;
  cursor: pointer;
  padding: 0.364vw 0.625vw;
}

.C-select2 .option:hover {
  background: #E71F18;
  color: #fff;
}

.C-select2 .option.on {
  background: #E71F18;
  color: #fff;
}

.C-table-input input {
  width: 2.812vw;
  height: 1.77vw;
  text-align: center;
  border-radius: 0.312vw;
  border: 0.052vw solid #DDD;
  color: #333;
  font-weight: 500;
  display: block;
  margin: 0 auto;
}

.wish3 {
  background: rgba(0, 0, 0, 0.20);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.wish3.on {
  display: flex;
}

.wish3 .main {
  width: 72.395vw;
  height: 44.062vw;
  overflow: auto;
  padding: 2.604vw 1.041vw 3.125vw 3.385vw;
  border-radius: 1.041vw;
  background: #fff;
}

.wish3 .close {
  filter: brightness(0);
  cursor: pointer;
}

.wish3 .sec2 {
  margin-top: 0.937vw;
}

.wish3 .sec2 .zuo {
  width: 14.27vw;
  margin-right: 0.937vw;
  border-radius: 0.52vw;
  border: 0.052vw solid #d9d9d9;
}

.wish3 .sec2 .zuo .ul {
  padding: 1.145vw 0;
}

.wish3 .sec2 .zuo .li {
  line-height: 2.395vw;
  padding: 0 2.708vw;
  cursor: pointer;
  margin-bottom: 0.052vw;
}

.wish3 .sec2 .zuo .li:hover {
  background: var(--color);
  color: #fff;
  border-radius: 0.416vw;
}

.wish3 .sec2 .zuo .li.on {
  background: var(--color);
  color: #fff;
  border-radius: 0.416vw;
}

.wish3 .sec2 .you {
  flex: 1;
  min-width: 0;
}

.wish3 .sec2 .you .filter {
  gap: 1.041vw;
  margin-bottom: 1.041vw;
}

.solutions10 {
  height: calc(100vh - var(--head));
}

.solutions10 .sec1 {
  padding: 0.625vw 6.25vw;
}
.solutions10 .sec1 .btn-group {
  gap: 20px;
  margin: 20px 0;
}
.solutions10 .sec1 .back {
  margin-right: 2.083vw;
  line-height: 1;
  cursor: pointer;
}

.solutions10 .sec1 .back .icon {
  width: 1.145vw;
  margin-right: 0.208vw;
}

.solutions10 .sec1 .C-btn1 {
  margin-right: 1.041vw;
}

.solutions10 .sec2 {
  flex: 1;
  min-height: 0;
  position: relative;
}

.solutions10 .sec2 .t1 {
  color: #333;
}

.solutions10 .sec2 .you {
  padding: 1.77vw 0.729vw 0 1.927vw;
  background: #f9fafb;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34.479vw;
  height: 90%;
  border-radius: 1.562vw 0 0 1.562vw;
}

.solutions10 .sec2 .list {
  margin-top: 1.145vw;
  flex: 1;
  min-width: 0;
}

.solutions10 .sec2 .list::-webkit-scrollbar-thumb {
  background: #9f9f9f;
}

.solutions10 .sec2 .list::-webkit-scrollbar-track {
  background: #dadada;
}

.solutions10 .sec2 .list .item {
  margin-bottom: 1.041vw;
}

.solutions10 .sec2 .list .item .bg {
  width: 13.541vw;
  height: 8.333vw;
}

.solutions10 .sec2 .list .item .intr {
  flex: 1;
  min-width: 0;
  margin-left: 0.833vw;
}

.solutions10 .sec2 .list .item .intr .t1 {
  color: #333;
}

.solutions10 .sec2 .list .item .intr .t2 {
  margin: 0.52vw 0 1.354vw;
  color: #333;
}

.solutions10 .sec2 .list .item .intr .C-more {
  gap: 1.041vw;
  color: var(--color);
  cursor: pointer;
}

.solutions11 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 95;
  background: rgba(16, 24, 40, 0.60);
  backdrop-filter: blur(0.26vw);
  display: none;
}

.solutions11.on {
  display: flex;
}

.solutions11 .container {
  width: 91.145vw;
  height: 38.541vw;
  overflow: auto;
  max-height: 90vh;
  padding: 1.562vw 3.645vw 3.645vw 1.562vw;
  border-radius: 0.52vw;
  background: #fff;
}

.solutions11 .sec1 .back {
  margin-right: 2.083vw;
  line-height: 1;
  cursor: pointer;
}

.solutions11 .sec1 .back .icon {
  width: 1.145vw;
  margin-right: 0.208vw;
}

.solutions11 .sec1 .C-btn1 {
  margin-right: 1.041vw;
}

.solutions11 .sec2 {
  padding: 2.083vw 1.562vw 0 3.125vw;
}

.solutions11 .sec2 .zuo {
  width: 42.604vw;
}

.solutions11 .sec2 .zuo .t2 {
  color: #7e8385;
}

.solutions11 .sec2 .zuo .t3 {
  color: #363a3c;
  margin: 0.833vw 0 0;
}

.solutions11 .sec2 .zuo .pjlb-table-wrap {
  margin-top: 1.562vw;
  max-height: 15.312vw;
}

.solutions11 .sec2 .zuo .C-table tbody td {
  padding: 0.833vw 0.52vw;
}

.solutions11 .sec2 .zuo .controls {
  gap: 1.718vw;
  margin-top: 1.718vw;
}

.solutions11 .sec2 .you {
  width: 33.333vw;
}

.solutions11 .sec2 .you .pdt1-left {
  width: 100%;
}

.search-modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(16, 24, 40, 0.60);
  backdrop-filter: blur(0.26vw);
  padding: 10.052vw 30vw;
  display: none;
}

.search-modal .search-modal-content {
  border-radius: 0.625vw;
  border: 0.052vw solid #696d76;
  background: #fff;
  overflow: hidden;
}

.search-modal .search-modal-header {
  padding: 0.677vw 0.885vw;
}

.search-modal .search-modal-header input {
  flex: 1;
  min-width: 0;
  padding: 0 1.562vw;
}

.search-modal .search-modal-body {
  border-top: 0.052vw solid #ddd;
}

.search-modal .search-reject {
  color: #666;
  padding: 0.729vw;
  text-align: center;
  display: none;
}

.search-modal .search-reject.on {
  display: block;
}

.search-modal .search-pending {
  display: none;
  flex-direction: column;
  padding: 0.52vw 0.729vw;
  gap: 0.416vw;
}

.search-modal .search-pending.on {
  display: flex;
}

.search-modal .search-pending .search-pending-item {
  width: 100%;
  height: 1.875vw;
  border-radius: 0.312vw;
  background: #ddd;
  animation: searchPendingAin 1s ease infinite;
}

.search-modal .search-results {
  max-height: 60vh;
  display: none;
}

.search-modal .search-results.on {
  display: block;
}

.search-modal .search-results .search-results-item .search-results-title {
  color: #e71f18;
  border-bottom: 0.052vw solid #ddd;
  padding: 0.52vw 0.885vw;
}

.search-modal .search-results .search-results-item .ul .li {
  padding: 0.781vw 0.885vw;
  position: relative;
}

.search-modal .search-results .search-results-item .ul .li:hover {
  background: rgba(231, 31, 24, 0.20);
}

.search-modal .search-results .search-results-item .ul .li::after {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-left: 0.312vw solid #e71f18;
  opacity: 0;
  transition: all ease 0.3s;
}

.search-modal .search-results .search-results-item .ul .li:hover::after {
  opacity: 1;
}

.search-modal .search-results .search-results-item .tag {
  line-height: 1;
  padding: 0.26vw;
  border-radius: 1.041vw;
  font-weight: 500;
}

.search-modal .search-results .search-results-item .tag.theme1 {
  color: #e71f18;
  background: rgba(231, 31, 24, 0.10);
}

.search-modal .search-results .search-results-item .tag.theme2 {
  color: #172a88;
  background: rgba(23, 42, 136, 0.10);
}

.search-modal .search-results .search-results-item .t1 {
  color: #333;
}

.search-modal .search-results .search-results-item .gl {
  display: inline-block;
  background: #f8ff00;
}

.search-modal .search-results .search-results-item .t2 {
  color: #666;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


@keyframes searchPendingAin {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.6;
  }
}

.pdlv-wrap {
  width: 75vw;
  margin: 0 auto;
  padding: 4.375vw 0 4.166vw;
  gap: 1.562vw;
  align-items: flex-start;
}

.pdlv-left {
  width: 15.156vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1.562vw;
}

.pdlv-links {
  display: flex;
  flex-direction: column;
  gap: 1.145vw;
}

.pdlv-links-title {
  color: #363A3C;
  line-height: 1.5;
}

.pdlv-links-list {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.pdlv-link-item {
  display: flex;
  height: 2.5vw;
  padding: 0 0.989vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 51.979vw;
  color: #333;
  text-transform: capitalize;
  transition: all 0.3s;
}

.pdlv-link-item img {
  width: 1.041vw;
  height: 1.041vw;
  flex-shrink: 0;
}

.pdlv-link-item.active {
  border-color: #E71F18;
  color: #E71F18;
}

.pdlv-link-item:hover:not(.active) {
  border-color: #999;
}

.pdlv-filters {
  display: flex;
  flex-direction: column;
}

.pdlv-divider {
  width: 0.052vw;
  background: #E8E9E9;
  align-self: stretch;
  flex-shrink: 0;
}

.pdlv-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.562vw;
}

.pdlv-right-header {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
  text-transform: capitalize;
}

.pdlv-right-title {
  color: #000;
}

.pdlv-right-desc {
  color: #666;
}

.pdlv-products {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw;
}

.pdlv-product-card {
  width: 13.541vw;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.104vw;
  overflow: hidden;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.06);
  transition: all 0.3s;
  display: block;
}

.pdlv-product-card:hover {
  box-shadow: 0 0.208vw 0.416vw 0 rgba(0, 0, 0, 0.12);
}

.pdlv-product-img {
  height: 8.75vw;
  border-radius: 0.156vw;
  overflow: hidden;
}

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

.pdlv-product-info {
  background: #fff;
  padding: 0.677vw 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.208vw;
}

.pdlv-product-name {
  color: #333;
}

.pdlv-product-spec {
  color: #999;
}

.pdlv-intro-list {
  display: flex;
  flex-direction: column;
  gap: 1.145vw;
}

.pdlv-intro-item {
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.416vw;
  padding: 0.989vw 0.833vw 0.885vw;
  position: relative;
}

.pdlv-intro-title {
  color: #000;
  padding-bottom: 0.937vw;
}

.pdlv-intro-line {
  height: 0.052vw;
  background: #E8E9E9;
  margin-bottom: 1.458vw;
}

.pdlv-intro-content {
  color: #666;
  line-height: 1.43;
}

.pdlv-intro-content strong {
  color: #000;
}

.pdlv-intro-ul {
  list-style: disc;
  padding-left: 1.458vw;
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
  color: #333;
  line-height: 1.71;
}

.pdlv-qa {
  width: 100%;
}

.pdlv-qa-inner {
  background: #fff;
  border: 0.052vw solid #DBDCDC;
  border-radius: 0.416vw;
  padding: 0.989vw 0.833vw 0.885vw;
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
}

.pdlv-qa-desc {
  color: #666;
  text-align: center;
  text-transform: capitalize;
  line-height: 1.4;
}

.pdlv-qa-title {
  color: #333;
  text-align: center;
  margin-top: 1.562vw;
}

.pdlv-qa-accordion {
  width: 100%;
}

.pdlv-qa-accordion .accordion-item {
  margin-bottom: 1.614vw;
}

.pdlv-qa-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.pdlv-qa-accordion .accordion-header {
  padding-bottom: 1.562vw;
}

.pdlv-qa-accordion .accordion-title {
  flex: 1;
  padding-right: 1.041vw;
}

.pdlv3{
  position: fixed;
  right: 1.041vw;
  bottom: 3.125vw;
}