* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin: 0;
}
ul,
ol {
  list-style: none;
}
.kv img {
  width: 100%;
  height: auto;
}
.img-mb {
  display: none;
}
.c-mb {
  display: none;
}
.view-wrap {
  margin: 0 auto;
  overflow: hidden;
}
.img-cover {
  width: 100%;
}
.content {
  position: relative;
}
.content .content-tab {
  width: 75vw;
  margin: 0 auto;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.content .content-tab .tab-item {
  flex: 1;
  padding: 1.4583vw 1.5625vw 2.6042vw;
  cursor: pointer;
}
.content .content-tab .tab-item.active,
.content .content-tab .tab-item:hover {
  background-image: radial-gradient(at 55% 50%, hsl(76, 32%, 75%) 0px, transparent 50%), radial-gradient(at 16% 41%, hsl(48, 63%, 73%) 0px, transparent 50%), radial-gradient(at 97% 94%, hsl(187, 68%, 75%) 0px, transparent 50%), radial-gradient(at 57% 78%, hsl(187, 67%, 75%) 0px, transparent 50%), radial-gradient(at 26% 83%, hsl(181, 45%, 72%) 0px, transparent 50%), radial-gradient(at 1% 96%, hsl(187, 46%, 69%) 0px, transparent 50%), radial-gradient(at 97% 62%, hsl(182, 45%, 78%) 0px, transparent 50%), radial-gradient(at 55% 64%, hsl(61, 35%, 73%) 0px, transparent 50%), radial-gradient(at 34% 65%, hsl(46, 63%, 74%) 0px, transparent 50%), radial-gradient(at 6% 65%, hsl(49, 58%, 73%) 0px, transparent 50%), radial-gradient(at 99% 25%, hsl(40, 61%, 75%) 0px, transparent 50%), radial-gradient(at 56% 25%, hsl(32, 82%, 73%) 0px, transparent 50%), radial-gradient(at 30% 45%, hsl(36, 87%, 75%) 0px, transparent 50%), radial-gradient(at 1% 26%, hsl(42, 76%, 76%) 0px, transparent 50%), radial-gradient(at 99% 2%, hsl(14, 97%, 71%) 0px, transparent 50%), radial-gradient(at 56% 5%, hsl(18, 95%, 71%) 0px, transparent 50%), radial-gradient(at 1% 2%, hsl(26, 93%, 73%) 0px, transparent 50%), radial-gradient(at 26% 2%, hsl(29, 91%, 77%) 0px, transparent 50%);
}
.content .content-tab .tab-item.active .tab-icon .default,
.content .content-tab .tab-item:hover .tab-icon .default {
  opacity: 0;
}
.content .content-tab .tab-item.active .tab-icon .active,
.content .content-tab .tab-item:hover .tab-icon .active {
  opacity: 1;
}
.content .content-tab .tab-item.active .tab-title h2,
.content .content-tab .tab-item:hover .tab-title h2 {
  font-size: 1.45833vw;
}
.content .content-tab .tab-item.active .look-detail,
.content .content-tab .tab-item:hover .look-detail {
  border-color: #fff;
  transition: border-color 0.3s ease;
}
.content .content-tab .tab-item.active .look-detail a,
.content .content-tab .tab-item:hover .look-detail a {
  display: none;
}
.content .content-tab .tab-item.active .look-detail img,
.content .content-tab .tab-item:hover .look-detail img {
  display: block;
}
.content .content-tab .tab-item .tab-icon {
  width: 7.5521vw;
  height: 5.9896vw;
  display: flex;
  align-items: center;
  position: relative;
}
.content .content-tab .tab-item .tab-icon .default {
  width: 5.7292vw;
}
.content .content-tab .tab-item .tab-icon .active {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.content .content-tab .tab-item .tab-title {
  display: flex;
  align-items: center;
  min-height: 1.6667vw;
  margin: 1.0417vw 0;
}
.content .content-tab .tab-item .tab-title h2 {
  font-weight: bold;
  font-size: 1.0417vw;
  transition: font-size 0.3s ease;
}
.content .content-tab .tab-item .look-detail {
  padding-top: 1.0417vw;
  border-top: 1px solid #000;
  min-height: 3.28125vw;
}
.content .content-tab .tab-item .look-detail a {
  color: #545454;
  font-size: 0.9375vw;
}
.content .content-tab .tab-item .look-detail img {
  display: none;
  width: 2.2395vw;
}
.content .content-item {
  display: none;
}
.content .content-item.active {
  display: block;
}
.content .content-item1 .solution-menu {
  position: absolute;
  left: 15.1042vw;
  top: 22vw;
  z-index: 1;
}
.content .content-item1 .solution-menu > img {
  width: 8.6979vw;
}
.content .content-item1 .solution-menu .menu-item {
  position: absolute;
  width: 3.5416vw;
  height: 3.5416vw;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #65afd3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.content .content-item1 .solution-menu .menu-item.active p {
  color: #ffbb84;
  font-size: 1.5625vw;
}
.content .content-item1 .solution-menu .menu-item img {
  width: 2.1875vw;
}
.content .content-item1 .solution-menu .menu-item p {
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1.4px 1.4px 0 #000, -1.4px -1.4px 0 #000, 1.4px -1.4px 0 #000, -1.4px 1.4px 0 #000;
  color: #81d3fb;
  position: absolute;
  right: calc(100% + 0.9375vw);
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1458vw;
  font-weight: bold;
  white-space: nowrap;
  transition: all 0.5s ease;
}
.content .content-item1 .solution-menu .menu-item.menu-item1 {
  top: 8.5vw;
  left: 0.5vw;
}
.content .content-item1 .solution-menu .menu-item.menu-item2 {
  top: 14.5vw;
  left: -1.2vw;
}
.content .content-item1 .solution-menu .menu-item.menu-item3 {
  top: 21vw;
  left: -1.8vw;
}
.content .content-item1 .solution-menu .menu-item.menu-item4 {
  top: 27.5vw;
  left: -1.3vw;
}
.content .content-item1 .solution-menu .menu-item.menu-item5 {
  top: 34vw;
  left: 0.6vw;
}
.content .content-item1 .item {
  display: none;
}
.content .content-item1 .item.expand {
  display: block;
}
.content .content-item1 .item .item-content {
  position: absolute;
  top: 17.1875vw;
  left: 0;
  width: 100%;
}
.content .content-item1 .item.item1 .item1-content {
  position: relative;
}
.content .content-item1 .item.item1 .item1-content .car-box .car-img {
  font-size: 0;
  display: none;
}
.content .content-item1 .item.item1 .item1-content .car-box img {
  width: 100%;
}
.content .content-item1 .item.item1 .item1-content .car-phone {
  position: absolute;
  top: 19.5vw;
  left: 50%;
  transform: translateX(-50%);
}
.content .content-item1 .item.item1 .item1-content .car-phone > img {
  width: 26.5625vw;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content h2 {
  font-size: 1.1458vw;
  margin-bottom: 0.67708vw;
  text-align: center;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul {
  display: flex;
  align-items: center;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li {
  text-align: center;
  padding: 0 1.5625vw;
  cursor: pointer;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li:hover p {
  text-decoration: underline;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li.active p {
  font-weight: bold;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li div {
  padding: 3px;
  border-radius: 50%;
  background-color: #fff;
  width: calc(5.8333vw + 6px);
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li div img {
  width: 100%;
}
.content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li p {
  font-size: 0.9375vw;
  margin-top: 0.67708vw;
  white-space: nowrap;
}
.content .content-item1 .item.item2 h2 {
  font-size: 1.25vw;
  color: #000;
  text-align: center;
  margin-bottom: 1.0417vw;
  font-weight: bold;
}
.content .content-item1 .item.item2 a {
  font-size: 0.9375vw;
  display: inline-block;
  margin-bottom: 1.0417vw;
  color: #272727;
  text-decoration: underline !important;
}
.content .content-item1 .item.item2 p {
  line-height: 1.4;
  color: #000;
  font-size: 0.9375vw;
}
.content .content-item1 .item.item2 .product:nth-of-type(1) .product-text {
  transform: translateY(-50px);
}
.content .content-item1 .item.item2 .product-img {
  margin: 0 auto;
  transform: translateY(-50px);
}
.content .content-item1 .item.item2 .product-img img {
  width: 100%;
}
.content .content-item1 .item.item2 .product-text {
  opacity: 0;
  transform: translateY(50px);
}
.content .content-item1 .item.item2 .product-content1 {
  position: absolute;
  left: 39.3vw;
  top: 2.64583vw;
  text-align: center;
}
.content .content-item1 .item.item2 .product-content1 .product-img {
  width: 25.8333vw;
  animation-delay: 0.2s;
}
.content .content-item1 .item.item2 .product-content2 {
  position: absolute;
  left: 24vw;
  top: 23vw;
  text-align: center;
}
.content .content-item1 .item.item2 .product-content2 .product-img {
  width: 19.4271vw;
  animation-delay: 0.4s;
}
.content .content-item1 .item.item2 .product-content2 .product-img img {
  margin-left: -5vw;
}
.content .content-item1 .item.item2 .product-content2 .product-text {
  padding-top: 7.2916vw;
}
.content .content-item1 .item.item2 .product-content3 {
  position: absolute;
  right: 12vw;
  top: 23vw;
  text-align: center;
}
.content .content-item1 .item.item2 .product-content3 .product-img {
  width: 22.1875vw;
}
.content .content-item1 .item.item2 .product-content3 .product-text {
  padding-top: 7.2916vw;
}
.content .content-item1 .item.item2.expand .product-img {
  animation: slideDown 0.8s ease forwards;
}
.content .content-item1 .item.item2.expand .product-content1 .product-text {
  animation-delay: 0.2s;
  animation: slideDownFade1 1.5s ease forwards;
}
.content .content-item1 .item.item2.expand .product-content2 .product-img {
  animation-delay: 0.4s;
}
.content .content-item1 .item.item2.expand .product-content2 .product-text {
  animation-delay: 0.6s;
}
.content .content-item1 .item.item2.expand .product-content3 .product-img {
  animation-delay: 0.4s;
}
.content .content-item1 .item.item2.expand .product-content3 .product-text {
  animation-delay: 0.6s;
}
.content .content-item1 .item.item2.expand .product-text {
  animation: slideDownFade 1.5s ease forwards;
}
@keyframes slideDown {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideDownFade {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDownFade1 {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.content .content-item1 .item.item3.expand .car {
  animation: item3Animate1 1s ease forwards;
}
.content .content-item1 .item.item3.expand .item3-gamut {
  animation: item3Animate2 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 1s;
}
@keyframes item3Animate1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes item3Animate2 {
  0% {
    clip-path: inset(0 50% 0 50%);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.content .content-item1 .item.item3 .car {
  width: 52.1354vw;
  position: absolute;
  top: 20vw;
  right: 18vw;
  transform: translateX(100%);
}
.content .content-item1 .item.item3 .car img {
  width: 100%;
}
.content .content-item1 .item.item3 .item3-gamut {
  width: 58.0208vw;
  position: absolute;
  left: 28.125vw;
  top: 2.6041vw;
  text-align: center;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px) saturate(180%) brightness(1.1);
  -webkit-backdrop-filter: blur(12px) saturate(180%) brightness(1.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  padding: 1.5625vw 0 1.0417vw;
  clip-path: inset(0 50% 0 50%);
}
.content .content-item1 .item.item3 .item3-gamut img {
  width: 52.6042vw;
}
.content .content-item1 .item.item4 .item4-title {
  color: #000;
  font-weight: bold;
  font-size: 2.0833vw;
  position: absolute;
  left: 50%;
  transform: translateX(-35%);
  top: 2.9375vw;
}
.content .content-item1 .item.item4.expand .item4-little-title {
  animation: item4Animate1 1s ease forwards;
}
@keyframes item4Animate1 {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.content .content-item1 .item.item4 .item4-little-title {
  font-size: 1.0417vw;
  color: #000;
  text-align: center;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  position: absolute;
  transform: translateY(50px);
  opacity: 0;
}
.content .content-item1 .item.item4 .item4-little-title.little-title1 {
  top: 31.5vw;
  left: 25.5vw;
}
.content .content-item1 .item.item4 .item4-little-title.little-title2 {
  top: 32vw;
  left: 46.5vw;
}
.content .content-item1 .item.item4 .item4-little-title.little-title3 {
  top: 31.5vw;
  right: 22vw;
}
.content .content-item1 .item.item5 .item5-card {
  position: absolute;
  width: 19.5833vw;
  cursor: pointer;
}
.content .content-item1 .item.item5 .item5-card:hover img {
  transform: scale(1.15);
}
.content .content-item1 .item.item5 .item5-card img {
  width: 100%;
  transition: all 0.5s;
}
.content .content-item1 .item.item5 .item5-card.card1,
.content .content-item1 .item.item5 .item5-card.card3,
.content .content-item1 .item.item5 .item5-card.card5 {
  top: 30vw;
}
.content .content-item1 .item.item5 .item5-card.card2,
.content .content-item1 .item.item5 .item5-card.card4 {
  top: 2vw;
}
.content .content-item1 .item.item5 .item5-card.card1 {
  left: 20vw;
}
.content .content-item1 .item.item5 .item5-card.card3 {
  left: 48vw;
}
.content .content-item1 .item.item5 .item5-card.card5 {
  right: 4vw;
}
.content .content-item1 .item.item5 .item5-card.card2 {
  left: 35vw;
}
.content .content-item1 .item.item5 .item5-card.card4 {
  right: 17vw;
}
.content .content-item2 {
  position: relative;
}
.content .content-item2 .content-box {
  position: absolute;
  top: 32.5vw;
  left: 0;
  width: 100%;
}
.content .content-item2 .content-box #road {
  width: 1000vw;
  height: 10.2083vw;
  background: url('../images/road-img.png') repeat-x;
  background-size: contain;
  z-index: 1;
}
.content .content-item2 .content-box #car {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 12.3437vw;
}
.content .content-item2 .content-box #control-panel {
  position: absolute;
  top: 26vw;
  left: 50%;
  transform: translateX(-50%);
}
.content .content-item2 .content-box #control-panel #slider-container {
  width: 71.6667vw;
  height: 0.78125vw;
  border-radius: 20px;
  background: #dfdfdf;
  position: relative;
}
.content .content-item2 .content-box #control-panel #slider-thumb {
  border-radius: 20px;
  background: linear-gradient(to right, #6bdeed, #b5dcbe, #fdc082, #fd9773);
  width: 15vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
.content .content-item2 .content-box #control-panel #slider-thumb span {
  width: 7px;
  border-left: 2px solid #4494bb;
  border-right: 2px solid #4494bb;
  position: relative;
  height: 70%;
  display: block;
}
.content .content-item2 .content-box #control-panel #range-input {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  left: 0;
}
.content .content-item2 .content-box #control-panel #slider-tip {
  text-align: center;
  font-size: 0.9375vw;
  padding-top: 0.78125vw;
  color: #545454;
}
.content .content-item2 .content-box .address-content {
  position: absolute;
  left: 0;
  display: flex;
  z-index: 2;
}
.content .content-item2 .content-box .address-content .address-item {
  display: flex;
  padding-right: 1vw;
}
.content .content-item2 .content-box .address-content .address-text {
  flex: 1;
  padding-left: 5px;
}
.content .content-item2 .content-box .address-content .address-text h2 {
  font-size: 1.302vw;
  font-weight: bold;
  margin-bottom: 0.78125vw;
}
.content .content-item2 .content-box .address-content .address-text div {
  display: flex;
  align-items: flex-start;
}
.content .content-item2 .content-box .address-content .address-text div img {
  width: 1.3542vw;
  margin-right: 3px;
}
.content .content-item2 .content-box .address-content .address-text div p {
  font-size: 1.0417vw;
}
.content .content-item2 .content-box .address-content .address-img {
  width: 1.09375vw;
  position: relative;
}
.content .content-item2 .content-box .address-content .address-img::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -2vw;
  width: 3.125vw;
  height: 3.125vw;
  background: url(../images/icon-light.png) no-repeat;
  background-size: cover;
  z-index: 1;
}
.content .content-item2 .content-box .address-content .address-img img {
  width: 100%;
}
.content .content-item2 .content-box #content-top {
  bottom: calc(100% - 1.302vw);
}
.content .content-item2 .content-box #content-top .address-item {
  align-items: flex-start;
  padding-left: 7.5vw;
  width: 33.3333vw;
}
.content .content-item2 .content-box #content-top .address-img::after {
  top: calc(100% - 2vw);
}
.content .content-item2 .content-box #content-bottom {
  top: calc(100% - 1.302vw);
}
.content .content-item2 .content-box #content-bottom .address-item {
  width: 50vw;
  padding-left: 10vw;
}
.content .content-item2 .content-box #content-bottom .address-item:nth-of-type(odd) {
  padding-left: 20vw;
}
.content .content-item2 .content-box #content-bottom .address-item:nth-of-type(even) {
  padding-left: 10vw;
}
.content .content-item2 .content-box #content-bottom .address-text {
  padding-top: 8.6vw;
}
.content .content-item2 .content-box #content-bottom .address-img::after {
  bottom: calc(100% - 2vw);
}
.content .content-item3 .partner-content {
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 18.85416vw;
  left: 0;
  width: 100%;
}
.content .content-item3 .partner-content .partner-title {
  width: 11.875vw;
  margin-bottom: 0.5208vw;
}
.content .content-item3 .partner-content .partner-title img {
  width: 100%;
}
.content .content-item3 .partner-content .partner-design {
  width: 25.8vw;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.content .content-item3 .partner-content .partner-design .hand {
  position: absolute;
  right: 0;
  top: 18.5vw;
  width: 22.4479vw;
}
.content .content-item3 .partner-content .partner-design .partner-design-item {
  margin-right: 1.9791vw;
  width: 13.1771vw;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content {
  position: relative;
  cursor: pointer;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content:hover::before {
  opacity: 1;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content:hover .partner-design-text h2 {
  color: #000;
  font-weight: bold;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content:hover .partner-design-text .look-more {
  color: #000;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/partner-img01_hover.png) no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content img {
  width: 100%;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text {
  position: absolute;
  top: 6.77vw;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text h2 {
  font-size: 1.0417vw;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 0.78125vw;
  transition: color 0.5s ease;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text .look-more {
  font-size: 0.9375vw;
  color: #fff;
  transition: color 0.5s ease;
}
.content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text .look-more:hover {
  text-decoration: underline !important;
}
.content .content-item3 .partner-content .partner-car-film {
  flex: 1;
  padding-right: 7.5521vw;
  padding-left: 1.09375vw;
}
.content .content-item3 .partner-content .partner-car-film .product {
  text-align: center;
  position: relative;
}
.content .content-item3 .partner-content .partner-car-film .product img {
  width: 32.29166vw;
  margin-left: -8vw;
}
.content .content-item3 .partner-content .partner-car-film .product p {
  margin-top: 1.0417vw;
  font-size: 0.9375vw;
  color: #3b3b3b;
  position: absolute;
  top: 0;
  right: 1vw;
}
.content .content-item3 .partner-content .partner-car-film .partner-title {
  margin: 0 auto;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list {
  display: flex;
  margin: -0.7vw -1.09375vw 0;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item {
  margin: 0 0.546875vw;
  width: calc(20% - 1.09375vw);
  position: relative;
  cursor: pointer;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover::before {
  opacity: 1;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text h2 {
  color: #000;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .look-more {
  color: #000;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box:hover a {
  text-decoration: underline !important;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box img {
  display: none;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box img.hover {
  display: inline-block;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box a {
  color: #000;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:nth-of-type(1):before {
  background-image: url(../images/partner-img02_hover.png);
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:nth-of-type(2):before {
  background-image: url(../images/partner-img03_hover.png);
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:nth-of-type(3):before {
  background-image: url(../images/partner-img04_hover.png);
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:nth-of-type(4):before {
  background-image: url(../images/partner-img05_hover.png);
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:nth-of-type(5):before {
  background-image: url(../images/partner-img06_hover.png);
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item > img {
  width: 100%;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text {
  position: absolute;
  top: 8.2vw;
  width: 100%;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 2;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text h2 {
  font-size: 1.0417vw;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 0.78125vw;
  font-weight: bold;
  transition: color 0.5s ease;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more {
  font-size: 0.9375vw;
  color: #fff;
  margin-bottom: 0.78125vw;
  transition: color 0.5s ease;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more.c-mb {
  display: none;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more.c-pc {
  display: inline-block;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more:hover {
  text-decoration: underline !important;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box {
  display: flex;
  align-items: center;
  margin-bottom: 1.25vw;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box img {
  width: 2.3958vw;
  margin-right: 0.5208vw;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box img.hover {
  display: none;
}
.content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box a {
  color: #fff;
  font-size: 0.9375vw;
  transition: color 0.5s ease;
}
.content .content-item4 .video-box {
  position: absolute;
  top: 20vw;
  left: 50%;
  transform: translateX(-50%);
  width: 75vw;
  z-index: 1;
  overflow: hidden;
  font-size: 0;
}
.content .content-item4 .video-box.hover .paly-video {
  opacity: 1;
  pointer-events: all;
}
.content .content-item4 .video-box.hover .video-mask .video-list {
  transform: translateY(0);
}
.content .content-item4 .video-box.can-hover:hover .video-mask .video-list {
  transform: translateY(0);
}
.content .content-item4 .video-box .current-video {
  width: 100%;
}
.content .content-item4 .video-box .paly-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 5.5729vw;
  height: 5.5729vw;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.content .content-item4 .video-box .paly-video img {
  width: 100%;
}
.content .content-item4 .video-box .video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .content-item4 .video-box .video-mask .video-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 1.3021vw;
  transform: translateY(100%);
  transition: all 0.5s;
}
.content .content-item4 .video-box .video-mask .video-list .video-item {
  width: 13vw;
  border-radius: 2px;
  position: relative;
  margin: 0 3.1771vw;
}
.content .content-item4 .video-box .video-mask .video-list .video-item.active .video-poster::before {
  border-color: #31b2aa;
}
.content .content-item4 .video-box .video-mask .video-list .video-item .video-poster {
  position: relative;
  cursor: pointer;
}
.content .content-item4 .video-box .video-mask .video-list .video-item .video-poster::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid transparent;
  border-radius: 2px;
  transition: all 0.5s;
}
.content .content-item4 .video-box .video-mask .video-list .video-item .video-poster:hover::before {
  border-color: #31b2aa;
}
.content .content-item4 .video-box .video-mask .video-list .video-item .video-poster img {
  width: 100%;
}
.content .content-item4 .video-box .video-mask .video-list .video-item h2 {
  text-align: center;
  margin-top: 1.1979vw;
  font-size: 1.1458vw;
  color: #fff;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.74);
  z-index: 999;
  display: none;
}
.mask .partner-company-list {
  width: 72vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mask .partner-company-list .partner-company-item {
  display: flex;
  align-items: flex-start;
}
.mask .partner-company-list .partner-company-item .logo {
  display: flex;
  align-items: center;
  margin-bottom: 1.5vw;
}
.mask .partner-company-list .partner-company-item .logo img {
  margin-right: 10px;
  width: 5.20833vw;
}
.mask .partner-company-list .partner-company-item .partner-company-img {
  width: 48%;
  font-size: 0;
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
}
.mask .partner-company-list .partner-company-item .partner-company-img img {
  width: 100%;
}
.mask .partner-company-list .partner-company-item .partner-company-content {
  width: 52%;
  padding-top: 4.6875vw;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text {
  margin-left: -4.0625vw;
  background: #eeeeef;
  border: 2px solid #fff;
  padding: 2.8645vw 1.5625vw 2.6042vw 5.1042vw;
  position: relative;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text .close-company-detail {
  position: absolute;
  width: 2.65625vw;
  right: 0;
  top: -3vw;
  cursor: pointer;
  z-index: 1;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text h2 {
  font-size: 1.302vw;
  color: #000;
  margin-bottom: 1.5vw;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text h3 {
  font-size: 1.0416vw;
  margin-right: 5px;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text p {
  font-size: 1.0416vw;
  margin-bottom: 1.302vw;
  line-height: 1.6;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text p:last-child {
  margin-bottom: 0;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text a {
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 1.0417vw;
  margin-bottom: 1.0417vw;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text a:hover {
  text-decoration: underline !important;
  font-weight: bold;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text a img {
  margin-right: 5px;
  width: 2.2916vw;
}
.mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text .desc-box {
  max-height: 13vw;
  overflow: auto;
}
@media (max-width: 768px) {
  .img-pc,
  .c-pc {
    display: none;
  }
  .img-mb {
    display: inline-block;
  }
  .c-mb {
    display: block;
  }
  .content .content-tab {
    width: calc(100% - 16px);
    z-index: 5;
  }
  .content .content-tab .tab-item {
    padding: 7px 5px;
  }
  .content .content-tab .tab-item.active .tab-title h2,
  .content .content-tab .tab-item:hover .tab-title h2 {
    font-size: 12px;
  }
  .content .content-tab .tab-item .tab-icon {
    width: 50px;
    height: 39.6px;
  }
  .content .content-tab .tab-item .tab-icon .default {
    width: 37.9px;
  }
  .content .content-tab .tab-item .tab-title {
    min-height: auto;
    margin: 5px 0;
  }
  .content .content-tab .tab-item .tab-title h2 {
    font-size: 12px;
  }
  .content .content-tab .tab-item .look-detail {
    padding-top: 10px;
    min-height: 21px;
  }
  .content .content-tab .tab-item .look-detail a {
    font-size: 12px;
  }
  .content .content-tab .tab-item .look-detail img {
    width: 21px;
  }
  .content .content-item1 .solution-menu {
    left: 0;
    width: 100%;
    top: 36.2666vw;
    margin-top: 22vw;
  }
  .content .content-item1 .solution-menu > img {
    width: 100%;
  }
  .content .content-item1 .solution-menu .solution-menu-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -22vw;
  }
  .content .content-item1 .solution-menu .solution-menu-title img {
    width: 53vw;
  }
  .content .content-item1 .solution-menu .menu-item {
    width: 9.2vw;
    height: 9.2vw;
  }
  .content .content-item1 .solution-menu .menu-item.active p {
    font-size: 3.4667vw;
  }
  .content .content-item1 .solution-menu .menu-item img {
    width: 5.6vw;
  }
  .content .content-item1 .solution-menu .menu-item p {
    right: auto;
    left: 50%;
    top: auto;
    bottom: calc(100% + 1.6vw);
    transform: translate(-50%, 0);
    font-size: 2.93333vw;
    transition: none;
    text-shadow: none;
  }
  .content .content-item1 .solution-menu .menu-item p::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    /* 放在底层 */
    color: #000;
    /* 描边颜色与这个无关，主要靠下面这行 */
    -webkit-text-stroke: 2px #000;
  }
  .content .content-item1 .solution-menu .menu-item.menu-item1 {
    top: 4vw;
    left: 7.4666vw;
  }
  .content .content-item1 .solution-menu .menu-item.menu-item2 {
    top: -2.5vw;
    left: 26.2666vw;
  }
  .content .content-item1 .solution-menu .menu-item.menu-item3 {
    top: -5vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .content .content-item1 .solution-menu .menu-item.menu-item4 {
    top: -2.5vw;
    left: auto;
    right: 26.2666vw;
  }
  .content .content-item1 .solution-menu .menu-item.menu-item5 {
    top: 4vw;
    left: auto;
    right: 7.4666vw;
  }
  .content .content-item1 .item .item-content {
    top: 73.8666vw;
  }
  .content .content-item1 .item.item1 .item1-content .car-phone {
    top: 78vw;
  }
  .content .content-item1 .item.item1 .item1-content .car-phone > img {
    width: 68vw;
  }
  .content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content h2 {
    font-size: 2.9333vw;
    margin-bottom: 1.3333vw;
  }
  .content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li {
    padding: 0 3.7333vw;
  }
  .content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li div {
    width: calc(14.9333vw + 6px);
  }
  .content .content-item1 .item.item1 .item1-content .car-phone .car-phone-content ul li p {
    font-size: 2.4vw;
    margin-top: 2vw;
  }
  .content .content-item1 .item.item2 h2 {
    font-size: 2.9333vw;
    margin-bottom: 2vw;
    white-space: nowrap;
  }
  .content .content-item1 .item.item2 a {
    font-size: 2.9333vw;
    margin-bottom: 3.3333vw;
  }
  .content .content-item1 .item.item2 p {
    line-height: 1.3;
    font-size: 2.4vw;
    width: 50%;
  }
  .content .content-item1 .item.item2 .product:nth-of-type(1) .product-text {
    transform: translateY(-30px);
  }
  .content .content-item1 .item.item2 .product-img {
    transform: translateY(-30px);
  }
  .content .content-item1 .item.item2 .product-text {
    transform: translateY(30px);
  }
  .content .content-item1 .item.item2 .product-content1 {
    left: 18.3vw;
    top: 2.64583vw;
  }
  .content .content-item1 .item.item2 .product-content1 .product-img {
    width: 46.2666vw;
  }
  .content .content-item1 .item.item2 .product-content2 {
    left: 2vw;
    top: 56vw;
  }
  .content .content-item1 .item.item2 .product-content2 p {
    width: 51vw;
    text-align: left;
  }
  .content .content-item1 .item.item2 .product-content2 .product-img {
    width: 33.8667vw;
  }
  .content .content-item1 .item.item2 .product-content2 .product-img img {
    margin-left: -5vw;
  }
  .content .content-item1 .item.item2 .product-content2 .product-text {
    padding-top: 14vw;
  }
  .content .content-item1 .item.item2 .product-content3 {
    right: 2vw;
    top: 44vw;
  }
  .content .content-item1 .item.item2 .product-content3 .product-img {
    width: 38.4vw;
  }
  .content .content-item1 .item.item2 .product-content3 .product-text {
    padding-top: 14vw;
  }
  @keyframes slideDown {
    0% {
      transform: translateY(-30px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes slideDownFade {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes slideDownFade1 {
    0% {
      opacity: 0;
      transform: translateY(-30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes item3Animate1 {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  .content .content-item1 .item.item3 .car {
    width: 89.7333vw;
    top: 81vw;
    right: auto;
    left: 50%;
    transform: translateX(100%);
  }
  .content .content-item1 .item.item3 .car img {
    width: 100%;
  }
  .content .content-item1 .item.item3 .item3-gamut {
    width: calc(100vw - 6.5vw);
    left: 50%;
    transform: translateX(-50%);
    top: 2.6041vw;
    border-radius: 8px;
    padding: 4vw 0;
  }
  .content .content-item1 .item.item3 .item3-gamut img {
    width: 76vw;
  }
  .content .content-item1 .item.item4 .item4-title {
    font-size: 5.3333vw;
    top: 5vw;
    transform: translateX(-50%);
  }
  @keyframes item4Animate1 {
    0% {
      transform: translateY(30px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .content .content-item1 .item.item4 .item4-little-title {
    font-size: 2.6667vw;
    transform: translateY(30px);
  }
  .content .content-item1 .item.item4 .item4-little-title.little-title1 {
    top: 69.5vw;
    left: 4.5vw;
  }
  .content .content-item1 .item.item4 .item4-little-title.little-title2 {
    top: 67vw;
    left: 38.5vw;
  }
  .content .content-item1 .item.item4 .item4-little-title.little-title3 {
    top: 70vw;
    right: 2.5vw;
  }
  .content .content-item1 .item.item5 .item5-card {
    position: absolute;
    width: 19.5833vw;
    cursor: pointer;
  }
  .content .content-item1 .item.item5 .item5-card:hover img {
    transform: scale(1.15);
  }
  .content .content-item1 .item.item5 .item5-card img {
    width: 100%;
    transition: all 0.5s;
  }
  .content .content-item1 .item.item5 .item5-card.card1,
  .content .content-item1 .item.item5 .item5-card.card3,
  .content .content-item1 .item.item5 .item5-card.card5 {
    top: 30vw;
  }
  .content .content-item1 .item.item5 .item5-card.card2,
  .content .content-item1 .item.item5 .item5-card.card4 {
    top: 2vw;
  }
  .content .content-item1 .item.item5 .item5-card.card1 {
    left: 20vw;
  }
  .content .content-item1 .item.item5 .item5-card.card3 {
    left: 48vw;
  }
  .content .content-item1 .item.item5 .item5-card.card5 {
    right: 4vw;
  }
  .content .content-item1 .item.item5 .item5-card.card2 {
    left: 35vw;
  }
  .content .content-item1 .item.item5 .item5-card.card4 {
    right: 17vw;
  }
  .content .content-item2 .content-box {
    position: absolute;
    top: 27.6vw;
    left: 0;
    width: 100%;
    height: 136.2vw;
    display: flex;
    overflow: hidden;
  }
  .content .content-item2 .content-box #road {
    height: 5000px;
    width: 26vw;
    background: url('../images/road-img-m.png') repeat-y;
    background-size: contain;
  }
  .content .content-item2 .content-box .road-box {
    height: 136.2vw;
    width: 26vw;
    position: absolute;
    left: 34vw;
    top: 0;
  }
  .content .content-item2 .content-box #car {
    width: 13.7333vw;
    top: 30%;
    transform: translate(-50%, 0);
  }
  .content .content-item2 .content-box .scroll-tip {
    position: absolute;
    left: 50%;
    transform: translateX(-38%);
    bottom: 30vw;
    width: 13.2vw;
  }
  .content .content-item2 .content-box #control-panel {
    top: 50%;
    left: auto;
    right: 1.4667vw;
    transform: translate(0%, -50%);
    z-index: 4;
  }
  .content .content-item2 .content-box #control-panel #slider-container {
    width: 2vw;
    height: 122vw;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.26);
  }
  .content .content-item2 .content-box #control-panel #slider-thumb {
    border-radius: 10px;
    background: linear-gradient(to bottom, #6bdeed, #b5dcbe, #fdc082, #fd9773);
    width: 2vw;
    height: 28.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .content .content-item2 .content-box #control-panel #slider-thumb span {
    width: 70%;
    border-left: none;
    border-right: none;
    border-top: 2px solid #4494bb;
    border-bottom: 2px solid #4494bb;
    position: relative;
    height: 6px;
    display: block;
  }
  .content .content-item2 .content-box #control-panel #range-input {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    left: 0;
    -webkit-appearance: slider-vertical;
    appearance: slider-vertical;
    pointer-events: none;
  }
  .content .content-item2 .content-box #control-panel #slider-tip {
    display: none;
  }
  .content .content-item2 .content-box .address-content {
    position: absolute;
    left: auto;
    width: 34vw;
    padding-top: 7vw;
    flex-direction: column;
  }
  .content .content-item2 .content-box .address-content .address-item {
    display: block;
    padding-right: 1vw;
  }
  .content .content-item2 .content-box .address-content .address-text {
    flex: 1;
    padding-left: 5px;
  }
  .content .content-item2 .content-box .address-content .address-text h2 {
    font-size: 2.9333vw;
    margin-bottom: 5px;
  }
  .content .content-item2 .content-box .address-content .address-text div img {
    width: 3.4vw;
  }
  .content .content-item2 .content-box .address-content .address-text div p {
    font-size: 2.6666vw;
  }
  .content .content-item2 .content-box .address-content .address-img {
    width: 35.2666vw;
    position: relative;
  }
  .content .content-item2 .content-box .address-content .address-img::after {
    left: auto;
    margin-left: 0;
    width: 8vw;
    height: 8vw;
  }
  .content .content-item2 .content-box .address-content .address-img img {
    width: 100%;
  }
  .content .content-item2 .content-box #content-top {
    bottom: auto;
    top: 0;
    left: 0;
  }
  .content .content-item2 .content-box #content-top .address-item {
    padding-left: 2vw;
    height: 43vw;
    width: 100%;
  }
  .content .content-item2 .content-box #content-top .address-text {
    padding-right: 2vw;
  }
  .content .content-item2 .content-box #content-top .address-img::after {
    top: 0;
    right: -2vw;
  }
  .content .content-item2 .content-box #content-bottom {
    top: 0;
    right: 6vw;
  }
  .content .content-item2 .content-box #content-bottom .address-item {
    height: 65vw;
    width: 100%;
    padding-right: 2vw;
    padding-left: 2vw !important;
    padding-top: 20vw;
  }
  .content .content-item2 .content-box #content-bottom .address-item:nth-of-type(odd) {
    padding-left: 0;
  }
  .content .content-item2 .content-box #content-bottom .address-item:nth-of-type(even) {
    padding-left: 0;
  }
  .content .content-item2 .content-box #content-bottom .address-text {
    padding-top: 0;
  }
  .content .content-item2 .content-box #content-bottom .address-img {
    margin-left: -3vw;
  }
  .content .content-item2 .content-box #content-bottom .address-img::after {
    bottom: auto;
    top: 1vw;
    left: -4vw;
  }
  .content .content-item3 .partner-content {
    flex-direction: column;
    top: 32vw;
    padding: 0 2vw;
  }
  .content .content-item3 .partner-content .partner-title {
    width: 27.5999vw;
    margin: 0 auto;
  }
  .content .content-item3 .partner-content .partner-title img {
    width: 100%;
  }
  .content .content-item3 .partner-content .partner-design {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
  }
  .content .content-item3 .partner-content .partner-design .hand {
    display: none;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item {
    margin-right: 0;
    width: 100%;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content {
    margin-top: 4vw;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content:hover::before {
    opacity: 0;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content:hover .partner-design-text h2,
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content:hover .partner-design-text .look-more {
    color: #fff;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content::before {
    display: none;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 4.4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text h2 {
    font-size: 2.9333vw;
    margin-bottom: 0;
    font-weight: bold;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text .look-more {
    font-size: 2.6666vw;
  }
  .content .content-item3 .partner-content .partner-design .partner-design-item .partner-design-content .partner-design-text .look-more:hover {
    text-decoration: none !important;
  }
  .content .content-item3 .partner-content .partner-car-film {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-top: 4.8vw;
  }
  .content .content-item3 .partner-content .partner-car-film .product {
    margin-top: 5.333vw;
  }
  .content .content-item3 .partner-content .partner-car-film .product img {
    width: 71vw;
    margin-left: 0;
  }
  .content .content-item3 .partner-content .partner-car-film .product p {
    display: none;
  }
  .content .content-item3 .partner-content .partner-car-film .mb-tip {
    font-size: 2.4vw;
    color: #3b3b3b;
    margin: 2.6667vw 0;
    text-align: center;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list {
    margin: 0;
    flex-direction: column;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item {
    margin: 0 0 1.4667vw;
    width: 100%;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover::before {
    opacity: 0;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text h2 {
    color: #fff;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .look-more {
    color: #fff;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box:hover a {
    text-decoration: none !important;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box img {
    display: inline-block;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box img.hover {
    display: none;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item:hover .partner-car-text .download-box a {
    color: #fff;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item::before {
    display: none;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    flex-direction: row;
    justify-content: space-between;
    z-index: 2;
    padding: 0 4.4vw;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text h2 {
    font-size: 2.9333vw;
    margin-bottom: 2.6666vw;
    text-align: left;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more {
    font-size: 2.666vw;
    margin-bottom: 0;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more.c-pc {
    display: none;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more.c-mb {
    display: inline-block;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .look-more:hover {
    text-decoration: none !important;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-list {
    display: flex;
    align-items: center;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 12vw;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box:last-child {
    margin-right: 0;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box img {
    width: 6.133vw;
    margin-right: 1vw;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box img.hover {
    display: none;
  }
  .content .content-item3 .partner-content .partner-car-film .partner-car-list .partner-car-item .partner-car-text .download-box a {
    font-size: 2.4vw;
    text-decoration: underline !important;
  }
  .content .content-item4 .video-box {
    top: 35vw;
    left: 0;
    transform: translateX(0);
    padding: 0 2.4vw;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    font-size: 0;
  }
  .content .content-item4 .video-box.hover .paly-video {
    opacity: 1;
    pointer-events: all;
  }
  .content .content-item4 .video-box.hover .video-mask .video-list {
    transform: translateY(0);
  }
  .content .content-item4 .video-box.can-hover:hover .video-mask .video-list {
    transform: translateY(0);
  }
  .content .content-item4 .video-box .current-video {
    width: 100%;
  }
  .content .content-item4 .video-box .mb-video-box {
    position: relative;
  }
  .content .content-item4 .video-box .paly-video {
    width: 11.0666vw;
    height: 11.0666vw;
  }
  .content .content-item4 .video-box .video-mask {
    position: static;
    top: auto;
    left: auto;
    padding-top: 5.3333vw;
  }
  .content .content-item4 .video-box .video-mask .video-list {
    position: static;
    bottom: auto;
    left: auto;
    width: 100%;
    padding-bottom: 0;
    transform: translateY(0);
    gap: 2.4vw;
  }
  .content .content-item4 .video-box .video-mask .video-list .video-item {
    width: auto;
    flex: 1;
    border-radius: 0;
    margin: 0;
  }
  .content .content-item4 .video-box .video-mask .video-list .video-item .video-poster {
    position: relative;
    cursor: pointer;
  }
  .content .content-item4 .video-box .video-mask .video-list .video-item h2 {
    margin-top: 2.6666vw;
    font-size: 2.9333vw;
  }
  .mask .partner-company-list {
    width: 96vw;
  }
  .mask .partner-company-list .partner-company-item {
    display: block;
  }
  .mask .partner-company-list .partner-company-item .logo {
    margin-bottom: 2.4vw;
  }
  .mask .partner-company-list .partner-company-item .logo img {
    margin-right: 10px;
    width: 18vw;
  }
  .mask .partner-company-list .partner-company-item .partner-company-img {
    width: 86.8vw;
    margin: 0 auto;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content {
    width: 100%;
    padding: 33.3333vw 4.6vw 5.3333vw;
    margin-top: -28.6666vw;
    border: 1px solid #fff;
    background: #ededed;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text {
    margin-left: 0;
    background: transparent;
    border: none;
    padding: 0;
    position: static;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text .close-company-detail {
    width: 8vw;
    top: -8.5vw;
    right: 4.6vw;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text h2 {
    font-size: 3.3333vw;
    margin-bottom: 2.4vw;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text h3 {
    font-size: 2.6667vw;
    margin-right: 5px;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text p {
    font-size: 2.6667vw;
    margin-bottom: 1.302vw;
    line-height: 1.6;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text p:last-child {
    margin-bottom: 0;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text a {
    font-size: 2.6667vw;
    margin-bottom: 2.6666vw;
    text-decoration: underline !important;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text a:hover {
    text-decoration: none;
    font-weight: normal;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text a img {
    width: 6.1333vw;
  }
  .mask .partner-company-list .partner-company-item .partner-company-content .partner-company-text .desc-box {
    max-height: 40vw;
  }
}