body::-webkit-scrollbar {
  width: initial;
  height: initial;
}

body::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
  border-radius: initial;
}

body::-webkit-scrollbar-button {
  background-color: #868686;
  border-radius: 0;
}

body::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: initial;
}

body .swiper-button-next,
body .swiper-container-rtl .swiper-button-prev,
body .swiper-button-prev,
body .swiper-container-rtl .swiper-button-next {
  background-image: none;
}

body .h4,
body .h5 {
  line-height: 1.5;
}
body .h5 {
  font-size: 20px;
}
@media screen and (max-width: 1600px) {
  body h5 {
    font-size: 16px;
  }
  body .h1 {
    font-size: 56px;
  }
  body .h2 {
    font-size: 40px;
  }
  body .h3 {
    font-size: 32px;
  }
  body .h4 {
    font-size: 20px;
  }
  body .h5 {
    font-size: 16px;
  }
  body .h6 {
    font-size: 12px;
  }
  body .p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1440px) {
  body .h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  body h5 {
    font-size: 32px;
    line-height: 1.7;
  }
  body .h1 {
    font-size: 70px;
  }
  body .h1,
  body .h2 {
    line-height: 1.2;
  }
  body .h2 {
    font-size: 60px;
  }
  body .h3 {
    font-size: 48px;
    line-height: 1.2;
  }
  body .h4 {
    font-size: 36px;
    line-height: 1.33;
  }
  body .h5 {
    font-size: 32px;
    line-height: 1.7;
  }
  body .h6 {
    font-size: 24px;
    line-height: 1.5;
  }
  body .p {
    font-size: 28px;
    line-height: 1.25;
  }
  body .mb-h1 {
    font-size: 70px;
  }
  body .mb-h1,
  body .mb-h2 {
    line-height: 1.2;
  }
  body .mb-h2 {
    font-size: 60px;
  }
  body .mb-h3 {
    font-size: 48px;
    line-height: 1.2;
  }
  body .mb-h4 {
    font-size: 36px;
    line-height: 1.33;
  }
  body .mb-h5 {
    font-size: 32px;
    line-height: 1.7;
  }
  body .mb-h6 {
    font-size: 24px;
    line-height: 1.5;
  }
  body .mb-p {
    font-size: 28px;
    line-height: 1.25;
  }
}
@media screen and (max-width: 639px) {
  body h5 {
    font-size: 24px;
  }
  body .h1 {
    font-size: 52px;
  }
  body .h2 {
    font-size: 45px;
  }
  body .h3 {
    font-size: 36px;
  }
  body .h4 {
    font-size: 27px;
  }
  body .h5 {
    font-size: 24px;
  }
  body .h6 {
    font-size: 18px;
  }
  body .p {
    font-size: 21px;
  }
  body .mb-h1 {
    font-size: 52px;
  }
  body .mb-h2 {
    font-size: 45px;
  }
  body .mb-h3 {
    font-size: 36px;
  }
  body .mb-h4 {
    font-size: 27px;
  }
  body .mb-h5 {
    font-size: 24px;
  }
  body .mb-h6 {
    font-size: 18px;
  }
  body .mb-p {
    font-size: 21px;
  }
}
@media screen and (max-width: 480px) {
  body h5 {
    font-size: 16px;
  }
  body .h1 {
    font-size: 35px;
  }
  body .h2 {
    font-size: 30px;
  }
  body .h3 {
    font-size: 24px;
  }
  body .h4 {
    font-size: 18px;
  }
  body .h5 {
    font-size: 16px;
  }
  body .h6 {
    font-size: 12px;
  }
  body .p {
    font-size: 14px;
  }
  body .mb-h1 {
    font-size: 35px;
  }
  body .mb-h2 {
    font-size: 30px;
  }
  body .mb-h3 {
    font-size: 24px;
  }
  body .mb-h4 {
    font-size: 18px;
  }
  body .mb-h5 {
    font-size: 16px;
  }
  body .mb-h6 {
    font-size: 12px;
  }
  body .mb-p {
    font-size: 14px;
  }
}
@media screen and (max-width: 380px) {
  body .h5 {
    font-size: 15px;
  }
  body .p,
  body p {
    font-size: 14px;
  }
  body .mb-h5 {
    font-size: 15px;
  }
  body .mb-p {
    font-size: 14px;
  }
}
@font-face {
  font-family: iconfont;
  src: url(/assets/brand2023/fonts/iconfont.woff2?t=1686236316322) format("woff2"), url(/assets/brand2023/fonts/iconfont.woff?t=1686236316322) format("woff"), url(/assets/brand2023/fonts/iconfont.ttf?t=1686236316322) format("truetype");
}
body .iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .icon-duihao:before {
  content: "\e65f";
}
body .icon-arrow:before {
  content: "\e61a";
}
body .icon-icon-haoli:before {
  content: "\e65e";
}
body .icon-icon-dayin:before {
  content: "\e65d";
}
body .icon-icon-hot:before {
  content: "\e65b";
}
body .icon-fenxiang:before {
  content: "\e65a";
}
body .icon-icon-youxiang:before {
  content: "\e659";
}
body .icon-icon-shijian:before {
  content: "\e656";
}
body .icon-icon-dizhi:before {
  content: "\e657";
}
body .icon-icon-dianhua:before {
  content: "\e658";
}
body .icon-icon-weixuanzhong:before {
  content: "\e653";
}
body .icon-icon-xuanzhong:before {
  content: "\e654";
}
body .icon-icon-duihao:before {
  content: "\e652";
}
body .icon-warning:before {
  content: "\e65c";
}
body .icon-icon-cc-2:before {
  content: "\e651";
}
body .icon-icon-cheliangjiance:before {
  content: "\e64c";
}
body .icon-icon-faq:before {
  content: "\e64d";
}
body .icon-icon-qichebaoyang:before {
  content: "\e64e";
}
body .icon-icon-daolujiuyuan:before {
  content: "\e64f";
}
body .icon-icon-get-closer-2:before {
  content: "\e650";
}
body .icon-icon-contact-center:before {
  content: "\e648";
}
body .icon-icon-book-service:before {
  content: "\e649";
}
body .icon-icon-cta3-2:before {
  content: "\e64b";
}
body .icon-icon-down:before {
  content: "\e647";
}
body .icon-icon-link:before {
  content: "\e646";
}
body .icon-icon-dianbiao:before {
  content: "\e645";
}
body .icon-icon-dynamic-driving:before {
  content: "\e644";
}
body .icon-icon-pointer:before {
  content: "\e643";
}
body .icon-icon-dajiantoupczuo:before {
  content: "\e639";
}
body .icon-icon-dajiantoupcyou:before {
  content: "\e63c";
}
body .icon-icon-dajiantoumbyou:before {
  content: "\e63e";
}
body .icon-icon-dajiantoumbzuo:before {
  content: "\e63f";
}
body .icon-icon-xiaojiantouyou:before {
  content: "\e63a";
}
body .icon-icon-xiaojiantouzuo:before {
  content: "\e63b";
}
body .icon-icon-lvsediqiu:before {
  content: "\e640";
}
body .icon-icon-renleichengchang:before {
  content: "\e641";
}
body .icon-icon-meihaoshehui:before {
  content: "\e642";
}
body .icon-shipinhao1:before {
  content: "\e63d";
}
body .icon-jiantou:before {
  content: "\e66b";
}
body .icon-jiantou-copy:before {
  content: "\ec63";
}
body .icon-jiantou-copy1:before {
  content: "\ec64";
}
body .icon-jiantou-copy-copy:before {
  content: "\ec65";
}
body .icon-shipinhao:before {
  content: "\e624";
}
body .icon-douyin1:before {
  content: "\e625";
}
body .icon-weixin:before {
  content: "\e626";
}
body .icon-bilibili:before {
  content: "\e627";
}
body .icon-weibo1:before {
  content: "\e628";
}
body .icon-icon-jingxiaoshangchaxun:before {
  content: "\e629";
}
body .icon-icon-jinrongfuwu:before {
  content: "\e62a";
}
body .icon-hdwuzilogo:before {
  content: "\e62b";
}
body .icon-icon-zaixiankefu:before {
  content: "\e62e";
}
body .icon-icon-yuyueshijia:before {
  content: "\e62f";
}
body .icon-hdyouzilogo:before {
  content: "\e630";
}
body .icon-icon-zaixiangouche:before {
  content: "\e62c";
}
body .icon-icon-shoucexiazai1:before {
  content: "\e636";
}
body .icon-icon-menu:before {
  content: "\e637";
}
body .icon-icon-search:before {
  content: "\e638";
}
body .icon-360:before {
  content: "\e61f";
}
body .icon-gouwuche:before {
  content: "\e655";
}
body .icon-delearsearch:before {
  content: "\e634";
}
body .icon-financialservice:before {
  content: "\e635";
}
body .icon-bilibili-line:before {
  content: "\e75d";
}
body .icon-douyin:before {
  content: "\e8db";
}
body .icon-wechat:before {
  content: "\e601";
}
body .icon-weibo:before {
  content: "\e633";
}
body .icon-onlineservice:before {
  content: "\e631";
}
body .icon-testcar:before {
  content: "\e632";
}
body .icon-guanbi:before {
  content: "\e60c";
}
body .icon-xianxingtubiaozhizuomoban-25:before {
  content: "\e61c";
}
body .icon-right:before {
  content: "\e64a";
}
body .icon-left:before {
  content: "\ec60";
}
body .icon-up:before {
  content: "\ec61";
}
body .icon-down:before {
  content: "\ec62";
}
body .icon-logo2:before {
  content: "\e61d";
}
body .icon-logo:before {
  content: "\e62d";
}
body .icon-search:before {
  content: "\e615";
}
body.body-wrap .new-brand-page-wrap .clear-abs,
body .c-banner .clear-abs {
  position: relative;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}

.new-brand-page-wrap {
  font-family: HyundaiSansTextCN-Regular, HyundaiSansTextCN, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
@font-face {
  font-family: HyundaiSansHeadCN-Medium;
  src: url(/assets/brand2023/fonts/HyundaiSansHeadCN-Medium.eot);
  src: url(/assets/brand2023/fonts/HyundaiSansHeadCN-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/brand2023/fonts/HyundaiSansHeadCN-Medium.woff) format("woff"), url(/assets/brand2023/fonts/HyundaiSansHeadCN-Medium.woff2) format("woff2"), url(/assets/brand2023/fonts/HyundaiSansHeadCN-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: HyundaiSansHeadCN-Regular;
  src: url(/assets/brand2023/fonts/HyundaiSansHeadCN-Regular.eot);
  src: url(/assets/brand2023/fonts/HyundaiSansHeadCN-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/brand2023/fonts/HyundaiSansHeadCN-Regular.woff) format("woff"), url(/assets/brand2023/fonts/HyundaiSansHeadCN-Regular.woff2) format("woff2"), url(/assets/brand2023/fonts/HyundaiSansHeadCN-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: HyundaiSansHead-Medium;
  src: url(/assets/brand2023/fonts/HyundaiSansHead-Medium.eot);
  src: url(/assets/brand2023/fonts/HyundaiSansHead-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/brand2023/fonts/HyundaiSansHead-Medium.woff) format("woff"), url(/assets/brand2023/fonts/HyundaiSansHead-Medium.woff2) format("woff2"), url(/assets/brand2023/fonts/HyundaiSansHead-Medium.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: HyundaiSansHead-Regular;
  src: url(/assets/brand2023/fonts/HyundaiSansHead-Regular.eot);
  src: url(/assets/brand2023/fonts/HyundaiSansHead-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/brand2023/fonts/HyundaiSansHead-Regular.woff) format("woff"), url(/assets/brand2023/fonts/HyundaiSansHead-Regular.woff2) format("woff2"), url(/assets/brand2023/fonts/HyundaiSansHead-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: HyundaiSansTextCN-Regular;
  src: url(/assets/brand2023/fonts/HyundaiSansTextCN-Regular.eot);
  src: url(/assets/brand2023/fonts/HyundaiSansTextCN-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/brand2023/fonts/HyundaiSansTextCN-Regular.woff) format("woff"), url(/assets/brand2023/fonts/HyundaiSansTextCN.woff2) format("woff2"), url(/assets/brand2023/fonts/HyundaiSansTextCN-Regular.ttf) format("truetype");
  font-display: swap;
}
.new-brand-page-wrap .swiper-button-next,
.new-brand-page-wrap .swiper-button-prev {
  background: transparent;
}
.new-brand-page-wrap .n-container {
  width: 87%;
  max-width: 1645px;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}
.new-brand-page-wrap .font-regular,
.new-brand-page-wrap body {
  font-family: HyundaiSansTextCN-Regular, HyundaiSansTextCN, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-page-wrap .head-regular {
  font-family: HyundaiSansHead-Regular, HyundaiSansHeadCN-Regular, HyundaiSansTextCN, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-page-wrap .c-button span.name,
.new-brand-page-wrap .font-bold,
.new-brand-page-wrap .h1,
.new-brand-page-wrap .h2,
.new-brand-page-wrap .h3,
.new-brand-page-wrap .h4,
.new-brand-page-wrap .title,
.new-brand-page-wrap h1,
.new-brand-page-wrap h2,
.new-brand-page-wrap h3,
.new-brand-page-wrap h4 {
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HyundaiSansTextCN, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-page-wrap .h1,
.new-brand-page-wrap .h2,
.new-brand-page-wrap .h3,
.new-brand-page-wrap .h4,
.new-brand-page-wrap .h5,
.new-brand-page-wrap .h6,
.new-brand-page-wrap .p,
.new-brand-page-wrap h1,
.new-brand-page-wrap h2,
.new-brand-page-wrap h3,
.new-brand-page-wrap h4,
.new-brand-page-wrap h5,
.new-brand-page-wrap h6,
.new-brand-page-wrap p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
}
.new-brand-page-wrap .font-bold,
.new-brand-page-wrap .h1,
.new-brand-page-wrap .h2,
.new-brand-page-wrap .h3,
.new-brand-page-wrap .h4,
.new-brand-page-wrap h1,
.new-brand-page-wrap h2,
.new-brand-page-wrap h3,
.new-brand-page-wrap h4 {
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HyundaiSansTextCN, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-page-wrap h1 {
  font-size: 64px;
  line-height: 1.187;
}
.new-brand-page-wrap h2 {
  font-size: 46px;
  line-height: 1.478;
}
.new-brand-page-wrap h3 {
  font-size: 36px;
  line-height: 1.166;
}
.new-brand-page-wrap h4 {
  font-size: 24px;
}
.new-brand-page-wrap h4,
.new-brand-page-wrap h5 {
  line-height: 1.5;
}
.new-brand-page-wrap h5 {
  font-size: 20px;
}
.new-brand-page-wrap h6 {
  font-size: 14px;
  line-height: 1.285;
}
.new-brand-page-wrap h6.small {
  font-size: 12px;
}
.new-brand-page-wrap p {
  font-size: 16px;
  line-height: 1.5;
}
.new-brand-page-wrap .h1 {
  font-size: 64px;
  line-height: 1.187;
}
.new-brand-page-wrap .h2 {
  font-size: 46px;
  line-height: 1.478;
}
.new-brand-page-wrap .h3 {
  font-size: 36px;
  line-height: 1.166;
}
.new-brand-page-wrap .h4 {
  font-size: 24px;
}
.new-brand-page-wrap .h4,
.new-brand-page-wrap .h5 {
  line-height: 1.5;
}
.new-brand-page-wrap .h5 {
  font-size: 20px;
}
.new-brand-page-wrap .h6 {
  font-size: 14px;
  line-height: 1.285;
}
.new-brand-page-wrap .h6.small {
  font-size: 12px;
}
.new-brand-page-wrap .p {
  font-size: 16px;
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 1919px) and (min-width: 1601px) {
  .new-brand-page-wrap .h1,
  .new-brand-page-wrap h1 {
    font-size: 56px;
  }
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap h1 {
    font-size: 56px;
  }
  .new-brand-page-wrap h2 {
    font-size: 40px;
  }
  .new-brand-page-wrap h3 {
    font-size: 32px;
  }
  .new-brand-page-wrap h4 {
    font-size: 20px;
  }
  .new-brand-page-wrap h5 {
    font-size: 16px;
  }
  .new-brand-page-wrap h6 {
    font-size: 12px;
  }
  .new-brand-page-wrap p {
    font-size: 14px;
  }
  .new-brand-page-wrap .h1 {
    font-size: 56px;
  }
  .new-brand-page-wrap .h2 {
    font-size: 40px;
  }
  .new-brand-page-wrap .h3 {
    font-size: 32px;
  }
  .new-brand-page-wrap .h4 {
    font-size: 20px;
  }
  .new-brand-page-wrap .h5 {
    font-size: 16px;
  }
  .new-brand-page-wrap .h6 {
    font-size: 12px;
  }
  .new-brand-page-wrap .p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .new-brand-page-wrap .h1,
  .new-brand-page-wrap h1 {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap h1 {
    font-size: 70px;
  }
  .new-brand-page-wrap h1,
  .new-brand-page-wrap h2 {
    line-height: 1.2;
  }
  .new-brand-page-wrap h2 {
    font-size: 60px;
  }
  .new-brand-page-wrap h3 {
    font-size: 48px;
    line-height: 1.2;
  }
  .new-brand-page-wrap h4 {
    font-size: 36px;
    line-height: 1.33;
  }
  .new-brand-page-wrap h5 {
    font-size: 32px;
    line-height: 1.7;
  }
  .new-brand-page-wrap h6 {
    font-size: 24px;
    line-height: 1.5;
  }
  .new-brand-page-wrap p {
    font-size: 28px;
    line-height: 1.25;
  }
  .new-brand-page-wrap .h1 {
    font-size: 70px;
  }
  .new-brand-page-wrap .h1,
  .new-brand-page-wrap .h2 {
    line-height: 1.2;
  }
  .new-brand-page-wrap .h2 {
    font-size: 60px;
  }
  .new-brand-page-wrap .h3 {
    font-size: 48px;
    line-height: 1.2;
  }
  .new-brand-page-wrap .h4 {
    font-size: 36px;
    line-height: 1.33;
  }
  .new-brand-page-wrap .h5 {
    font-size: 32px;
    line-height: 1.7;
  }
  .new-brand-page-wrap .h6 {
    font-size: 24px;
    line-height: 1.5;
  }
  .new-brand-page-wrap .p {
    font-size: 28px;
    line-height: 1.25;
  }
  .new-brand-page-wrap .mb-h1 {
    font-size: 70px;
  }
  .new-brand-page-wrap .mb-h1,
  .new-brand-page-wrap .mb-h2 {
    line-height: 1.2;
  }
  .new-brand-page-wrap .mb-h2 {
    font-size: 60px;
  }
  .new-brand-page-wrap .mb-h3 {
    font-size: 48px;
    line-height: 1.2;
  }
  .new-brand-page-wrap .mb-h4 {
    font-size: 36px;
    line-height: 1.33;
  }
  .new-brand-page-wrap .mb-h5 {
    font-size: 32px;
    line-height: 1.7;
  }
  .new-brand-page-wrap .mb-h6 {
    font-size: 24px;
    line-height: 1.5;
  }
  .new-brand-page-wrap .mb-p {
    font-size: 28px;
    line-height: 1.25;
  }
}
@media screen and (max-width: 639px) {
  .new-brand-page-wrap h1 {
    font-size: 52px;
  }
  .new-brand-page-wrap h2 {
    font-size: 45px;
  }
  .new-brand-page-wrap h3 {
    font-size: 36px;
  }
  .new-brand-page-wrap h4 {
    font-size: 27px;
  }
  .new-brand-page-wrap h5 {
    font-size: 24px;
  }
  .new-brand-page-wrap h6 {
    font-size: 18px;
  }
  .new-brand-page-wrap p {
    font-size: 21px;
  }
  .new-brand-page-wrap .h1 {
    font-size: 52px;
  }
  .new-brand-page-wrap .h2 {
    font-size: 45px;
  }
  .new-brand-page-wrap .h3 {
    font-size: 36px;
  }
  .new-brand-page-wrap .h4 {
    font-size: 27px;
  }
  .new-brand-page-wrap .h5 {
    font-size: 24px;
  }
  .new-brand-page-wrap .h6 {
    font-size: 18px;
  }
  .new-brand-page-wrap .p {
    font-size: 21px;
  }
  .new-brand-page-wrap .mb-h1 {
    font-size: 52px;
  }
  .new-brand-page-wrap .mb-h2 {
    font-size: 45px;
  }
  .new-brand-page-wrap .mb-h3 {
    font-size: 36px;
  }
  .new-brand-page-wrap .mb-h4 {
    font-size: 27px;
  }
  .new-brand-page-wrap .mb-h5 {
    font-size: 24px;
  }
  .new-brand-page-wrap .mb-h6 {
    font-size: 18px;
  }
  .new-brand-page-wrap .mb-p {
    font-size: 21px;
  }
}
@media screen and (max-width: 480px) {
  .new-brand-page-wrap h1 {
    font-size: 35px;
  }
  .new-brand-page-wrap h2 {
    font-size: 30px;
  }
  .new-brand-page-wrap h3 {
    font-size: 24px;
  }
  .new-brand-page-wrap h4 {
    font-size: 18px;
  }
  .new-brand-page-wrap h5 {
    font-size: 16px;
  }
  .new-brand-page-wrap h6 {
    font-size: 12px;
  }
  .new-brand-page-wrap p {
    font-size: 14px;
  }
  .new-brand-page-wrap .h1 {
    font-size: 35px;
  }
  .new-brand-page-wrap .h2 {
    font-size: 30px;
  }
  .new-brand-page-wrap .h3 {
    font-size: 24px;
  }
  .new-brand-page-wrap .h4 {
    font-size: 18px;
  }
  .new-brand-page-wrap .h5 {
    font-size: 16px;
  }
  .new-brand-page-wrap .h6 {
    font-size: 12px;
  }
  .new-brand-page-wrap .p {
    font-size: 14px;
  }
  .new-brand-page-wrap .mb-h1 {
    font-size: 35px;
  }
  .new-brand-page-wrap .mb-h2 {
    font-size: 30px;
  }
  .new-brand-page-wrap .mb-h3 {
    font-size: 24px;
  }
  .new-brand-page-wrap .mb-h4 {
    font-size: 18px;
  }
  .new-brand-page-wrap .mb-h5 {
    font-size: 16px;
  }
  .new-brand-page-wrap .mb-h6 {
    font-size: 12px;
  }
  .new-brand-page-wrap .mb-p {
    font-size: 14px;
  }
}
@media screen and (max-width: 380px) {
  .new-brand-page-wrap .h5,
  .new-brand-page-wrap h5 {
    font-size: 15px;
  }
  .new-brand-page-wrap .p,
  .new-brand-page-wrap p {
    font-size: 14px;
  }
  .new-brand-page-wrap .mb-h5 {
    font-size: 15px;
  }
  .new-brand-page-wrap .mb-p {
    font-size: 14px;
  }
}
.new-brand-page-wrap a,
.new-brand-page-wrap article,
.new-brand-page-wrap aside,
.new-brand-page-wrap b,
.new-brand-page-wrap body,
.new-brand-page-wrap button,
.new-brand-page-wrap dd,
.new-brand-page-wrap div,
.new-brand-page-wrap dl,
.new-brand-page-wrap dt,
.new-brand-page-wrap figcaption,
.new-brand-page-wrap figure,
.new-brand-page-wrap footer,
.new-brand-page-wrap h1,
.new-brand-page-wrap h2,
.new-brand-page-wrap h3,
.new-brand-page-wrap h4,
.new-brand-page-wrap h5,
.new-brand-page-wrap h6,
.new-brand-page-wrap header,
.new-brand-page-wrap html,
.new-brand-page-wrap i,
.new-brand-page-wrap input,
.new-brand-page-wrap li,
.new-brand-page-wrap nav,
.new-brand-page-wrap p,
.new-brand-page-wrap section,
.new-brand-page-wrap select,
.new-brand-page-wrap span,
.new-brand-page-wrap textarea,
.new-brand-page-wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.new-brand-page-wrap .lazy {
  opacity: 0;
}
.new-brand-page-wrap .lazy.loaded {
  opacity: 1;
}
.new-brand-page-wrap .page-padding {
  position: relative;
  padding: 60px 0;
}
.new-brand-page-wrap .page-padding.top-page {
  padding: 120px 0 60px;
}
.new-brand-page-wrap .page-padding.bottom-page {
  padding: 0 0 60px;
}
.new-brand-page-wrap .page-padding.all-page {
  padding: 120px 0;
}
.new-brand-page-wrap .small-spacing-top .page-padding,
.new-brand-page-wrap .small-spacing-top .page-padding.all-page {
  padding-top: 0;
}
.new-brand-page-wrap .small-spacing-bottom .page-padding,
.new-brand-page-wrap .small-spacing-bottom .page-padding.all-page {
  padding-bottom: 0;
}
.new-brand-page-wrap body {
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
.new-brand-page-wrap .body-wrap .clear-abs,
.new-brand-page-wrap .body-wrap .c-banner .clear-abs,
.new-brand-page-wrap .c-banner .clear-abs {
  position: relative;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}
.new-brand-page-wrap body.is-ready {
  opacity: 1;
}
.new-brand-page-wrap body.is-load a {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.new-brand-page-wrap body.not-pc {
  cursor: pointer;
}
.new-brand-page-wrap body.ban-scroll {
  overflow: hidden;
}
.new-brand-page-wrap .clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.new-brand-page-wrap * {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
.new-brand-page-wrap :active,
.new-brand-page-wrap :focus {
  outline: none;
}
.new-brand-page-wrap a {
  color: #000;
}
.new-brand-page-wrap a:focus,
.new-brand-page-wrap a:hover {
  text-decoration: none;
  color: #012c5f;
}
.new-brand-page-wrap em {
  font-style: normal;
}
.new-brand-page-wrap img {
  border: 0;
  vertical-align: top;
  display: block;
}
.new-brand-page-wrap body.body-hide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.new-brand-page-wrap .clearFix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.new-brand-page-wrap input[type=button],
.new-brand-page-wrap input[type=reset],
.new-brand-page-wrap input[type=search],
.new-brand-page-wrap input[type=submit] {
  -webkit-appearance: none;
}
.new-brand-page-wrap button:focus,
.new-brand-page-wrap input:focus {
  outline: none !important;
}
.new-brand-page-wrap input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-brand-page-wrap textarea {
  -webkit-appearance: none;
}
.new-brand-page-wrap .bg {
  width: 100%;
}
.new-brand-page-wrap .scrolled {
  opacity: 0;
}
.new-brand-page-wrap .bolder {
  font-weight: bolder;
}
.new-brand-page-wrap .delay100 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.new-brand-page-wrap .delay200 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.new-brand-page-wrap .delay300 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.new-brand-page-wrap .delay400 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.new-brand-page-wrap .delay500 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.new-brand-page-wrap .delay600 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.new-brand-page-wrap .delay700 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.new-brand-page-wrap .delay800 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.new-brand-page-wrap .delay900 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.new-brand-page-wrap .delay1000 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.new-brand-page-wrap .delay1100 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.new-brand-page-wrap .delay1200 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.new-brand-page-wrap .delay1300 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.new-brand-page-wrap .delay1400 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.new-brand-page-wrap .delay1500 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.new-brand-page-wrap .delay1600 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.new-brand-page-wrap .delay1700 {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.new-brand-page-wrap .delay1800 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.new-brand-page-wrap .delay1900 {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
.new-brand-page-wrap .delay2000 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.new-brand-page-wrap .delay3000 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.new-brand-page-wrap .duration500 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.new-brand-page-wrap .duration700 {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.new-brand-page-wrap .duration1000 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.new-brand-page-wrap .duration1200 {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.new-brand-page-wrap .duration1500 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.new-brand-page-wrap .duration2000 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.new-brand-page-wrap .duration2500 {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}
.new-brand-page-wrap .duration3000 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.new-brand-page-wrap .duration6000 {
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}
.new-brand-page-wrap .duration10000 {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}
.new-brand-page-wrap body.is-load .ts-delay100 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.new-brand-page-wrap body.is-load .ts-delay200 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.new-brand-page-wrap body.is-load .ts-delay300 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.new-brand-page-wrap body.is-load .ts-delay400 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.new-brand-page-wrap body.is-load .ts-delay500 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.new-brand-page-wrap body.is-load .ts-delay600 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.new-brand-page-wrap body.is-load .ts-delay700 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.new-brand-page-wrap body.is-load .ts-delay800 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.new-brand-page-wrap body.is-load .ts-delay900 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.new-brand-page-wrap body.is-load .ts-delay1000 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.new-brand-page-wrap body.is-load .ts-all-ease-400 {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.new-brand-page-wrap body.is-load .ts-duration0 {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.new-brand-page-wrap body.is-load .ts-duration400 {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.new-brand-page-wrap body.is-load .ts-duration600 {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.new-brand-page-wrap body.is-load .ts-duration800 {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.new-brand-page-wrap body.is-load .ts-duration1000 {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.new-brand-page-wrap body.is-load .ts-property-all {
  -webkit-transition-property: all;
  transition-property: all;
}
.new-brand-page-wrap body.is-load .ts-timing-function-ease {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.new-brand-page-wrap .stage-sticky {
  overflow: inherit;
  z-index: auto;
}
.new-brand-page-wrap .sticky-box {
  width: 100%;
  height: 100vh;
  position: sticky;
  overflow: hidden;
  top: 0;
}
.new-brand-page-wrap #main-wrap {
  z-index: 9;
  position: relative;
  background: #fff;
}
@media (min-width: 1360px) {
  .new-brand-page-wrap .container {
    width: 1130px;
  }
}
.new-brand-page-wrap .swiper .swiper-slide {
  overflow: hidden;
}
.new-brand-page-wrap .swiper .swiper-slide .word-block {
  display: inline-block;
  vertical-align: text-bottom;
  overflow: hidden;
}
.new-brand-page-wrap .swiper .swiper-slide .word-block .word-inner {
  display: block;
  position: relative;
}
.new-brand-page-wrap .swiper .swiper-slide .btn-anim {
  overflow: hidden;
}
.new-brand-page-wrap .swiper .swiper-slide .btn-anim .c-button {
  -webkit-transform: translate3d(0, 120%, 0);
  transform: translate3d(0, 120%, 0);
}
.new-brand-page-wrap .swiper .swiper-slide.is-animated .word-block .word-inner {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.new-brand-page-wrap .swiper .swiper-slide.is-animated .title .word-inner {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.new-brand-page-wrap .swiper .swiper-slide.is-animated .description .word-inner {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.new-brand-page-wrap .swiper .swiper-slide.is-animated .btn-anim .c-button {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: transform 0.8s ease, -webkit-transform 0.8s ease;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.new-brand-page-wrap .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  margin-top: -20px;
}
.new-brand-page-wrap .button-container .swiper-button-next,
.new-brand-page-wrap .button-container .swiper-button-prev {
  font-size: 36px !important;
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .button-container.full-container.container {
    width: 1690px;
  }
}
.new-brand-page-wrap .button-container.full-container .swiper-button-prev {
  left: 10px;
}
.new-brand-page-wrap .button-container.full-container .swiper-button-next {
  right: 10px;
}
.new-brand-page-wrap .button-container.outer-container .swiper-button-prev {
  left: -40px;
}
.new-brand-page-wrap .button-container.outer-container .swiper-button-next {
  right: -40px;
}
.new-brand-page-wrap .button-container.inner-container .swiper-button-prev {
  left: 8px;
}
.new-brand-page-wrap .button-container.inner-container .swiper-button-next {
  right: 8px;
}
.new-brand-page-wrap .swiper-button-next,
.new-brand-page-wrap .swiper-button-prev {
  color: #fff;
}
.new-brand-page-wrap .swiper-button-next:after,
.new-brand-page-wrap .swiper-button-prev:after {
  display: none;
}
.new-brand-page-wrap .swiper-button-next.black,
.new-brand-page-wrap .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .swiper-button-next.black-shadow,
.new-brand-page-wrap .swiper-button-prev.black-shadow {
  text-shadow: 2px 0 0 #54544a;
  text-shadow: -2px 0 0 #54544a;
}
.new-brand-page-wrap .swiper-button-next.black-shadow:after,
.new-brand-page-wrap .swiper-button-prev.black-shadow:after {
  color: #fff;
}
.new-brand-page-wrap .swiper-button-next:after,
.new-brand-page-wrap .swiper-button-prev:after {
  font-size: 32px;
  font-weight: 400;
}
.new-brand-page-wrap .swiper-button-prev {
  left: 100px;
}
.new-brand-page-wrap .swiper-button-next {
  right: 100px;
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .swiper-button-prev {
    left: 70px;
  }
  .new-brand-page-wrap .swiper-button-next {
    right: 70px;
  }
}
@media screen and (max-width: 1440px) {
  .new-brand-page-wrap .swiper-button-prev {
    left: 30px;
  }
  .new-brand-page-wrap .swiper-button-next {
    right: 30px;
  }
}
.new-brand-page-wrap .screen {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.new-brand-page-wrap .screen.s-line {
  border-top: 1px solid #e4dcd3;
}
.new-brand-page-wrap .swiper-pagination {
  text-align: right;
  bottom: -50px !important;
  padding: 0 15px;
}
.new-brand-page-wrap .swiper-pagination.inner {
  bottom: 30px !important;
}
.new-brand-page-wrap .swiper-pagination.relative {
  position: static;
  margin-top: 20px;
}
.new-brand-page-wrap .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .swiper-pagination .swiper-pagination-bullet .swiper-page-num {
  word-break: keep-all;
  font-size: 16px !important;
}
.new-brand-page-wrap .swiper-pagination .swiper-pagination-bullet span {
  opacity: 0.5;
}
.new-brand-page-wrap .swiper-pagination .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: inline-block;
  margin: 0 auto;
}
.new-brand-page-wrap .m-show,
.new-brand-page-wrap .visible-vert {
  display: none !important;
}
.new-brand-page-wrap .c-button {
  display: inline-block;
  min-width: 200px;
  text-align: left;
}
.new-brand-page-wrap .c-button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 35px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #012c5f;
  color: #fff;
  line-height: 1;
}
.new-brand-page-wrap .c-button a .iconfont,
.new-brand-page-wrap .c-button a .name {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-button a .iconfont {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  margin-left: 8px;
  line-height: 1;
}
.new-brand-page-wrap .c-button a:hover {
  color: #fff;
  background-color: #074a99;
}
.new-brand-page-wrap .c-button a:hover .iconfont {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.new-brand-page-wrap .c-button.btn-text {
  min-width: auto;
}
.new-brand-page-wrap .c-button.btn-text a {
  padding: 0;
  color: #000;
  background: none;
}
.new-brand-page-wrap .c-button.none-bg a {
  padding-top: 16px;
  padding-bottom: 14px;
  color: #000;
  border: 1px solid #000;
  background: none;
}
.new-brand-page-wrap .c-button.none-bg a:hover {
  color: #074a99;
  border-color: #074a99;
  background: none;
}
.new-brand-page-wrap .c-button.line-white a {
  padding-top: 16px;
  padding-bottom: 14px;
  color: #fff;
  border: 1px solid #fff;
  background: none;
  border-radius: 0;
}
.new-brand-page-wrap .c-button.line-white a:hover {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
}
.new-brand-page-wrap .c-button.line-black a {
  padding-top: 16px;
  padding-bottom: 14px;
  color: #000;
  border: 1px solid #000;
  background: none;
  border-radius: 0;
}
.new-brand-page-wrap .c-button.line-black a:hover {
  color: #fff;
  background: #012c5f;
  border: 1px solid #012c5f;
}
.new-brand-page-wrap .c-button.line-black.light a {
  color: #666;
  border-color: #e4dcd3;
  text-align: center;
}
.new-brand-page-wrap .c-button.line-black.light a:hover {
  border-color: #012c5f;
  color: #fff;
}
.new-brand-page-wrap .c-button.fill-white a {
  padding-top: 16px;
  padding-bottom: 14px;
  color: #012c5f;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 0;
}
.new-brand-page-wrap .c-button.fill-green a,
.new-brand-page-wrap .c-button.fill-white a:hover {
  color: #fff;
  background: #012c5f;
  border: 1px solid #012c5f;
}
.new-brand-page-wrap .c-button.fill-green a {
  padding-top: 16px;
  padding-bottom: 14px;
  border-radius: 0;
}
.new-brand-page-wrap .c-button.fill-green a:hover {
  color: #012c5f;
  background: #fff;
  border: 1px solid #012c5f;
}
.new-brand-page-wrap .c-button.white-bg a {
  color: #000;
  background: #fff;
}
.new-brand-page-wrap .c-header .first-title {
  display: none !important;
  margin-bottom: 10px;
  color: #000 !important;
  cursor: auto !important;
}
.new-brand-page-wrap .c-header.click-menu .navbar-fixed-top-menu .container {
  padding: 0;
  width: 100%;
}
.new-brand-page-wrap .c-header .btn-deep,
.new-brand-page-wrap .c-header.click-menu .navbar-fixed-top-menu .container:after {
  display: none;
}
.new-brand-page-wrap .c-header.click-element .navbar {
  z-index: 999999;
  height: 0;
  min-height: 0;
  font-size: 0;
}
.new-brand-page-wrap .c-header.click-element .navbar li.active a,
.new-brand-page-wrap .c-header.click-element .navbar li:hover a {
  color: #43c7ee !important;
  background: none !important;
}
.new-brand-page-wrap .c-header.click-element .navbar .container {
  position: relative;
}
.new-brand-page-wrap .c-header.click-element .navbar .container:after {
  position: absolute;
  top: 0;
  left: 97%;
  display: block;
  width: 1000vw;
  height: 100vh;
  background: #fff;
  z-index: 0;
}
.new-brand-page-wrap .c-header.click-element .navbar .collapse .navbar-right {
  position: relative;
}
.new-brand-page-wrap .c-header.click-element .navbar .collapse .nav {
  z-index: 10;
}
.new-brand-page-wrap .c-header.click-element .navbar .collapse .nav li a {
  color: #000;
}
.new-brand-page-wrap .c-header.click-element .navbar .collapse .nav .btn-navbar-toggle span {
  background: #000;
}
.new-brand-page-wrap .c-header.click-element .navbar .collapse:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 690px;
  height: 82px;
  background: #fff;
  z-index: 0;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu {
  display: block;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .close-wrap {
  display: none;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .recommend-warp {
  position: absolute;
  bottom: 0;
  margin: 8vh 0;
  width: 70%;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .recommend-warp .button-container {
  width: 100%;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .recommend-warp .button-container .swiper-button-next {
  right: 20px;
  font-size: 30px !important;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .recommend-warp .button-container .swiper-button-prev {
  left: 20px;
  font-size: 30px !important;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .recommend-warp .swiper-pagination {
  bottom: -35px !important;
  padding: 0 2px;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .add,
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .first,
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .first-title {
  display: none;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li {
  border: none;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li .dd {
  position: relative;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li .dd.active .child:after {
  display: block;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li .child {
  position: relative;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li .child:after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #43c7ee;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
  display: none;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt {
  position: relative;
  width: 200px;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt .dd.active .child:after,
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt .dd.active .dt1 {
  display: block;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt .dt1 {
  padding-left: 20px;
  padding-bottom: 0;
  width: 300px;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  border-left: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt .dt1 .dd1:last-of-type .child1 {
  padding-bottom: 0;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt .dt1 .child1 {
  padding: 0 0 20px;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .dt .dt1 .child1:after {
  display: none;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li.active .first-title {
  display: block !important;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li.active .child {
  border: none;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu li.active .dt {
  display: block;
}
.new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .cont {
  padding: 100px 38px 0 125px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  width: 690px;
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .c-header.click-element .navbar-fixed-top-menu .cont {
    padding: 100px 38px 0 150px;
  }
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  overflow: hidden;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .container {
  position: relative;
  height: 100%;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .container:after {
  position: absolute;
  top: 0;
  left: 97%;
  z-index: 0;
  content: "";
  display: block;
  width: 1000vw;
  height: 100%;
  background: #fff;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .cont {
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
  -webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu.active .cont {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .recommend-warp {
  position: relative;
  margin: 8vh auto;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .recommend-warp .text {
  position: absolute;
  top: 10%;
  left: 10%;
  color: #fff;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .recommend-warp img {
  width: 100%;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu a {
  position: relative;
  display: block;
  cursor: pointer;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .add {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  display: block;
  width: 14px;
  height: 1px;
  background: #333;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .add .shu {
  display: block;
  width: 1px;
  height: 14px;
  margin: -7px 0 0 7px;
  background: #333;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .cont {
  padding: 0 38px;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu li {
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu li.active .add {
  background: #43c7ee;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu li.active .shu {
  display: none;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .child {
  padding: 10px 0;
  border-top: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .dt1 {
  padding-bottom: 10px;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .dt {
  display: none;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .dt a:hover {
  color: #43c7ee;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .child1 {
  position: relative;
  color: #999;
  padding: 6px 0 6px 12px;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .child1:hover {
  color: #43c7ee;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .child1:hover:after {
  background: #43c7ee;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .child1:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background: #999;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .first {
  padding: 15px 0;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .close-wrap {
  text-align: right;
  margin: 30px auto;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .close-wrap .m-close {
  cursor: pointer;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  line-height: 30px;
  float: right;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-menu .cont {
  float: right;
  width: 370px;
  height: 100%;
  overflow-y: auto;
  background: #fff;
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .new-brand-page-wrap .c-header .container {
    width: 1200px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1749px) {
  .new-brand-page-wrap .c-header .container {
    width: 1368px;
  }
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .c-header .container {
    width: 1690px;
  }
}
.new-brand-page-wrap .c-header .navbar-header {
  position: relative;
  z-index: 99;
}
.new-brand-page-wrap .c-header .icon-icon-search {
  display: block;
  width: 17px;
  height: 15px;
  font-size: 14px;
}
.new-brand-page-wrap .c-header .icon-icon-search:after {
  display: block;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-header .icon-logo {
  display: block;
  font-size: 20px;
}
.new-brand-page-wrap .c-header .icon-logo:after {
  display: block;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1040;
  background: #fff;
  border-bottom: 1px solid #e4dcd3;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t .mb-show {
  display: none;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t .r-head {
  width: 100%;
  height: 100%;
  position: relative;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t .left {
  line-height: 50px;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t .container {
  margin: 0 auto;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  color: #9e9e9e;
  line-height: 50px !important;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t a.active,
.new-brand-page-wrap .c-header .navbar-fixed-top-t a:hover {
  color: #000;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t .left {
  float: left;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t ul {
  width: auto;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t li {
  float: left;
}
.new-brand-page-wrap .c-header .navbar-fixed-top-t .right {
  float: right;
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-header .navbar-fixed-top-t a {
    padding: 0 10px;
  }
}
.new-brand-page-wrap .c-header .navbar {
  margin-bottom: 0;
  color: #fff;
  background: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 44, 95, 0.6)), color-stop(70%, transparent));
  background-image: linear-gradient(180deg, rgba(0, 44, 95, 0.6), transparent 70%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  border: none;
}
.new-brand-page-wrap .c-header .navbar .active a,
.new-brand-page-wrap .c-header .navbar .active a:hover {
  color: #fff;
  background: none;
}
.new-brand-page-wrap .c-header .navbar .navbar-brand {
  margin-right: 30px;
  padding-top: 27px;
  padding-bottom: 53px;
  color: #fff;
}
.new-brand-page-wrap .c-header .navbar li {
  position: relative;
  padding: 0;
}
.new-brand-page-wrap .c-header .navbar li a {
  padding: 36px 23px 28px;
  line-height: 1;
  color: #fff;
}
.new-brand-page-wrap .c-header .navbar li a:focus,
.new-brand-page-wrap .c-header .navbar li a:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.new-brand-page-wrap .c-header .navbar li .iconfont {
  position: relative;
  top: 1px;
  line-height: 1;
}
.new-brand-page-wrap .c-header .navbar li.open a,
.new-brand-page-wrap .c-header .navbar li.open a:focus,
.new-brand-page-wrap .c-header .navbar li.open a:hover {
  color: #fff;
  background: none;
}
.new-brand-page-wrap .c-header .navbar .collapse {
  position: relative;
}
.new-brand-page-wrap .c-header .navbar .main-nav {
  position: absolute;
  top: 0;
  right: 90px;
}
.new-brand-page-wrap .c-header .navbar .main-nav li.active a,
.new-brand-page-wrap .c-header .navbar .main-nav li:hover a {
  color: #fff;
}
.new-brand-page-wrap .c-header .navbar .navbar-right a {
  padding-top: 35px;
}
.new-brand-page-wrap .c-header .navbar .search a {
  padding-left: 10px;
  padding-right: 10px;
}
.new-brand-page-wrap .c-header .navbar .search .h5 {
  font-size: 20px;
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1031;
  width: 30px;
  height: 30px;
  margin-top: 28px;
  padding: 7.5px;
  cursor: pointer;
  margin-left: 15.5px;
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle span {
  width: 100%;
  height: 1px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  margin-top: 6px;
  background: #fff;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle span:first-of-type {
  margin-top: 0;
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle.open span {
  background-color: #000;
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle.open span:first-of-type {
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
  opacity: 1;
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle.open span:nth-of-type(2) {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.new-brand-page-wrap .c-header .navbar .btn-navbar-toggle.open span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
  opacity: 1;
}
.new-brand-page-wrap .c-header.bg-black .navbar {
  color: #fff;
  background: #000;
}
.new-brand-page-wrap .c-header.bg-white-custom .navbar,
.new-brand-page-wrap .c-header.bg-white .navbar {
  color: #000;
  background: #fff;
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-header.bg-white-custom .navbar a,
.new-brand-page-wrap .c-header.bg-white .navbar a {
  color: #000;
}
.new-brand-page-wrap .c-header.bg-white-custom .navbar a:hover,
.new-brand-page-wrap .c-header.bg-white .navbar a:hover {
  color: #012c5f !important;
}
.new-brand-page-wrap .c-header.bg-white-custom .navbar .navbar-brand,
.new-brand-page-wrap .c-header.bg-white .navbar .navbar-brand {
  color: #012c5f;
}
.new-brand-page-wrap .c-header.bg-white-custom .navbar .btn-navbar-toggle span,
.new-brand-page-wrap .c-header.bg-white .navbar .btn-navbar-toggle span {
  background-color: #000;
}
.new-brand-page-wrap .c-header.bg-white-custom .navbar-fixed-top-t,
.new-brand-page-wrap .c-header.bg-white .navbar-fixed-top-t,
.new-brand-page-wrap .c-header.move-down .navbar {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.new-brand-page-wrap .c-header.bg-white.move-down .navbar-fixed-top-t {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.new-brand-page-wrap .c-header.open-second-layer .navbar {
  background: #000;
}
.new-brand-page-wrap .c-header.open-second-layer.move-down .navbar {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .c-header .navbar .navbar-brand {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .new-brand-page-wrap .c-header .navbar li a {
    padding-top: 36px;
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .c-header .navbar .navbar-right a {
    padding-top: 32px;
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .c-header .navbar .navbar-right .btn-navbar-toggle {
    margin-top: 25px;
  }
}
.new-brand-page-wrap .body-cars-wrap .c-header.bg-white .navbar-fixed-top-t,
.new-brand-page-wrap .body-nexo-wrap .c-header.bg-white .navbar-fixed-top-t {
  display: block;
}
.new-brand-page-wrap .c-footer {
  position: relative;
  z-index: 11;
  color: #fff;
  background: #1d1b1b;
  overflow: hidden;
}
.new-brand-page-wrap .c-footer .icon-logo2 {
  font-size: 20px;
}
.new-brand-page-wrap .c-footer a {
  color: #fff;
}
.new-brand-page-wrap .c-footer .container {
  position: relative;
}
.new-brand-page-wrap .c-footer .main-container {
  margin-top: 70px;
  margin-bottom: 50px;
  color: #999;
}
.new-brand-page-wrap .c-footer .main-container a {
  color: #999;
}
.new-brand-page-wrap .c-footer .main-container a:hover {
  color: #fff;
}
.new-brand-page-wrap .c-footer .btn-to-top {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #fff;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}
.new-brand-page-wrap .c-footer .btn-to-top .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-brand-page-wrap .c-footer .btn-to-top:hover {
  background: #074a99;
}
.new-brand-page-wrap .c-footer .part-main {
  margin-bottom: 50px;
  padding-right: 100px;
  color: #999;
}
.new-brand-page-wrap .c-footer .part-main,
.new-brand-page-wrap .c-footer .part-main .menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap {
  width: 100%;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap .item {
  width: 30%;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap .item:last-of-type {
  width: 50%;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap .logo {
  color: #fff;
  font-size: 20px;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap h4 {
  margin-bottom: 30px;
  color: #fff;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap li {
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-footer .part-main .menu-wrap li:last-of-type {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-footer .part-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .c-footer .part-bottom .link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-footer .part-bottom .link-wrap .line {
  margin: 0 10px;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item {
  margin-left: 10px;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item .media-qrcode {
  position: absolute;
  left: 50%;
  bottom: 180%;
  background: #fff;
  border-radius: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  display: none;
  z-index: 9999;
  text-align: center;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item .media-qrcode .code-text {
  color: #333;
  font-size: 14px;
  display: block;
  padding-bottom: 5px;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item .media-qrcode img {
  width: 130px;
  padding: 6px 6px 3px;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item .media-qrcode:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-12px, 11px);
  transform: translate(-12px, 11px);
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item a {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  color: #1d1b1b;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item a .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item a:hover {
  background: #fff;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item a:hover .media-qrcode {
  opacity: 1;
  display: block;
}
.new-brand-page-wrap .c-footer .part-bottom .media-list .item:first-of-type {
  margin-left: 0;
}
.new-brand-page-wrap .c-footer .part-bottom .tag {
  padding: 7px 50px 5px 15px;
  border: 1px solid #999;
}
.new-brand-page-wrap .is-horizontal .c-footer .part-main .menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .is-horizontal .c-footer .part-main .menu-wrap .cont {
  width: auto;
  float: right;
}
.new-brand-page-wrap .is-horizontal .c-footer .part-main .menu-wrap .item {
  width: auto;
}
.new-brand-page-wrap .is-horizontal .c-footer .part-main .menu-wrap .item:nth-of-type(2) {
  margin-left: 15%;
}
.new-brand-page-wrap .is-vertical .c-footer .container {
  padding-left: 15px;
  padding-right: 15px;
}
.new-brand-page-wrap .is-vertical .c-footer .btn-to-top {
  top: -50px;
  right: 15px;
  width: 40px;
  height: 40px;
}
.new-brand-page-wrap .is-vertical .c-footer .main-container {
  margin-top: 80px;
  margin-bottom: 50px;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main {
  margin-bottom: 30px;
  padding-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap {
  display: block;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap .item {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap .item.open .iconfont {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap .menu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  margin-bottom: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 45px;
  border-bottom: 1px solid #5b5b5b;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap .menu-title .iconfont {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap ul {
  display: none;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap li {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-footer .part-main .menu-wrap li a {
  display: block;
  height: 45px;
  padding-left: 15px;
  line-height: 45px;
  border-bottom: 1px solid #5b5b5b;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .side-right {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .link-wrap,
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .media-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .link-wrap {
  display: block;
  text-align: center;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .link-wrap .item {
  margin: 0 5px;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .link-wrap .line {
  display: none;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .link-wrap .line:nth-of-type(4) {
  display: block;
  font-size: 0;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .copyright {
  text-align: center;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .logo-mb-box {
  margin: 20px 0;
  text-align: center;
}
.new-brand-page-wrap .is-vertical .c-footer .part-bottom .logo-mb-box .iconfont {
  color: #fff;
}
.new-brand-page-wrap .c-eq-video {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.new-brand-page-wrap .c-eq-video .eq-pic,
.new-brand-page-wrap .c-eq-video .eq-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.new-brand-page-wrap .c-eq-video .eq-video-box {
  width: 100%;
  height: 100%;
  background: #000;
  text-align: center;
  overflow: hidden;
}
.new-brand-page-wrap .c-eq-video .eq-video-canvas {
  margin: 0 auto;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}
.new-brand-page-wrap .c-eq-video .eq-pic {
  position: relative;
  z-index: 2;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .pop-video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1045;
}
.new-brand-page-wrap .pop-video .pop-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.new-brand-page-wrap .pop-video .pop-close .iconfont {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.new-brand-page-wrap .pop-video .pop-close:hover {
  color: #074a99;
}
.new-brand-page-wrap .pop-video .pop-video-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .pop-video video {
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-banner {
  position: relative;
}
.new-brand-page-wrap .c-banner .placeholder {
  width: 100%;
  max-height: calc(100vh - 110px);
  opacity: 0;
}
.new-brand-page-wrap .c-banner .cont {
  position: relative;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-banner .container {
  z-index: 3;
}
.new-brand-page-wrap .c-banner .tips {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: left;
  color: #fff;
  padding: 0 15px;
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .c-banner .button-container {
    width: 1690px;
  }
}
.new-brand-page-wrap .c-banner.banner-cards .swiper .swiper-pagination {
  bottom: 150px !important;
  padding: 0 15px;
}
.new-brand-page-wrap .c-banner.banner-cards .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0;
}
.new-brand-page-wrap .c-banner .banner-swiper {
  position: relative;
  height: 100%;
}
.new-brand-page-wrap .c-banner .banner-swiper.swiper-no-swiping .swiper-pagination {
  display: none;
}
.new-brand-page-wrap .c-banner .swiper-slide {
  overflow: hidden;
}
.new-brand-page-wrap .c-banner .slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-banner .replace-bg {
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .c-banner .container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  height: 100%;
}
.new-brand-page-wrap .c-banner .container.pagination-container {
  top: auto;
  bottom: 0;
  z-index: 2;
  height: auto;
}
.new-brand-page-wrap .c-banner .button-container {
  top: 50%;
  height: auto;
  z-index: 10;
}
.new-brand-page-wrap .c-banner .footer-info,
.new-brand-page-wrap .c-banner .pip-price-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .c-banner .footer-info .container,
  .new-brand-page-wrap .c-banner .pip-price-info .container {
    width: 1130px;
  }
}
@media (max-width: 991px) {
  .new-brand-page-wrap .c-banner .footer-info .container,
  .new-brand-page-wrap .c-banner .pip-price-info .container {
    width: 100%;
  }
}
.new-brand-page-wrap .c-banner .footer-info .inner,
.new-brand-page-wrap .c-banner .pip-price-info .inner {
  position: relative;
  color: #fff;
}
.new-brand-page-wrap .c-banner .footer-info .inner .left,
.new-brand-page-wrap .c-banner .pip-price-info .inner .left {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
.new-brand-page-wrap .c-banner .footer-info .inner .left .title,
.new-brand-page-wrap .c-banner .pip-price-info .inner .left .title {
  margin-bottom: 0.1em;
}
.new-brand-page-wrap .c-banner .footer-info .inner .left dl,
.new-brand-page-wrap .c-banner .pip-price-info .inner .left dl {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4%;
}
@media (max-width: 1199px) {
  .new-brand-page-wrap .c-banner .footer-info .inner .left dl,
  .new-brand-page-wrap .c-banner .pip-price-info .inner .left dl {
    margin-right: 2%;
  }
}
.new-brand-page-wrap .c-banner .footer-info .inner .left dl:last-of-type,
.new-brand-page-wrap .c-banner .pip-price-info .inner .left dl:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .c-banner .footer-info .inner .left dl dd,
.new-brand-page-wrap .c-banner .footer-info .inner .left dl dt,
.new-brand-page-wrap .c-banner .pip-price-info .inner .left dl dd,
.new-brand-page-wrap .c-banner .pip-price-info .inner .left dl dt {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-banner .footer-info .inner .right,
.new-brand-page-wrap .c-banner .pip-price-info .inner .right {
  float: right;
}
.new-brand-page-wrap .c-banner .footer-info .inner .right .btn-link-wrap,
.new-brand-page-wrap .c-banner .pip-price-info .inner .right .btn-link-wrap {
  margin: 0 -15px;
  position: relative;
  z-index: 10;
}
.new-brand-page-wrap .c-banner .footer-info .inner .right .btn-link-wrap .c-button,
.new-brand-page-wrap .c-banner .pip-price-info .inner .right .btn-link-wrap .c-button {
  width: 50%;
  padding: 0 15px;
  margin: 0;
  max-width: 178px;
}
.new-brand-page-wrap .c-banner .footer-info .inner .right .btn-link-wrap .c-button a,
.new-brand-page-wrap .c-banner .pip-price-info .inner .right .btn-link-wrap .c-button a {
  width: 100%;
  text-align: center;
}
.new-brand-page-wrap .c-banner .footer-info .inner-content,
.new-brand-page-wrap .c-banner .pip-price-info .inner-content {
  max-width: 1100px;
  margin: 0 auto;
}
.new-brand-page-wrap .c-banner .description i {
  color: #e63312;
  margin-right: 10px;
}
.new-brand-page-wrap .c-banner .text-wrap {
  position: absolute;
  width: 65%;
  padding: 0 15px;
  color: #fff;
}
.new-brand-page-wrap .c-banner .text-wrap h2.title {
  margin-bottom: 0.45em;
  line-height: 1;
}
.new-brand-page-wrap .c-banner .text-wrap.top-left {
  top: 20%;
  left: 0;
}
.new-brand-page-wrap .c-banner .text-wrap.top-right {
  top: 20%;
  right: 0;
  text-align: right;
}
.new-brand-page-wrap .c-banner .text-wrap.top-center {
  top: 20%;
}
.new-brand-page-wrap .c-banner .text-wrap.top-center,
.new-brand-page-wrap .c-banner .text-wrap.top-center-cards {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
.new-brand-page-wrap .c-banner .text-wrap.top-center-cards {
  top: 15%;
  width: 100%;
}
.new-brand-page-wrap .c-banner .text-wrap.top-center-cards .title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-banner .text-wrap.top-center-cards .c-button {
  float: inherit !important;
}
.new-brand-page-wrap .c-banner .text-wrap.bottom-left {
  bottom: 20%;
  left: 0;
}
.new-brand-page-wrap .c-banner .text-wrap.bottom-right {
  bottom: 20%;
  right: 0;
  text-align: right;
}
.new-brand-page-wrap .c-banner .text-wrap.bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20%;
  text-align: center;
}
.new-brand-page-wrap .c-banner .text-wrap.vertical-left-center {
  left: 0;
}
.new-brand-page-wrap .c-banner .text-wrap.vertical-left-center,
.new-brand-page-wrap .c-banner .text-wrap.vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-brand-page-wrap .c-banner .text-wrap.vertical-right-center {
  right: 0;
  text-align: right;
}
.new-brand-page-wrap .c-banner .text-wrap.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.new-brand-page-wrap .c-banner .btn-link-wrap {
  margin-top: 30px;
}
.new-brand-page-wrap .c-banner .btn-link-wrap .c-button {
  float: left;
  display: inline-block;
  margin-right: 30px;
}
.new-brand-page-wrap .c-banner .btn-link-wrap .c-button.float-none {
  float: inherit;
}
.new-brand-page-wrap .c-banner .btn-link-wrap .c-button:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .c-banner .btn-link-wrap.text-center .c-button {
  float: none;
  margin: 0 30px;
}
.new-brand-page-wrap .c-banner.full-screen {
  height: 930px;
  max-height: calc(100vh - 110px);
}
.new-brand-page-wrap .c-banner.full-screen .placeholder {
  display: none;
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .c-banner .text-wrap.top-center,
  .new-brand-page-wrap .c-banner .text-wrap.top-left,
  .new-brand-page-wrap .c-banner .text-wrap.top-right {
    top: 18.5%;
  }
  .new-brand-page-wrap .c-banner .text-wrap.bottom-center,
  .new-brand-page-wrap .c-banner .text-wrap.bottom-left,
  .new-brand-page-wrap .c-banner .text-wrap.bottom-right {
    bottom: 18.5%;
  }
}
.new-brand-page-wrap .body-cars-wrap .c-banner .text-wrap .word-inner span.big-num,
.new-brand-page-wrap .body-index-wrap .c-banner .text-wrap .word-inner span.big-num {
  font-size: 1.45em;
  line-height: 1;
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .new-brand-page-wrap .body-cars-wrap .c-banner .container,
  .new-brand-page-wrap .body-index-wrap .c-banner .container {
    width: 1200px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1749px) {
  .new-brand-page-wrap .body-cars-wrap .c-banner .container,
  .new-brand-page-wrap .body-index-wrap .c-banner .container {
    width: 1368px;
  }
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .body-cars-wrap .c-banner .container,
  .new-brand-page-wrap .body-index-wrap .c-banner .container {
    width: 1690px;
  }
}
.new-brand-page-wrap .body-cars-wrap .c-banner .tips {
  bottom: 125px;
}
.new-brand-page-wrap .body-cars-wrap.is-vertical .c-banner .tips {
  bottom: 175px;
}
.new-brand-page-wrap .c-always .btn-always-toggle {
  position: fixed;
  bottom: 100px;
  right: 25px;
  width: 55px;
  height: 55px;
  z-index: 1029;
  border-radius: 50%;
  cursor: pointer;
}
.new-brand-page-wrap .c-always .btn-always-toggle .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  background: #fff;
  border-radius: 50%;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.17);
}
.new-brand-page-wrap .c-always .btn-always-toggle .icon-guanbi {
  display: none;
}
.new-brand-page-wrap .c-always .always-layer {
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1028;
  width: 100%;
  padding: 25px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f6f3f2;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.new-brand-page-wrap .c-always .always-layer .item {
  margin: 0 30px;
  text-align: center;
}
.new-brand-page-wrap .c-always .always-layer .name {
  display: block;
}
.new-brand-page-wrap .c-always.active .btn-always-toggle .icon-xianxingtubiaozhizuomoban-25 {
  display: none;
}
.new-brand-page-wrap .c-always.active .btn-always-toggle .icon-guanbi {
  display: block;
}
.new-brand-page-wrap .c-always.active .always-layer {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.new-brand-page-wrap .is-vertical .c-always .always-layer {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.new-brand-page-wrap .is-vertical .c-always .always-layer .item {
  margin: 0 15px;
}
.new-brand-page-wrap .c-recommend-card .card-list {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.new-brand-page-wrap .c-recommend-card .card-list .card-swiper {
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-recommend-card .card-list .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 63%;
  height: 500px;
  background: #fff;
}
.new-brand-page-wrap .c-recommend-card .card-list .swiper-slide:first-of-type {
  z-index: 1;
}
.new-brand-page-wrap .c-recommend-card .card-list .swiper-slide:first-of-type .inner {
  padding-left: 0;
}
.new-brand-page-wrap .c-recommend-card .card-list .swiper-slide:nth-of-type(2) {
  left: 33.3333%;
  z-index: 2;
}
.new-brand-page-wrap .c-recommend-card .card-list .swiper-slide:nth-of-type(3) {
  left: 66.6666%;
  z-index: 3;
}
.new-brand-page-wrap .c-recommend-card .card-list .inner {
  padding-left: 50px;
}
.new-brand-page-wrap .c-recommend-card .card-list .btn-box,
.new-brand-page-wrap .c-recommend-card .card-list .title {
  margin-bottom: 50px;
}
.new-brand-page-wrap .c-recommend-card .card-list .car {
  width: auto;
  height: 240px;
}
.new-brand-page-wrap .c-recommend-card .swiper-button-next,
.new-brand-page-wrap .c-recommend-card .swiper-button-prev {
  color: #012c5f;
}
.new-brand-page-wrap .c-recommend-card .swiper-button-prev {
  left: -15px;
}
.new-brand-page-wrap .c-recommend-card .swiper-button-next {
  right: 5px;
}
.new-brand-page-wrap .is-horizontal .c-recommend-card .swiper-button-next,
.new-brand-page-wrap .is-horizontal .c-recommend-card .swiper-button-prev {
  display: none;
}
.new-brand-page-wrap .c-hd-technology {
  position: relative;
}
.new-brand-page-wrap .c-hd-technology .page-padding {
  height: 100%;
}
.new-brand-page-wrap .c-hd-technology .title .word-block:last-of-type {
  display: block;
}
.new-brand-page-wrap .c-hd-technology .button-container.container {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.new-brand-page-wrap .c-hd-technology .hd-technology-swiper {
  position: relative;
  height: 100%;
}
.new-brand-page-wrap .c-hd-technology .hd-technology-swiper.swiper-no-swiping .swiper-pagination {
  display: none;
}
.new-brand-page-wrap .c-hd-technology .swiper-slide {
  overflow: hidden;
}
.new-brand-page-wrap .c-hd-technology .bg {
  height: 530px;
}
.new-brand-page-wrap .c-hd-technology .replace-bg {
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .c-hd-technology .container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  height: 100%;
}
.new-brand-page-wrap .c-hd-technology .container.pagination-container {
  top: auto;
  bottom: 0;
  z-index: 2;
  height: auto;
}
.new-brand-page-wrap .c-hd-technology .text-wrap {
  position: absolute;
  width: 45%;
  padding: 0 15px;
  color: #fff;
}
.new-brand-page-wrap .c-hd-technology .text-wrap.top-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.new-brand-page-wrap .c-hd-technology .btn-link-wrap {
  margin-top: 30px;
}
.new-brand-page-wrap .c-hd-technology .btn-link-wrap .c-button {
  display: inline-block;
  margin-right: 30px;
}
.new-brand-page-wrap .c-hd-technology .btn-link-wrap .c-button:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .c-hd-technology .swiper-button-next .name,
.new-brand-page-wrap .c-hd-technology .swiper-button-prev .name {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}
.new-brand-page-wrap .c-hd-technology .swiper-button-prev .name {
  left: 50px;
}
.new-brand-page-wrap .c-hd-technology .swiper-button-next .name {
  right: 50px;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .container {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap {
  width: 100%;
  padding: 0 30px;
  text-align: left;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap .btn-link-wrap {
  margin-top: 20px;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap .btn-link-wrap .c-button {
  margin-right: 15px;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap .btn-link-wrap .c-button:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap .word-block,
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap .word-inner {
  display: inline;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap .title {
  margin-bottom: 15px;
}
.new-brand-page-wrap .is-vertical .c-hd-technology .text-wrap.top-center {
  top: 60px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
.new-brand-page-wrap .c-news-center .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .c-news-center .news-col {
  width: 50%;
}
.new-brand-page-wrap .c-news-center .title-box .title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-news-center .title-box .tag {
  width: 100%;
}
.new-brand-page-wrap .c-news-center .item {
  position: relative;
}
.new-brand-page-wrap .c-news-center .item .pic {
  width: 100%;
}
.new-brand-page-wrap .c-news-center .item .text-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 50px;
  color: #fff;
}
.new-brand-page-wrap .c-news-center .item .title {
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-news-center .item .description {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-news-center .item .c-button a {
  color: #fff;
}
.new-brand-page-wrap .c-news-center .button-wrap {
  padding-top: 40px;
  text-align: center;
}
.new-brand-page-wrap .c-news-center .button-wrap .c-button {
  margin: 0 12px;
}
.new-brand-page-wrap .is-vertical .c-news-center .news-center-swiper {
  margin-left: -30px;
  margin-right: -30px;
}
.new-brand-page-wrap .is-vertical .c-news-center .item .text-wrap {
  padding: 40px 30px 0;
}
.new-brand-page-wrap .is-vertical .c-news-center .item .description {
  margin-bottom: 15px;
}
.new-brand-page-wrap .is-vertical .c-news-center .button-wrap {
  padding-top: 30px;
}
.new-brand-page-wrap .is-vertical .c-news-center .button-wrap .c-button {
  width: 100%;
  margin: 0;
}
.new-brand-page-wrap .is-vertical .c-news-center .swiper-pagination {
  padding: 0;
}
.new-brand-page-wrap .c-hot-activity {
  background: #f6f3f2;
  overflow: hidden;
}
.new-brand-page-wrap .c-hot-activity .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background: #e4dbd2;
}
.new-brand-page-wrap .c-hot-activity .title-box {
  margin-bottom: 30px;
  text-align: center;
}
.new-brand-page-wrap .c-hot-activity .hot-activity-swiper {
  overflow: visible;
}
.new-brand-page-wrap .c-hot-activity .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-hot-activity .swiper-slide .img-box {
  width: 70%;
  height: 360px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
}
.new-brand-page-wrap .c-hot-activity .swiper-slide .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  padding: 40px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-hot-activity .swiper-slide .title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-hot-activity .swiper-slide .description {
  margin-bottom: 25px;
  color: #b3aeaa;
}
.new-brand-page-wrap .c-hot-activity .swiper-slide .button-box {
  text-align: left;
}
.new-brand-page-wrap .c-hot-activity .pagination-container {
  position: relative;
}
.new-brand-page-wrap .c-hot-activity .view-more {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  text-align: center;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .title-box {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .hot-activity-swiper {
  padding-left: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide {
  display: block;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide .img-box {
  width: 100%;
  height: 220px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide .img-box-mb {
    height: 0;
    width: 100%;
    padding-bottom: 79%;
  }
}
.new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide .text-wrap {
  position: relative;
  width: 100%;
  padding: 30px 20px 70px;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide .title {
  height: 48px;
  max-height: none;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide .title {
    height: 60px;
  }
  .new-brand-page-wrap .is-vertical .c-hot-activity .swiper-slide .description {
    height: 84px;
  }
}
.new-brand-page-wrap .is-vertical .c-hot-activity .pagination-container {
  padding: 0;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .swiper-pagination-bullet {
  margin: 0 !important;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .swiper-pagination {
  padding: 0 15px;
  bottom: 20px !important;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .view-more {
  padding: 30px 30px 0;
}
.new-brand-page-wrap .is-vertical .c-hot-activity .view-more .c-button {
  width: 100%;
}
.new-brand-page-wrap .c-social-media {
  background: #fff;
  overflow: hidden;
}
.new-brand-page-wrap .c-social-media .swiper-wrp {
  position: relative;
}
.new-brand-page-wrap .c-social-media .swiper-wrp .swiper {
  height: 100%;
}
.new-brand-page-wrap .c-social-media .swiper-wrp .swiper-wrapper {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition: transform 1s !important;
  -webkit-transition: -webkit-transform 1s !important;
  transition: -webkit-transform 1s !important;
  transition: transform 1s !important;
  transition: transform 1s, -webkit-transform 1s !important;
}
.new-brand-page-wrap .c-social-media .title-box {
  margin-bottom: 30px;
  text-align: center;
}
.new-brand-page-wrap .c-social-media .media-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-social-media .media-tab .item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0 15px;
  padding: 13px 20px;
  color: #999;
  border: 1px solid #e4dcd3;
  cursor: pointer;
}
.new-brand-page-wrap .c-social-media .media-tab .item.active,
.new-brand-page-wrap .c-social-media .media-tab .item:hover {
  color: #43c7ee;
  border-color: #43c7ee;
}
.new-brand-page-wrap .c-social-media .social-media-swiper {
  display: none;
  overflow: visible;
}
.new-brand-page-wrap .c-social-media .social-media-swiper.active {
  display: block;
}
.new-brand-page-wrap .c-social-media .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-social-media .swiper-slide .img-box {
  width: 70%;
  height: 360px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .c-social-media .swiper-slide .text-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  padding: 35px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-social-media .swiper-slide .icon {
  width: 35px;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-social-media .swiper-slide .tag {
  margin-bottom: 20px;
  color: #999;
}
.new-brand-page-wrap .c-social-media .swiper-slide .c-button {
  margin-top: 40%;
}
.new-brand-page-wrap .c-social-media .pagination-container {
  position: relative;
}
.new-brand-page-wrap .c-social-media .view-more {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  text-align: center;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-wrp .swiper {
  min-height: 50vh;
}
.new-brand-page-wrap .is-vertical .c-social-media .title-box {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-wrp {
  height: auto;
  min-height: 50vh;
}
.new-brand-page-wrap .is-vertical .c-social-media .media-tab {
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.new-brand-page-wrap .is-vertical .c-social-media .media-tab .item {
  margin: 0 12px 15px 0;
  line-height: 42px;
  padding: 0 20px;
  margin-top: 0;
}
.new-brand-page-wrap .is-vertical .c-social-media .social-media-swiper {
  padding-left: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-slide {
  display: block;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-slide .img-box {
  width: 100%;
  height: 220px;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-slide .text-wrap {
  position: relative;
  width: 100%;
  padding: 30px 20px 60px;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-slide .title {
  height: 110px;
  max-height: none;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .new-brand-page-wrap .is-vertical .c-social-media .swiper-slide .title {
    height: 98px;
  }
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-pagination {
  bottom: 20px !important;
  padding-right: 15px;
  pointer-events: none;
}
.new-brand-page-wrap .is-vertical .c-social-media .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
}
.new-brand-page-wrap .is-vertical .c-social-media .view-more {
  padding: 30px 30px 0;
}
.new-brand-page-wrap .is-vertical .c-social-media .view-more .c-button {
  width: 100%;
}
.new-brand-page-wrap .c-more-link {
  background: #fff;
}
.new-brand-page-wrap .c-more-link.active {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.new-brand-page-wrap .c-more-link .media-tab {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-more-link .media-tab .item {
  width: 20%;
  float: left;
  height: 100%;
  position: relative;
  color: #000;
}
.new-brand-page-wrap .c-more-link .media-tab .icon-gouwuche {
  position: relative;
}
.new-brand-page-wrap .c-more-link .media-tab .icon-gouwuche:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -80%;
  content: "HOT";
  font-size: 12px;
  color: #fff;
  background: #e63312;
  line-height: 1;
  padding: 2px;
  -webkit-transform: translateY(-50%) scale(0.9);
  transform: translateY(-50%) scale(0.9);
}
.new-brand-page-wrap .c-more-link .media-tab a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.new-brand-page-wrap .c-more-link .media-tab .iconfont {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  display: block;
  margin: 0 auto;
}
.new-brand-page-wrap .c-more-link .media-tab .h4 {
  font-size: 14px;
  margin-top: 3px;
}
.new-brand-page-wrap .c-more-link .media-tab .h2,
.new-brand-page-wrap .c-more-link .media-tab .h4 {
  font-weight: 400 !important;
}
.new-brand-page-wrap .c-more-link .media-tab a:hover .h2,
.new-brand-page-wrap .c-more-link .media-tab a:hover .h4 {
  color: #43c7ee;
}
.new-brand-page-wrap .is-vertical .c-more-link .media-tab .iconfont {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.new-brand-page-wrap .is-vertical .c-more-link .media-tab .item {
  width: 25%;
  word-break: keep-all;
  white-space: nowrap;
}
.new-brand-page-wrap .is-vertical .c-more-link .media-tab .item .h4 {
  font-size: 12px;
  margin-top: 12px;
}
.new-brand-page-wrap .is-vertical .c-more-link .media-tab .item:first-of-type {
  display: none;
}
.new-brand-page-wrap .c-honorary-award {
  overflow: hidden;
  text-align: justify;
}
.new-brand-page-wrap .c-honorary-award .page-padding {
  padding-top: 20px !important;
}
.new-brand-page-wrap .c-honorary-award > .container {
  position: relative;
}
.new-brand-page-wrap .c-honorary-award .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.new-brand-page-wrap .c-honorary-award .swiper-slide a {
  display: block;
}
.new-brand-page-wrap .c-honorary-award .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .c-honorary-award .honorary-award-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-honorary-award .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .c-honorary-award .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-honorary-award .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-honorary-award .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
  margin: 0;
}
.new-brand-page-wrap .c-honorary-award .text-wrap {
  position: relative;
  padding-right: 30%;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-honorary-award .text-wrap .title {
  width: 100%;
}
.new-brand-page-wrap .c-honorary-award .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-honorary-award .img-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 25%;
}
.new-brand-page-wrap .c-honorary-award .title-box .description {
  margin: 30px 0 60px;
}
.new-brand-page-wrap .c-honorary-award .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .is-vertical .c-honorary-award {
  padding-bottom: 120px;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .page-padding {
  padding-top: 50px !important;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .swiper {
  margin: auto;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .title-box .description {
  margin: 15px 0 30px;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .swiper,
.new-brand-page-wrap .is-vertical .c-honorary-award .swiper-slide {
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .text-wrap {
  padding: 0;
  width: 84%;
  margin: 0 auto;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .text-wrap .description {
  margin-top: 15px;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .text-wrap .img-box {
  position: relative;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
  transform: inherit;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 80px;
  bottom: -110px;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .honorary-award-swiper {
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .c-honorary-award .swiper-pagination {
  position: absolute;
  bottom: -90px !important;
}
.new-brand-page-wrap .c-learn-more {
  overflow: hidden;
}
.new-brand-page-wrap .c-learn-more .title-box {
  margin-bottom: 80px;
}
.new-brand-page-wrap .c-learn-more .swiper,
.new-brand-page-wrap .c-learn-more .swiper .swiper-slide {
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .c-learn-more .swiper .swiper-slide {
  height: 100%;
}
.new-brand-page-wrap .c-learn-more .swiper .swiper-slide a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-learn-more .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .c-learn-more .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-learn-more .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-learn-more .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .c-learn-more .swiper-button-prev {
  left: -5%;
}
.new-brand-page-wrap .c-learn-more .swiper-button-next {
  right: -5%;
  left: inherit;
}
.new-brand-page-wrap .c-learn-more .swiper-button-next,
.new-brand-page-wrap .c-learn-more .swiper-button-prev {
  width: auto;
  height: auto;
  color: #fff;
}
.new-brand-page-wrap .c-learn-more .swiper-button-next:after,
.new-brand-page-wrap .c-learn-more .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .c-learn-more .swiper-button-next.black,
.new-brand-page-wrap .c-learn-more .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .c-learn-more .text-wrap {
  position: relative;
}
.new-brand-page-wrap .c-learn-more .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-learn-more .img-box {
  width: 100%;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-learn-more .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-learn-more .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .is-vertical .c-learn-more .container {
  padding-right: 0;
}
.new-brand-page-wrap .is-vertical .c-learn-more .swiper {
  margin: auto;
}
.new-brand-page-wrap .is-vertical .c-learn-more .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-learn-more .swiper-slide {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .c-learn-more .img-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-learn-more .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .c-exquisite-drawing {
  background: #fff;
  overflow: hidden;
}
.new-brand-page-wrap .c-exquisite-drawing .title-box {
  margin-bottom: 40px;
}
.new-brand-page-wrap .c-exquisite-drawing .media-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-exquisite-drawing .media-tab .item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
  min-width: 120px;
  margin: 0 6px;
  padding: 13px 20px;
  color: #999;
  border: 1px solid #e4dcd3;
  cursor: pointer;
}
.new-brand-page-wrap .c-exquisite-drawing .media-tab .item.active,
.new-brand-page-wrap .c-exquisite-drawing .media-tab .item:hover {
  color: #43c7ee;
  border-color: #43c7ee;
}
.new-brand-page-wrap .c-exquisite-drawing .exquisite-drawing-swiper {
  display: none;
  overflow: visible;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-slide .img-box {
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-slide .text-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  padding: 35px 20px;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-slide .icon {
  width: 35px;
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-slide .tag {
  margin-bottom: 20px;
  color: #999;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-slide .c-button {
  margin-top: 40%;
}
.new-brand-page-wrap .c-exquisite-drawing .button-container {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-brand-page-wrap .c-exquisite-drawing .pagination-container,
.new-brand-page-wrap .c-exquisite-drawing .pagination-container .container {
  position: relative;
}
.new-brand-page-wrap .c-exquisite-drawing .swiper-pagination {
  bottom: -80px;
  padding: 0 15px;
}
.new-brand-page-wrap .layer-img-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999999;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.new-brand-page-wrap .layer-img-box .close-btn {
  position: absolute;
  top: -80px;
  right: 15px;
  color: #fff;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-size: 26px;
}
.new-brand-page-wrap .layer-img-box .close-btn:hover {
  background: #fff;
  color: #000;
}
.new-brand-page-wrap .layer-img-box .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-brand-page-wrap .layer-img-box .pic img {
  width: 100%;
  max-height: 80vh;
  -o-object-fit: contain;
  object-fit: contain;
}
.new-brand-page-wrap .is-vertical .layer-img-box .container {
  width: 100%;
  padding: 0;
}
.new-brand-page-wrap .is-vertical .layer-img-box .close-btn {
  right: 30px;
  width: 42px;
  height: 42px;
  font-size: 20px;
  line-height: 42px;
  top: -60px;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .media-tab {
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .media-tab .item {
  margin: 0 12px 15px 0;
  line-height: 42px;
  padding: 0 20px;
  margin-top: 0;
  min-width: inherit;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .button-container {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .swiper-button-prev {
  left: 30px;
  margin-top: -11px;
  width: auto;
  height: auto;
  color: #000;
  text-shadow: -2px 0 0 #fff;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .swiper-button-next {
  right: 30px;
  margin-top: -11px;
  width: auto;
  height: auto;
  color: #000;
  text-shadow: 2px 0 0 #fff;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .swiper .swiper-pagination {
  bottom: -60px;
  padding: 0;
}
.new-brand-page-wrap .is-vertical .c-exquisite-drawing .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 30px;
}
.new-brand-page-wrap .c-model-configuration .page-padding {
  padding-bottom: 20px !important;
}
.new-brand-page-wrap .c-model-configuration.disable .button-container {
  display: none;
}
.new-brand-page-wrap .c-model-configuration.disable .swiper-wrapper {
  display: block;
}
.new-brand-page-wrap .c-model-configuration .description span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.new-brand-page-wrap .c-model-configuration.nexo-des {
  border-bottom: 1px solid #e4dcd3;
  padding-bottom: 120px;
}
.new-brand-page-wrap .c-model-configuration .title-box {
  margin-bottom: 60px;
  text-align: center;
}
.new-brand-page-wrap .c-model-configuration .model-configuration-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-model-configuration .swiper-slide {
  display: block;
  background: #fff;
}
.new-brand-page-wrap .c-model-configuration .swiper-slide .clear {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-model-configuration .swiper-slide .img-box {
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80% auto;
}
.new-brand-page-wrap .c-model-configuration .swiper-slide .text-wrap {
  float: right;
  width: 40%;
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-model-configuration .swiper-slide .img-box,
  .new-brand-page-wrap .c-model-configuration .swiper-slide .text-wrap {
    width: 50%;
  }
}
.new-brand-page-wrap .c-model-configuration .swiper-slide .description,
.new-brand-page-wrap .c-model-configuration .swiper-slide .title {
  margin-bottom: 35px;
}
.new-brand-page-wrap .c-model-configuration .pagination-container {
  position: relative;
}
.new-brand-page-wrap .c-model-configuration .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .c-model-configuration .swiper-pagination {
  bottom: -50px;
}
.new-brand-page-wrap .c-model-configuration .btn-link-wrap {
  width: 100%;
  text-align: center;
}
.new-brand-page-wrap .c-model-configuration .btn-link-wrap .c-button {
  max-width: 300px;
  min-width: inherit;
  width: 33.333%;
  -webkit-transform: inherit;
  transform: inherit;
  margin: 0 5px;
}
.new-brand-page-wrap .c-model-configuration .pip-price-info .left {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new-brand-page-wrap .c-model-configuration .pip-price-info dd,
.new-brand-page-wrap .c-model-configuration .pip-price-info dt {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-model-configuration .pip-price-info dl {
  padding: 0 10px;
  width: 50%;
  float: left;
  margin-bottom: 25px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration.nexo-des {
  padding-bottom: 60px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper {
  overflow: hidden;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .clear {
  margin-bottom: 40px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .button-container {
  width: 100%;
  top: 36%;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .button-container .swiper-button-prev {
  left: 5px;
  font-size: 24px !important;
  width: auto;
  height: auto;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .button-container .swiper-button-next {
  right: 5px;
  font-size: 24px !important;
  width: auto;
  height: auto;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .text-wrap {
  float: none;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .text-wrap .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .text-wrap .description {
  margin-bottom: 10px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .text-wrap .tips {
  margin-bottom: 5px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .img-box {
  position: static;
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .text-wrap {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl {
  margin-bottom: 0;
  width: 33.333333%;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .visible-vert {
  display: none !important;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert {
  display: inline-block !important;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
    font-size: 48px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 639px) {
  .new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
    font-size: 36px;
  }
}
@media screen and (max-width: 480px) {
  .new-brand-page-wrap .is-vertical .c-model-configuration .swiper-slide .pip-price-info dl:first-of-type .hidden-vert .h6 {
    font-size: 24px;
  }
}
.new-brand-page-wrap .is-vertical .c-model-configuration .btn-link-wrap .c-button {
  width: 100%;
  max-width: inherit;
  margin: 0 auto 15px;
  display: block;
}
.new-brand-page-wrap .is-vertical .c-model-configuration .btn-link-wrap .c-button:last-of-type {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-model-configuration.nexo .swiper-slide .pip-price-info dl:first-of-type p.h6 {
  font-size: 18px;
}
.new-brand-page-wrap .c-intelligent-safety {
  overflow: hidden;
}
.new-brand-page-wrap .c-intelligent-safety.full-container .button-container {
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  margin-top: 0;
  top: 300px;
}
.new-brand-page-wrap .c-intelligent-safety.full-container .img-box {
  height: 380px;
}
.new-brand-page-wrap .c-intelligent-safety.full-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.new-brand-page-wrap .c-intelligent-safety.full-container .link {
  width: 100%;
}
.new-brand-page-wrap .c-intelligent-safety a {
  display: block;
}
.new-brand-page-wrap .c-intelligent-safety#result .outer-container,
.new-brand-page-wrap .c-intelligent-safety#result .pagination-container {
  display: none;
}
.new-brand-page-wrap .c-intelligent-safety .swiper {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .c-intelligent-safety .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.new-brand-page-wrap .c-intelligent-safety .swiper .swiper-slide a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-intelligent-safety.no-flex .swiper {
  overflow: visible;
  display: block;
}
.new-brand-page-wrap .c-intelligent-safety.no-flex .swiper .swiper-slide {
  display: block;
  height: 100%;
}
.new-brand-page-wrap .c-intelligent-safety.no-flex .swiper .swiper-slide a {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}
.new-brand-page-wrap .c-intelligent-safety .icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  border-radius: 50%;
  overflow: hidden;
  color: #00aad2;
  cursor: pointer;
  display: block;
}
.new-brand-page-wrap .c-intelligent-safety .icon:hover {
  background: #00aad2;
  color: #fff;
}
.new-brand-page-wrap .c-intelligent-safety .icont {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
}
.new-brand-page-wrap .c-intelligent-safety .icont:before {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.new-brand-page-wrap .c-intelligent-safety.border-line .img-box {
  border: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-intelligent-safety .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .c-intelligent-safety .swiper .intelligent-safety-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-intelligent-safety .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-intelligent-safety .title-box .h5 {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-intelligent-safety .swiper-pagination-bullet {
  display: none;
  width: auto;
  height: auto;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .c-intelligent-safety .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-intelligent-safety .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-intelligent-safety .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .c-intelligent-safety .button-container {
  top: 30%;
}
.new-brand-page-wrap .c-intelligent-safety .text-wrap {
  position: relative;
  width: 92%;
  max-width: 330px;
}
.new-brand-page-wrap .c-intelligent-safety .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-intelligent-safety .img-box {
  width: 100%;
  margin-bottom: 35px;
  position: relative;
}
.new-brand-page-wrap .c-intelligent-safety .img-box .play {
  width: 10%;
  max-width: 70px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-brand-page-wrap .c-intelligent-safety .img-box img {
  width: 100%;
}
.new-brand-page-wrap .c-intelligent-safety .img-box .icon-player {
  position: absolute;
  top: 50%;
  z-index: 99;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 46px;
  color: #fff;
  width: 100%;
  height: 100%;
  background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
  opacity: 0.5;
  cursor: pointer;
}
.new-brand-page-wrap .c-intelligent-safety .img-box .icon-player:hover {
  opacity: 1;
}
.new-brand-page-wrap .c-intelligent-safety .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-intelligent-safety .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .c-intelligent-safety.full-container .title-box {
  padding: 0;
}
.new-brand-page-wrap .c-intelligent-safety.full-container .swiper {
  width: 100vw;
  display: block;
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .c-intelligent-safety.full-container .inner-container {
    width: 1690px;
  }
}
.new-brand-page-wrap .c-surging-performance {
  overflow: hidden;
}
.new-brand-page-wrap .c-surging-performance .swiper {
  position: relative;
}
.new-brand-page-wrap .c-surging-performance .swiper .surging-performance-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-surging-performance .pip-price-info {
  border-top: 1px solid #e4dcd3;
  padding-top: 20px;
  margin: 20px -10px 0;
}
.new-brand-page-wrap .c-surging-performance .pip-price-info .left {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new-brand-page-wrap .c-surging-performance .pip-price-info dd,
.new-brand-page-wrap .c-surging-performance .pip-price-info dt {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-surging-performance .pip-price-info dl {
  padding: 0 10px;
  width: 50%;
  float: left;
  margin-bottom: 25px;
}
.new-brand-page-wrap .c-surging-performance .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-surging-performance .title-box .h5 {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-surging-performance .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .c-surging-performance .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-surging-performance .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-surging-performance .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .c-surging-performance .swiper-button-prev {
  left: -72px;
}
.new-brand-page-wrap .c-surging-performance .swiper-button-next {
  right: -72px;
  left: inherit;
}
.new-brand-page-wrap .c-surging-performance .swiper {
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .c-surging-performance .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.new-brand-page-wrap .c-surging-performance .swiper .swiper-slide a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-surging-performance .swiper-button-next,
.new-brand-page-wrap .c-surging-performance .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.new-brand-page-wrap .c-surging-performance .swiper-button-next:after,
.new-brand-page-wrap .c-surging-performance .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .c-surging-performance .swiper-button-next.black,
.new-brand-page-wrap .c-surging-performance .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .c-surging-performance .text-wrap {
  position: relative;
  width: 50%;
  float: left;
  padding: 55px;
}
.new-brand-page-wrap .c-surging-performance .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-surging-performance .img-box {
  width: 50%;
  float: left;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .c-surging-performance .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-surging-performance .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .container {
  padding: 0;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .title-box {
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .text-wrap {
  width: 100%;
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .swiper {
  margin: auto;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .swiper-slide {
  text-align: left;
  min-height: 110vw;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .container {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .img-box {
  width: 100%;
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-surging-performance .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .c-exclusive {
  padding: 40px 0 50px;
}
.new-brand-page-wrap .c-exclusive,
.new-brand-page-wrap .c-exclusive .container {
  position: relative;
}
.new-brand-page-wrap .c-exclusive .title {
  color: #fff;
}
.new-brand-page-wrap .c-exclusive .c-button {
  margin-top: 20px;
}
.new-brand-page-wrap .c-exclusive .img-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.new-brand-page-wrap .c-exclusive .img-bg {
  max-width: 100%;
  display: block;
  width: 100%;
}
.new-brand-page-wrap .c-exclusive.imgBg {
  padding: 0;
}
.new-brand-page-wrap .c-exclusive.imgBg .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-exclusive .c-button {
  width: 100%;
}
.new-brand-page-wrap .c-surface1 {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.new-brand-page-wrap .c-surface1 .swiper {
  overflow: visible;
}
.new-brand-page-wrap .c-surface1 .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.new-brand-page-wrap .c-surface1.cards-social {
  overflow: visible;
}
.new-brand-page-wrap .c-surface1.cards-social .swiper-slide {
  background: #e4dbd2;
}
.new-brand-page-wrap .c-surface1.cards-social .swiper-slide .title {
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-surface1 .title-box {
  margin-bottom: 30px;
  text-align: center;
}
.new-brand-page-wrap .c-surface1 .media-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-surface1 .media-tab .item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0 15px;
  padding: 7px 20px;
  color: #999;
  border: 1px solid #e4dcd3;
  cursor: pointer;
}
.new-brand-page-wrap .c-surface1 .media-tab .item.active {
  color: #fff;
  background: #012c5f;
  border-color: #012c5f;
}
.new-brand-page-wrap .c-surface1 .surface1-swiper {
  display: none;
  overflow: visible;
}
.new-brand-page-wrap .c-surface1 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-surface1 .swiper-slide .img-box {
  width: 70%;
  height: 360px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .c-surface1 .swiper-slide .text-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  padding: 35px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-surface1 .swiper-slide .icon {
  width: 35px;
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-surface1 .swiper-slide .tag {
  margin-bottom: 20px;
  color: #999;
}
.new-brand-page-wrap .c-surface1 .swiper-slide .c-button {
  margin-top: 40%;
}
.new-brand-page-wrap .c-surface1 .pagination-container {
  position: relative;
}
.new-brand-page-wrap .is-vertical .c-surface1 {
  padding: 0 0 0 30px;
}
.new-brand-page-wrap .is-vertical .c-surface1 .page-padding {
  padding-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-surface1.cards-social .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-brand-page-wrap .is-vertical .c-surface1.cards-social .swiper-slide .text-wrap {
  height: auto;
}
.new-brand-page-wrap .is-vertical .c-surface1 .title-box {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .c-surface1 .surface1-swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .is-vertical .c-surface1 .surface1-swiper .swiper-slide {
  height: 100%;
}
.new-brand-page-wrap .is-vertical .c-surface1 .surface1-swiper .text-wrap {
  display: block;
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper {
  overflow: hidden;
}
.new-brand-page-wrap .is-vertical .c-surface1 .pagination-container {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper-pagination {
  margin-top: 0;
  bottom: 20px !important;
  padding: 0 45px 0 15px;
}
.new-brand-page-wrap .is-vertical .c-surface1 .media-tab {
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.new-brand-page-wrap .is-vertical .c-surface1 .media-tab .item {
  margin: 0 12px 15px 0;
  padding: 7px 13px 5px;
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper-slide {
  display: block;
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper-slide .img-box {
  width: 100%;
  height: 220px;
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper-slide .text-wrap {
  position: relative;
  width: 100%;
  padding: 30px 20px 60px;
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper-slide .title {
  height: auto;
  max-height: none;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .new-brand-page-wrap .is-vertical .c-surface1 .swiper-slide .title {
    height: 98px;
  }
}
.new-brand-page-wrap .is-vertical .c-surface1 .swiper-pagination {
  bottom: 30px;
  pointer-events: none;
}
.new-brand-page-wrap .is-vertical .c-surface1 .view-more {
  padding: 30px 30px 0;
}
.new-brand-page-wrap .is-vertical .c-surface1 .view-more .c-button {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 {
  overflow: hidden;
}
.new-brand-page-wrap .c-surface2 .c-pic-text .container {
  width: 100%;
  padding: 0;
}
.new-brand-page-wrap .c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide {
  border: 1px solid #e4dcd3;
  border-right: none;
}
.new-brand-page-wrap .c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide:last-of-type {
  border-right: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide:after {
  background: hsla(0, 0%, 100%, 0.4);
}
.new-brand-page-wrap .c-surface2.white-rgba .center .surface2-swiper3 .swiper-slide.swiper-slide-active {
  border: none;
}
.new-brand-page-wrap .c-surface2 .left {
  width: 26%;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 60px;
}
.new-brand-page-wrap .c-surface2 .surface2-swiper1 {
  overflow: hidden;
}
.new-brand-page-wrap .c-surface2 .center {
  padding-left: 29%;
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  z-index: 10;
}
.new-brand-page-wrap .c-surface2 .center .surface2-swiper3 {
  position: relative;
  overflow: hidden;
  width: 110%;
}
.new-brand-page-wrap .c-surface2 .center .surface2-swiper3 .swiper-slide {
  position: relative;
  width: 14.2857%;
  float: left;
  cursor: pointer;
  overflow: hidden;
  display: block;
}
.new-brand-page-wrap .c-surface2 .center .surface2-swiper3 .swiper-slide:after {
  position: absolute;
  top: -5%;
  left: -5%;
  content: "";
  display: block;
  width: 110%;
  height: 110%;
  background: rgba(0, 0, 0, 0.6);
}
.new-brand-page-wrap .c-surface2 .center .surface2-swiper3 .swiper-slide.swiper-slide-active .img-box {
  border: 3px solid #01aad3;
}
.new-brand-page-wrap .c-surface2 .center .surface2-swiper3 .swiper-slide.swiper-slide-active:after {
  display: none;
}
.new-brand-page-wrap .c-surface2 .img-box {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .surface2-swiper2 {
  border: 1px solid #e4dcd3;
  outline: none;
  overflow: hidden;
}
.new-brand-page-wrap .c-surface2 .surface2-swiper2 a {
  display: block;
}
.new-brand-page-wrap .c-surface2 .surface2-swiper2 .img-box {
  height: 400px;
  background-size: cover !important;
  background-position: 50%;
  background-repeat: no-repeat;
}
.new-brand-page-wrap .c-surface2 .ilength-1.center {
  padding-left: 25%;
}
.new-brand-page-wrap .c-surface2 .ilength-1.center .swiper-button {
  display: none;
}
.new-brand-page-wrap .c-surface2 .ilength-1.center .surface2-swiper3 {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .ilength-1.center .surface2-swiper3 .swiper-wrapper {
  margin: 0 auto;
  width: auto;
  display: block;
}
.new-brand-page-wrap .c-surface2 .ilength-1.center .surface2-swiper3 .swiper-wrapper .swiper-slide {
  float: inherit;
  width: 14%;
  margin-left: 43%;
}
.new-brand-page-wrap .c-surface2 .ilength-2.center {
  padding-left: 25%;
}
.new-brand-page-wrap .c-surface2 .ilength-2.center .swiper-button {
  display: none;
}
.new-brand-page-wrap .c-surface2 .ilength-2.center .surface2-swiper3 {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .ilength-2.center .surface2-swiper3 .swiper-slide {
  width: 15%;
}
.new-brand-page-wrap .c-surface2 .ilength-2.center .surface2-swiper3 .swiper-slide:first-of-type {
  margin-left: 35%;
}
.new-brand-page-wrap .c-surface2 .ilength-3.center {
  padding-left: 25%;
}
.new-brand-page-wrap .c-surface2 .ilength-3.center .swiper-button {
  display: none;
}
.new-brand-page-wrap .c-surface2 .ilength-3.center .surface2-swiper3 {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .ilength-3.center .surface2-swiper3 .swiper-slide {
  width: 15%;
}
.new-brand-page-wrap .c-surface2 .ilength-3.center .surface2-swiper3 .swiper-slide:first-of-type {
  margin-left: 27.5%;
}
.new-brand-page-wrap .c-surface2 .ilength-4.center {
  padding-left: 25%;
}
.new-brand-page-wrap .c-surface2 .ilength-4.center .swiper-button {
  display: none;
}
.new-brand-page-wrap .c-surface2 .ilength-4.center .surface2-swiper3 {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .ilength-4.center .surface2-swiper3 .swiper-slide {
  width: 15%;
}
.new-brand-page-wrap .c-surface2 .ilength-4.center .surface2-swiper3 .swiper-slide:first-of-type {
  margin-left: 20%;
}
.new-brand-page-wrap .c-surface2 .ilength-5.center {
  padding-left: 25%;
}
.new-brand-page-wrap .c-surface2 .ilength-5.center .swiper-button {
  display: none;
}
.new-brand-page-wrap .c-surface2 .ilength-5.center .surface2-swiper3 {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .ilength-5.center .surface2-swiper3 .swiper-slide {
  width: 15%;
}
.new-brand-page-wrap .c-surface2 .ilength-5.center .surface2-swiper3 .swiper-slide:first-of-type {
  margin-left: 12.5%;
}
.new-brand-page-wrap .c-surface2 .ilength-6.center {
  padding-left: 25%;
}
.new-brand-page-wrap .c-surface2 .ilength-6.center .swiper-button {
  display: none;
}
.new-brand-page-wrap .c-surface2 .ilength-6.center .surface2-swiper3 {
  width: 100%;
}
.new-brand-page-wrap .c-surface2 .ilength-6.center .surface2-swiper3 .swiper-slide {
  width: 15%;
}
.new-brand-page-wrap .c-surface2 .ilength-6.center .surface2-swiper3 .swiper-slide:first-of-type {
  margin-left: 5%;
}
.new-brand-page-wrap .c-surface2 .right {
  width: 74%;
  float: right;
}
.new-brand-page-wrap .c-surface2 .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .c-surface2 .swiper .surface2-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-surface2 .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-surface2 .title-box .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-surface2 .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  text-align: left;
}
.new-brand-page-wrap .c-surface2 .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-surface2 .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-surface2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .c-surface2 .swiper-button-prev {
  left: 0;
}
.new-brand-page-wrap .c-surface2 .swiper-button-next {
  right: 0;
  left: auto;
}
.new-brand-page-wrap .c-surface2 .swiper-button-next,
.new-brand-page-wrap .c-surface2 .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-brand-page-wrap .c-surface2 .swiper-button-next:after,
.new-brand-page-wrap .c-surface2 .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .c-surface2 .text-wrap {
  position: relative;
  width: 100%;
  float: left;
  padding-top: 20%;
}
.new-brand-page-wrap .c-surface2 .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-surface2 .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-surface2 .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 100px;
  text-align: right;
}
@media (max-width: 1199px) {
  .new-brand-page-wrap .c-surface2 .left {
    padding-right: 40px;
  }
  .new-brand-page-wrap .c-surface2 .swiper-pagination {
    margin-top: 110px;
  }
}
@media (max-width: 991px) {
  .new-brand-page-wrap .c-surface2 .left {
    padding-right: 20px;
  }
  .new-brand-page-wrap .c-surface2 .text-wrap {
    padding-top: 0;
  }
  .new-brand-page-wrap .c-surface2 .swiper-pagination {
    margin-top: 90px;
  }
}
.new-brand-page-wrap .c-exterior {
  overflow: hidden;
}
.new-brand-page-wrap .c-exterior .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .c-exterior .swiper .swiper-slide {
  overflow: visible;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
}
.new-brand-page-wrap .c-exterior .swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.new-brand-page-wrap .c-exterior > .container {
  position: relative;
}
.new-brand-page-wrap .c-exterior .title-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-exterior .title-box .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-exterior .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .c-exterior .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-exterior .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-exterior .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .c-exterior .swiper-button-prev {
  left: -72px;
}
.new-brand-page-wrap .c-exterior .swiper-button-next {
  right: -72px;
  left: inherit;
}
.new-brand-page-wrap .c-exterior .swiper-button-next,
.new-brand-page-wrap .c-exterior .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.new-brand-page-wrap .c-exterior .swiper-button-next:after,
.new-brand-page-wrap .c-exterior .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .c-exterior .swiper-button-next.black,
.new-brand-page-wrap .c-exterior .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .c-exterior .text-wrap {
  position: relative;
  width: 30%;
  float: left;
}
.new-brand-page-wrap .c-exterior .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-exterior .img-box {
  width: 70%;
  float: right;
  margin-right: -8%;
}
@media screen and (max-width: 1199px) {
  .new-brand-page-wrap .c-exterior .img-box {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-exterior .img-box {
    width: 75%;
  }
}
.new-brand-page-wrap .c-exterior .title-box {
  z-index: 10;
}
.new-brand-page-wrap .c-exterior .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-exterior .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .nexo-wrap .c-exterior .page-padding.all-page {
  padding-top: 30px;
}
.new-brand-page-wrap .nexo-wrap .c-exterior .img-box {
  width: 63%;
  float: right;
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .c-exterior .container {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
}
.new-brand-page-wrap .is-vertical .c-exterior .title-box {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .c-exterior .img-box {
  width: 100%;
  margin-right: 0;
}
.new-brand-page-wrap .c-light {
  overflow: hidden;
  height: 330vh;
}
.new-brand-page-wrap .c-light .sticky-box {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f3f2), color-stop(10%), to(rgba(245, 243, 242, 0)));
  background: linear-gradient(#f5f3f2, 10%, rgba(245, 243, 242, 0));
}
.new-brand-page-wrap .c-light .page-padding {
  height: 100%;
}
.new-brand-page-wrap .c-light.stage-sticky {
  overflow: inherit;
  z-index: auto;
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .c-light .container {
    width: 1690px;
  }
}
.new-brand-page-wrap .c-light .title-box {
  z-index: 10;
}
.new-brand-page-wrap .c-light .text1,
.new-brand-page-wrap .c-light .text2 {
  letter-spacing: 0;
}
.new-brand-page-wrap .c-light .swiper {
  width: 1100px;
  height: 690px !important;
  margin: 0 auto;
}
@media (min-width: 2600px) {
  .new-brand-page-wrap .c-light .page-padding {
    padding-top: 150px;
  }
  .new-brand-page-wrap .c-light .text1,
  .new-brand-page-wrap .c-light .text2 {
    font-size: 100px;
  }
  .new-brand-page-wrap .c-light .title-box {
    margin-bottom: 0;
  }
  .new-brand-page-wrap .c-light .img-box {
    position: absolute;
    top: 300px;
    margin-left: 50%;
    float: inherit;
    width: auto !important;
    height: 560px;
    max-height: 500px;
  }
}
.new-brand-page-wrap .c-light .sticky-box {
  width: 100%;
  height: 100vh;
  position: sticky;
  overflow: hidden;
  top: 0;
}
.new-brand-page-wrap .c-light .swiper {
  overflow: visible;
}
.new-brand-page-wrap .c-light .pagination-container {
  position: absolute;
  top: 15%;
  z-index: 10;
  color: #333;
}
.new-brand-page-wrap .c-light .swiper {
  position: relative;
  height: 100vh;
}
.new-brand-page-wrap .c-light .swiper .swiper-slide {
  overflow: visible;
}
.new-brand-page-wrap .c-light .swiper .swiper-slide-sctive {
  opacity: 1;
}
.new-brand-page-wrap .c-light > .container {
  position: relative;
}
.new-brand-page-wrap .c-light .title-box {
  position: relative;
  margin-bottom: 10vh;
}
.new-brand-page-wrap .c-light .title-box .text {
  background-clip: text;
  overflow: hidden;
  background: #e3dcd4;
  background: -webkit-gradient(linear, left top, right top, from(#000), to(#000)) #e3dcd4 no-repeat 0 0;
  background: linear-gradient(90deg, #000, #000) #e3dcd4 no-repeat 0 0;
  background-size: 100% 0;
  background-position: top;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.new-brand-page-wrap .c-light .title-box .text.animate {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  background-size: 100% 100%;
}
.new-brand-page-wrap .c-light .title-box .text.text2.animate {
  -webkit-transition: all 1s ease-out 0.2s;
  transition: all 1s ease-out 0.2s;
  background-size: 100% 100%;
}
.new-brand-page-wrap .c-light .title-box .h5 {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-light .swiper-pagination {
  padding-left: 0;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 15px 0 !important;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  display: block !important;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet span {
  display: block;
  font-size: 16px;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet .swiper-page-num {
  height: 20px;
  width: 100%;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet .ctext {
  left: 150%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  word-break: keep-all;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet span.current {
  position: relative;
  opacity: 1;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid transparent;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet span.current i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e3e1e2;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet.swiper-pagination-bullet-active span.current {
  border: 1px solid #00abd1;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet.swiper-pagination-bullet-active span.current i {
  background: #00abd1;
}
.new-brand-page-wrap .c-light .swiper-pagination-bullet.swiper-pagination-bullet-active .ctext {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-light .swiper-button-prev {
  left: -72px;
}
.new-brand-page-wrap .c-light .swiper-button-next {
  right: -72px;
  left: inherit;
}
.new-brand-page-wrap .c-light .swiper-button-next,
.new-brand-page-wrap .c-light .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.new-brand-page-wrap .c-light .swiper-button-next:after,
.new-brand-page-wrap .c-light .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .c-light .swiper-button-next.black,
.new-brand-page-wrap .c-light .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .c-light .text-wrap {
  position: relative;
  width: 50%;
  float: left;
  padding: 55px;
}
.new-brand-page-wrap .c-light .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-light .img-box {
  width: 90%;
  margin-left: 50%;
}
.new-brand-page-wrap .c-light .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-light .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .is-vertical .c-light .container {
  padding: 60px 0 0;
}
.new-brand-page-wrap .is-vertical .c-light .page-padding {
  padding-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-light .swiper {
  width: 100%;
  height: auto !important;
  margin: 0 auto;
}
.new-brand-page-wrap .is-vertical .c-light .title-box {
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .c-light .text-wrap {
  width: 100%;
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .c-light .swiper {
  margin: auto;
  height: auto;
}
.new-brand-page-wrap .is-vertical .c-light .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-light .swiper-slide {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .c-light .img-box {
  position: relative;
  width: 160%;
  left: 24%;
  margin-bottom: 30px;
  margin-top: 20%;
  margin-left: 0;
}
.new-brand-page-wrap .is-vertical .c-light .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
  display: none;
}
.new-brand-page-wrap .c-view360 {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.new-brand-page-wrap .c-view360 .page-padding.all-page {
  padding: 120px 0 60px;
}
.new-brand-page-wrap .c-view360 .icon-360 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  font-size: 30px;
  color: #6b6b6b;
  z-index: 10;
}
.new-brand-page-wrap .c-view360 .type-tab {
  position: absolute;
  bottom: -20px;
  right: 0;
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-view360 .type-tab {
    bottom: 0;
  }
}
.new-brand-page-wrap .c-view360 .type-tab a {
  position: relative;
  display: none;
  max-width: 220px;
  width: 100%;
  min-width: 180px;
  color: #fff;
}
.new-brand-page-wrap .c-view360 .type-tab a .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}
.new-brand-page-wrap .c-view360 .type-tab a i,
.new-brand-page-wrap .c-view360 .type-tab a span {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-view360 .type-tab a img {
  width: 100%;
}
.new-brand-page-wrap .c-view360 .type-tab a.active {
  display: block;
}
.new-brand-page-wrap .c-view360 .is-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.new-brand-page-wrap .c-view360 .is-absolute img {
  margin: 0 auto 10px;
}
.new-brand-page-wrap .c-view360 .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-view360 .title-box .h5 {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-view360 .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-view360 .btn-link-wrap {
  display: none;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-view360 .btn-link-wrap .c-button {
  margin-right: 30px;
}
.new-brand-page-wrap .c-view360 .btn-link-wrap .c-button a {
  color: #a6a6a6;
  border-color: #e4dbd2;
}
.new-brand-page-wrap .c-view360 .btn-link-wrap .c-button.fill-green a,
.new-brand-page-wrap .c-view360 .btn-link-wrap .c-button:hover a {
  background: transparent !important;
  color: #43c7ee;
  border-color: #43c7ee;
}
.new-brand-page-wrap .c-view360 .viewer-wrapper {
  display: none;
}
.new-brand-page-wrap .c-view360 .viewer-wrapper.active {
  display: block;
}
.new-brand-page-wrap .c-view360 .relative-box {
  position: relative;
}
.new-brand-page-wrap .c-view360 .car-tab {
  text-align: center;
  background: #fff;
  position: relative;
}
.new-brand-page-wrap .c-view360 .car-tab .level1 a {
  display: inline-block;
  padding: 13px 0;
  width: 200px;
  font-size: 16px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-view360 .car-tab .level1 a {
    width: 150px;
    font-size: 14px;
  }
}
@media (max-width: 416px) {
  .new-brand-page-wrap .c-view360 .car-tab .level1 a {
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    letter-spacing: 0;
  }
}
.new-brand-page-wrap .c-view360 .car-tab .level1 a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 2px;
  background: #aacae6;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 416px) {
  .new-brand-page-wrap .c-view360 .car-tab .level1 a:after {
    max-width: 100px;
    width: 100%;
  }
}
.new-brand-page-wrap .c-view360 .car-tab .level1 a:hover {
  color: #aaa;
  font-size: 16px;
  padding: 10px 0;
  font-weight: bolder;
}
.new-brand-page-wrap .c-view360 .car-tab .level1 a.active {
  color: #aaa;
}
.new-brand-page-wrap .c-view360 .car-tab .level1 a.active:after {
  opacity: 1;
}
.new-brand-page-wrap .c-view360 .car-tab .level1 a.active:hover {
  font-size: 14px;
  padding: 13px 0;
}
.new-brand-page-wrap .c-view360 .car-tab .level-down {
  display: none;
}
@media (max-width: 416px) {
  .new-brand-page-wrap .c-view360 .car-tab .level-down {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-top: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    line-height: 36px;
    text-align: center;
    background: #fff;
  }
  .new-brand-page-wrap .c-view360 .car-tab .level-down i.iconfont {
    color: #666;
    font-size: 16px;
  }
}
.new-brand-page-wrap .c-view360 .car-tab .level2 {
  background-color: #efefef;
}
@media (max-width: 1125px) {
  .new-brand-page-wrap .c-view360 .car-tab .level2 {
    height: 40px;
    overflow: hidden;
    overflow-x: scroll;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 416px) {
  .new-brand-page-wrap .c-view360 .car-tab .level2 {
    margin-right: 40px;
  }
}
.new-brand-page-wrap .c-view360 .car-tab .level2 a {
  white-space: nowrap;
  display: inline-block;
  padding: 10px 0;
  width: 130px;
  font-size: 16px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 416px) {
  .new-brand-page-wrap .c-view360 .car-tab .level2 a {
    width: auto !important;
  }
}
@media (max-width: 991px) {
  .new-brand-page-wrap .c-view360 .car-tab .level2 a {
    width: auto;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-view360 .car-tab .level2 a {
    font-size: 14px;
  }
}
.new-brand-page-wrap .c-view360 .car-tab .level2 a:hover {
  background: #eae5e0;
  color: #000;
}
.new-brand-page-wrap .c-view360 .car-tab .level2 a.active {
  background-color: #e5dcd1;
}
.new-brand-page-wrap .c-view360 .car-tab .level2Justify {
  display: block;
  width: 100%;
  text-align: center;
}
.new-brand-page-wrap .c-view360 .viewer-wrap {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .description {
  margin-top: 10px;
  margin-bottom: 40px;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .inner-viewer-wrap,
.new-brand-page-wrap .c-view360 .viewer-wrap .outer-viewer-wrap {
  position: relative;
  max-width: 850px;
  margin: 35px auto;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .inner-viewer-wrap img.bg,
.new-brand-page-wrap .c-view360 .viewer-wrap .outer-viewer-wrap img.bg {
  width: 100%;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .inner-viewer-wrap #inner-viewer,
.new-brand-page-wrap .c-view360 .viewer-wrap .inner-viewer-wrap #outer-viewer,
.new-brand-page-wrap .c-view360 .viewer-wrap .outer-viewer-wrap #inner-viewer,
.new-brand-page-wrap .c-view360 .viewer-wrap .outer-viewer-wrap #outer-viewer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .outer-viewer-wrap .icon360 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30%;
  font-size: 28px;
  color: #fff;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail .bg {
  position: absolute;
  top: 0;
  left: 0;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail .text-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail .text-content .title text {
  display: block;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail .text-content .view-btn {
  width: 160px;
  height: auto;
  display: inline-block;
  padding: 12px 0 11px;
  color: #fff;
  border: 2px solid #fff;
  letter-spacing: 2px;
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .view-to-detail .text-content .view-btn:hover {
  background-color: #fff;
  color: #000;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector {
  text-align: left;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector.active {
  display: block;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .text {
  width: 100%;
  margin-bottom: 40px;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list {
  float: left;
  padding-left: 20px;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li {
  position: relative;
  width: 48px;
  height: 48px;
  word-break: keep-all;
  display: block;
  float: left;
  margin-right: 55px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  padding: 5px;
  border: 2px solid transparent;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li p {
  top: 120%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  margin-top: 10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 14px;
  display: none;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li a {
  display: block;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li.active {
  position: relative;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li.active:after {
  border: 2px solid #00aad2;
}
.new-brand-page-wrap .c-view360 .viewer-wrap .selector .select-list .li.active p {
  display: inline-block;
}
.new-brand-page-wrap .is-vertical .c-view360 .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-view360 .type-tab {
  margin-top: 60px;
  position: relative;
}
.new-brand-page-wrap .is-vertical .c-view360 .type-tab a {
  max-width: inherit;
}
.new-brand-page-wrap .is-vertical .c-view360 .icon-360 {
  bottom: -30px;
}
.new-brand-page-wrap .is-vertical .c-view360 .c-button {
  min-width: 100px;
  margin-bottom: 15px;
  margin-right: 10px !important;
}
.new-brand-page-wrap .is-vertical .c-view360 .c-button a {
  padding: 14px 10px 10px;
}
.new-brand-page-wrap .is-vertical .c-view360 .c-button:last-of-type {
  margin-right: 0 !important;
}
.new-brand-page-wrap .is-vertical .c-view360 #outer-viewer {
  height: auto !important;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .description {
  margin-bottom: 20px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .view-to-detail .text-content .view-btn {
  width: 100px;
  height: auto;
  padding: 9px 0 7px;
  border-width: 1px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .text {
  width: auto;
  text-align: center;
  margin-bottom: 30px;
  margin-left: -20px;
  margin-right: -20px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .text p {
  font-weight: 700;
  font-size: 20px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .select-list {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: none;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .select-list .li {
  width: 7vw;
  height: 7vw;
  margin-right: 32px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .select-list .li:after {
  padding: 3px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .select-list .li p {
  font-size: 12px;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .select-list .li:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .c-view360 .viewer-wrap .selector .select-list a {
  margin-right: 25px;
}
.new-brand-page-wrap .c-static-banner .banner-container {
  height: 500px;
}
@media (max-width: 670px) {
  .new-brand-page-wrap .c-static-banner .banner-container {
    height: 400px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.new-brand-page-wrap .c-static-banner .title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .title {
    padding: 0;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-tab-fixed .tab-container .track-ele,
  .new-brand-page-wrap .dept-tab .tab-container {
    border-bottom: 1px solid #e4dcd3;
  }
  .new-brand-page-wrap .dept-tab .tab-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .new-brand-page-wrap .dept-tab .tab-container .track-ele {
    border-bottom: 0;
  }
}
.new-brand-page-wrap .c-tab-service {
  position: relative;
  height: 110px;
}
@media (max-width: 1200px) {
  .new-brand-page-wrap .c-tab-service {
    height: 80px;
  }
}
@media (max-width: 850px) {
  .new-brand-page-wrap .c-tab-service {
    height: 80px;
  }
}
@media (max-width: 790px) {
  .new-brand-page-wrap .c-tab-service {
    height: 70px;
  }
}
.new-brand-page-wrap .c-tab-service .left,
.new-brand-page-wrap .c-tab-service .right {
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 80%;
  width: 30px;
  background: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 850px) {
  .new-brand-page-wrap .c-tab-service .left,
  .new-brand-page-wrap .c-tab-service .right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.new-brand-page-wrap .c-tab-service .left {
  left: 0;
}
.new-brand-page-wrap .c-tab-service .right {
  right: 0;
}
.new-brand-page-wrap .c-tab-service .tab-mb-scroll {
  width: 100%;
  overflow: hidden;
}
.new-brand-page-wrap .c-tab-service .tab-container {
  border-bottom: 1px solid #e4dcd3;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.new-brand-page-wrap .c-tab-service .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .new-brand-page-wrap .c-tab-service .tab-list {
    height: 80px;
  }
}
@media (max-width: 850px) {
  .new-brand-page-wrap .c-tab-service .tab-list {
    height: 80px;
  }
}
@media (max-width: 790px) {
  .new-brand-page-wrap .c-tab-service .tab-list {
    height: 70px;
  }
}
@media (max-width: 670px) {
  .new-brand-page-wrap .c-tab-service .tab-list {
    width: auto;
    display: block;
    font-size: 0;
    white-space: nowrap;
  }
  .new-brand-page-wrap .c-tab-service .tab-list a {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
}
.new-brand-page-wrap .c-tab-service .tab-list .tab-item {
  position: relative;
  margin: 0 10px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
@media (max-width: 670px) {
  .new-brand-page-wrap .c-tab-service .tab-list .tab-item {
    font-size: 16px;
  }
}
.new-brand-page-wrap .c-tab-service .tab-list .tab-link.active .tab-item {
  color: #000;
}
.new-brand-page-wrap .c-tab-service .tab-list .tab-link.active .tab-item:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
.new-brand-page-wrap .tab-container.cl-tab-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.new-brand-page-wrap .tab-container.cl-tab-fixed .tab-list {
  height: 60px;
}
.new-brand-page-wrap .tab-container.cl-tab-fixed .tab-list .tab-item {
  font-size: 16px;
}
.new-brand-page-wrap .tab-container.cl-tab-fixed.move-up {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.new-brand-page-wrap .is-vertical .c-tab-service .container {
  padding-left: 0;
  padding-right: 0;
}
.new-brand-page-wrap .is-vertical .c-tab-service .tab-mb-scroll {
  overflow-x: scroll;
  height: auto;
}
.new-brand-page-wrap .is-vertical .c-tab-service .tab-mb-scroll .tab-list {
  margin-left: 30px;
  margin-right: 10px;
}
.new-brand-page-wrap .is-vertical .c-tab-service .tab-mb-scroll .tab-list .tab-link:last-of-type {
  margin-right: 40px;
}
.new-brand-page-wrap .c-scroll-animate-card {
  margin: 130px auto;
  position: relative;
}
@media (min-width: 1160px) {
  .new-brand-page-wrap .c-scroll-animate-card {
    width: 1100px;
    height: 572px;
  }
}
@media (max-width: 1160px) {
  .new-brand-page-wrap .c-scroll-animate-card {
    width: 900px;
    height: 572px;
  }
}
@media (max-width: 1000px) {
  .new-brand-page-wrap .c-scroll-animate-card {
    width: 700px;
    height: 470px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card {
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 25px;
    margin-bottom: 65px;
    overflow: hidden;
  }
}
@media (min-width: 755px) {
  .new-brand-page-wrap .c-scroll-animate-card .title {
    position: absolute;
    z-index: 3;
    top: 60px;
    opacity: 0.3;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card .title {
    padding-top: 60px;
    margin-bottom: 30px;
    margin-left: 30px;
  }
}
.new-brand-page-wrap .c-scroll-animate-card .en {
  position: absolute;
  z-index: 5;
  color: #e4dcd3;
}
@media (min-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card .en {
    left: 200px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card .en {
    left: inherit;
    right: 0;
    top: 10px;
  }
}
.new-brand-page-wrap .c-scroll-animate-card .img-container {
  width: 550px;
  height: 516px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1000px) {
  .new-brand-page-wrap .c-scroll-animate-card .img-container {
    width: 400px;
    height: 395px;
  }
}
@media (max-width: 755px) {
  .new-brand-page-wrap .c-scroll-animate-card .img-container {
    width: 100%;
    height: 85vw;
  }
}
@media (min-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card .img-container {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    top: -100px;
    opacity: 0;
  }
}
.new-brand-page-wrap .c-scroll-animate-card .desc-container {
  width: 470px;
}
@media (max-width: 1160px) {
  .new-brand-page-wrap .c-scroll-animate-card .desc-container {
    width: 340px;
  }
}
@media (max-width: 1000px) {
  .new-brand-page-wrap .c-scroll-animate-card .desc-container {
    width: 285px;
  }
}
@media (min-width: 755px) {
  .new-brand-page-wrap .c-scroll-animate-card .desc-container {
    position: absolute;
    z-index: 3;
    top: 200px;
    opacity: 0;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card .desc-container {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 80px;
  }
}
.new-brand-page-wrap .c-scroll-animate-card .desc-container .desc {
  margin-bottom: 15px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-scroll-animate-card .desc-container .desc {
    line-height: 25px;
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .c-social-responsibility-card3 {
  margin-bottom: 120px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 751px) {
  .new-brand-page-wrap .c-social-responsibility-card3 {
    margin-bottom: 80px;
  }
}
.new-brand-page-wrap .c-social-responsibility-card3 .card-background {
  position: relative;
  z-index: 5;
  padding: 120px 0;
}
@media screen and (min-width: 755px) {
  .new-brand-page-wrap .c-social-responsibility-card3 .card-background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 751px) {
  .new-brand-page-wrap .c-social-responsibility-card3 .card-background {
    overflow: auto;
    height: 666px;
  }
}
.new-brand-page-wrap .c-social-responsibility-card3 .video-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 751px) {
  .new-brand-page-wrap .c-social-responsibility-card3 .item-container {
    width: 910px;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
  }
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container .item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  padding: 60px 30px;
  margin: 0 20px;
}
@media screen and (max-width: 751px) {
  .new-brand-page-wrap .c-social-responsibility-card3 .item-container .item {
    width: 270px;
    height: 100%;
    margin: 0;
  }
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container .item .iconfont {
  font-size: 60px;
  display: block;
}
@media screen and (max-width: 751px) {
  .new-brand-page-wrap .c-social-responsibility-card3 .item-container .item .iconfont {
    font-size: 50px;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container .item .title {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container .item .desc {
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container .item .notes {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
}
.new-brand-page-wrap .c-social-responsibility-card3 .item-container .item .f-notes {
  line-height: 40px;
}
.new-brand-page-wrap .c-related-reports {
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-related-reports {
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .c-related-reports .background {
  height: auto;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 30px 0;
}
.new-brand-page-wrap .c-related-reports .title {
  color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-related-reports .c-button {
    width: 80%;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-related-reports .c-button .name {
    font-size: 14px;
  }
}
.new-brand-page-wrap .c-footer-learn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 120px;
}
.new-brand-page-wrap .c-footer-learn-more .title {
  margin-bottom: 60px;
}
@media screen and (max-width: 751px) {
  .new-brand-page-wrap .c-footer-learn-more .title {
    padding-left: 30px;
    margin-bottom: 30px;
  }
}
.new-brand-page-wrap .c-footer-learn-more .pc-content {
  margin: 0 auto;
  width: 1105px;
}
@media screen and (max-width: 1150px) {
  .new-brand-page-wrap .c-footer-learn-more .pc-content {
    width: 1000px;
  }
}
@media screen and (max-width: 1050px) {
  .new-brand-page-wrap .c-footer-learn-more .pc-content {
    width: 840px;
  }
}
@media screen and (max-width: 900px) {
  .new-brand-page-wrap .c-footer-learn-more .pc-content {
    width: 760px;
  }
}
.new-brand-page-wrap .c-footer-learn-more .pc-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .c-footer-learn-more .img-container {
  width: 267px;
  height: 267px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 5px;
}
@media screen and (max-width: 1150px) {
  .new-brand-page-wrap .c-footer-learn-more .img-container {
    width: 240px;
    height: 240px;
  }
}
@media screen and (max-width: 1050px) {
  .new-brand-page-wrap .c-footer-learn-more .img-container {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 900px) {
  .new-brand-page-wrap .c-footer-learn-more .img-container {
    width: 180px;
    height: 180px;
  }
}
.new-brand-page-wrap .c-footer-learn-more .item-title {
  text-align: center;
  margin-top: 30px;
}
.new-brand-page-wrap .c-footer-learn-more .content {
  width: 100%;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .footer-learn-more-swiper {
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .swiper-slide {
  display: block;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .swiper-slide .img-box {
  width: 100%;
  height: 290px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .swiper-slide .item-title {
  margin-top: 30px;
  text-align: left;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .swiper-pagination-bullet {
  margin: 0 !important;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .swiper-pagination {
  padding: 0 15px;
  bottom: -40px !important;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .view-more {
  padding: 30px 30px 0;
}
.new-brand-page-wrap .c-footer-learn-more .mb-list-container .view-more .c-button {
  width: 100%;
}
.new-brand-page-wrap .c-earth-action-card3 {
  margin-bottom: 120px;
}
.new-brand-page-wrap .c-earth-action-card3 .card-container {
  padding: 90px 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container {
    padding: 60px 20px;
  }
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content {
  width: 1100px;
  margin: 0 auto;
  color: #fff;
}
@media (max-width: 1160px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container .content {
    width: 900px;
  }
}
@media (max-width: 1000px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container .content {
    width: 700px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container .content {
    width: auto;
  }
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content .desc {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  padding: 25px;
  padding-bottom: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container .item {
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container .item .item-title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container .item:nth-child(2) {
  margin: 0 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-earth-action-card3 .card-container .content .list-container .item:nth-child(2) {
    margin: 0;
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .c-page-tab {
  margin: 0 auto;
  background: #f6f3f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
}
@media (min-width: 1160px) {
  .new-brand-page-wrap .c-page-tab {
    width: 1100px;
  }
}
@media (max-width: 1160px) {
  .new-brand-page-wrap .c-page-tab {
    width: 900px;
  }
}
@media (max-width: 1000px) {
  .new-brand-page-wrap .c-page-tab {
    width: 700px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-page-tab {
    width: 100%;
    margin-bottom: 40px;
    padding: 30px 15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.new-brand-page-wrap .c-page-tab .item {
  border: 1px solid #e4dcd3;
  color: #999;
  background: #fff;
  margin: 0 5px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.new-brand-page-wrap .c-page-tab .item div {
  padding: 10px 25px;
}
.new-brand-page-wrap .c-page-tab .tab-item-active {
  color: #4ca7ce;
  border-color: #00aad2;
}
.new-brand-page-wrap .c-page-tab-content .c-hot-activity {
  background: transparent !important;
}
.new-brand-page-wrap .c-page-tab-content .c-hot-activity .title-box {
  text-align: left;
}
.new-brand-page-wrap .c-page-tab-content .page-padding {
  padding-top: 0;
}
.new-brand-page-wrap .c-growth-action-content0 table {
  border: 1px solid #e4dcd3;
  border-left: 0;
  border-bottom: 0;
  width: 100%;
}
.new-brand-page-wrap .c-growth-action-content0 td,
.new-brand-page-wrap .c-growth-action-content0 th {
  border: 1px solid #e4dcd3;
  border-top: 0;
  border-right: 0;
}
.new-brand-page-wrap .c-growth-action-content0 th {
  background: #e3dcd4;
}
.new-brand-page-wrap .c-growth-action-content0 tr th {
  border-right: 1px solid #fff;
}
.new-brand-page-wrap .c-growth-action-content0 tr th:last-child {
  border-right: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-growth-action-content0 tr td,
.new-brand-page-wrap .c-growth-action-content0 tr th {
  padding: 15px;
  text-align: center;
}
.new-brand-page-wrap .c-growth-action-content0 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content0 .desc {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-growth-action-content1 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content1 .desc {
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-growth-action-content1 .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-growth-action-content1 .content-container {
    display: block;
    overflow: hidden;
  }
}
.new-brand-page-wrap .c-growth-action-content1 .content-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 30px;
}
.new-brand-page-wrap .c-growth-action-content1 .img-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 542px;
  height: 361px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-growth-action-content1 .img-container {
    width: 100%;
    height: 330px;
  }
}
.new-brand-page-wrap .c-growth-action-content2 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content2 .desc {
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-growth-action-content2 .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-growth-action-content2 .content-container {
    display: block;
    overflow: hidden;
  }
}
.new-brand-page-wrap .c-growth-action-content2 .content-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 30px;
}
.new-brand-page-wrap .c-growth-action-content2 .img-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 542px;
  height: 361px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-growth-action-content2 .img-container {
    width: 100%;
    height: 330px;
  }
}
.new-brand-page-wrap .c-growth-action-content3 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content3 .desc {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-growth-action-content3 .small-title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content3 .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-growth-action-content3 .list-container {
    display: block;
    margin-right: 0;
  }
}
.new-brand-page-wrap .c-growth-action-content3 .list-container .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 10px;
  border: 1px solid #e4dcd3;
  background: #f6f3f2;
  padding: 30px 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-growth-action-content3 .list-container .item {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-growth-action-content3 .list-container .item .item-title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content4 table {
  border: 1px solid #e4dcd3;
  border-left: 0;
  border-bottom: 0;
  width: 100%;
}
.new-brand-page-wrap .c-growth-action-content4 td,
.new-brand-page-wrap .c-growth-action-content4 th {
  border: 1px solid #e4dcd3;
  border-top: 0;
  border-right: 0;
}
.new-brand-page-wrap .c-growth-action-content4 th {
  background: #e3dcd4;
}
.new-brand-page-wrap .c-growth-action-content4 tr th {
  border-right: 1px solid #fff;
}
.new-brand-page-wrap .c-growth-action-content4 tr th:last-child {
  border-right: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-growth-action-content4 tr td,
.new-brand-page-wrap .c-growth-action-content4 tr th {
  padding: 15px;
  text-align: center;
}
.new-brand-page-wrap .c-growth-action-content4 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-growth-action-content4 .desc {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-page-tab-content {
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-page-tab-content {
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .item1 {
  border-bottom: 1px solid #e4dcd3;
  padding-bottom: 65px;
  margin-bottom: 65px;
}
.new-brand-page-wrap .c-social-action-content0 .item1 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-social-action-content0 .item1 .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-top: 60px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new-brand-page-wrap .c-social-action-content0 .item1 .list-container .list {
  width: 212px;
  height: 212px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .item1 .list-container .list {
    width: calc(50% - 10px);
    height: auto;
    padding: 30px 0;
  }
}
.new-brand-page-wrap .c-social-action-content0 .item1 .list-container .list .top-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .item1 .list-container .list .top-container {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .item1 .list-container .list .top-container .icon-img {
  width: 50px;
  margin-right: 10px;
}
.new-brand-page-wrap .c-social-action-content0 .lr-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .lr-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.new-brand-page-wrap .c-social-action-content0 .lr-container .img-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .c-social-action-content0 .lr-container .img-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 58.18%;
}
.new-brand-page-wrap .c-social-action-content0 .lr-container .label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  text-align: left;
}
.new-brand-page-wrap .c-social-action-content0 .lr-container .label span {
  display: block;
  margin: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .lr-container .label span {
    margin: 30px;
    margin-left: 0;
  }
}
.new-brand-page-wrap .c-social-action-content0 .lzrt .xs-show {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: none;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .lzrt .pc-show {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: none;
  }
  .new-brand-page-wrap .c-social-action-content0 .lzrt .xs-show {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
  }
  .new-brand-page-wrap .c-social-action-content0 .lzrt .xs-show span {
    text-align: left;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container {
    padding: 0;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-slide:first-child {
    padding-left: 30px;
  }
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-slide:last-child {
    padding-right: 30px;
  }
}
@media (min-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-container-left,
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-container-right {
    width: 50%;
  }
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-container-left {
  position: relative;
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-container-right {
  padding: 50px 0 0 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-container-right {
    padding: 0;
  }
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .img-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.18%;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .img-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
  }
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-button-next,
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-button-prev {
  color: #000;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-button-prev {
  left: -35px;
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-button-next {
  right: -35px;
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .text-container {
  padding-left: 100px;
  padding-top: 50px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .text-container {
    padding-left: 30px;
    padding-top: 0;
  }
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-title,
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .text-container .swiper-title {
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-title {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-desc {
  margin-bottom: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .swiper-desc {
    padding-right: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .number-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.new-brand-page-wrap .c-social-action-content0 .thumbs-swiper-container .unit {
  padding-bottom: 3px;
  margin-left: 5px;
}
.new-brand-page-wrap .c-social-action-content0 .header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-brand-page-wrap .c-social-action-content0 .header-title .icon-img {
  width: 56px;
  margin-right: 15px;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 {
  padding-bottom: 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item2 .container {
    padding: 0;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .header-title {
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item2 .header-title {
    padding: 0 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .header-desc {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item2 .header-desc {
    padding: 0 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-container {
  position: relative;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-slide .img-container {
  width: 100%;
  height: 480px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-slide .img-container {
    width: 100%;
    height: 185px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-slide .title {
  margin: 40px 0 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-slide:first-child {
    padding-left: 30px;
  }
  .new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-slide:last-child {
    padding-right: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-button-next,
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-button-prev {
  color: #000;
  top: 240px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-button-prev {
  left: -35px;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item2 .swiper-button-next {
  right: -35px;
}
.new-brand-page-wrap .c-social-action-content0 .footer-title {
  margin: 30px 0;
}
.new-brand-page-wrap .c-social-action-content0 .footer-desc {
  margin-bottom: 0 !important;
  padding: 0;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item3 {
  padding-bottom: 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item3 .desc {
  margin-top: 30px;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item3 .desc {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item4 {
  padding-bottom: 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item4 {
    padding-bottom: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item4 .desc {
  margin-top: 30px;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item4 .desc {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item4 #social-action-item4-thumbs1 {
  height: 320px;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item4 #social-action-item4-thumbs1 .swiper-slide {
  height: 100% !important;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item4 #social-action-item4-thumbs1 .swiper-slide {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item5 {
  padding-bottom: 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item5 .desc {
  margin-top: 30px;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item5 .desc {
    margin-bottom: 80px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item6 .desc {
  margin-top: 30px;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .desc {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item6 .img-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .img-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 66%;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .img-container {
    width: 100%;
    height: 185px;
  }
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container .item {
    margin-bottom: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container .item:last-child {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container .item:first-child {
  margin-right: 10px;
}
.new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container .item6-table {
  margin-top: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content0 .social-action-item6 .list-container .item6-table {
    margin-top: 30px;
  }
}
.new-brand-page-wrap .c-social-action-content1 .title {
  margin-bottom: 60px;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content1 .list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.new-brand-page-wrap .c-social-action-content1 .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 20px 15px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content1 .item {
    margin-bottom: 20px;
  }
}
.new-brand-page-wrap .c-social-action-content1 .item .item-title {
  margin-bottom: 20px;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content1 .item:nth-child(2) {
    margin: 0 10px;
  }
}
.new-brand-page-wrap .c-social-action-content2 .title {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-social-action-content2 .item1 {
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 30px 25px;
  margin-bottom: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content2 .item1 {
    margin-bottom: 20px;
  }
}
.new-brand-page-wrap .c-social-action-content2 .item1 .item-title {
  margin-bottom: 20px;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content2 .list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.new-brand-page-wrap .c-social-action-content2 .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 20px 15px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content2 .item {
    margin-bottom: 20px;
  }
}
.new-brand-page-wrap .c-social-action-content2 .item .item-title {
  margin-bottom: 20px;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content2 .item:nth-child(2) {
    margin: 0 10px;
  }
}
.new-brand-page-wrap .c-social-action-content3 .title,
.new-brand-page-wrap .c-social-action-content3 .title1,
.new-brand-page-wrap .c-social-action-content3 .title2 {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-social-action-content3 .desc {
  margin-bottom: 70px;
}
.new-brand-page-wrap .c-social-action-content3 .list1-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 85px;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content3 .list1-container {
    margin-right: -10px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content3 .list1-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: 45px;
  }
}
.new-brand-page-wrap .c-social-action-content3 .list1-container .list1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 40px 30px;
  margin-right: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content3 .list1-container .list1 {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content3 .list2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
  }
}
.new-brand-page-wrap .c-social-action-content3 .list2-container .list2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 30px 20px;
  margin-right: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content3 .list2-container .list2 {
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.new-brand-page-wrap .c-social-action-content3 .list2-container .list2-title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-social-action-content3 .list2-container .list2-desc {
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}
.new-brand-page-wrap .c-social-action-content3 .list2-container .list2-desc:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 50%;
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content4 .f-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -10px;
  }
}
.new-brand-page-wrap .c-social-action-content4 .f-container .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 25px 30px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-action-content4 .f-container .item {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .new-brand-page-wrap .c-social-action-content4 .f-container .item .img-box {
    display: none;
  }
  .new-brand-page-wrap .c-social-action-content4 .f-container .item .iconfont {
    font-size: 25px;
  }
}
@media (min-width: 752px) {
  .new-brand-page-wrap .c-social-action-content4 .f-container .item .qr-mb-icon {
    display: none;
  }
}
.new-brand-page-wrap .c-social-action-content4 .f-container .item .label {
  color: #000;
  text-align: left;
}
.new-brand-page-wrap .c-social-action-content4 .desc {
  margin: 30px 0 60px;
}
.new-brand-page-wrap .nexo-environment2 {
  overflow: hidden;
  padding-bottom: 120px;
}
.new-brand-page-wrap .nexo-environment2 .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .nexo-environment2 .swiper .surging-performance-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .nexo-environment2 .image-text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .nexo-environment2 .image-text-group .title-box {
  width: 50%;
  padding-top: 50px;
  padding-left: 60px;
}
.new-brand-page-wrap .nexo-environment2 .image-text-group .title-box .h5 {
  margin-bottom: 10px;
  margin-top: 20px;
}
.new-brand-page-wrap .nexo-environment2 .image-text-group .title-box p {
  margin-bottom: 8px;
}
.new-brand-page-wrap .nexo-environment2 .image-text-group .img-box {
  width: 50%;
}
.new-brand-page-wrap .nexo-environment2 .image-text-group .img-box img {
  width: 100%;
}
.new-brand-page-wrap .nexo-environment2 .swiper-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .nexo-environment2 .swiper-group .swiper-box {
  width: 50%;
  display: inline-block;
}
.new-brand-page-wrap .nexo-environment2 .swiper-group .swiper-box:first-child {
  padding: 60px 100px 30px 0;
}
.new-brand-page-wrap .nexo-environment2 .swiper-group .text-environment-swiper {
  width: 100%;
  overflow: hidden;
}
.new-brand-page-wrap .nexo-environment2 .swiper-group .nexo-environment-swiper {
  border: 1px solid #e4dcd3;
  width: 100%;
  overflow: hidden;
}
.new-brand-page-wrap .nexo-environment2 .text-box {
  position: relative;
  width: 100%;
  float: left;
}
.new-brand-page-wrap .nexo-environment2 .text-box .description {
  margin-top: 20px;
}
.new-brand-page-wrap .nexo-environment2 .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .nexo-environment2 .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .nexo-environment2 .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .nexo-environment2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .nexo-environment2 .swiper-button-prev {
  left: -72px;
}
.new-brand-page-wrap .nexo-environment2 .swiper-button-next {
  right: -72px;
  left: inherit;
}
.new-brand-page-wrap .nexo-environment2 .swiper-button-next,
.new-brand-page-wrap .nexo-environment2 .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.new-brand-page-wrap .nexo-environment2 .swiper-button-next:after,
.new-brand-page-wrap .nexo-environment2 .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .nexo-environment2 .swiper-button-next.black,
.new-brand-page-wrap .nexo-environment2 .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .nexo-environment2 .slide-img {
  width: 100%;
  float: left;
  padding: 40px 0;
}
.new-brand-page-wrap .nexo-environment2 .slide-img img {
  width: 100%;
}
.new-brand-page-wrap .nexo-environment2 .slide-text {
  display: none;
  position: relative;
  width: 100%;
  float: left;
  padding: 30px 0;
}
.new-brand-page-wrap .nexo-environment2 .slide-text .description {
  margin-top: 20px;
}
.new-brand-page-wrap .nexo-environment2 .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 {
  padding-bottom: 60px;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .container {
  padding: 0;
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .image-text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .img-box {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .title-box {
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .text-wrap {
  width: 100%;
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .title-box {
  margin-bottom: 30px;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-slide {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group {
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group .swiper-box-info {
  display: none;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group .nexo-environment-swiper {
  border: none;
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group .swiper {
  overflow: visible;
  margin: auto;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group .swiper-box {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group .slide-img {
  padding: 28px 0;
  border: 1px solid #e4dcd3;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-group .slide-text {
  display: block;
  padding-right: 30px;
}
.new-brand-page-wrap .is-vertical .nexo-environment2 .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .nexo-exterior {
  overflow: hidden;
}
.new-brand-page-wrap .nexo-exterior > .container {
  position: relative;
}
.new-brand-page-wrap .nexo-exterior .nexo-exterior-swiper {
  position: relative;
  overflow: visible;
  width: 70%;
  float: right;
  margin-right: -8%;
}
@media screen and (max-width: 1199px) {
  .new-brand-page-wrap .nexo-exterior .nexo-exterior-swiper {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .nexo-exterior .nexo-exterior-swiper {
    width: 75%;
  }
}
.new-brand-page-wrap .nexo-exterior .nexo-exterior-swiper .swiper-slide {
  overflow: visible;
  opacity: 0 !important;
  -webkit-transition: opacity 1s ease !important;
  transition: opacity 1s ease !important;
}
.new-brand-page-wrap .nexo-exterior .nexo-exterior-swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.new-brand-page-wrap .nexo-exterior .text-wrap {
  position: relative;
  width: 30%;
  float: left;
  margin-bottom: 60px;
  z-index: 10;
}
.new-brand-page-wrap .nexo-exterior .text-wrap .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .nexo-exterior .text-wrap .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .nexo-exterior .img-box {
  height: 360px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}
.new-brand-page-wrap .nexo-surface1 {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.new-brand-page-wrap .nexo-surface1 .swiper {
  overflow: visible;
}
.new-brand-page-wrap .nexo-surface1 .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.new-brand-page-wrap .nexo-surface1 .title-box {
  margin-bottom: 30px;
  text-align: center;
}
.new-brand-page-wrap .nexo-surface1 .exterior-car-tab {
  displaY: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 50px;
}
.new-brand-page-wrap .nexo-surface1 .exterior-car-tab li a {
  width: 150px;
  height: 110px;
  bordeR: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.4;
}
.new-brand-page-wrap .nexo-surface1 .exterior-car-tab li a img {
  displaY: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.new-brand-page-wrap .nexo-surface1 .exterior-car-tab li a p {
  font-size: 1.4px;
  font-weight: 600;
  margin-top: 15px;
}
.new-brand-page-wrap .nexo-surface1 .exterior-car-tab li.active a {
  opacity: 1;
}
.new-brand-page-wrap .nexo-surface1 .tab-content-warp {
  position: relative;
  width: 100%;
  margin-top: 35px;
}
.new-brand-page-wrap .nexo-surface1 .tab-content-warp .tab-content {
  left: 0;
  top: 0;
  width: 100%;
}
.new-brand-page-wrap .nexo-surface1 .tab-content-warp .tab-content:first-child {
  position: relative;
}
.new-brand-page-wrap .nexo-surface1 .tab-content-warp .tab-content.active {
  opacity: 1;
}
.new-brand-page-wrap .nexo-surface1 .nexo-surface1-swiper {
  overflow: visible;
}
.new-brand-page-wrap .nexo-surface1 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #e4dcd3;
}
.new-brand-page-wrap .nexo-surface1 .swiper-slide .img-box {
  width: 70%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .nexo-surface1 .swiper-slide .text-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  padding: 35px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .nexo-surface1 .swiper-slide .text-wrap h6.des {
  margin-top: 1em;
}
.new-brand-page-wrap .nexo-surface1 .pagination-container {
  position: relative;
}
.new-brand-page-wrap .is-vertical .nexo-exterior .container {
  padding: 0 30px;
  margin-top: 0;
}
.new-brand-page-wrap .is-vertical .nexo-exterior .text-wrap {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .nexo-exterior .img-box,
.new-brand-page-wrap .is-vertical .nexo-exterior .nexo-exterior-swiper {
  width: 100%;
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .nexo-exterior .img-box {
  height: 220px;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 {
  padding: 0;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .exterior-car-tab {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .exterior-car-tab li {
  width: 29%;
  margin: 0 2%;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .exterior-car-tab li a {
  width: 100%;
  height: auto;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .page-padding {
  padding-bottom: 0;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .title-box {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .tab-content-warp {
  padding-left: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .swiper {
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .pagination-container {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .swiper-pagination {
  margin-top: 0;
  bottom: 15px !important;
  padding: 0 20px 0 15px;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .media-tab {
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .media-tab .item {
  margin: 0 12px 15px 0;
  padding: 7px 13px 5px;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .swiper-slide {
  display: block;
  height: 424px;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .swiper-slide .img-box {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .swiper-slide .text-wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px 20px 60px;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .swiper-slide .title {
  height: auto;
  max-height: none;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .new-brand-page-wrap .is-vertical .nexo-surface1 .swiper-slide .title {
    height: 98px;
  }
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .view-more {
  padding: 30px 30px 0;
}
.new-brand-page-wrap .is-vertical .nexo-surface1 .view-more .c-button {
  width: 100%;
}
.new-brand-page-wrap .gallery-base-slide .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .gallery-base-slide .swiper .gallery-base-swiper {
  overflow: hidden;
  width: 100%;
}
.new-brand-page-wrap .gallery-base-slide .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .gallery-base-slide .title-box .h5 {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .gallery-base-slide .swiper-pagination-bullet {
  display: none;
  width: auto;
  height: auto;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .gallery-base-slide .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .gallery-base-slide .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .gallery-base-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .gallery-base-slide .button-container {
  top: 11.075vw;
}
.new-brand-page-wrap .gallery-base-slide .container .button-container {
  top: 180px;
}
.new-brand-page-wrap .gallery-base-slide .full-width .button-container.inner-container {
  width: 96%;
}
.new-brand-page-wrap .gallery-base-slide .text-wrap {
  position: relative;
  width: 90%;
}
.new-brand-page-wrap .gallery-base-slide .text-wrap .description {
  margin-top: 15px;
}
.new-brand-page-wrap .gallery-base-slide .img-box {
  width: 100%;
  margin-bottom: 35px;
  position: relative;
}
.new-brand-page-wrap .gallery-base-slide .img-box img {
  width: 100%;
}
.new-brand-page-wrap .gallery-base-slide .img-box .icon-player {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 46px;
  color: #fff;
  width: 100%;
  height: 100%;
  background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
  background-size: 90px;
  opacity: 0.5;
  cursor: pointer;
  z-index: 9;
}
.new-brand-page-wrap .gallery-base-slide .img-box .icon-player:hover {
  opacity: 1;
}
.new-brand-page-wrap .gallery-base-slide .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .gallery-base-slide .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .swiper {
  overflow: visible;
  margin: auto;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .gallery-base-swiper {
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .title-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .full-width {
  margin-left: 30px;
  margin-right: 30px;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .swiper-slide {
  text-align: left;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .img-box {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .gallery-base-slide .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
.new-brand-page-wrap .base-gallery {
  overflow: hidden;
}
.new-brand-page-wrap .base-gallery .center {
  padding-left: 23.5%;
  padding-right: 23.5%;
  position: absolute;
  top: 93%;
  left: 0;
  width: 100%;
  z-index: 10;
}
.new-brand-page-wrap .base-gallery .center .base-thumb-swiper {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.new-brand-page-wrap .base-gallery .center .base-thumb-swiper .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .base-gallery .center .base-thumb-swiper .swiper-slide {
  position: relative;
  width: 25%;
  cursor: pointer;
  display: inline-block;
}
.new-brand-page-wrap .base-gallery .center .base-thumb-swiper .swiper-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.new-brand-page-wrap .base-gallery .center .base-thumb-swiper .swiper-slide.swiper-slide-active .img-box {
  border: 3px solid #01aad3;
}
.new-brand-page-wrap .base-gallery .center .base-thumb-swiper .swiper-slide.swiper-slide-active:after {
  display: none;
}
.new-brand-page-wrap .base-gallery .img-box {
  width: 100%;
  position: relative;
  display: inline-block;
}
.new-brand-page-wrap .base-gallery .img-box img {
  width: 100%;
}
.new-brand-page-wrap .base-gallery .img-box .icon-player {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 46px;
  color: #fff;
  background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
  width: 100%;
  height: 100%;
  background-size: 90px;
  opacity: 0.5;
  cursor: pointer;
  z-index: 9;
}
.new-brand-page-wrap #egmp03.base-gallery .img-box .icon-player {
  background: url(/assets/brand2023/img/start_icon.png) no-repeat 50%;
  background-size: 140px;
  opacity: 1;
}
.new-brand-page-wrap .base-gallery .img-box .icon-player:hover {
  opacity: 1;
}
.new-brand-page-wrap .base-gallery .base-gallery-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .base-gallery.mb-tile .base-gallery-tile {
  display: none;
}
.new-brand-page-wrap .base-gallery .base-text-swiper {
  overflow: hidden;
  padding-top: 50px;
}
.new-brand-page-wrap .base-gallery .swiper {
  position: relative;
  overflow: visible;
  margin-bottom: 80px;
}
.new-brand-page-wrap .base-gallery .swiper .base-gallery-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .base-gallery .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .base-gallery .title-box .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .base-gallery .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  text-align: left;
}
.new-brand-page-wrap .base-gallery .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .base-gallery .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .base-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .base-gallery .swiper-button-prev {
  left: 0;
}
.new-brand-page-wrap .base-gallery .swiper-button-next {
  right: 0;
  left: auto;
}
.new-brand-page-wrap .base-gallery .swiper-button-next,
.new-brand-page-wrap .base-gallery .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-brand-page-wrap .base-gallery .swiper-button-next:after,
.new-brand-page-wrap .base-gallery .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .base-gallery .text-wrap {
  position: relative;
  width: 100%;
  float: left;
}
.new-brand-page-wrap .base-gallery .text-wrap .title {
  display: inline-block;
  float: left;
  width: 28%;
}
.new-brand-page-wrap .base-gallery .text-wrap .description {
  display: inline-block;
  float: right;
  width: 70%;
  margin-top: 6px;
}
.new-brand-page-wrap .base-gallery .title-box .description {
  margin: 20px 0;
}
.new-brand-page-wrap .base-gallery .title-box .description .text {
  margin-bottom: 10px;
}
.new-brand-page-wrap .base-gallery .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 160px;
  text-align: right;
}
@media (max-width: 1199px) {
  .new-brand-page-wrap .base-gallery .swiper-pagination {
    margin-top: 110px;
  }
}
@media (max-width: 991px) {
  .new-brand-page-wrap .base-gallery .text-wrap {
    padding-top: 0;
  }
  .new-brand-page-wrap .base-gallery .swiper-pagination {
    margin-top: 90px;
  }
}
.new-brand-page-wrap .base-left-right {
  overflow: hidden;
}
.new-brand-page-wrap .base-left-right .swiper {
  position: relative;
  width: 60%;
  float: right;
}
.new-brand-page-wrap .base-left-right .swiper .swiper-slide {
  overflow: visible;
  -webkit-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
}
.new-brand-page-wrap .base-left-right > .container {
  position: relative;
}
.new-brand-page-wrap .base-left-right .title-box {
  float: left;
  width: 34%;
  margin-bottom: 30px;
  margin-top: 30px;
  z-index: 10;
}
.new-brand-page-wrap .base-left-right .title-box .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .base-left-right .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .base-left-right .title-box .description div {
  margin-bottom: 0.5em;
}
.new-brand-page-wrap .base-left-right .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: none;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .base-left-right .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .base-left-right .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .base-left-right .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .base-left-right .swiper-button-prev {
  left: -72px;
}
.new-brand-page-wrap .base-left-right .swiper-button-next {
  right: -72px;
  left: inherit;
}
.new-brand-page-wrap .base-left-right .swiper-button-next,
.new-brand-page-wrap .base-left-right .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
.new-brand-page-wrap .base-left-right .swiper-button-next:after,
.new-brand-page-wrap .base-left-right .swiper-button-prev:after {
  font-weight: 400;
}
.new-brand-page-wrap .base-left-right .swiper-button-next.black,
.new-brand-page-wrap .base-left-right .swiper-button-prev.black {
  color: #333;
}
.new-brand-page-wrap .base-left-right .img-box {
  width: 100%;
}
.new-brand-page-wrap .base-left-right .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .base-left-right.winth-50 .swiper {
  width: 50%;
  float: right;
}
.new-brand-page-wrap .base-left-right.winth-50 .title-box {
  width: 44%;
}
.new-brand-page-wrap .nexo-wrap .base-left-right .page-padding.all-page {
  padding-top: 30px;
}
.new-brand-page-wrap .nexo-wrap .base-left-right .img-box {
  width: 63%;
  float: right;
  margin-right: 0;
}
.new-brand-page-wrap .base-general {
  overflow: hidden;
}
.new-brand-page-wrap .base-general > .container {
  position: relative;
}
.new-brand-page-wrap .base-general .title-box {
  width: 100%;
  z-index: 10;
}
.new-brand-page-wrap .base-general .title-box .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .base-general .title-box .description {
  margin: 20px 0 0;
}
.new-brand-page-wrap .base-general .text-wrap {
  position: relative;
  width: 100%;
}
.new-brand-page-wrap .base-general .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .base-general .text-wrap .description div {
  margin-bottom: 0.6em;
}
.new-brand-page-wrap .base-general .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  margin-top: 50px;
}
.new-brand-page-wrap .base-general .c-banner {
  margin-top: 50px;
}
.new-brand-page-wrap .base-general .img-box {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-right: 10px;
}
.new-brand-page-wrap .base-general .img-box:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .base-general .img-box img {
  max-width: 100%;
}
.new-brand-page-wrap .base-general .c-banner .text-wrap.bottom-center {
  bottom: 13%;
}
.new-brand-page-wrap .base-general.single-img .img-wrap {
  margin-top: 0;
}
.new-brand-page-wrap .c-intelligent-machine,
.new-brand-page-wrap .c-intelligent-machine .swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-intelligent-machine .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.new-brand-page-wrap .c-intelligent-machine .icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  border-radius: 50%;
  overflow: hidden;
  color: #00aad2;
  cursor: pointer;
  display: block;
}
.new-brand-page-wrap .c-intelligent-machine .icon:hover {
  background: #00aad2;
  color: #fff;
}
.new-brand-page-wrap .c-intelligent-machine .icont {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
}
.new-brand-page-wrap .c-intelligent-machine .icont:before {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.new-brand-page-wrap .c-intelligent-machine .img-box {
  border: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-intelligent-machine .swiper {
  position: relative;
  overflow: visible;
}
.new-brand-page-wrap .c-intelligent-machine .swiper .intelligent-machine-swiper {
  overflow: hidden;
}
.new-brand-page-wrap .c-intelligent-machine .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-intelligent-machine .title-box .h5 {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-intelligent-machine .swiper-pagination-bullet {
  display: none;
  width: auto;
  height: auto;
  position: relative;
  margin: 0 15px;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.new-brand-page-wrap .c-intelligent-machine .swiper-pagination-bullet span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .c-intelligent-machine .swiper-pagination-bullet span.current {
  opacity: 1;
}
.new-brand-page-wrap .c-intelligent-machine .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.new-brand-page-wrap .c-intelligent-machine .button-container {
  top: 30%;
}
.new-brand-page-wrap .c-intelligent-machine .text-wrap {
  position: relative;
  width: 92%;
  max-width: 330px;
}
.new-brand-page-wrap .c-intelligent-machine .text-wrap .description {
  margin-top: 20px;
}
.new-brand-page-wrap .c-intelligent-machine .img-box {
  width: 100%;
  margin-bottom: 35px;
  position: relative;
}
.new-brand-page-wrap .c-intelligent-machine .img-box .play {
  width: 10%;
  max-width: 70px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-brand-page-wrap .c-intelligent-machine .img-box img {
  width: 100%;
}
.new-brand-page-wrap .c-intelligent-machine .img-box .icon-player {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 46px;
  color: #fff;
  width: 100%;
  height: 100%;
  background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
  opacity: 0.5;
  cursor: pointer;
}
.new-brand-page-wrap .c-intelligent-machine .img-box .icon-player:hover {
  opacity: 1;
}
.new-brand-page-wrap .c-intelligent-machine .title-box .description {
  margin: 20px 0 30px;
}
.new-brand-page-wrap .c-intelligent-machine .swiper-pagination {
  position: static;
  bottom: 0;
  margin-top: 50px;
  text-align: right;
}
.new-brand-page-wrap .c-intelligent-machine.full-container .button-container {
  top: 45%;
}
.new-brand-page-wrap .c-intelligent-machine.full-container .page-padding > .container {
  padding: 0;
}
.new-brand-page-wrap .c-intelligent-machine.full-container .page-padding > .container .swiper {
  width: 100vw;
}
@media (min-width: 1750px) {
  .new-brand-page-wrap .c-intelligent-machine.full-container .inner-container {
    width: 1690px;
  }
}
.new-brand-page-wrap .tech-egmp-section2 {
  overflow: hidden;
}
.new-brand-page-wrap .tech-egmp-section2 > .container {
  position: relative;
}
.new-brand-page-wrap .tech-egmp-section2 .title-box {
  width: 100%;
}
.new-brand-page-wrap .tech-egmp-section2 .title-box .tips {
  color: #00aad2;
  margin-bottom: 10px;
}
.new-brand-page-wrap .tech-egmp-section2 .title-box .description {
  margin: 30px 0;
}
.new-brand-page-wrap .tech-egmp-section2 .title-box .description .text {
  margin-bottom: 10px;
}
.new-brand-page-wrap .tech-egmp-section2 .img-box {
  width: 100%;
}
.new-brand-page-wrap .brand-history .swiper {
  overflow: visible;
}
.new-brand-page-wrap .brand-history .group-year {
  position: relative;
}
.new-brand-page-wrap .brand-history .base-year-swiper {
  position: relative;
  overflow: hidden;
}
.new-brand-page-wrap .brand-history .base-year-swiper .year-item {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  padding: 0;
  background: #e4dcd3;
  border-radius: 50%;
  position: relative;
  margin: 10px auto;
  cursor: pointer;
}
.new-brand-page-wrap .brand-history .base-year-swiper .year-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #00aad2;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.new-brand-page-wrap .brand-history .base-year-swiper .year-item.active {
  background: #00aad2;
  color: #fff;
}
.new-brand-page-wrap .brand-history .base-year-swiper .year-item.active:before {
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.new-brand-page-wrap .brand-history .base-history-swiper {
  overflow: hidden;
  padding-top: 55px;
}
.new-brand-page-wrap .brand-history .base-history-swiper .swiper-slide {
  opacity: 0 !important;
  -webkit-transition: opacity 0.6s ease !important;
  transition: opacity 0.6s ease !important;
}
.new-brand-page-wrap .brand-history .base-history-swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.new-brand-page-wrap .brand-history .history-list {
  padding-top: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -5px;
  margin-right: -5px;
}
.new-brand-page-wrap .brand-history .history-list .history-item {
  margin: 5px;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  width: calc(33.3333% - 10px);
  display: inline-block;
  padding: 36px 36px 40px 40px;
}
.new-brand-page-wrap .brand-history .history-list .history-item .title {
  margin-bottom: 10px;
}
.new-brand-page-wrap .brand-history .history-list.history-num2 .history-item {
  width: calc(50% - 10px);
}
.new-brand-page-wrap .brand-history .history-list.history-num1 .history-item {
  width: 100%;
}
.new-brand-page-wrap .c-pic-text .header-desc {
  margin: 35px auto 60px;
}
.new-brand-page-wrap .c-pic-text .header-desc div {
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-pic-text .header-desc div:last-child {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-pic-text .layer-black .c-eq-video {
  position: relative;
}
.new-brand-page-wrap .c-pic-text .layer-black .c-eq-video .eq-video {
  display: block;
}
.new-brand-page-wrap .c-pic-text .layer-black .c-eq-video:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.new-brand-page-wrap .c-pic-text .list-wrap.btn-center .btn-link-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto;
  z-index: 1000;
}
.new-brand-page-wrap .c-pic-text .list {
  position: relative;
}
.new-brand-page-wrap .c-pic-text .list .text-wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 999;
}
.new-brand-page-wrap .c-pic-text .list .text-wrap .des {
  margin: 20px auto 45px;
}
.new-brand-page-wrap .c-pic-text .list .btn1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 60px;
  width: 100%;
  text-align: center;
  z-index: 99;
}
.new-brand-page-wrap .c-pic-text .list .btn1 .c-button {
  margin: 0 12px;
}
.new-brand-page-wrap .c-pic-text .two .list-wrap {
  margin: 0 -5px;
}
.new-brand-page-wrap .c-pic-text .two .list {
  width: 50%;
  float: left;
  padding: 0 5px;
}
.new-brand-page-wrap .c-pic-text .img-container {
  width: 100%;
}
.new-brand-page-wrap .c-page-cont .swiper-wrapper {
  display: block;
}
.new-brand-page-wrap .c-page-cont .header-title {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-page-cont .img-container {
  width: 50%;
  height: 320px;
  background-color: #f7f3f2 !important;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.new-brand-page-wrap .c-page-cont .text-wrap {
  width: 50%;
  padding: 5%;
}
.new-brand-page-wrap .c-page-cont .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-page-cont .pic-left .img-container,
.new-brand-page-wrap .c-page-cont .pic-left .text-wrap {
  float: left;
}
.new-brand-page-wrap .c-page-cont .pic-right .img-container,
.new-brand-page-wrap .c-page-cont .pic-right .text-wrap {
  float: right;
}
.new-brand-page-wrap .c-social-report {
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-report .search-container {
    padding: 0;
  }
}
.new-brand-page-wrap .c-social-report .header {
  display: -webkit-box;
  display: -ms-flexbox;
  background: #f6f3f2;
  height: 80px;
  padding: 0 30px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-report .header {
    height: auto;
    display: block;
    padding: 30px;
  }
}
.new-brand-page-wrap .c-social-report .header .dropup-container,
.new-brand-page-wrap .c-social-report .header .input-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .c-social-report .header .input-container {
  width: 515px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #e4dcd3;
  margin-left: 10px;
  background: #fff;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-report .header .input-container {
    width: 100%;
    padding-right: 10px;
    margin: 0;
  }
}
.new-brand-page-wrap .c-social-report .header .input-container input {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10;
  height: 100%;
  padding-left: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-report .header .input-container input {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
}
.new-brand-page-wrap .c-social-report .header .input-container .iconfont {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .c-social-report .header .caret,
.new-brand-page-wrap .c-social-report .header .iconfont {
  color: #e2dbd3;
}
.new-brand-page-wrap .c-social-report .header .caret {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid;
}
.new-brand-page-wrap .c-social-report .header .dropup-container {
  position: relative;
  width: 515px;
  height: 40px;
  background: #fff;
  border: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-report .header .dropup-container {
    width: 100%;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-social-report .header .dropup-container .dropdown-toggle {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .c-social-report .header .dropdown-menu {
  width: 100%;
  padding: 15px;
}
.new-brand-page-wrap .c-social-report .header .dropdown-menu li {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.new-brand-page-wrap .c-social-report .title {
  margin-top: 80px;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-social-report .title {
    margin-top: 65px;
    margin-bottom: 30px;
  }
}
.new-brand-page-wrap .c-social-report .item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-right: -40px;
}
.new-brand-page-wrap .c-social-report .item {
  display: block;
  width: 355px;
  margin-bottom: 60px;
  margin-right: 16px;
}
.new-brand-page-wrap .c-social-report .img-container {
  width: 100%;
  padding-bottom: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-social-report .img-box {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.new-brand-page-wrap .c-social-report .img-box img {
  width: 100%;
}
.new-brand-page-wrap .c-social-report .img-box .icon-player {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 46px;
  color: #fff;
  width: 100%;
  height: 100%;
  background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
  opacity: 0.5;
  cursor: pointer;
}
.new-brand-page-wrap .c-social-report .img-box .icon-player:hover {
  opacity: 1;
}
.new-brand-page-wrap .c-social-report .btn-link-wrap {
  text-align: center;
  position: relative;
  margin-top: 60px;
}
.new-brand-page-wrap .c-social-report .btn-link-wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid #e4dcd3;
  z-index: 0;
}
.new-brand-page-wrap .c-social-report .btn-link-wrap .c-button {
  position: relative;
  background: #fff;
  z-index: 2;
}
.new-brand-page-wrap .c-social-report .state {
  color: #999;
}
.new-brand-page-wrap .c-social-report [custom-bg=true] .img-box {
  background: #002c5f;
}
.new-brand-page-wrap .c-social-report [data-hide=hide] {
  display: none !important;
}
.new-brand-page-wrap .c-news {
  padding: 120px 0;
}
.new-brand-page-wrap .c-news.no-pa {
  padding-top: 0;
}
.new-brand-page-wrap .c-news.padding-bottom-60 {
  padding-bottom: 60px;
}
.new-brand-page-wrap .c-news.line {
  border-top: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-news.line .content .imgs-wrap {
  margin-top: 0;
  margin-bottom: 0;
}
.new-brand-page-wrap .c-news.line .content .imgs-wrap .list {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-news .pic {
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.new-brand-page-wrap .c-news .go-black {
  padding: 0 0 50px;
}
.new-brand-page-wrap .c-news .form {
  background: #f7f3f2;
  padding: 20px 30px;
  margin: 60px 0;
}
.new-brand-page-wrap .c-news .form .list-wrap {
  margin: 0 -5px;
}
.new-brand-page-wrap .c-news .form .list {
  width: 50%;
  float: left;
  padding: 0 5px;
  color: #9c9c9c;
}
.new-brand-page-wrap .c-news .form .list .group {
  width: 100%;
  height: 100%;
  position: relative;
}
.new-brand-page-wrap .c-news .form .list .group .dropdown-menu {
  border-radius: 0;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: 300px;
  overflow-y: auto;
}
.new-brand-page-wrap .c-news .form .list .group .dropdown-menu a {
  border-top: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-news .form .list .group .dropdown-menu li.active {
  background: #f7f3f2;
}
.new-brand-page-wrap .c-news .form .list .group.open .dropdown-menu {
  border-top: none;
}
.new-brand-page-wrap .c-news .form .list .group.open button {
  border-bottom: 1px solid transparent !important;
}
.new-brand-page-wrap .c-news .form .list .group.open i {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.new-brand-page-wrap .c-news .form .list .group button {
  text-align: left;
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
  border: none;
  background: none;
}
.new-brand-page-wrap .c-news .form .list .group i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.new-brand-page-wrap .c-news .form .list .group .triangle {
  width: 0;
  height: 0;
  border-top: 10px solid #e2dbd3;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.new-brand-page-wrap .c-news .form .list .dropdown-menu {
  width: 100%;
  padding: 0;
  margin: 0;
}
.new-brand-page-wrap .c-news .form .list .dropdown-menu > li {
  padding: 0 60px 0 25px;
  display: block;
}
.new-brand-page-wrap .c-news .form .list .dropdown-menu > li:hover a {
  color: #000;
}
.new-brand-page-wrap .c-news .form .list .dropdown-menu > li > a {
  cursor: pointer;
  min-height: 50px;
  line-height: 30px;
  padding: 10px 0;
  background: none;
  color: #666;
}
.new-brand-page-wrap .c-news .form .list input {
  text-align: left;
}
.new-brand-page-wrap .c-news .form .list .btn {
  padding: 0 25px;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #e4dcd3 !important;
  outline: none;
  border-radius: 0;
  background: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.new-brand-page-wrap .c-news .content a {
  display: block;
  height: 100%;
}
.new-brand-page-wrap .c-news .content .text-content.de-none .list {
  display: none;
}
.new-brand-page-wrap .c-news .content .text-content.de-none .list.active {
  display: block;
}
.new-brand-page-wrap .c-news .content .text-content.message .list-wrap {
  margin: 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-brand-page-wrap .c-news .content .text-content.message .list {
  display: none;
}
.new-brand-page-wrap .c-news .content .text-content.message .list.active {
  display: block;
}
.new-brand-page-wrap .c-news .content .text-content.message .list {
  padding: 0 5px;
  width: 33.3333333%;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .p {
  margin: auto;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .text-wrap {
  height: 100%;
  position: relative;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .text-wrap.more a:hover,
.new-brand-page-wrap .c-news .content .text-content.message .list .text-wrap.more a:hover i {
  color: #43c7ee;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .down {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .link {
  border: 1px solid #e4dcd3;
  overflow: hidden;
  padding: 20px;
  height: 270px;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .link:hover {
  background: #f7f3f2;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .title {
  margin-bottom: 25px;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .download {
  position: relative;
  display: block;
  color: #878787;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .iconfont {
  color: #000;
}
.new-brand-page-wrap .c-news .content .text-content.message .list .h4.iconfont {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  margin: 0;
}
.new-brand-page-wrap .c-news .content .text-wrap {
  overflow: hidden;
}
.new-brand-page-wrap .c-news .content .text-wrap .timer {
  text-align: left;
  color: #9c9c9c;
}
.new-brand-page-wrap .c-news .content .text-wrap .text {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-news .content .text-wrap .text:last-of-type {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-news .content .btn-link-wrap {
  text-align: center;
}
.new-brand-page-wrap .c-news .content .btn-link-wrap.line-all {
  position: relative;
}
.new-brand-page-wrap .c-news .content .btn-link-wrap.line-all:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e4dcd3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.new-brand-page-wrap .c-news .content .btn-link-wrap.line-all .c-button {
  position: relative;
  z-index: 9;
  background: #fff;
}
.new-brand-page-wrap .c-news .content .imgs-wrap {
  margin: 60px -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.new-brand-page-wrap .c-news .content .imgs-wrap img {
  width: 100%;
}
.new-brand-page-wrap .c-news .content .imgs-wrap .p {
  color: #878787;
  margin: 20px auto 10px;
}
.new-brand-page-wrap .c-news .content .imgs-wrap .list {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 50px;
}
.new-brand-page-wrap .c-details {
  background: #f7f3f2;
  padding: 120px 0;
}
.new-brand-page-wrap .c-details #copy_content {
  font-size: 0;
}
.new-brand-page-wrap .c-details .tips-timer {
  bottom: 150%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  word-break: break-word;
  white-space: nowrap;
}
.new-brand-page-wrap .c-details .share .iconfont {
  position: relative;
  cursor: pointer;
}
.new-brand-page-wrap .c-details .share .iconfont:hover {
  color: #00aad2;
}
.new-brand-page-wrap .c-details #wxCode {
  display: none;
  top: -150px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0 #aaa;
  box-shadow: 0 0 10px 0 #aaa;
}
.new-brand-page-wrap .c-details .go-black {
  padding: 0 0 50px;
}
.new-brand-page-wrap .c-details .text-content iframe,
.new-brand-page-wrap .c-details .text-content img,
.new-brand-page-wrap .c-details .text-content video {
  width: 100% !important;
  margin: 25px auto !important;
  display: block !important;
}
.new-brand-page-wrap .c-details .text-content p {
  margin: 25px auto;
}
.new-brand-page-wrap .c-details .content {
  background: #fff;
  border: 1px solid #e4dcd3;
  padding: 90px 80px;
}
.new-brand-page-wrap .c-details .content .cont1 {
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-details .content .timer {
  float: left;
  color: #9c9c9c;
}
.new-brand-page-wrap .c-details .content .share {
  float: right;
}
.new-brand-page-wrap .c-details .content .share i {
  margin-left: 5px;
}
.new-brand-page-wrap .c-details .content .title {
  margin-bottom: 25px;
}
.new-brand-page-wrap .c-details .content .tag-wrap {
  margin-bottom: 50px;
}
.new-brand-page-wrap .c-details .content .tag-wrap .tag {
  float: left;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
  min-width: 120px;
  margin-right: 10px;
  padding: 13px 20px;
  color: #999;
  border: 1px solid #e4dcd3;
  cursor: pointer;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-details .content .line {
  border-bottom: 2px solid #e4dcd3;
  margin-bottom: 65px;
}
.new-brand-page-wrap .c-details .content .text-wrap {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-details .content .text-wrap .text {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-details .content .text-wrap .text:last-of-type {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-details .content .imgs-wrap {
  margin: 60px auto;
}
.new-brand-page-wrap .c-details .content .imgs-wrap img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}
.new-brand-page-wrap .c-details .content .imgs-wrap .p {
  color: #878787;
  margin-top: 25px;
  text-align: center;
}
.new-brand-page-wrap .c-details .content .imgs-wrap.two {
  margin: 60px -5px;
}
.new-brand-page-wrap .c-details .content .imgs-wrap.two .pic {
  width: 50%;
  padding: 0 5px;
  float: left;
}
.new-brand-page-wrap .c-details .content .imgs-wrap.two .p {
  text-align: left;
}
.new-brand-page-wrap .c-details .content .dot-wrap {
  background: #f6f3f2;
  padding: 5% 15%;
  margin: 60px auto;
  width: 100%;
}
.new-brand-page-wrap .c-details .content .dot-wrap .img {
  display: block;
  width: 36px;
  margin: 40px auto;
}
.new-brand-page-wrap .c-details .content .dot-wrap .name {
  color: #9c9c9c;
  text-align: center;
}
.new-brand-page-wrap .c-details .content .list {
  position: relative;
}
.new-brand-page-wrap .c-details .content .list .blue {
  color: #43c7ee;
}
.new-brand-page-wrap .c-details .content .list.img-right {
  margin: 60px auto;
}
.new-brand-page-wrap .c-details .content .list.img-right .text-wrap {
  position: absolute;
  width: 60%;
  float: left;
  top: 0;
  left: 0;
  height: 100%;
  margin-bottom: 0;
}
.new-brand-page-wrap .c-details .content .list.img-right .text-wrap .text-w {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.new-brand-page-wrap .c-details .content .list.img-right .imgs-wrap {
  width: 35%;
  float: right;
  margin: 0;
}
.new-brand-page-wrap .c-details .content .list.img-left {
  margin: 60px auto;
}
.new-brand-page-wrap .c-details .content .list.img-left .text-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  float: right;
  margin-bottom: 0;
}
.new-brand-page-wrap .c-details .content .list.img-left .text-wrap .text-w {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.new-brand-page-wrap .c-details .content .list.img-left .imgs-wrap {
  width: 35%;
  float: left;
  margin: 0;
}
.new-brand-page-wrap .c-details .out-wrap {
  margin: 60px -10px;
}
.new-brand-page-wrap .c-details .out-wrap .list {
  width: 50%;
  float: left;
  padding: 0 10px;
}
.new-brand-page-wrap .c-details .out-wrap .text {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #e4dcd3;
  padding: 35px 100px 35px 35px;
}
.new-brand-page-wrap .c-details .out-wrap .text i {
  position: absolute;
  bottom: 35px;
  right: 35px;
}
.new-brand-page-wrap .c-details .out-wrap .text .tips {
  margin-bottom: 25px;
}
.new-brand-page-wrap .c-details.fill {
  background: none;
  border-top: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-details.fill .out-wrap {
  margin-top: 0;
  margin-bottom: 0;
}
.new-brand-page-wrap .c-details.fill .out-wrap .list {
  width: 100%;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-details.fill .out-wrap .list:last-of-type {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-details {
  padding: 60px 0;
  background: #fff;
}
.new-brand-page-wrap .is-vertical .c-details.fill .out-wrap {
  margin-top: 0;
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-details.fill .out-wrap .list .text {
  background: none;
}
.new-brand-page-wrap .is-vertical .c-details .text-content p {
  line-height: 1.6;
}
.new-brand-page-wrap .is-vertical .c-details .go-black {
  padding: 30px 0;
}
.new-brand-page-wrap .is-vertical .c-details .go-black i,
.new-brand-page-wrap .is-vertical .c-details .go-black span {
  display: inline-block;
  vertical-align: middle;
}
.new-brand-page-wrap .is-vertical .c-details .content {
  border: none;
  padding: 0;
}
.new-brand-page-wrap .is-vertical .c-details .content .dot-wrap {
  margin: 40px auto;
}
.new-brand-page-wrap .is-vertical .c-details .content .dot-wrap img {
  margin: 20px auto;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-left {
  margin: 40px auto;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-left .imgs-wrap {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-left .text-wrap {
  position: relative;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-left .text-wrap .text-w {
  margin: 40px auto 0;
  position: static;
  -webkit-transform: inherit;
  transform: inherit;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-right {
  margin: 40px auto;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-right .imgs-wrap {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-right .text-wrap {
  position: relative;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-details .content .list.img-right .text-wrap .text-w {
  margin: 40px auto 0;
  position: static;
  -webkit-transform: inherit;
  transform: inherit;
}
.new-brand-page-wrap .is-vertical .c-details .content .text-wrap {
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .c-details .content .tag-wrap {
  margin-bottom: 15px;
}
.new-brand-page-wrap .is-vertical .c-details .content .imgs-wrap {
  margin: 40px auto;
}
.new-brand-page-wrap .is-vertical .c-details .content .imgs-wrap.two .pic {
  width: 100%;
  margin-bottom: 40px;
}
.new-brand-page-wrap .is-vertical .c-details .content .imgs-wrap.two .pic:last-child {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-details .content .share {
  float: left;
}
.new-brand-page-wrap .is-vertical .c-details .content .line {
  margin-bottom: 25px;
}
.new-brand-page-wrap .is-vertical .c-details .cont1 {
  margin-bottom: 5px;
}
.new-brand-page-wrap .is-vertical .c-details .cont1.visible-vert {
  margin-bottom: 25px;
}
.new-brand-page-wrap .is-vertical .c-details .out-wrap {
  margin: 40px 0;
}
.new-brand-page-wrap .is-vertical .c-details .out-wrap .list {
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
}
.new-brand-page-wrap .is-vertical .c-details .out-wrap .list:last-child {
  margin-bottom: 0;
}
.new-brand-page-wrap .is-vertical .c-details .out-wrap .list .text {
  background: #f7f3f2;
  padding: 20px 70px 20px 20px;
}
.new-brand-page-wrap .is-vertical .c-details .out-wrap .list .text i {
  bottom: 25px;
  right: 25px;
}
.new-brand-page-wrap .c-news.c-manual .form .list .btn {
  text-align: left;
}
.new-brand-page-wrap .c-news.c-manual .content .list-all-wrap {
  display: none;
}
.new-brand-page-wrap .c-news.c-manual .content .list-show-wrap {
  padding-bottom: 60px;
}
.new-brand-page-wrap .c-news.c-manual .content .list-show-wrap .list-group {
  display: none;
  margin-bottom: 0;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -5px;
  margin-right: -5px;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item {
  position: relative;
  margin: 5px;
  background: #fff;
  border: 1px solid #e4dcd3;
  width: calc(33.3333% - 10px);
  height: 200px;
  overflow: hidden;
  display: inline-block;
  padding: 30px;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item .timer {
  text-align: left;
  color: #9c9c9c;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item .desc {
  position: absolute;
  left: 30px;
  bottom: 22px;
  color: #9c9c9c;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item .desc:last-of-type {
  margin-bottom: 0;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item .btn-down {
  position: absolute;
  right: 18px;
  bottom: 18px;
  padding: 0 8px;
  font-size: 30px;
  height: auto;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item .btn-down .iconfont {
  font-size: 18px;
}
.new-brand-page-wrap .c-news.c-manual .content .manual-list .manual-item:hover {
  background: #f6f3f2;
}
.new-brand-page-wrap .c-news.c-manual .content .btn-link-wrap {
  text-align: center;
  position: relative;
}
.new-brand-page-wrap .c-news.c-manual .content .btn-link-wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid #e4dcd3;
  z-index: 0;
}
.new-brand-page-wrap .c-news.c-manual .content .btn-link-wrap .c-button {
  position: relative;
  background: #fff;
  z-index: 2;
}
.new-brand-page-wrap .is-vertical .c-news.c-manual .content .manual-list {
  padding: 0 30px 30px;
  margin-right: 0;
  margin-left: 0;
}
.new-brand-page-wrap .is-vertical .c-news.c-manual .content .manual-list .manual-item {
  margin: 10px 0 0;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-news.c-manual .content .manual-list .manual-item .title {
  padding: 0;
  margin-top: 4px;
}
.new-brand-page-wrap .service-bluelink .description {
  margin-top: 30px;
}
.new-brand-page-wrap .service-bluelink .content {
  margin-top: 60px;
}
.new-brand-page-wrap .service-bluelink .content .usage-box {
  padding-top: 13%;
  padding-left: 13%;
}
.new-brand-page-wrap .service-bluelink .content .usage-box .tips {
  color: #00aad2;
  display: inline-block;
  margin-left: 10px;
}
.new-brand-page-wrap .service-bluelink .content .usage-box .sub-title {
  margin-top: 20px;
}
.new-brand-page-wrap .service-bluelink .content .usage-box p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.new-brand-page-wrap .service-bluelink .content .usage-box .description {
  margin-top: 20px;
}
.new-brand-page-wrap .service-bluelink .content .s-line {
  border-top: 1px solid #e4dcd3;
  margin: 60px 0;
}
.new-brand-page-wrap .service-bluelink .content .img-wrap {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.new-brand-page-wrap .service-bluelink .content .img-wrap .img-box {
  width: 50%;
  display: inline-block;
}
.new-brand-page-wrap .service-bluelink .content .img-wrap .img-box .img-qrcode {
  width: 126px;
}
.new-brand-page-wrap .body-service-bluelink-wrap .c-banner .text-wrap {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.new-brand-page-wrap .is-vertical.body-service-bluelink-wrap .c-banner .text-wrap.mb-vertical-center {
  top: 40%;
}
.new-brand-page-wrap .is-vertical.body-service-bluelink-wrap .c-banner .text-wrap {
  text-shadow: none;
  color: #000;
}
.new-brand-page-wrap .is-vertical .service-bluelink .content .usage-box {
  padding-top: 60px;
  padding-left: 0;
}
.new-brand-page-wrap .is-vertical .service-bluelink .content .usage-box .tips {
  display: block;
  margin-left: 0;
  margin-top: 15px;
}
.new-brand-page-wrap .is-vertical .service-bluelink .content .s-line {
  margin: 30px 0;
}
.new-brand-page-wrap .is-vertical .service-bluelink .content .img-wrap {
  margin-top: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .is-vertical .service-bluelink .content .img-wrap .img-box {
  width: 44%;
}
.new-brand-page-wrap .is-vertical .service-bluelink .content .img-wrap .img-box .img-qrcode {
  width: 100%;
}
.new-brand-page-wrap .service-nexo .description,
.new-brand-page-wrap .service-nexo .img-wrap {
  margin-top: 30px;
}
.new-brand-page-wrap .service-nexo .content {
  margin-top: 60px;
  position: relative;
}
.new-brand-page-wrap .service-nexo .content .text-wrap {
  padding: 0 60px;
  margin-top: -40px;
}
.new-brand-page-wrap .service-nexo .content .text-list .text-item {
  position: relative;
  margin: 5px;
  background: #fff;
  border: 1px solid #e4dcd3;
  overflow: hidden;
  padding: 40px;
}
.new-brand-page-wrap .service-nexo .content .text-list .text-item .desc {
  margin-top: 20px;
}
.new-brand-page-wrap .service-nexo .content .img-wrap {
  margin-top: 30px;
}
.new-brand-page-wrap .service-nexo .title-wrap {
  background: #e4dcd3;
}
.new-brand-page-wrap .service-nexo .content-wrap {
  background: #f6f3f2;
}
.new-brand-page-wrap .service-nexo .content-wrap .note-title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .service-nexo .content-wrap .note-desc {
  margin-top: 10px;
}
.new-brand-page-wrap .service-nexo .row-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -5px;
  margin-right: -5px;
}
.new-brand-page-wrap .service-nexo .row-list .row-item {
  position: relative;
  margin: 5px;
  background: #fff;
  border: 1px solid #e4dcd3;
  width: calc(33.3333% - 10px);
  min-height: 200px;
  overflow: hidden;
  display: inline-block;
  padding: 30px;
}
.new-brand-page-wrap .service-nexo .row-list .row-item .title-icon {
  width: 65px;
  height: 65px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
}
.new-brand-page-wrap .service-nexo .row-list .row-item .title-icon svg {
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .service-nexo .row-list .row-item .title {
  display: inline-block;
  padding-bottom: 10px;
}
.new-brand-page-wrap .service-nexo .row-list .row-item .desc {
  margin-top: 10px;
}
.new-brand-page-wrap .service-nexo .row-list .map-item.active,
.new-brand-page-wrap .service-nexo .row-list .row-item.active {
  background: #f6f3f2;
}
.new-brand-page-wrap .service-nexo .row-list .map-item {
  cursor: pointer;
}
.new-brand-page-wrap .service-nexo .row-list .map-item:hover {
  background: #f6f3f2;
}
.new-brand-page-wrap .service-nexo .row-list .map-info-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .service-nexo .row-list .map-info-text span:first-child {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-brand-page-wrap .service-nexo .row-list.width50 {
  margin-left: -30px;
  margin-right: -30px;
}
.new-brand-page-wrap .service-nexo .row-list.width50 .row-item {
  margin: 0 30px;
  width: calc(50% - 60px);
}
.new-brand-page-wrap .service-nexo .service-map {
  margin: 60px 0 30px;
  height: 500px;
}
.new-brand-page-wrap .service-nexo .help-box {
  position: relative;
  margin: 5px;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 30px;
}
.new-brand-page-wrap .service-nexo .help-box .title-icon {
  width: 65px;
  height: 65px;
  margin-right: 20px;
  float: left;
}
.new-brand-page-wrap .service-nexo .help-box .title-icon svg {
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .service-nexo .help-box .title {
  display: inline-block;
  padding-bottom: 10px;
}
.new-brand-page-wrap .service-nexo .help-box.phone-box {
  padding: 60px;
  margin-top: -10px;
}
.new-brand-page-wrap .service-nexo .help-box.phone-box > .phone-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 5px;
}
.new-brand-page-wrap .body-service-nexo-wrap .c-banner .text-wrap {
  color: #000;
}
.new-brand-page-wrap .is-vertical.body-service-nexo-wrap .c-banner .text-wrap.mb-vertical-center {
  top: 40%;
}
.new-brand-page-wrap .is-vertical.body-service-nexo-wrap .c-banner .text-wrap {
  text-shadow: none;
  color: #fff;
}
.new-brand-page-wrap .is-vertical .service-nexo .container {
  padding-left: 0;
  padding-right: 0;
}
.new-brand-page-wrap .is-vertical .service-nexo .title-box {
  padding: 0 30px;
}
.new-brand-page-wrap .is-vertical .service-nexo .content {
  margin-top: 30px;
}
.new-brand-page-wrap .is-vertical .service-nexo .content .text-wrap {
  padding: 0 30px;
  margin-top: -30px;
}
.new-brand-page-wrap .is-vertical .service-nexo .content .text-list .text-item {
  padding: 30px;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list {
  padding: 0 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list .row-item {
  width: 100%;
  min-height: auto;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list .row-item .title {
  display: inline-block;
  padding-bottom: 10px;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list.width50 {
  margin-left: 0;
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list.width50 .row-item {
  margin: 5px 0;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .service-nexo .content-map {
  position: relative;
}
.new-brand-page-wrap .is-vertical .service-nexo .service-map {
  margin: 30px 0 0;
  height: 500px;
}
.new-brand-page-wrap .is-vertical .service-nexo .mb-address-wrap {
  position: absolute;
  width: 100%;
  top: -185px;
  left: 0;
  z-index: 98;
}
.new-brand-page-wrap .is-vertical .service-nexo .swiper {
  overflow: visible;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list .store-addr-swiper .swiper-slide {
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .service-nexo .row-list .store-addr-swiper .row-item {
  min-height: 155px;
  margin: 0;
}
.new-brand-page-wrap .is-vertical .service-nexo .help-box {
  margin: 0 30px;
  padding: 30px;
}
.new-brand-page-wrap .is-vertical .service-nexo .help-box.phone-box {
  padding: 40px 20px;
  margin-top: 30px;
}
.new-brand-page-wrap .is-vertical .service-nexo .help-box.phone-box .title-icon {
  width: 55px;
  height: 55px;
  margin-right: 10px;
  float: left;
}
.new-brand-page-wrap .is-vertical .service-nexo .page-padding.page-padding-last {
  padding-bottom: 60px;
}
.new-brand-page-wrap .test-drive {
  margin-top: 60px;
}
.new-brand-page-wrap .test-drive .description {
  margin-top: 30px;
}
.new-brand-page-wrap .test-drive .step-tips {
  margin-top: 30px;
  color: #00aad2;
}
.new-brand-page-wrap .test-drive .img-wrap {
  margin-top: 30px;
}
.new-brand-page-wrap .test-drive .title-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}
.new-brand-page-wrap .test-drive .space-30 {
  margin-top: 30px !important;
}
.new-brand-page-wrap .test-drive .space-60 {
  margin-top: 60px !important;
}
.new-brand-page-wrap .test-drive .text-list .text-item {
  position: relative;
  margin: 5px;
  background: #fff;
  border: 1px solid #e4dcd3;
  overflow: hidden;
  padding: 40px;
}
.new-brand-page-wrap .test-drive .text-list .text-item .desc {
  margin-top: 20px;
}
.new-brand-page-wrap .test-drive .row-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -5px;
  margin-right: -5px;
}
.new-brand-page-wrap .test-drive .row-list .row-item {
  position: relative;
  margin: 5px;
  background: #fff;
  border: 1px solid #e4dcd3;
  width: calc(25% - 10px);
  min-height: 200px;
  overflow: hidden;
  display: inline-block;
  padding: 30px;
}
.new-brand-page-wrap .test-drive .row-list .row-item .title {
  display: inline-block;
  padding-bottom: 10px;
}
.new-brand-page-wrap .test-drive .row-list .row-item .title .tag-num {
  display: inline-block;
  margin-right: 10px;
  line-height: 1;
}
.new-brand-page-wrap .test-drive .row-list .row-item .desc {
  margin-top: 10px;
}
.new-brand-page-wrap .test-drive .row-list .row-item.active {
  background: #f6f3f2;
}
.new-brand-page-wrap .test-drive .row-list .row-item.model-item {
  width: calc(33.3333% - 10px);
  cursor: pointer;
  height: auto;
  min-height: auto;
}
.new-brand-page-wrap .test-drive .row-list .row-item.model-item .title {
  padding-bottom: 0;
}
.new-brand-page-wrap .test-drive .row-list .row-item.model-item:hover {
  background: #f6f3f2;
}
.new-brand-page-wrap .test-drive .step-wrap {
  margin-top: 60px;
  position: relative;
}
.new-brand-page-wrap .test-drive .step-group {
  position: relative;
}
.new-brand-page-wrap .test-drive .step-group .step-title {
  position: relative;
  border-top: 1px solid #e4dcd3;
  padding: 2.4px 30px;
}
.new-brand-page-wrap .test-drive .step-group .step-title .title-arrow {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.new-brand-page-wrap .test-drive .step-group .step-title .title-arrow .iconfont {
  font-size: 24px;
}
.new-brand-page-wrap .test-drive .step-group .step-title.step-last {
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .test-drive .step-group .step-content {
  position: relative;
  padding: 60px 30px;
  display: none;
  overflow: hidden;
  border-top: 1px solid #000;
}
.new-brand-page-wrap .test-drive .step-group.active {
  position: relative;
}
.new-brand-page-wrap .test-drive .step-group.active .step-title .title-arrow {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.new-brand-page-wrap .test-drive .swiper {
  overflow: visible;
}
.new-brand-page-wrap .test-drive .swiper .select-swiper-day,
.new-brand-page-wrap .test-drive .swiper .select-swiper-time {
  overflow: hidden;
}
.new-brand-page-wrap .test-drive .select-swiper .swiper-slide {
  width: 116px;
  height: 116px;
}
.new-brand-page-wrap .test-drive .select-swiper .select-item {
  text-align: center;
  background: #fff;
  border: 1px solid #e4dcd3;
  width: 114px;
  height: 114px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-brand-page-wrap .test-drive .select-swiper .swiper-slide:hover .select-item {
  border: 1px solid #00aad2;
}
.new-brand-page-wrap .test-drive .select-swiper .swiper-slide.active .select-item {
  border: 1px solid #00aad2;
  color: #00aad2;
}
.new-brand-page-wrap .test-drive .select-swiper .button-container.inner-container .swiper-button-prev {
  left: 12px;
}
.new-brand-page-wrap .test-drive .select-swiper .button-container.inner-container .swiper-button-next {
  right: 10px;
}
.new-brand-page-wrap .test-drive .btn-link-wrap {
  margin-top: 30px;
  text-align: center;
}
.new-brand-page-wrap .test-drive .c-button-drive {
  width: 300px;
}
.new-brand-page-wrap .hyundai-form .form-group {
  margin-bottom: 20px;
}
.new-brand-page-wrap .hyundai-form .form-label {
  padding: 9px 15px;
}
.new-brand-page-wrap .hyundai-form .form-input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 18px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e4dcd3;
  border-radius: 0;
}
.new-brand-page-wrap .hyundai-form .form-input:focus {
  border-color: #00aad2;
  outline: 0;
}
.new-brand-page-wrap .hyundai-form .form-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.new-brand-page-wrap .hyundai-form .form-input:-ms-input-placeholder {
  color: #999;
}
.new-brand-page-wrap .hyundai-form .form-input::-webkit-input-placeholder {
  color: #999;
}
.new-brand-page-wrap .hyundai-form .form-input::-ms-expand {
  background-color: transparent;
  border: 0;
}
.new-brand-page-wrap .hyundai-form .form-input[disabled],
.new-brand-page-wrap .hyundai-form .form-input[readonly],
.new-brand-page-wrap .hyundai-form fieldset[disabled] .form-input {
  background-color: #eee;
  opacity: 1;
}
.new-brand-page-wrap .hyundai-form .form-input[disabled],
.new-brand-page-wrap .hyundai-form fieldset[disabled] .form-input {
  cursor: not-allowed;
}
.new-brand-page-wrap .hyundai-form .form-input.form-auth-code {
  width: calc(100% - 160px);
  display: inline-block;
}
.new-brand-page-wrap .hyundai-form .form-button {
  padding: 12px 20px;
  width: 140px;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #012c5f;
  color: #fff;
  background: #012c5f;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.new-brand-page-wrap .hyundai-form input.form-check[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  visibility: hidden;
}
.new-brand-page-wrap .hyundai-form input.form-check[type=checkbox] + label:before {
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e653";
  display: inline-block;
  vertical-align: -1px;
  margin-right: 5px;
  border-radius: 0;
  text-indent: 0.1em;
  line-height: 1;
  font-size: 16px;
  color: #e4dcd3;
}
.new-brand-page-wrap .hyundai-form input.form-check[type=checkbox]:checked + label:before {
  content: "\e654";
  color: #00aad2;
}
.new-brand-page-wrap .hyundai-form a {
  color: #00aad2;
  border-bottom: 1px solid #00aad2;
}
.new-brand-page-wrap .is-vertical .test-drive .step-wrap {
  margin-top: 40px;
}
.new-brand-page-wrap .is-vertical .test-drive .step-group {
  position: relative;
}
.new-brand-page-wrap .is-vertical .test-drive .step-group .step-title {
  padding: 20px 0;
}
.new-brand-page-wrap .is-vertical .test-drive .step-group .step-title .title-arrow {
  right: 0;
}
.new-brand-page-wrap .is-vertical .test-drive .step-group .step-content {
  padding: 30px 0;
}
.new-brand-page-wrap .is-vertical .test-drive .search-container {
  padding: 20px;
}
.new-brand-page-wrap .is-vertical .test-drive .row-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .test-drive .row-list .row-item {
  width: 100%;
  min-height: auto;
}
.new-brand-page-wrap .is-vertical .test-drive .row-list .row-item .title {
  display: inline-block;
  padding-bottom: 10px;
}
.new-brand-page-wrap .is-vertical .test-drive .row-list.width50 {
  margin-left: 0;
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .test-drive .row-list.width50 .row-item {
  margin: 5px 0;
  width: 100%;
}
.new-brand-page-wrap .is-vertical .test-drive .mb-step-content-full,
.new-brand-page-wrap .is-vertical .test-drive .swiper,
.new-brand-page-wrap .is-vertical .test-drive .swiper .select-swiper-day,
.new-brand-page-wrap .is-vertical .test-drive .swiper .select-swiper-time {
  overflow: visible;
}
.new-brand-page-wrap .is-vertical .test-drive .select-swiper .swiper-slide {
  width: 98px;
  height: 98px;
}
.new-brand-page-wrap .is-vertical .test-drive .select-swiper .select-item {
  width: 96px;
  height: 96px;
}
.new-brand-page-wrap .is-vertical .test-drive .c-button-drive {
  width: 100%;
}
.new-brand-page-wrap .test-drive .search-container {
  background: #f6f3f2;
  border-left: 0;
  border-right: 0;
  padding: 30px;
  margin-bottom: 30px;
}
.new-brand-page-wrap .test-drive .search-container .label {
  color: #999;
  text-align: left;
  margin-bottom: 6px;
  display: inline-block;
}
.new-brand-page-wrap .test-drive .search-container .input-container {
  width: 100%;
  height: 40px;
  border: 1px solid #e4dcd3;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.new-brand-page-wrap .test-drive .search-container .input-container input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  color: #999;
}
.new-brand-page-wrap .test-drive .search-container .input-container .search {
  color: #999;
}
.new-brand-page-wrap .test-drive .search-container .select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .test-drive .search-container .select-container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .test-drive .search-container .select-container .select-city,
.new-brand-page-wrap .test-drive .search-container .select-container .select-province {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .test-drive .search-container .select-container .select-city,
  .new-brand-page-wrap .test-drive .search-container .select-container .select-province {
    width: 100%;
  }
}
.new-brand-page-wrap .test-drive .search-container .select-container .select-city select,
.new-brand-page-wrap .test-drive .search-container .select-container .select-province select {
  height: 40px;
  border: 1px solid #e4dcd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../img/icon_arrow_select.png) no-repeat calc(100% - 15px) 50%;
  background-size: 15px;
  padding: 0 15px;
}
.new-brand-page-wrap .test-drive .map-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 520px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .test-drive .map-container {
    margin-bottom: 30px;
    height: auto;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
}
.new-brand-page-wrap .test-drive .map-container .map {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .test-drive .map-container .data-list {
  width: 360px;
  margin-left: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item {
  padding: 30px 20px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item .data-list-title {
  font-weight: 700;
  margin-bottom: 20px;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item .icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item {
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item .iconfont {
  margin-right: 4px;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item .desc-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item .desc-info-container .desc-info-label {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item-active {
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .test-drive .map-container .data-list .data-list-container .data-list-item {
    border: 1px solid #e4dcd3;
    margin-bottom: 10px;
  }
  .new-brand-page-wrap .test-drive .map-container .data-list .map-mb-swiper {
    padding: 0 30px;
  }
}
.new-brand-page-wrap .is-vertical .test-drive .map-container .data-list {
  width: 100%;
  margin-left: 0;
}
.new-brand-page-wrap .c-params .tips {
  margin-top: 50px;
}
.new-brand-page-wrap .c-params .tisp-tab {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-brand-page-wrap .c-params .tisp-tab .row7-5 {
  color: #000 !important;
}
.new-brand-page-wrap .c-params .has-z .sbtn {
  width: 12px;
  height: 12px;
  background: #022b5f;
  border-radius: 50%;
}
.new-brand-page-wrap .c-params .swiper {
  overflow: visible;
  display: none;
}
.new-brand-page-wrap .c-params .swiper .swiper-slide {
  overflow: visible;
}
.new-brand-page-wrap .c-params .has-z,
.new-brand-page-wrap .c-params .no-z,
.new-brand-page-wrap .c-params .select-z {
  position: relative;
}
.new-brand-page-wrap .c-params .has-z .swiper-container,
.new-brand-page-wrap .c-params .no-z .swiper-container,
.new-brand-page-wrap .c-params .select-z .swiper-container {
  width: 15px;
  margin-right: 5px !important;
}
.new-brand-page-wrap .c-params .has-z .sbtn,
.new-brand-page-wrap .c-params .no-z .sbtn,
.new-brand-page-wrap .c-params .select-z .sbtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.new-brand-page-wrap .c-params .select-z .sbtn {
  width: 12px;
  height: 12px;
  border: 1px solid #022b5f;
  border-radius: 50%;
}
.new-brand-page-wrap .c-params .no-z .sbtn {
  width: 15px;
  height: 1px;
  background: #b3b3b3;
}
.new-brand-page-wrap .c-params .shui {
  margin: 30px auto 120px;
}
.new-brand-page-wrap .c-params .description {
  padding: 35px 25px 25px;
  text-align: left;
}
.new-brand-page-wrap .c-params .description span.price em {
  font-weight: 400;
}
.new-brand-page-wrap .c-params .btn-link-wrap {
  padding: 0 25px;
  margin-bottom: 35px;
}
.new-brand-page-wrap .c-params .btn-link-wrap .c-button {
  width: 100%;
  transform: none !important;
  -webkit-transform: initial !important;
  margin-bottom: 10px;
  min-width: auto;
}
.new-brand-page-wrap .c-params .color-wrap {
  padding: 0 25px;
  margin-bottom: 30px;
}
.new-brand-page-wrap .c-params .color-wrap .color {
  width: 30px;
  height: 30px;
  margin-right: 2px;
  float: left;
}
@media screen and (max-width: 1199px) {
  .new-brand-page-wrap .c-params .color-wrap .color {
    width: 24px;
    height: 24px;
  }
}
.new-brand-page-wrap .c-params .panel-body {
  text-align: center;
}
.new-brand-page-wrap .c-params .panel-body i.iconfont {
  background: #002c5f;
  border-radius: 50%;
  color: #002c5f;
  font-size: 12px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  line-height: 12px;
}
.new-brand-page-wrap .c-params .panel-body i.iconfont:after {
  width: 100%;
  height: 100%;
  display: block;
}
.new-brand-page-wrap .c-params .title {
  margin-bottom: 180px;
}
.new-brand-page-wrap .c-params .car-item {
  text-align: center;
}
.new-brand-page-wrap .c-params .car-item img.car-photo {
  bottom: 92%;
  width: 86%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.new-brand-page-wrap .c-params .car-item .carTypes {
  height: 180px;
  padding: 50px 0 40px;
  background: #f7f3f2;
}
.new-brand-page-wrap .c-params .car-item a.buy {
  color: #fff;
  background: #002b63;
  padding: 3px 7px 3px 9px;
  white-space: nowrap;
}
.new-brand-page-wrap .c-params .car-item a.buy,
.new-brand-page-wrap .c-params .car-item a.buy .iconfont {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .c-params .car-item a.buy .iconfont {
  font-size: 14px;
}
.new-brand-page-wrap .c-params .car-item a.buy:hover {
  background: #18447e;
}
.new-brand-page-wrap .c-params .car-item a.buy:hover .iconfont {
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
}
.new-brand-page-wrap .c-params .switch-box {
  margin: 20px 0;
}
.new-brand-page-wrap .c-params .switch-box .small {
  display: inline-block;
}
.new-brand-page-wrap .c-params .switch-box .small:last-child {
  margin-left: 30px;
}
.new-brand-page-wrap .c-params .diff,
.new-brand-page-wrap .c-params .highlight {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 22px;
}
.new-brand-page-wrap .c-params .diff .swiper-container,
.new-brand-page-wrap .c-params .highlight .swiper-container {
  width: 45px;
  height: 22px;
  border-radius: 20px;
  border: 1px solid #e4dcd3;
  float: left;
  margin-right: 10px;
  background: #fff;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .c-params .diff .swiper-container .sbtn,
.new-brand-page-wrap .c-params .highlight .swiper-container .sbtn {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 18px !important;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  margin-top: 1px;
  margin-left: 1px;
  background: #e4dcd3;
}
.new-brand-page-wrap .c-params .diff .swiper-container-active,
.new-brand-page-wrap .c-params .highlight .swiper-container-active {
  background: #a2cbe9;
  border: 1px solid #a2cbe9;
}
.new-brand-page-wrap .c-params .diff .swiper-container-active .sbtn,
.new-brand-page-wrap .c-params .highlight .swiper-container-active .sbtn {
  background: #fff;
  margin-left: 25px;
}
.new-brand-page-wrap .c-params .car-function {
  line-height: 22px;
}
.new-brand-page-wrap .c-params .car-function .p {
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-params .car-function .swiper-container {
  float: left;
  margin-right: 10px;
  height: 22px;
}
.new-brand-page-wrap .c-params .car-function .sbtn {
  display: block;
}
.new-brand-page-wrap .c-params .car-function .small {
  margin-right: 50px;
  float: left;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-params .car-function .dayin {
  float: right;
  line-height: 16px;
  cursor: pointer;
  margin: 0 !important;
}
.new-brand-page-wrap .c-params .car-function .dayin .iconfont {
  float: left;
  font-size: 20px;
  margin-right: 5px;
}
.new-brand-page-wrap .c-params .car-function .dayin:hover .iconfont {
  color: #18447e;
}
.new-brand-page-wrap .c-params .fixd-pro {
  padding: 10px 0;
  text-align: center;
}
.new-brand-page-wrap .c-params .transition-ele {
  margin-bottom: 40px;
}
.new-brand-page-wrap .c-params .body {
  margin: 0 -15px;
}
.new-brand-page-wrap .c-params .panel {
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  border-top: 1px solid #d8d8d8;
}
.new-brand-page-wrap .c-params .panel-group .panel + .panel {
  margin-top: -1px;
}
.new-brand-page-wrap .c-params .panel-heading {
  position: relative;
  padding: 0;
}
.new-brand-page-wrap .c-params .panel:first-of-type .panel-heading .iconfont {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.new-brand-page-wrap .c-params .panel-title {
  position: relative;
  display: block;
  padding: 15px;
  width: 100%;
  color: #333;
}
.new-brand-page-wrap .c-params .panel-title .iconfont {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(180deg) !important;
  transform: translateY(-50%) rotate(180deg) !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.new-brand-page-wrap .c-params .panel-title.collapsed .iconfont {
  -webkit-transform: translateY(-50%) rotate(0) !important;
  transform: translateY(-50%) rotate(0) !important;
  right: 15px;
  margin: 0;
}
.new-brand-page-wrap .c-params #accordion .row7-5 {
  padding: 10px 0;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-brand-page-wrap .c-params #accordion .row7-5 > .col-xs-3 {
  text-align: left;
}
.new-brand-page-wrap .c-params #accordion .row-bg {
  background: #f6f3f2;
}
.new-brand-page-wrap .c-params #accordion .row-bg-blue {
  background: #a2cbe9;
}
.new-brand-page-wrap .c-params #accordion .h6 {
  margin-top: 15px;
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-params .fixed-car-box {
  width: 100%;
}
.new-brand-page-wrap .c-params .fixedShow {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-params .header-container .row {
  margin: 0;
}
.new-brand-page-wrap .c-params .header-container .car-item {
  padding: 0;
  border: 1px solid #e4dcd3;
  border-right: none;
}
.new-brand-page-wrap .c-params .header-container .car-item:last-of-type {
  border-right: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-params .fixed-header-container {
  padding-top: 10px;
}
.new-brand-page-wrap .c-params .fixed-header-container .car-photo {
  width: 70% !important;
  margin-left: 15%;
  margin-bottom: 0 !important;
}
.new-brand-page-wrap .c-params .collapse.in .panel-body {
  border-color: #000;
}
.new-brand-page-wrap .c-params .hollow {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #002c5f;
}
.new-brand-page-wrap .c-params .smallBar {
  padding-bottom: 10px;
  font-size: 14px;
}
.new-brand-page-wrap .c-params .smallBar span {
  display: inline-block;
  margin-right: 15px;
  color: #333;
}
.new-brand-page-wrap .c-params .smallBar .--w,
.new-brand-page-wrap .c-params .smallBar .hollow {
  margin-right: 5px;
  border-color: #666;
}
.new-brand-page-wrap .c-params .smallBar .iconfont {
  color: #666;
  background: #666;
  border-radius: 50%;
  font-size: 13px;
  margin-right: 5px;
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .c-params .car-function .small {
    margin-right: 30px;
  }
}
@media print {
  .new-brand-page-wrap .c-params a[href]:after {
    content: none !important;
  }
  .new-brand-page-wrap .c-params .noprint {
    display: none;
  }
  .new-brand-page-wrap .c-params .transition-ele .h4 {
    font-size: 16px;
  }
  .new-brand-page-wrap .c-params .transition-ele .car-item img.car-photo {
    width: 78%;
  }
  .new-brand-page-wrap .c-params .transition-ele .btn-link-wrap,
  .new-brand-page-wrap .c-params .transition-ele .color-wrap {
    padding: 0 10px;
  }
  .new-brand-page-wrap .c-params .transition-ele .btn-link-wrap .c-button a,
  .new-brand-page-wrap .c-params .transition-ele .color-wrap .c-button a {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .new-brand-page-wrap .c-params .transition-ele .carTypes {
    padding: 45px 10px 0;
  }
  .new-brand-page-wrap .c-params .transition-ele .description {
    padding: 0 10px 15px;
  }
  .new-brand-page-wrap .c-params .transition-ele .p {
    font-size: 14px;
  }
}
.new-brand-page-wrap .is-horizontal .c-params .swiper .swiper-slide {
  width: 20% !important;
}
.new-brand-page-wrap .is-vertical .c-params {
  padding: 60px 0;
}
.new-brand-page-wrap .is-vertical .c-params .title {
  margin-bottom: 100px;
}
.new-brand-page-wrap .is-vertical .c-params .shui {
  margin: 30px auto;
}
.new-brand-page-wrap .is-vertical .c-params .container {
  padding: 0 0 0 30px;
}
.new-brand-page-wrap .is-vertical .c-params .panel-title {
  padding: 15px 0;
}
.new-brand-page-wrap .is-vertical .c-params .body {
  overflow-x: auto;
  word-break: keep-all;
  white-space: nowrap;
  margin: 0 auto;
  padding: 0;
}
.new-brand-page-wrap .is-vertical .c-params .fixed-header-container {
  width: 740px;
  padding: 10px 30px 10px 10px;
}
.new-brand-page-wrap .is-vertical .c-params .fixd-pro {
  padding: 0;
}
.new-brand-page-wrap .is-vertical .c-params .fixd-pro .row7-5 {
  margin: auto;
}
.new-brand-page-wrap .is-vertical .c-params .panel-heading {
  padding-right: 30px;
}
.new-brand-page-wrap .is-vertical .c-params .dayin {
  float: none;
  margin-bottom: 30px !important;
}
.new-brand-page-wrap .is-vertical .c-params .panel-group {
  margin-top: 0 !important;
}
.new-brand-page-wrap .is-vertical .c-params .panel-group .panel .panel-collapse {
  overflow-x: auto;
}
.new-brand-page-wrap .is-vertical .c-params .panel-group .panel .panel-collapse .panel-body {
  width: 740px;
  padding-right: 30px;
}
.new-brand-page-wrap .is-vertical .c-params .panel-group .panel .panel-collapse .panel-body > .row {
  margin-right: 0;
}
.new-brand-page-wrap .is-vertical .c-params .panel-group .panel-title div {
  width: 100%;
}
.new-brand-page-wrap .is-vertical .c-params .tisp-tab {
  word-break: keep-all;
  text-align: center;
  margin: 0 -15px;
}
.new-brand-page-wrap .is-vertical .c-params .panel-heading .iconfont {
  right: 0 !important;
}
.new-brand-page-wrap .is-vertical .c-params .swiper {
  position: relative;
}
.new-brand-page-wrap .is-vertical .c-params .swiper-wrapper .price {
  word-break: keep-all;
  white-space: nowrap;
}
.new-brand-page-wrap .is-vertical .c-params .car-item .carTypes {
  height: 130px;
  padding: 30px 0 20px;
}
.new-brand-page-wrap .is-vertical .c-params .car-item .description {
  padding: 10px;
}
.new-brand-page-wrap .is-vertical .c-params .car-item img.car-photo {
  bottom: 94%;
}
.new-brand-page-wrap .is-vertical .c-params .car-item .color-wrap {
  padding: 0 10px;
}
.new-brand-page-wrap .is-vertical .c-params .car-item .color-wrap .color {
  width: 18px;
  height: 18px;
  margin-bottom: 5px;
}
.new-brand-page-wrap .is-vertical .c-params .car-item .btn-link-wrap {
  padding: 0 10px;
  margin: 20px 0;
}
.new-brand-page-wrap .is-vertical .c-params .car-item .btn-link-wrap .p {
  padding-left: 0;
  padding-right: 0;
}
.new-brand-page-wrap .c-dept-list-banner {
  position: relative;
}
.new-brand-page-wrap .c-dept-list-banner .banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 500px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 670px) {
  .new-brand-page-wrap .c-dept-list-banner .banner-container {
    height: 400px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.new-brand-page-wrap .c-dept-list-banner .small-title,
.new-brand-page-wrap .c-dept-list-banner .title {
  color: #000;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-banner .small-title,
  .new-brand-page-wrap .c-dept-list-banner .title {
    color: #fff;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-banner .container {
    text-align: center;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  .new-brand-page-wrap .c-dept-list-banner .container .small-title {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content {
  width: 100%;
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-banner-container {
  position: relative;
  height: 500px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .dept-banner-container {
    height: 400px;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .banner-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-map-item {
  display: none;
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container {
  margin-bottom: 100px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container {
    margin-bottom: 50px;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container .dept-tab .left,
.new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container .dept-tab .right {
  display: none !important;
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container .dept-tab .tab-mb-scroll {
  overflow: hidden;
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container .dept-tab .tab-container {
  width: 100%;
  min-width: 100%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container .dept-tab .tab-container {
    border-bottom: 1px solid #e4dcd3 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 751px) and (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .dept-tab-container .dept-tab .tab-container a {
    border: 0 !important;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-map-container .title {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .dept-map-container .title {
    margin-bottom: 40px;
  }
  .new-brand-page-wrap .c-dept-list-tab-content .dept-map-container .title span {
    display: block;
    font-family: HyundaiSansHead-Regular;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .dept-map-container .desc {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .dept-map-container .desc {
    margin-bottom: 40px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .search-container {
    background: #f6f3f2;
    border: 1px solid #979797;
    border-left: 0;
    border-right: 0;
    padding: 30px;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .input-container {
  width: 100%;
  height: 40px;
  border: 1px solid #e4dcd3;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .search-container .input-container {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .input-container input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  color: #999;
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .input-container .search {
  color: #999;
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 700px;
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .label {
  color: #999;
  text-align: left;
  margin-bottom: 6px;
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-city,
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-province {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-city,
  .new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-province {
    width: 100%;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-city select,
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-province select {
  height: 40px;
  border: 1px solid #e4dcd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../img/icon_arrow_select.png) no-repeat calc(100% - 15px) 50%;
  background-size: 15px;
  padding: 0 15px;
}
.new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-province {
  margin-right: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .search-container .select-container .select-province {
    margin: 0;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 520px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 130px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .map-container {
    margin-bottom: 65px;
    width: 100%;
    height: 600px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .map {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list {
  width: 360px;
  margin-left: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: scroll;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item {
  padding: 30px 20px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .data-list-title {
  font-weight: 700;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item {
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item .iconfont {
  margin-right: 4px;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container .desc-info-label {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item-active {
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 245px;
    margin: 20px 0;
    z-index: 999999;
    padding-left: 0;
  }
  .new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .data-list-container .data-list-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
  }
  .new-brand-page-wrap .c-dept-list-tab-content .map-container .data-list .map-mb-swiper {
    padding: 0 30px;
  }
}
.new-brand-page-wrap .c-static-banner {
  position: relative;
}
.new-brand-page-wrap .c-static-banner .banner-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 29.68%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .banner-container {
    padding-bottom: 160%;
  }
}
.new-brand-page-wrap .c-static-banner .content-container {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .content-container {
    width: 85%;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.new-brand-page-wrap .c-static-banner .content {
  width: 530px;
  position: absolute;
  left: 15px;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .content {
    width: 100%;
    left: 30px;
    right: 30px;
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
  }
}
.new-brand-page-wrap .c-static-banner .content .c-static-banner-title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-static-banner .content .c-static-banner-max-title {
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-static-banner .content .c-static-banner-desc,
.new-brand-page-wrap .c-static-banner .content .c-static-banner-desc-bold {
  line-height: 25px;
}
.new-brand-page-wrap .c-static-banner .content .c-static-banner-desc-bold {
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .content.mb-top-center {
    width: 100%;
    text-align: center;
    left: 30px;
    right: 30px;
    top: 20%;
    -webkit-transform: none;
    transform: none;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .content.mb-top {
    width: 100%;
    left: 30px;
    right: 30px;
    top: 15%;
    -webkit-transform: none;
    transform: none;
  }
}
.new-brand-page-wrap .c-static-banner .content.text-white,
.new-brand-page-wrap .c-static-banner .swiper-slide.text-white,
.new-brand-page-wrap .c-static-banner .swiper-slide.text-white .c-static-banner-footer-notes {
  color: #fff;
}
.new-brand-page-wrap .c-static-banner .content.top-center {
  width: 530px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .content.top-center {
    width: 100%;
    left: 30px;
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
  }
}
.new-brand-page-wrap .c-static-banner .content.top-center .c-static-banner-title {
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-static-banner .content.top-center .c-static-banner-max-title {
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-static-banner .content.top-center .c-static-banner-desc,
.new-brand-page-wrap .c-static-banner .content.top-center .c-static-banner-desc-bold {
  line-height: 25px;
}
.new-brand-page-wrap .c-static-banner .content.top-center .c-static-banner-desc-bold {
  font-weight: 700;
  margin-top: 10px;
}
.new-brand-page-wrap .c-static-banner .c-static-banner-footer-notes {
  position: absolute;
  bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-static-banner .c-static-banner-footer-notes {
    color: #fff;
    bottom: 20px;
    width: 90%;
  }
}
.new-brand-page-wrap .c-static-banner .btn-link-wrap {
  margin-top: 25px;
}
.new-brand-page-wrap .c-static-banner .pagination-container {
  position: relative;
}
.new-brand-page-wrap .is-vertical .c-static-banner .swiper-pagination {
  padding-right: 20px;
}
.new-brand-page-wrap .cl-after-sale-service-content .service-item {
  display: none;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 {
  margin-top: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 {
    margin-top: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .item1-img {
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .item1-img {
    padding-bottom: 56%;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .bg-container {
    padding: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .title {
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .title {
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .desc {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .desc {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  margin-bottom: 100px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container {
    display: block;
    padding: 0;
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item {
  border: 1px solid #e4dcd3;
  padding: 30px;
  background: #fff;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item1 {
  margin-right: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item1 {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item2 {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item2-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item2-container .item3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item-title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item1-module .todo-container .item-desc {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module {
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module {
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .title {
  margin: 60px 0;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .title {
    margin: 40px 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .item2-img {
  width: 100%;
  height: 0;
  padding-bottom: 18.75%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .item2-img {
    padding-bottom: 56%;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container {
    display: block;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item1-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item1-container {
    margin-bottom: 0;
    display: block;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item {
  border: 1px solid #e4dcd3;
  padding: 30px;
  background: #fff;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item1 {
  margin-right: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item1 {
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item-title {
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item-title {
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item2-module .todo-container .item-desc {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .title-container {
  background: #e4dcd3;
  padding: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container {
  background: #f6f3f2;
  padding-top: 60px;
  padding-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container {
    padding-top: 40px;
    padding-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container {
    display: block;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item:last-child {
  margin-bottom: 0;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item:nth-child(2) {
  margin: 0 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container .table-container .table-item:nth-child(2) {
    margin: 0;
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container table {
  border: 1px solid #e4dcd3;
  border-left: 0;
  border-bottom: 0;
  width: 100%;
  background: #fff;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container td,
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container th {
  border: 1px solid #e4dcd3;
  border-top: 0;
  border-right: 0;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container th {
  background: #e3dcd4;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container tr th {
  border-right: 1px solid #fff;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container tr th:last-child {
  border-right: 1px solid #e4dcd3;
}
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container tr td,
.new-brand-page-wrap .cl-after-sale-service-tab1 .item3-module .content-container tr th {
  padding: 15px;
  text-align: center;
}
.new-brand-page-wrap .cl-after-sale-service-tab2 {
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 {
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .title {
  margin-top: 120px;
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .title {
    margin-top: 65px;
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .desc {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .desc {
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-max,
.new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-min {
  width: 100%;
  height: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-max {
  padding-bottom: 51.7%;
  -webkit-box-flex: 3.2;
  -ms-flex: 3.2;
  flex: 3.2;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-max {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-min {
  padding-bottom: 67.9%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-min {
    height: 80px;
    padding: 0;
    margin-top: 10px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .tab2-img-min:nth-child(2) {
    margin: 10px 10px 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .img-container {
    display: block;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .img-container .min-img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .img-container .min-img-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .tab-title {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .tab-title {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .tab-small-title {
  margin: 60px 0 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .tab-small-title {
    margin: 40px 0 15px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item {
  display: none;
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-item {
  margin-right: 10px;
  margin-bottom: 60px;
  width: 360px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-item {
    width: 100%;
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-img {
  width: 100%;
  height: 360px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e4dcd3;
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-title {
  margin-bottom: 20px;
  margin-top: 50px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-title {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 .item6-desc {
  margin-bottom: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 [data-item6-desc=hide] {
    border-top: 1px solid #e4dcd3;
    padding-top: 10px;
    -webkit-transform: scale(0);
    transform: scale(0);
    height: 0;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .page-tab-item6 [data-item6-desc=show] {
    -webkit-transform: scale(1);
    transform: scale(1);
    height: auto;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .load-more {
  margin-top: 80px;
  height: 1px;
  background: #e4dcd3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .load-more {
    margin-top: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .load-more-value-container {
  width: 180px;
  height: 40px;
  border: 1px solid #e4dcd3;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .item6-desc-container .item6-desc:last-child {
    padding-bottom: 30px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .tab-desc {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .hot-tip {
  margin-top: 100px;
  padding-top: 100px;
  border-top: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .hot-tip {
    margin-top: 50px;
    padding-top: 50px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab2 .hot-tip .hot-desc {
  margin-top: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab2 .hot-tip .hot-desc {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 {
  margin-top: 120px;
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item1-title {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item1-smallTitle {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item1-desc {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .tab3-img {
  margin-top: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .tab3-img {
    margin-top: 30px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .tab3-img-container {
    padding: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .tab3-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 36.3%;
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .tab3-img {
    margin-bottom: 0;
    padding-bottom: 56%;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container {
  background: #f6f3f2;
  padding: 60px 0;
  border-left: 0;
  border-right: 0;
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-title {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-title {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-todo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-todo-container {
    display: block;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-todo {
  margin-right: 10px;
  padding: 30px;
  background: #fff;
  border: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-todo {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-todo-title {
  margin-bottom: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item2-container .item2-todo-title {
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container {
  margin-top: 120px;
}
@media (max-width: 65px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container {
    margin-top: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-title {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-title {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-todo-container {
  margin-right: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-todo-container {
    margin-bottom: 65px;
    display: block;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-todo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #e4dcd3;
  margin-right: 10px;
  padding: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-todo {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.new-brand-page-wrap .cl-after-sale-service-tab3 .item3-container .item3-todo-container .item3-title-group .iconfont {
  margin-right: 10px;
  font-size: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .tab4-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 36.36%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab4 .tab4-img {
    padding-bottom: 56%;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container {
  margin-bottom: 120px;
  margin-top: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container {
    margin-bottom: 65px;
    margin-top: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container .title {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container .smallTitle {
  margin-bottom: 30px;
  font-family: HyundaiSansHead-Regular;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container .desc {
  margin-bottom: 4px;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container .mb-smallTitle-container {
  margin-bottom: 30px;
  font-family: HyundaiSansHead-Regular;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item1-container .mb-small-title {
  color: #00aad2;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab4 .tab4-img-container {
    padding: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container {
  background: #f6f3f2;
  padding: 120px 0;
  margin-top: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container {
    padding: 50px 0;
    margin-top: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container {
    display: block;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container {
  border: 1px solid #e4dcd3;
  background: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container {
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container .item2-title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab4 .item2-container .list-container .list .list-todo-container .p {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .title {
  margin-top: 120px;
  margin-bottom: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .title {
    margin-top: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .smallTitle {
  margin-bottom: 30px;
  font-family: HyundaiSansHead-Regular;
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .desc-container {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .desc-container {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .cl-after-sale-service-tab5 .desc-container .p:first-child {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .desc-container .p {
  margin-bottom: 4px;
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .tab5-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 36.36%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .tab5-img {
    padding-bottom: 56%;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .img-container {
    padding: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container {
  background: #f6f3f2;
  padding: 120px 0;
  margin-top: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container {
    padding: 50px 0;
    margin-top: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container .todo {
  border: 1px solid #e4dcd3;
  background: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container .todo {
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container .todo .item2-title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container .todo .p {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container .todo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab5 .item2-container .todo-container {
    display: block;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 {
  padding-bottom: 120px;
  margin-bottom: 120px;
  border-bottom: 1px solid #e4dcd3;
  margin-top: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item1 {
    margin-top: 65px;
    padding-bottom: 65px;
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .desc {
  margin-bottom: 50px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .tab6-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 36.36%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .tab6-img {
    padding-bottom: 56%;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-container {
    padding: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
  margin-right: -10px;
  margin-top: -30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-list-container {
    display: block;
    padding: 0 15px;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #e4dcd3;
  background: #fff;
  padding: 50px 30px;
  margin-right: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 30px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list:first-child .p {
  margin-top: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item1 .item1-list-container .item1-list:first-child .p {
    margin-top: 15px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item2 {
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item2 {
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item2 .title {
  margin-bottom: 60px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item2 .item2-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item2 .item2-list-container {
    display: block;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item2 .item2-list-container .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
  padding: 30px;
  margin-right: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item2 .item2-list-container .item {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .tab6-item3-img {
  padding: 60px 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .title {
  color: #fff;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .title {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .list-container {
    display: block;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .list-container .item {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #e4dcd3;
  color: #fff;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(25% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 110px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .list-container .item {
    width: 100%;
    margin-right: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item3 .list-container .item .iconfont {
  font-size: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item4 {
  background: #f6f3f2;
  padding-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item4 {
    padding-bottom: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item4 .title {
  margin-top: 60px;
  margin-bottom: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item4 .title {
    margin-top: 40px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item4 .desc {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item4 .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item4 .list-container .item {
  background: #fff;
  border: 1px solid #e4dcd3;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item4 .list-container .item {
    width: calc(50% - 10px);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 {
  margin-top: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 {
    margin-top: 65px;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .title {
  margin-bottom: 30px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .desc {
  margin-bottom: 10px;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .list-container {
  background: #f6f3f2;
  padding: 30px;
  margin-bottom: 120px;
  margin-top: 160px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .list-container {
    margin-top: 10px;
    margin-bottom: 0;
    background: #fff;
    position: relative;
  }
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .list-container .container {
    padding: 0;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .list-container .mb-bg {
  height: 150px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f6f3f2;
  z-index: 3;
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .todo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 40%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .todo-container {
    width: 100%;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .todo-container .item {
  background: #fff;
  border: 1px solid #e4dcd3;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .todo-container .item {
    background: #f6f3f2;
  }
}
.new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .content-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .content-container {
    display: block;
  }
}
@media (min-width: 752px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .content-container .img-pc {
    width: 60%;
    position: absolute;
    left: 25%;
    top: 0;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .cl-after-sale-service-tab6 .item5 .content-container .img-pc {
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 5;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content {
  width: 100%;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-banner-container {
  position: relative;
  height: 500px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-banner-container {
    height: 400px;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-banner-container .banner-item0 .container .small-title,
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-banner-container .banner-item0 .container .title {
  color: #fff !important;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-banner-container .banner-item1 .container .small-title,
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-banner-container .banner-item1 .container .title {
  color: #000 !important;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .banner-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-map-item {
  display: none;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container {
  margin-bottom: 100px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container {
    margin-bottom: 50px;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container .dept-tab .left,
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container .dept-tab .right {
  display: none !important;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-mb-scroll {
  overflow: hidden;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-container {
  width: 100%;
  min-width: 100%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-container {
    border-bottom: 1px solid #e4dcd3 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 751px) and (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-tab-container .dept-tab .tab-container a {
    border: 0 !important;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-map-container .title {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-map-container .title {
    margin-bottom: 40px;
  }
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-map-container .title span {
    display: block;
    font-family: HyundaiSansHead-Regular;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .dept-map-container .desc {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .dept-map-container .desc {
    margin-bottom: 40px;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .search-container {
    background: #f6f3f2;
    border: 1px solid #979797;
    border-left: 0;
    border-right: 0;
    padding: 30px;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .input-container {
  width: 100%;
  height: 40px;
  border: 1px solid #e4dcd3;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .search-container .input-container {
    margin-bottom: 10px;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .input-container input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  color: #999;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .input-container .search {
  color: #999;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 700px;
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .label {
  color: #999;
  text-align: left;
  margin-bottom: 6px;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-city,
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-province {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-city,
  .new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-province {
    width: 100%;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-city select,
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-province select {
  height: 40px;
  border: 1px solid #e4dcd3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../img/icon_arrow_select.png) no-repeat calc(100% - 15px) 50%;
  background-size: 15px;
  padding: 0 15px;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-province {
  margin-right: 20px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .search-container .select-container .select-province {
    margin: 0;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 520px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 130px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .map-container {
    margin-bottom: 65px;
    width: 100%;
    height: 600px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .map {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list {
  width: 360px;
  margin-left: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: scroll;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item {
  padding: 30px 20px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .data-list-title {
  font-weight: 700;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item {
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .icon-group .icon-item .iconfont {
  margin-right: 4px;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item .desc-info-container .desc-info-label {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item-active {
  background: #f6f3f2;
  border: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 245px;
    margin: 20px 0;
    z-index: 999999;
    padding-left: 0;
  }
  .new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .data-list-container .data-list-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
  }
  .new-brand-page-wrap .c-maintenance-station-tab-content .map-container .data-list .map-mb-swiper {
    padding: 0 30px;
  }
}
.new-brand-page-wrap #cus_overlay {
  z-index: 0;
}
.new-brand-page-wrap .custom-map-content-container {
  padding: 30px;
  background: #fff;
  width: 420px;
  position: relative;
  border: 1px solid #e4dcd3;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
.new-brand-page-wrap .custom-map-content-container .iconfont {
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 25px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-address,
.new-brand-page-wrap .custom-map-content-container .custom-map-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-address span:first-child,
.new-brand-page-wrap .custom-map-content-container .custom-map-phone span:first-child {
  width: 45px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 14px;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-button-group {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-button-group .custom-map-button1,
.new-brand-page-wrap .custom-map-content-container .custom-map-button-group .custom-map-button2 {
  width: 140px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-button-group .custom-map-button1 {
  border: 1px solid #000;
  color: #000;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-button-group .custom-map-button1:hover {
  color: #fff;
  background: #012c5f;
}
.new-brand-page-wrap .custom-map-content-container .custom-map-button-group .custom-map-button2 {
  border: 1px solid #012c5f;
  color: #fff;
  background: #012c5f;
  margin-left: 20px;
}
.new-brand-page-wrap .custom-map-content-container .dialog-jiantou {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
.new-brand-page-wrap .c-websit-map {
  margin-top: 180px;
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map {
    margin-top: 120px;
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .c-websit-map .content {
  padding: 0;
}
.new-brand-page-wrap .c-websit-map .content .container {
  padding: 0 15px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .content {
    padding: 0 30px;
  }
}
.new-brand-page-wrap .c-websit-map .max-title {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .max-title {
    margin-bottom: 40px;
  }
}
.new-brand-page-wrap .c-websit-map .level1 {
  background: #f6f3f2;
  padding: 0;
}
.new-brand-page-wrap .c-websit-map .level1 .container {
  padding: 0;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .level1 {
    background: transparent;
  }
}
.new-brand-page-wrap .c-websit-map .l1-container {
  background: #f6f3f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .c-websit-map .l1-container .iconfont {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .collapse-container {
    border-bottom: 1px solid #e4dcd3;
    margin-top: -1px;
  }
}
.new-brand-page-wrap .c-websit-map .collapsed {
  border-bottom: 1px solid #e4dcd3;
  background: transparent;
}
.new-brand-page-wrap .c-websit-map .collapsed .iconfont {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.new-brand-page-wrap .c-websit-map .l2-container {
  margin-bottom: 0;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .l2-container {
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .c-websit-map .l2-container .level2 {
  display: inline-block;
  width: 180px;
  margin-right: 30px;
  white-space: nowrap;
  margin-top: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .l2-container .level2 {
    width: 100%;
    margin-top: 20px;
  }
}
.new-brand-page-wrap .c-websit-map .l2-container .level2:last-child {
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .l2-container .level2:last-child {
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .c-websit-map .l3-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-brand-page-wrap .c-websit-map .l2-title {
  margin-bottom: 10px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .level2:last-child {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
}
.new-brand-page-wrap .c-websit-map .l3-title {
  margin-top: 10px;
  color: #999;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-websit-map .l3-title {
    padding-left: 15px;
  }
}
.new-brand-page-wrap .c-privacy-policy {
  margin-top: 200px;
  margin-bottom: 120px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-privacy-policy {
    margin-top: 130px;
    margin-bottom: 65px;
  }
}
.new-brand-page-wrap .c-privacy-policy .title-container {
  border-bottom: 1px solid #e4dcd3;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-privacy-policy .title-container {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.new-brand-page-wrap .c-privacy-policy .desc-container {
  padding-bottom: 30px;
  border-bottom: 1px solid #e4dcd3;
}
.new-brand-page-wrap .c-privacy-policy .desc-container .desc {
  line-height: 25px;
}
.new-brand-page-wrap .c-privacy-policy .child-container {
  background: #f6f3f2;
  padding: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-privacy-policy .child-container {
    padding: 15px;
  }
}
.new-brand-page-wrap .c-privacy-policy .text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-brand-page-wrap .c-privacy-policy .l-label {
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-privacy-policy .l-label {
    width: 15px;
  }
}
.new-brand-page-wrap .c-privacy-policy .l3 {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-privacy-policy .text-group {
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-privacy-policy .l1 {
  padding: 20px;
  border-bottom: 1px solid #e4dcd3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .c-privacy-policy .l1 .iconfont {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.new-brand-page-wrap .c-privacy-policy .collapsed .iconfont {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.new-brand-page-wrap .c-privacy-policy .value {
  line-height: 25px;
}
.new-brand-page-wrap .c-contact-us .item-container {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #e4dcd3;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .item-container {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
  }
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .item-container:first-child {
    margin-bottom: 50px;
  }
  .new-brand-page-wrap .c-contact-us .item-container:first-child .container {
    padding: 0 30px;
  }
}
.new-brand-page-wrap .c-contact-us .item-container:last-child {
  padding-bottom: 0;
  margin-bottom: 120px;
  border-bottom: 0;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .item-container:last-child {
    margin-bottom: 0;
  }
}
.new-brand-page-wrap .c-contact-us .max-title {
  margin-top: 100px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .max-title {
    margin-top: 50px;
  }
}
.new-brand-page-wrap .c-contact-us .small-title {
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .small-title {
    margin-bottom: 20px;
  }
}
.new-brand-page-wrap .c-contact-us .list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .list-container {
    display: block;
  }
}
.new-brand-page-wrap .c-contact-us .list-container .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.new-brand-page-wrap .c-contact-us .list-container .item-title {
  margin-bottom: 30px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .list-container .item-title {
    margin-bottom: 15px;
  }
}
.new-brand-page-wrap .c-contact-us .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-contact-us .icon-container .iconfont {
  margin-right: 15px;
}
.new-brand-page-wrap .c-contact-us .weibo-container {
  cursor: pointer;
}
.new-brand-page-wrap .c-contact-us .weixin {
  width: 130px;
  height: 130px;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us .container {
    padding: 0;
  }
  .new-brand-page-wrap .c-contact-us .container .item {
    padding: 0 30px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e4dcd3;
  }
}
.new-brand-page-wrap .c-contact-us .item-container:last-child .item:last-child {
  border: 0;
  margin-bottom: 0;
}
.new-brand-page-wrap .c-contact-us-banner {
  position: relative;
}
.new-brand-page-wrap .c-contact-us-banner .banner-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 26%;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us-banner .banner-container {
    padding-bottom: 110.66%;
  }
}
.new-brand-page-wrap .c-contact-us-banner .title {
  position: absolute;
  left: 20%;
  top: 35%;
  color: #fff;
}
@media (max-width: 751px) {
  .new-brand-page-wrap .c-contact-us-banner .title {
    left: 50%;
    top: 30%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.new-brand-page-wrap .c-book .title-box {
  margin-bottom: 60px;
}
.new-brand-page-wrap .c-book .c-form {
  position: relative;
  z-index: 10;
  overflow: visible;
}
.new-brand-page-wrap .c-book .c-form .h3 {
  font-size: 32px;
}
.new-brand-page-wrap .c-book .c-form .h4 {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .c-book .c-form .h3 {
    font-size: 22px;
  }
  .new-brand-page-wrap .c-book .c-form .h4 {
    font-size: 16px;
  }
}
.new-brand-page-wrap .c-book .c-form .content {
  position: relative;
  margin: 15px auto 0;
  padding-bottom: 30px;
  border-bottom: 1px solid transparent;
}
.new-brand-page-wrap .c-book .c-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .c-book .c-form .group-title {
  margin-bottom: 10px;
}
.new-brand-page-wrap .c-book .c-form .form-radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  cursor: pointer;
  background: #f6f3f2;
  margin-right: 3px;
}
.new-brand-page-wrap .c-book .c-form .active .form-radio:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  display: block;
  content: "";
  background: #000;
  border-radius: 50%;
}
.new-brand-page-wrap .c-book .c-form .error {
  color: red;
}
.new-brand-page-wrap .c-book .c-form .error .form-check {
  border-color: red;
}
.new-brand-page-wrap .c-book .c-form .input-group {
  position: relative;
  width: 31%;
  height: 70px;
  line-height: 70px;
  border: 1px solid #d6d6d6;
}
.new-brand-page-wrap .c-book .c-form .input-group.error {
  color: red;
  border-color: red;
  background: rgba(255, 0, 0, 0.1);
}
.new-brand-page-wrap .c-book .c-form .input-group .iconfont {
  position: absolute;
  top: 15px;
  left: 15px;
}
.new-brand-page-wrap .c-book .c-form .input-group .placeholder {
  position: absolute;
  top: 22px;
  left: 60px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  pointer-events: none;
}
.new-brand-page-wrap .c-book .c-form .input-group input {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  padding: 0 15px 0 60px;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.new-brand-page-wrap .c-book .c-form .input-group input[readonly] {
  pointer-events: none;
}
.new-brand-page-wrap .c-book .c-form .input-group.focus .placeholder {
  -webkit-transform: scale(0.7) translate(-10px, -20px);
  transform: scale(0.7) translate(-10px, -20px);
}
.new-brand-page-wrap .c-book .c-form .input-group.code-group .placeholder {
  left: 30px;
}
.new-brand-page-wrap .c-book .c-form .input-group.code-group input {
  padding-left: 30px;
}
.new-brand-page-wrap .c-book .c-form .input-group.code-group button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  right: 15px;
  height: 64%;
  padding: 0 12px;
  background: #000;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.new-brand-page-wrap .c-book .c-form .first-group {
  margin-bottom: 80px;
}
.new-brand-page-wrap .c-book .c-form .sex-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 15px;
  color: #000;
}
.new-brand-page-wrap .c-book .c-form .sex-wrap.error {
  color: red;
}
.new-brand-page-wrap .c-book .c-form .sex-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 30px;
  margin-right: 50px;
  cursor: pointer;
}
.new-brand-page-wrap .c-book .c-form .sex-wrap .item:last-of-type {
  margin-right: 0;
}
.new-brand-page-wrap .c-book .c-form .sex-wrap .item span {
  display: block;
  line-height: 24px;
}
.new-brand-page-wrap .c-book .c-form .form-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .c-book .c-form .form-select-wrap .item {
  width: 31%;
}
.new-brand-page-wrap .c-book .c-form .date-group {
  position: relative;
  z-index: 2;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.new-brand-page-wrap .c-book .c-form .date-group .input-group {
  width: 100%;
  cursor: pointer;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-book .c-form .date-group .input-group.error {
  background: rgba(255, 0, 0, 0.1);
}
.new-brand-page-wrap .c-book .c-form .date-group .input-group .arrow {
  position: absolute;
  top: 30px;
  right: 15px;
  border-top: 10px solid #000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.new-brand-page-wrap .c-book .c-form .date-group .input-group .date-trigger {
  pointer-events: auto;
  cursor: pointer;
  opacity: 0;
}
.new-brand-page-wrap .c-book .c-form .date-group .input-group .date-mask,
.new-brand-page-wrap .c-book .c-form .date-group .input-group .date-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .c-book .c-form .date-group .date-list,
.new-brand-page-wrap .c-book .c-form .date-group .objective-list,
.new-brand-page-wrap .c-book .c-form .date-group .time-list {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  max-height: 400px;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow-y: auto;
}
.new-brand-page-wrap .c-book .c-form .date-group .date-list li,
.new-brand-page-wrap .c-book .c-form .date-group .objective-list li,
.new-brand-page-wrap .c-book .c-form .date-group .time-list li {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 64px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.new-brand-page-wrap .c-book .c-form .date-group .date-list li.active,
.new-brand-page-wrap .c-book .c-form .date-group .date-list li:hover,
.new-brand-page-wrap .c-book .c-form .date-group .objective-list li.active,
.new-brand-page-wrap .c-book .c-form .date-group .objective-list li:hover,
.new-brand-page-wrap .c-book .c-form .date-group .time-list li.active,
.new-brand-page-wrap .c-book .c-form .date-group .time-list li:hover {
  border-top: 1px solid #959595;
  border-bottom: 1px solid #959595;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-book .c-form .form-check {
  position: relative;
  margin-bottom: 50px;
  padding-left: 30px;
}
.new-brand-page-wrap .c-book .c-form .form-check span {
  cursor: default;
}
.new-brand-page-wrap .c-book .c-form .form-check a {
  text-decoration: underline;
  color: #000;
}
.new-brand-page-wrap .c-book .c-form .form-check a:hover {
  color: #08295d;
}
.new-brand-page-wrap .c-book .c-form .form-check.error,
.new-brand-page-wrap .c-book .c-form .form-check.error a {
  color: red;
}
.new-brand-page-wrap .c-book .c-form .form-submit-wrap {
  margin-bottom: 90px;
  text-align: center;
}
.new-brand-page-wrap .c-book .c-form .form-submit-wrap .btn-submit {
  width: 400px;
  height: 72px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
  line-height: 72px;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
}
.new-brand-page-wrap .c-book .c-form .form-submit-wrap .btn-submit:hover {
  background: #000;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.day {
  position: relative;
  background: none;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.day:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  content: "";
  border: 1px solid #08295d;
  border-radius: 4px;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.disabled {
  color: #999;
  border-radius: 4px;
  cursor: default;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.disabled:after {
  background: #d8d8d8;
  border-color: #666;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.day:hover {
  background: none;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.day:hover:after {
  background: #eee;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.disabled:hover {
  background: none;
}
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.active,
.new-brand-page-wrap .c-book .calendar-picker-wrap tr td.active:hover {
  color: #fff;
  background: #08295d;
}
@media screen and (min-width: 768px) {
  .new-brand-page-wrap .c-book .calendar-picker-wrap tr td {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .c-book .c-form .content {
    margin-top: 0;
    padding-bottom: 0;
  }
  .new-brand-page-wrap .c-book .c-form .form-group {
    display: block;
    margin-bottom: 20px;
  }
  .new-brand-page-wrap .c-book .c-form .group-title {
    margin-bottom: 5px;
  }
  .new-brand-page-wrap .c-book .c-form .form-radio {
    width: 20px;
    height: 20px;
    top: 3px;
  }
  .new-brand-page-wrap .c-book .c-form .input-group {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    line-height: 60px;
  }
  .new-brand-page-wrap .c-book .c-form .input-group .iconfont {
    top: 17px;
  }
  .new-brand-page-wrap .c-book .c-form .input-group .placeholder {
    top: 18px;
    left: 50px;
  }
  .new-brand-page-wrap .c-book .c-form .input-group input {
    padding-left: 48px;
  }
  .new-brand-page-wrap .c-book .c-form .input-group.code-group .placeholder {
    left: 17px;
  }
  .new-brand-page-wrap .c-book .c-form .input-group.code-group input {
    padding-left: 15px;
  }
  .new-brand-page-wrap .c-book .c-form .username-group {
    margin-bottom: 55px;
  }
  .new-brand-page-wrap .c-book .c-form .form-select-wrap {
    display: block;
  }
  .new-brand-page-wrap .c-book .c-form .form-select-wrap .item {
    position: relative;
    z-index: 1;
    width: 100%;
  }
  .new-brand-page-wrap .c-book .c-form .form-select-wrap .item:first-of-type {
    z-index: 3;
  }
  .new-brand-page-wrap .c-book .c-form .form-select-wrap .item:nth-of-type(2) {
    z-index: 2;
  }
  .new-brand-page-wrap .c-book .c-form .date-group .input-group {
    width: 100%;
  }
  .new-brand-page-wrap .c-book .c-form .date-group .input-group .arrow {
    top: 25px;
    border-top-width: 8px;
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .new-brand-page-wrap .c-book .c-form .date-group .date-list,
  .new-brand-page-wrap .c-book .c-form .date-group .objective-list,
  .new-brand-page-wrap .c-book .c-form .date-group .time-list {
    top: 60px;
    width: 100%;
  }
  .new-brand-page-wrap .c-book .c-form .date-group .date-list li,
  .new-brand-page-wrap .c-book .c-form .date-group .objective-list li,
  .new-brand-page-wrap .c-book .c-form .date-group .time-list li {
    line-height: 50px;
  }
  .new-brand-page-wrap .c-book .c-form .date-group .time-list {
    top: 100%;
  }
  .new-brand-page-wrap .c-book .c-form .form-check {
    margin-bottom: 30px;
    padding-left: 25px;
  }
  .new-brand-page-wrap .c-book .c-form .form-check.active i:after {
    width: 12px;
    height: 12px;
  }
  .new-brand-page-wrap .c-book .c-form .form-submit-wrap {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .c-book .c-form .form-submit-wrap .btn-submit {
    width: 80%;
    height: 50px;
    line-height: 50px;
  }
}
.new-brand-page-wrap .c-book .c-form-title {
  margin-top: 30px;
}
.new-brand-page-wrap .c-book .c-form-title .content {
  position: relative;
}
.new-brand-page-wrap .c-book .c-form-title .line {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  top: 0;
  background: #000;
}
.new-brand-page-wrap .c-book .c-form-title .title {
  margin-bottom: 60px;
  padding-top: 50px;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .c-book .c-form-title {
    margin-top: 15px;
  }
  .new-brand-page-wrap .c-book .c-form-title .line {
    height: 1px;
  }
  .new-brand-page-wrap .c-book .c-form-title .title {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}
.new-brand-page-wrap .c-book .c-layer,
.new-brand-page-wrap .c-book .c-layer-privacy,
.new-brand-page-wrap .c-book .c-layer-success {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
}
.new-brand-page-wrap .c-book .c-layer {
  display: block;
}
.new-brand-page-wrap .c-book .c-layer .layer-content {
  width: 300px;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content,
.new-brand-page-wrap .c-book .c-layer-success .layer-content,
.new-brand-page-wrap .c-book .c-layer .layer-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 50%;
  margin-top: -5%;
  padding: 30px 40px;
  white-space: nowrap;
  background: #f6f3f2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}
.new-brand-page-wrap .c-book .c-layer-privacy p,
.new-brand-page-wrap .c-book .c-layer-success p,
.new-brand-page-wrap .c-book .c-layer p {
  margin: 0;
  color: #000;
}
@media screen and (min-width: 768px) {
  .new-brand-page-wrap .c-book .c-layer-privacy .layer-content,
  .new-brand-page-wrap .c-book .c-layer-success .layer-content,
  .new-brand-page-wrap .c-book .c-layer .layer-content {
    margin-top: -2%;
    padding: 30px 50px;
  }
}
@media screen and (min-width: 1600px) {
  .new-brand-page-wrap .c-book .c-layer-privacy .layer-content,
  .new-brand-page-wrap .c-book .c-layer-success .layer-content,
  .new-brand-page-wrap .c-book .c-layer .layer-content {
    padding: 40px 60px;
  }
}
.new-brand-page-wrap .c-book .c-layer-privacy,
.new-brand-page-wrap .c-book .c-layer-success {
  background: rgba(0, 0, 0, 0.7);
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content,
.new-brand-page-wrap .c-book .c-layer-success .layer-content {
  display: block;
  width: 500px;
  padding: 60px 50px 30px;
  text-align: center;
  background: #f6f3f2;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .close-box,
.new-brand-page-wrap .c-book .c-layer-success .layer-content .close-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  cursor: pointer;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .description,
.new-brand-page-wrap .c-book .c-layer-success .layer-content .description {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .close-box .iconfont,
.new-brand-page-wrap .c-book .c-layer-success .layer-content .close-box .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .close-box:hover .iconfont,
.new-brand-page-wrap .c-book .c-layer-success .layer-content .close-box:hover .iconfont {
  opacity: 0.7;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .title,
.new-brand-page-wrap .c-book .c-layer-success .layer-content .title {
  margin-bottom: 15px;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .btn-confirm,
.new-brand-page-wrap .c-book .c-layer-success .layer-content .btn-confirm {
  display: inline-block;
  width: 250px;
  margin-top: 40px;
  line-height: 50px;
  color: #fff;
  background: #000;
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .c-book .c-layer-privacy .layer-content,
  .new-brand-page-wrap .c-book .c-layer-success .layer-content {
    width: 90%;
    max-width: 300px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .new-brand-page-wrap .c-book .c-layer-privacy .layer-content .close-box,
  .new-brand-page-wrap .c-book .c-layer-success .layer-content .close-box {
    width: 45px;
    height: 45px;
  }
  .new-brand-page-wrap .c-book .c-layer-privacy .layer-content .btn-confirm,
  .new-brand-page-wrap .c-book .c-layer-success .layer-content .btn-confirm {
    width: 80%;
    margin-top: 30px;
    line-height: 40px;
  }
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content {
  white-space: normal;
  text-align: left;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .title {
  text-align: center;
}
.new-brand-page-wrap .c-book .c-layer-privacy .layer-content .scroll-content {
  max-height: 60vh;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .c-book .c-layer-privacy .layer-content {
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.new-brand-page-wrap .c-book .c-text-info .sub-title {
  margin-bottom: 5px;
}
.new-brand-page-wrap .c-book .c-text-info .tip {
  color: #08295d;
}
.new-brand-page-wrap .c-book .c-text-info .description {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .c-book .c-text-info .description {
    margin-top: 5px;
  }
}
.new-brand-page-wrap .calendar-picker-wrap {
  display: none;
  position: absolute;
  z-index: 99;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.new-brand-page-wrap .calendar-picker-wrap,
.new-brand-page-wrap .calendar-picker-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.new-brand-page-wrap .calendar-picker-wrap * {
  -webkit-tap-highlight-color: transparent;
}
.new-brand-page-wrap .calendar-picker-wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.new-brand-page-wrap .calendar-picker-wrap tr th {
  width: 40px;
  height: 40px;
  padding: 5px;
  font-size: 16px;
  text-align: center;
  border-radius: 4px;
}
.new-brand-page-wrap .calendar-picker-wrap tr th.next,
.new-brand-page-wrap .calendar-picker-wrap tr th.prev {
  white-space: nowrap;
  cursor: pointer;
}
.new-brand-page-wrap .calendar-picker-wrap tr th.next:hover,
.new-brand-page-wrap .calendar-picker-wrap tr th.prev:hover {
  background: #eee;
}
.new-brand-page-wrap .calendar-picker-wrap tr th.prev span {
  border-right: 8px solid #000;
}
.new-brand-page-wrap .calendar-picker-wrap tr th.next span,
.new-brand-page-wrap .calendar-picker-wrap tr th.prev span {
  display: inline-block;
  position: relative;
  top: -1px;
  line-height: 1;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.new-brand-page-wrap .calendar-picker-wrap tr th.next span {
  border-left: 8px solid #000;
}
.new-brand-page-wrap .calendar-picker-wrap tr td {
  width: 40px;
  height: 40px;
  padding: 5px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  cursor: default;
}
.new-brand-page-wrap .calendar-picker-wrap tr td.day {
  background: #d3e8f5;
  cursor: pointer;
}
.new-brand-page-wrap .calendar-picker-wrap tr td.day:hover {
  background: #eee;
}
.new-brand-page-wrap .calendar-picker-wrap tr td.disabled,
.new-brand-page-wrap .calendar-picker-wrap tr td.disabled:hover {
  color: #999;
  background: #d8d8d8;
  cursor: default;
}
.new-brand-page-wrap .calendar-picker-wrap tr td.current,
.new-brand-page-wrap .calendar-picker-wrap tr td.current:hover {
  color: #fff;
  background: #f75a26;
}
.new-brand-page-wrap .calendar-picker-wrap tr td.active,
.new-brand-page-wrap .calendar-picker-wrap tr td.active:hover {
  color: #fff;
  background: #b7c906;
}
.new-brand-page-wrap .calendar-picker-layer {
  display: none;
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.6);
}
@media screen and (max-width: 991px) {
  .new-brand-page-wrap .calendar-picker-layer.active {
    display: block;
  }
  .new-brand-page-wrap .calendar-picker-wrap {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 !important;
    width: 300px;
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.new-brand-page-wrap .body-ownerCert-wrap,
.new-brand-page-wrap .body-palisadeclub-wrap {
  opacity: 0;
}
.new-brand-page-wrap .ownerCert-wrap,
.new-brand-page-wrap .palisadeclub-wrap {
  position: relative;
  max-width: 750px;
  height: 100vh;
  margin: 0 auto;
}
.new-brand-page-wrap .ownerCert-wrap .page-full,
.new-brand-page-wrap .palisadeclub-wrap .page-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 14.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.new-brand-page-wrap .ownerCert-wrap .page-full .content,
.new-brand-page-wrap .palisadeclub-wrap .page-full .content {
  width: 100%;
  height: 100%;
  position: relative;
}
.new-brand-page-wrap .ownerCert-wrap .footer-logo,
.new-brand-page-wrap .palisadeclub-wrap .footer-logo {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.new-brand-page-wrap .ownerCert-wrap .loading,
.new-brand-page-wrap .palisadeclub-wrap .loading {
  background: url(/assets/brand2023/img/loading-bg.jpg) bottom no-repeat #057ebb;
  background-size: cover;
}
.new-brand-page-wrap .ownerCert-wrap .loading .brand,
.new-brand-page-wrap .palisadeclub-wrap .loading .brand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19.46%;
  margin: -27.5% 0 0 -10%;
}
.new-brand-page-wrap .ownerCert-wrap .loading .h4,
.new-brand-page-wrap .palisadeclub-wrap .loading .h4 {
  position: absolute;
  bottom: 6%;
  left: 50%;
  width: 130px;
  margin-left: -65px;
  color: #fff;
  letter-spacing: 2px;
  white-space: nowrap;
}
.new-brand-page-wrap .ownerCert-wrap .form,
.new-brand-page-wrap .palisadeclub-wrap .form {
  background: url(/assets/brand2023/img/form-bg2.jpg) bottom no-repeat #f3f1ef;
  background-size: cover;
  color: #0d546b;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 92.13%;
  padding-bottom: 17%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .bg,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .bg {
  width: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-wrap {
  position: absolute;
  top: 4%;
  left: 18.02%;
  width: 63.96%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .h1,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .h1 {
  margin-top: 5%;
  font-size: 28px;
  letter-spacing: 2px;
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .h2,
.new-brand-page-wrap .ownerCert-wrap .form .form-content .h3,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .h2,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .h3 {
  letter-spacing: 0;
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group {
  position: relative;
  width: 80%;
  margin: 5% auto 0;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group .required,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group .required {
  position: absolute;
  bottom: 5px;
  left: -12px;
  height: 18px;
  font-size: 18px;
  color: #000;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group .h4,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group .h4 {
  margin-bottom: 4px;
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group input,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group input {
  width: 100%;
  height: 24px;
  padding: 5px 10px;
  border: 1px solid #0d546b;
  background: none;
  color: #000;
  font-size: 12px;
  letter-spacing: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px !important;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group .send-code,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group .send-code {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
  height: 26px;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  background-color: #000;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.code,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.code {
  background-color: #545d62;
  border-radius: 4px;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.code input,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.code input {
  color: #fff;
  border-radius: 4px !important;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.code input::-webkit-input-placeholder,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.code input::-webkit-input-placeholder {
  color: #fff;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.code input:-moz-placeholder,
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.code input::-moz-placeholder,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.code input:-moz-placeholder,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.code input::-moz-placeholder {
  color: #fff;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.code input:-ms-input-placeholder,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.code input:-ms-input-placeholder {
  color: #fff;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.form-tip-group,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.form-tip-group {
  margin-top: 2%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-input-group.form-tip-group .tip,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-input-group.form-tip-group .tip {
  text-align: right;
  font-size: 12px;
  line-height: 1;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group {
  position: relative;
  width: 80%;
  margin: 7% auto 0;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group .h4,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group .h4 {
  margin-bottom: 4px;
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group .select-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group .select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group .h-select,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group .h-select {
  border: 1px solid #364046;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 48%;
  height: 24px;
  background: #e6f1f9;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group .h-select select,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group .h-select select {
  position: relative;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group .select-value,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group .select-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  line-height: 24px;
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  cursor: pointer;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .form-select-group .select-icon,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .form-select-group .select-icon {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto 0;
  height: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  color: #364046;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .car-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .car-wrap {
  margin: 10% -5% 0;
  overflow: hidden;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-content .car-wrap .car,
.new-brand-page-wrap .palisadeclub-wrap .form .form-content .car-wrap .car {
  width: 50.9%;
  margin-left: 2%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  width: 72%;
  margin-left: 1%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .agree-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .agree-wrap {
  margin-bottom: 2%;
  font-size: 12px;
  color: #000;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .agree-wrap .agree,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .agree-wrap .agree {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .agree-wrap .agree span,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .agree-wrap .agree span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  display: block;
  border: 1px solid #000;
  background: #fff;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .agree-wrap .agree span .iconfont,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .agree-wrap .agree span .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  font-size: 12px;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .agree-wrap .agree span.active .iconfont,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .agree-wrap .agree span.active .iconfont {
  display: block;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .agree-wrap a,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .agree-wrap a {
  color: #00607f;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-footer .submit,
.new-brand-page-wrap .palisadeclub-wrap .form .form-footer .submit {
  width: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-tip,
.new-brand-page-wrap .palisadeclub-wrap .form .form-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0;
  background: rgba(43, 42, 40, 0.9);
  border-radius: 4px;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.9);
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 68.13%;
  background: #fff;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content {
  position: relative;
  width: 88.25%;
  margin: 7% auto;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap {
  position: relative;
  width: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .bg,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .bg {
  width: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content .h4,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .bg-wrap .text-title .text-content .h4 {
  margin-top: 4px;
  letter-spacing: 1px;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .close-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .close-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 21.06%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .close-wrap .btn-close,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .close-wrap .btn-close {
  display: block;
  width: 50.54%;
  margin: 20% auto;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .text-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .text-wrap {
  position: absolute;
  top: 19%;
  left: 0;
  width: 100%;
  height: 75%;
  color: #000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .text-wrap h5,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .text-wrap h5 {
  margin-bottom: 10px;
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-layer .layer-wrap .layer-content .text-wrap .layer-main-content,
.new-brand-page-wrap .palisadeclub-wrap .form .form-layer .layer-wrap .layer-content .text-wrap .layer-main-content {
  padding: 0 5%;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap,
.new-brand-page-wrap .ownerCert-wrap .form .form-success .layer-wrap .layer-content .text-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap,
.new-brand-page-wrap .palisadeclub-wrap .form .form-success .layer-wrap .layer-content .text-wrap {
  position: relative;
  left: 0;
  margin-top: 12px;
  padding: 0 5px;
  width: 100%;
  color: #0d546b;
}
.new-brand-page-wrap .ownerCert-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap span,
.new-brand-page-wrap .ownerCert-wrap .form .form-success .layer-wrap .layer-content .text-wrap span,
.new-brand-page-wrap .palisadeclub-wrap .form .form-cert-success .layer-wrap .layer-content .text-wrap span,
.new-brand-page-wrap .palisadeclub-wrap .form .form-success .layer-wrap .layer-content .text-wrap span {
  font-weight: 700;
}
.new-brand-page-wrap .ownerCert-wrap .prize,
.new-brand-page-wrap .palisadeclub-wrap .prize {
  background-image: url(/assets/brand2023/img/form-prize-bg.jpg);
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content {
  text-align: center;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .brand,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .brand {
  display: block;
  width: 25%;
  margin: -2% auto 0;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .title1,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .title1 {
  margin-top: 5%;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .h4,
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .title2,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .h4,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .title2 {
  margin-top: 2%;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .title1,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .title1 {
  margin-top: 30%;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .h4,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .h4 {
  margin-top: 5%;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .code,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .code {
  width: 70%;
  margin: 4% auto 0;
  padding: 5px 0;
  line-height: 1;
  text-align: center;
  font-size: 24px;
  border-radius: 4px;
  border: 1px solid #343f46;
  background: #e6f1f9;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .code-tip,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .code-tip {
  margin-top: 1%;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .description,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .description {
  margin: 4% auto;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .description span,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .description span {
  font-weight: 700;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .car-wrap,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .car-wrap {
  margin-top: 48%;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .text-tip,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .text-tip {
  margin: 4% -5% 0;
}
.new-brand-page-wrap .ownerCert-wrap .prize .form-content .text-tip p,
.new-brand-page-wrap .palisadeclub-wrap .prize .form-content .text-tip p {
  line-height: 1.4;
  white-space: nowrap;
}
.new-brand-page-wrap .ownerCert-wrap .qrcode,
.new-brand-page-wrap .palisadeclub-wrap .qrcode {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.new-brand-page-wrap .ownerCert-wrap .collect,
.new-brand-page-wrap .palisadeclub-wrap .collect {
  background-image: url(/assets/brand2023/img/collect-bg.jpg);
}
.new-brand-page-wrap .ownerCert-wrap .collect .collect-content,
.new-brand-page-wrap .palisadeclub-wrap .collect .collect-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .collect .collect-content .pic,
.new-brand-page-wrap .palisadeclub-wrap .collect .collect-content .pic {
  width: 100%;
}
.new-brand-page-wrap .ownerCert-wrap .collect .collect-content .collect-btn,
.new-brand-page-wrap .palisadeclub-wrap .collect .collect-content .collect-btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 76.66%;
  height: 9%;
  bottom: 0;
  opacity: 0;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content {
  width: 84.13%;
  padding-bottom: 21%;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .bg-wrap {
  position: relative;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .bg-wrap .car-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .bg-wrap .car-wrap .car {
  width: 34%;
  margin-left: 5%;
  margin-bottom: 2%;
  opacity: 0;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .h1 {
  margin-top: 3%;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 32px;
  letter-spacing: 3px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .h2 {
  margin-top: 0;
  line-height: 1.1;
  font-size: 24px;
  letter-spacing: 3px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-wrap {
  top: 2%;
  left: 6.2%;
  width: 90%;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group {
  margin-top: 4%;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group input {
  height: 32px;
  border-radius: 0 !important;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group input::-webkit-input-placeholder {
  color: #0d546b;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group input:-moz-placeholder,
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group input::-moz-placeholder {
  color: #0d546b;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group input:-ms-input-placeholder {
  color: #0d546b;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group .send-code {
  width: 34%;
  height: 32px;
  line-height: 32px;
  background: #043667;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group.code {
  background: none;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group.code input::-webkit-input-placeholder {
  color: #0d546b;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group.code input:-moz-placeholder,
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group.code input::-moz-placeholder {
  color: #0d546b;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group.code input:-ms-input-placeholder {
  color: #0d546b;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-input-group.code input {
  color: #0d546b;
  border-radius: 0 !important;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-select-group {
  margin-top: 4%;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-select-group .select-value {
  line-height: 32px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-select-group .h-select {
  height: 32px;
  color: #364046;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content .form-footer {
  left: 0;
  width: 100%;
  -webkit-transform: none;
  transform: none;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content.iphone5 .h1 {
  font-size: 32px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content.iphone5 .h2 {
  font-size: 24px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content.iphone5 .form-input-group input {
  height: 30px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content.iphone5 .form-input-group .send-code {
  width: 36%;
  height: 30px;
  line-height: 30px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content.iphone5 .form-select-group .select-value {
  line-height: 30px;
}
.new-brand-page-wrap .palisadeclub-wrap .submit-form .form-content.iphone5 .form-select-group .h-select {
  height: 30px;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle {
  padding-bottom: 120px;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .eq-video {
  max-width: 100%;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .movieContent1 {
  position: relative;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
  background-size: 100px 100px;
  opacity: 0.6;
  cursor: pointer;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .btn-play:hover {
  opacity: 1;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .btn-play.isPlaying {
  opacity: 0;
  background: none;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .desc {
  word-break: normal;
}
.new-brand-page-wrap .pageArticle-wrap .pageArticle .cmpnt-quote .quoteArea > .desc {
  padding-right: 20px;
  word-break: normal;
}
@media screen and (min-width: 0) and (max-width: 740px) {
  .new-brand-page-wrap .is-vertical.mobile {
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .new-brand-page-wrap .is-vertical.mobile .pageArticle {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .is-vertical.mobile .pageArticle .cmpnt-quote .quoteArea > .desc {
    padding-right: 20px;
    word-break: normal;
  }
  .new-brand-page-wrap .is-vertical.mobile .pageArticle .mtNormal .movieContent1 {
    padding: 0;
  }
  .new-brand-page-wrap .is-vertical.mobile .pageArticle .btn-play {
    background: url(/assets/brand2023/img/icon-player.svg) no-repeat 50%;
    background-size: 60px 60px;
  }
}
.new-brand-page-wrap .ethics-content .blue {
  color: #002c5f;
}
.new-brand-page-wrap .ethics-content .gray {
  color: #666;
}
.new-brand-page-wrap .ethics-content h2.title {
  padding-top: 0.5em;
}
.new-brand-page-wrap .ethics-content .section-title {
  padding-top: 20px;
  padding-bottom: 10px;
}
.new-brand-page-wrap .ethics-content .section-body {
  margin-top: 60px;
  margin-bottom: 60px;
}
.new-brand-page-wrap .ethics-content .section-body p {
  line-height: 1.5;
}
.new-brand-page-wrap .ethics-content .section-body .img-logo {
  width: 85%;
}
.new-brand-page-wrap .ethics-content .text-indent {
  text-indent: 2em;
  margin-top: 0.7em;
  line-height: 1.5;
}
.new-brand-page-wrap .ethics-content .text-box {
  margin-top: 20px;
}
.new-brand-page-wrap .ethics-content .section-text {
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.new-brand-page-wrap .ethics-content .lis {
  position: relative;
  margin-top: 30px;
}
.new-brand-page-wrap .ethics-content .lis .lis-num {
  color: #002c5f;
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
  font-size: 50px;
  width: 75px;
  display: inline-block;
  border-right: 1px solid #002c5f;
  position: absolute;
  line-height: 0.8;
  margin-top: 8px;
  left: 0;
  top: 0;
}
.new-brand-page-wrap .ethics-content .lis .lis-content {
  padding-left: 110px;
}
.new-brand-page-wrap .ethics-content .lis .lis-content li,
.new-brand-page-wrap .ethics-content .ul-list li {
  list-style: disc;
  margin-top: 0.7em;
  margin-left: 0.9em;
}
.new-brand-page-wrap .is-vertical .ethics-content h2.title {
  text-align: center;
}
.new-brand-page-wrap .is-vertical .ethics-content .section-body {
  margin-top: 30px;
  margin-bottom: 30px;
}
.new-brand-page-wrap .is-vertical .ethics-content .section-body .img-logo {
  width: 70%;
  margin: 0 auto;
}
.new-brand-page-wrap .is-vertical .ethics-content .lis .lis-num {
  font-size: 40px;
  width: 65px;
  margin-top: 5px;
}
.new-brand-page-wrap .is-vertical .ethics-content .lis .lis-content {
  padding-left: 82px;
}
.new-brand-page-wrap .title-padding {
  padding-top: 120px;
  padding-bottom: 35px;
}
@media (min-width: 768px) {
  .new-brand-page-wrap .title-padding {
    padding-top: 60px;
    padding-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .new-brand-page-wrap .title-padding {
    padding-top: 67px;
    padding-bottom: 15.5px;
  }
}
@media (min-width: 1200px) {
  .new-brand-page-wrap .title-padding {
    padding-top: 81px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1360px) {
  .new-brand-page-wrap .title-padding {
    padding-top: 98px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .new-brand-page-wrap .title-padding {
    padding-top: 50px;
    padding-bottom: 15px;
  }
  .new-brand-page-wrap .new-brand-n-wrap .mb-h6 {
    padding: 13px 20px 12px;
    color: #fff !important;
    background-color: #012c5f !important;
    text-align: center !important;
  }
}
.new-brand-page-wrap .h1-sm-top {
  margin-top: 150px;
}
.new-brand-page-wrap .h1-sm-bottom {
  margin-bottom: 150px;
}
.new-brand-page-wrap .h1-sm-left {
  margin-left: 150px;
}
.new-brand-page-wrap .h1-sm-right {
  margin-right: 150px;
}
.new-brand-page-wrap .h1-sp-top {
  padding-top: 150px;
}
.new-brand-page-wrap .h1-sp-bottom {
  padding-bottom: 150px;
}
.new-brand-page-wrap .h1-sp-left {
  padding-left: 150px;
}
.new-brand-page-wrap .h1-sp-right {
  padding-right: 150px;
}
.new-brand-page-wrap .h2-sm-top {
  margin-top: 100px;
}
.new-brand-page-wrap .h2-sm-bottom {
  margin-bottom: 100px;
}
.new-brand-page-wrap .h2-sm-left {
  margin-left: 100px;
}
.new-brand-page-wrap .h2-sm-right {
  margin-right: 100px;
}
.new-brand-page-wrap .h2-sp-top {
  padding-top: 100px;
}
.new-brand-page-wrap .h2-sp-bottom {
  padding-bottom: 100px;
}
.new-brand-page-wrap .h2-sp-left {
  padding-left: 100px;
}
.new-brand-page-wrap .h2-sp-right {
  padding-right: 100px;
}
.new-brand-page-wrap .h3-sm-top {
  margin-top: 60px;
}
.new-brand-page-wrap .h3-sm-bottom {
  margin-bottom: 60px;
}
.new-brand-page-wrap .h3-sm-left {
  margin-left: 60px;
}
.new-brand-page-wrap .h3-sm-right {
  margin-right: 60px;
}
.new-brand-page-wrap .h3-sp-top {
  padding-top: 60px;
}
.new-brand-page-wrap .h3-sp-bottom {
  padding-bottom: 60px;
}
.new-brand-page-wrap .h3-sp-left {
  padding-left: 60px;
}
.new-brand-page-wrap .h3-sp-right {
  padding-right: 60px;
}
.new-brand-page-wrap .h4-sm-top {
  margin-top: 30px;
}
.new-brand-page-wrap .h4-sm-bottom {
  margin-bottom: 30px;
}
.new-brand-page-wrap .h4-sm-left {
  margin-left: 30px;
}
.new-brand-page-wrap .h4-sm-right {
  margin-right: 30px;
}
.new-brand-page-wrap .h4-sp-top {
  padding-top: 30px;
}
.new-brand-page-wrap .h4-sp-bottom {
  padding-bottom: 30px;
}
.new-brand-page-wrap .h4-sp-left {
  padding-left: 30px;
}
.new-brand-page-wrap .h4-sp-right {
  padding-right: 30px;
}
.new-brand-page-wrap .h5-sm-top {
  margin-top: 15px;
}
.new-brand-page-wrap .h5-sm-bottom {
  margin-bottom: 15px;
}
.new-brand-page-wrap .h5-sm-left {
  margin-left: 15px;
}
.new-brand-page-wrap .h5-sm-right {
  margin-right: 15px;
}
.new-brand-page-wrap .h5-sp-top {
  padding-top: 15px;
}
.new-brand-page-wrap .h5-sp-bottom {
  padding-bottom: 15px;
}
.new-brand-page-wrap .h5-sp-left {
  padding-left: 15px;
}
.new-brand-page-wrap .h5-sp-right {
  padding-right: 15px;
}
.new-brand-page-wrap .h6-sm-top {
  margin-top: 5px;
}
.new-brand-page-wrap .h6-sm-bottom {
  margin-bottom: 5px;
}
.new-brand-page-wrap .h6-sm-left {
  margin-left: 5px;
}
.new-brand-page-wrap .h6-sm-right {
  margin-right: 5px;
}
.new-brand-page-wrap .h6-sp-top {
  padding-top: 5px;
}
.new-brand-page-wrap .h6-sp-bottom {
  padding-bottom: 5px;
}
.new-brand-page-wrap .h6-sp-left {
  padding-left: 5px;
}
.new-brand-page-wrap .h6-sp-right {
  padding-right: 5px;
}
.new-brand-page-wrap .p-sm-top {
  margin-top: 10px;
}
.new-brand-page-wrap .p-sm-bottom {
  margin-bottom: 10px;
}
.new-brand-page-wrap .p-sm-left {
  margin-left: 10px;
}
.new-brand-page-wrap .p-sm-right {
  margin-right: 10px;
}
.new-brand-page-wrap .p-sp-top {
  padding-top: 10px;
}
.new-brand-page-wrap .p-sp-bottom {
  padding-bottom: 10px;
}
.new-brand-page-wrap .p-sp-left {
  padding-left: 10px;
}
.new-brand-page-wrap .p-sp-right {
  padding-right: 10px;
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 132px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 132px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 132px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 132px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 132px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 132px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 132px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 132px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 88px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 88px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 88px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 88px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 88px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 88px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 88px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 88px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 53px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 53px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 53px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 53px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 53px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 53px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 53px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 53px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 27px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 27px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 27px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 27px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 27px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 27px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 27px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 27px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 14px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 14px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 14px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 14px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 14px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 14px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 14px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 14px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 5px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 5px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 5px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 5px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 5px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 5px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 9px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 9px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 9px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 9px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 9px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 9px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 9px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 9px;
  }
}
@media screen and (max-width: 1440px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 113px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 113px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 113px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 113px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 113px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 113px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 113px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 113px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 75px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 75px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 75px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 75px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 75px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 75px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 75px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 75px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 45px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 45px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 45px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 45px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 45px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 45px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 23px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 23px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 23px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 23px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 23px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 23px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 23px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 23px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 12px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 12px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 12px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 12px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 12px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 12px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 12px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 12px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 4px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 4px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 4px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 4px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 4px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 4px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 4px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 4px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 8px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 8px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 8px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 8px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 8px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 8px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 8px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 120px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 120px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 120px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 120px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 120px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 120px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 120px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 120px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 80px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 80px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 80px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 80px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 80px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 80px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 80px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 80px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 60px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 60px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 60px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 60px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 60px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 60px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 40px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 40px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 40px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 40px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 40px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 40px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 40px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 40px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 30px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 30px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 30px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 30px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 30px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 30px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 10px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 10px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 10px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 10px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 10px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 10px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 10px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 10px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 20px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 20px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 20px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 20px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 20px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 20px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 20px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 20px;
  }
}
@media screen and (max-width: 639px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 90px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 90px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 90px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 90px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 90px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 90px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 90px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 90px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 60px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 60px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 60px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 60px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 60px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 60px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 45px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 45px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 45px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 45px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 45px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 45px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 30px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 30px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 30px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 30px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 30px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 30px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 23px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 23px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 23px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 23px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 23px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 23px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 23px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 23px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 8px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 8px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 8px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 8px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 8px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 8px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 8px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 8px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 15px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 15px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 15px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 15px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 15px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 15px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 15px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 60px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 60px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 60px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 60px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 60px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 60px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 40px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 40px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 40px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 40px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 40px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 40px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 40px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 40px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 30px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 30px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 30px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 30px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 30px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 30px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 20px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 20px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 20px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 20px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 20px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 20px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 20px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 20px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 15px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 15px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 15px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 15px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 15px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 15px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 15px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 15px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 5px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 5px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 5px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 5px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 5px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 5px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 10px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 10px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 10px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 10px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 10px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 10px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 10px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 10px;
  }
}
.new-brand-page-wrap .narrow-container {
  margin: 0 auto;
  width: 66.667%;
  max-width: 1280px;
}
@media (max-width: 1600px) {
  .new-brand-page-wrap .narrow-container {
    width: 70%;
  }
}
.new-brand-page-wrap .h1-sm-top {
  margin-top: 150px;
}
.new-brand-page-wrap .h1-sm-bottom {
  margin-bottom: 150px;
}
.new-brand-page-wrap .h1-sm-left {
  margin-left: 150px;
}
.new-brand-page-wrap .h1-sm-right {
  margin-right: 150px;
}
.new-brand-page-wrap .h1-sp-top {
  padding-top: 150px;
}
.new-brand-page-wrap .h1-sp-bottom {
  padding-bottom: 150px;
}
.new-brand-page-wrap .h1-sp-left {
  padding-left: 150px;
}
.new-brand-page-wrap .h1-sp-right {
  padding-right: 150px;
}
.new-brand-page-wrap .h2-sm-top {
  margin-top: 100px;
}
.new-brand-page-wrap .h2-sm-bottom {
  margin-bottom: 100px;
}
.new-brand-page-wrap .h2-sm-left {
  margin-left: 100px;
}
.new-brand-page-wrap .h2-sm-right {
  margin-right: 100px;
}
.new-brand-page-wrap .h2-sp-top {
  padding-top: 100px;
}
.new-brand-page-wrap .h2-sp-bottom {
  padding-bottom: 100px;
}
.new-brand-page-wrap .h2-sp-left {
  padding-left: 100px;
}
.new-brand-page-wrap .h2-sp-right {
  padding-right: 100px;
}
.new-brand-page-wrap .h3-sm-top {
  margin-top: 60px;
}
.new-brand-page-wrap .h3-sm-bottom {
  margin-bottom: 60px;
}
.new-brand-page-wrap .h3-sm-left {
  margin-left: 60px;
}
.new-brand-page-wrap .h3-sm-right {
  margin-right: 60px;
}
.new-brand-page-wrap .h3-sp-top {
  padding-top: 60px;
}
.new-brand-page-wrap .h3-sp-bottom {
  padding-bottom: 60px;
}
.new-brand-page-wrap .h3-sp-left {
  padding-left: 60px;
}
.new-brand-page-wrap .h3-sp-right {
  padding-right: 60px;
}
.new-brand-page-wrap .h4-sm-top {
  margin-top: 30px;
}
.new-brand-page-wrap .h4-sm-bottom {
  margin-bottom: 30px;
}
.new-brand-page-wrap .h4-sm-left {
  margin-left: 30px;
}
.new-brand-page-wrap .h4-sm-right {
  margin-right: 30px;
}
.new-brand-page-wrap .h4-sp-top {
  padding-top: 30px;
}
.new-brand-page-wrap .h4-sp-bottom {
  padding-bottom: 30px;
}
.new-brand-page-wrap .h4-sp-left {
  padding-left: 30px;
}
.new-brand-page-wrap .h4-sp-right {
  padding-right: 30px;
}
.new-brand-page-wrap .h5-sm-top {
  margin-top: 15px;
}
.new-brand-page-wrap .h5-sm-bottom {
  margin-bottom: 15px;
}
.new-brand-page-wrap .h5-sm-left {
  margin-left: 15px;
}
.new-brand-page-wrap .h5-sm-right {
  margin-right: 15px;
}
.new-brand-page-wrap .h5-sp-top {
  padding-top: 15px;
}
.new-brand-page-wrap .h5-sp-bottom {
  padding-bottom: 15px;
}
.new-brand-page-wrap .h5-sp-left {
  padding-left: 15px;
}
.new-brand-page-wrap .h5-sp-right {
  padding-right: 15px;
}
.new-brand-page-wrap .h6-sm-top {
  margin-top: 5px;
}
.new-brand-page-wrap .h6-sm-bottom {
  margin-bottom: 5px;
}
.new-brand-page-wrap .h6-sm-left {
  margin-left: 5px;
}
.new-brand-page-wrap .h6-sm-right {
  margin-right: 5px;
}
.new-brand-page-wrap .h6-sp-top {
  padding-top: 5px;
}
.new-brand-page-wrap .h6-sp-bottom {
  padding-bottom: 5px;
}
.new-brand-page-wrap .h6-sp-left {
  padding-left: 5px;
}
.new-brand-page-wrap .h6-sp-right {
  padding-right: 5px;
}
.new-brand-page-wrap .p-sm-top {
  margin-top: 10px;
}
.new-brand-page-wrap .p-sm-bottom {
  margin-bottom: 10px;
}
.new-brand-page-wrap .p-sm-left {
  margin-left: 10px;
}
.new-brand-page-wrap .p-sm-right {
  margin-right: 10px;
}
.new-brand-page-wrap .p-sp-top {
  padding-top: 10px;
}
.new-brand-page-wrap .p-sp-bottom {
  padding-bottom: 10px;
}
.new-brand-page-wrap .p-sp-left {
  padding-left: 10px;
}
.new-brand-page-wrap .p-sp-right {
  padding-right: 10px;
}
@media screen and (max-width: 1600px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 132px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 132px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 132px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 132px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 132px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 132px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 132px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 132px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 88px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 88px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 88px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 88px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 88px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 88px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 88px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 88px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 53px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 53px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 53px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 53px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 53px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 53px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 53px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 53px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 27px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 27px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 27px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 27px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 27px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 27px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 27px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 27px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 14px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 14px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 14px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 14px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 14px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 14px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 14px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 14px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 5px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 5px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 5px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 5px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 5px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 5px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 9px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 9px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 9px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 9px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 9px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 9px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 9px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 9px;
  }
}
@media screen and (max-width: 1440px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 113px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 113px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 113px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 113px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 113px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 113px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 113px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 113px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 75px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 75px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 75px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 75px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 75px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 75px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 75px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 75px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 45px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 45px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 45px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 45px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 45px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 45px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 23px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 23px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 23px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 23px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 23px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 23px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 23px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 23px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 12px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 12px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 12px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 12px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 12px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 12px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 12px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 12px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 4px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 4px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 4px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 4px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 4px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 4px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 4px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 4px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 8px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 8px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 8px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 8px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 8px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 8px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 8px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 120px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 120px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 120px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 120px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 120px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 120px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 120px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 120px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 80px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 80px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 80px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 80px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 80px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 80px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 80px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 80px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 60px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 60px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 60px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 60px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 60px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 60px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 40px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 40px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 40px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 40px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 40px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 40px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 40px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 40px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 30px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 30px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 30px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 30px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 30px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 30px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 10px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 10px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 10px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 10px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 10px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 10px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 10px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 10px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 20px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 20px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 20px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 20px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 20px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 20px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 20px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 20px;
  }
}
@media screen and (max-width: 639px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 90px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 90px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 90px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 90px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 90px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 90px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 90px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 90px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 60px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 60px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 60px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 60px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 60px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 60px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 45px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 45px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 45px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 45px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 45px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 45px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 45px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 30px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 30px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 30px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 30px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 30px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 30px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 23px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 23px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 23px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 23px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 23px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 23px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 23px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 23px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 8px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 8px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 8px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 8px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 8px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 8px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 8px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 8px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 15px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 15px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 15px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 15px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 15px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 15px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 15px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .new-brand-page-wrap .h1-sm-top {
    margin-top: 60px;
  }
  .new-brand-page-wrap .h1-sm-bottom {
    margin-bottom: 60px;
  }
  .new-brand-page-wrap .h1-sm-left {
    margin-left: 60px;
  }
  .new-brand-page-wrap .h1-sm-right {
    margin-right: 60px;
  }
  .new-brand-page-wrap .h1-sp-top {
    padding-top: 60px;
  }
  .new-brand-page-wrap .h1-sp-bottom {
    padding-bottom: 60px;
  }
  .new-brand-page-wrap .h1-sp-left {
    padding-left: 60px;
  }
  .new-brand-page-wrap .h1-sp-right {
    padding-right: 60px;
  }
  .new-brand-page-wrap .h2-sm-top {
    margin-top: 40px;
  }
  .new-brand-page-wrap .h2-sm-bottom {
    margin-bottom: 40px;
  }
  .new-brand-page-wrap .h2-sm-left {
    margin-left: 40px;
  }
  .new-brand-page-wrap .h2-sm-right {
    margin-right: 40px;
  }
  .new-brand-page-wrap .h2-sp-top {
    padding-top: 40px;
  }
  .new-brand-page-wrap .h2-sp-bottom {
    padding-bottom: 40px;
  }
  .new-brand-page-wrap .h2-sp-left {
    padding-left: 40px;
  }
  .new-brand-page-wrap .h2-sp-right {
    padding-right: 40px;
  }
  .new-brand-page-wrap .h3-sm-top {
    margin-top: 30px;
  }
  .new-brand-page-wrap .h3-sm-bottom {
    margin-bottom: 30px;
  }
  .new-brand-page-wrap .h3-sm-left {
    margin-left: 30px;
  }
  .new-brand-page-wrap .h3-sm-right {
    margin-right: 30px;
  }
  .new-brand-page-wrap .h3-sp-top {
    padding-top: 30px;
  }
  .new-brand-page-wrap .h3-sp-bottom {
    padding-bottom: 30px;
  }
  .new-brand-page-wrap .h3-sp-left {
    padding-left: 30px;
  }
  .new-brand-page-wrap .h3-sp-right {
    padding-right: 30px;
  }
  .new-brand-page-wrap .h4-sm-top {
    margin-top: 20px;
  }
  .new-brand-page-wrap .h4-sm-bottom {
    margin-bottom: 20px;
  }
  .new-brand-page-wrap .h4-sm-left {
    margin-left: 20px;
  }
  .new-brand-page-wrap .h4-sm-right {
    margin-right: 20px;
  }
  .new-brand-page-wrap .h4-sp-top {
    padding-top: 20px;
  }
  .new-brand-page-wrap .h4-sp-bottom {
    padding-bottom: 20px;
  }
  .new-brand-page-wrap .h4-sp-left {
    padding-left: 20px;
  }
  .new-brand-page-wrap .h4-sp-right {
    padding-right: 20px;
  }
  .new-brand-page-wrap .h5-sm-top {
    margin-top: 15px;
  }
  .new-brand-page-wrap .h5-sm-bottom {
    margin-bottom: 15px;
  }
  .new-brand-page-wrap .h5-sm-left {
    margin-left: 15px;
  }
  .new-brand-page-wrap .h5-sm-right {
    margin-right: 15px;
  }
  .new-brand-page-wrap .h5-sp-top {
    padding-top: 15px;
  }
  .new-brand-page-wrap .h5-sp-bottom {
    padding-bottom: 15px;
  }
  .new-brand-page-wrap .h5-sp-left {
    padding-left: 15px;
  }
  .new-brand-page-wrap .h5-sp-right {
    padding-right: 15px;
  }
  .new-brand-page-wrap .h6-sm-top {
    margin-top: 5px;
  }
  .new-brand-page-wrap .h6-sm-bottom {
    margin-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sm-left {
    margin-left: 5px;
  }
  .new-brand-page-wrap .h6-sm-right {
    margin-right: 5px;
  }
  .new-brand-page-wrap .h6-sp-top {
    padding-top: 5px;
  }
  .new-brand-page-wrap .h6-sp-bottom {
    padding-bottom: 5px;
  }
  .new-brand-page-wrap .h6-sp-left {
    padding-left: 5px;
  }
  .new-brand-page-wrap .h6-sp-right {
    padding-right: 5px;
  }
  .new-brand-page-wrap .p-sm-top {
    margin-top: 10px;
  }
  .new-brand-page-wrap .p-sm-bottom {
    margin-bottom: 10px;
  }
  .new-brand-page-wrap .p-sm-left {
    margin-left: 10px;
  }
  .new-brand-page-wrap .p-sm-right {
    margin-right: 10px;
  }
  .new-brand-page-wrap .p-sp-top {
    padding-top: 10px;
  }
  .new-brand-page-wrap .p-sp-bottom {
    padding-bottom: 10px;
  }
  .new-brand-page-wrap .p-sp-left {
    padding-left: 10px;
  }
  .new-brand-page-wrap .p-sp-right {
    padding-right: 10px;
  }
}
.new-brand-page-wrap .c-button.red-color > div,
.new-brand-page-wrap .c-button.red-color a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #e63312;
  color: #012c5f;
  background: #fff;
  font-size: 14px;
}
.new-brand-page-wrap .c-button.red-color > div:hover,
.new-brand-page-wrap .c-button.red-color a:hover {
  color: #fff;
  background: #e63312;
  background: #012c5f;
}
.new-brand-page-wrap .c-mediabanner .swiper-button.swiper-button-next {
  right: 0;
}
.new-brand-page-wrap .c-mediabanner .swiper-button.swiper-button-prev {
  left: 0;
}

.c-motorsport {
  position: relative;
  text-align: center;
  background: #f2f2f2;
}

.c-motorsport .content {
  overflow: hidden;
}

.c-motorsport .content-item {
  color: #fff;
  float: left;
  width: calc(50% - 15px);
  position: relative;
  text-align: center;
  overflow: hidden;
}

.c-motorsport .content-item img {
  width: 100%;
}

.c-motorsport .content-item-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.c-motorsport .content-item .c-motorsport-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.c-motorsport .content-item-text {
  position: absolute;
  min-width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
  padding-left: 25px;
}

.c-motorsport .content-item-text.shadow {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), transparent);
}

.c-motorsport .content-item-text.shadow .title-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.c-motorsport .content-item-text .pos-vert-center {
  width: 180%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-motorsport .content-item.margin-left {
  margin-left: 15px;
}

.c-motorsport .content-item.margin-right {
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .c-motorsport .content-item {
    width: 100%;
  }
  .c-motorsport .content-item.margin-left {
    margin-left: 0;
  }
  .c-motorsport .content-item.margin-right {
    margin-right: 0;
  }
}
.c-motorsport .inner-box {
  margin: 0 auto;
}

.c-motorsport .inner-box .title-padding {
  padding-top: 130px;
  padding-bottom: 30px;
}

.is-vertical .c-motorsport {
  background: #fff;
  padding-bottom: 0 !important;
}

.is-vertical .c-motorsport .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.is-vertical .c-motorsport .content-item-text {
  min-width: 100%;
}

.is-vertical .c-motorsport .content-item {
  margin-top: 5px;
}

.is-vertical .c-motorsport .pos-vert-center {
  width: 100%;
}

.c-tab {
  position: relative;
}

.c-tab .left,
.c-tab .right {
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 100%;
  width: 30px;
  background: #fff;
}

@media (max-width: 751px) {
  .c-tab .left,
  .c-tab .right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .new-brand-page-wrap .c-tab .left,
  .new-brand-page-wrap .c-tab .right,
  body.is-vertical .c-tab .left,
  body.is-vertical .c-tab .right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-tab .left {
  left: 0;
}

.c-tab .left,
.c-tab .right {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-tab .right {
  right: 0;
}

.c-tab .tab-mb-scroll {
  width: 100%;
  overflow-x: scroll;
}

@media (max-width: 670px) {
  .c-tab .tab-mb-scroll {
    height: 85px;
  }
}
@media (max-width: 670px) {
  .c-tab .scroll-container {
    height: 75px;
    overflow: hidden;
  }
}
.c-tab .tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e4dcd3;
  white-space: nowrap;
}

@media (max-width: 1000px) {
  .c-tab .tab-container {
    height: 90px;
  }
}
@media (max-width: 850px) {
  .c-tab .tab-container {
    height: 80px;
  }
}
@media (max-width: 790px) {
  .c-tab .tab-container {
    height: 70px;
  }
}
@media (max-width: 670px) {
  .c-tab .tab-container {
    width: auto;
    display: block;
    margin-left: 30px;
    border-bottom: 1px solid transparent;
    font-size: 0;
  }
  .c-tab .tab-container a {
    display: inline-block;
    height: 100%;
    border-bottom: 1px solid #e4dcd3;
    margin: 0;
    padding: 0;
  }
}
.c-tab .tab-container .tab-item {
  margin: 0 55px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  border-bottom: 1px solid transparent;
}

@media (max-width: 790px) {
  .c-tab .tab-container .tab-item {
    margin: 0 45px;
  }
}
@media (max-width: 670px) {
  .c-tab .tab-container .tab-item {
    margin: 0 15px;
    border-bottom: 2px solid transparent;
  }
}
.c-tab .tab-container .tab-item-active {
  color: #000;
  border-bottom: 1px solid #000;
}

@media (max-width: 670px) {
  .c-tab .tab-container .tab-item-active {
    border-bottom: 2px solid #000;
  }
}
.cl-tab-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cl-tab-fixed .tab-container {
  height: 60px;
}

@media (max-width: 751px) {
  .cl-tab-fixed .tab-container a {
    border-bottom: 0;
  }
}
@media (max-width: 751px) {
  .cl-tab-fixed .tab-container .track-ele,
  .dept-tab .tab-container {
    border-bottom: 1px solid #e4dcd3;
  }
}
.tab-container.cl-tab-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.tab-container.cl-tab-fixed .tab-list {
  height: 60px;
}

.tab-container.cl-tab-fixed .tab-list .tab-item {
  font-size: 16px;
}

.tab-container.cl-tab-fixed.move-up {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.track-ele {
  height: 100%;
  display: inline-block;
}

.track-ele:last-child {
  margin-right: 30px;
}

.layer-video-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999999;
  display: none;
}

.layer-video-box .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  cursor: pointer;
}

.layer-video-box video {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  background: #000;
}

body.is-vertical .page-padding {
  padding: 30px 0;
}
body.is-vertical .page-padding.top-page {
  padding: 60px 0 30px;
}
body.is-vertical .page-padding.bottom-page {
  padding: 0 0 40px;
}
body.is-vertical .page-padding.all-page {
  padding: 60px 0;
}
body.is-vertical .small-spacing-top .page-padding, body.is-vertical .small-spacing-top .page-padding.all-page,
body .small-spacing-top .page-padding,
body .small-spacing-top .page-padding.all-page {
  padding-top: 0;
}
body.is-vertical .small-spacing-bottom .page-padding, body.is-vertical .small-spacing-bottom .page-padding.all-page,
body .small-spacing-bottom .page-padding,
body .small-spacing-bottom .page-padding.all-page {
  padding-bottom: 0;
}
body.is-vertical .button-container {
  width: 100%;
}
body.is-vertical .button-container.outer-container .swiper-button-prev {
  left: -15px;
}
body.is-vertical .button-container.outer-container .swiper-button-next {
  right: -15px;
}
body.is-vertical .swiper-pagination {
  padding: 0 30px;
}
body.is-vertical #picText3 .page-padding.all-page {
  padding-bottom: 60px !important;
}
body.is-vertical .container {
  padding-left: 30px;
  padding-right: 30px;
}
body.is-vertical .container {
  padding-left: 30px;
  padding-right: 30px;
}
body.is-vertical .swiper-button-next, body.is-vertical .swiper-button-prev {
  width: 45px;
  height: 45px;
}
body.is-vertical .swiper-button-next:after, body.is-vertical .swiper-button-prev:after {
  font-size: 28px;
}
body.is-vertical .swiper .swiper-pagination {
  bottom: 80px;
}
body.is-vertical .swiper .swiper-pagination .swiper-pagination-bullet {
  margin-left: 10px;
  margin-right: 10px;
}
body.is-vertical .visible-vert {
  display: block !important;
}
body.is-vertical .hidden-vert {
  display: none !important;
}
body.is-vertical .m-show {
  display: inline-block !important;
}
body.is-vertical .m-hide {
  display: none !important;
}
body.is-vertical .c-button {
  min-width: 130px;
  margin-right: 0;
}
body.is-vertical .new-brand-page-wrap .c-button a, body.is-vertical .c-button a {
  padding: 12px 20px 11px;
}
body.is-vertical .c-button.btn-text a {
  padding: 0;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
body.is-vertical .c-header .navbar-fixed-top-menu .container {
  padding: 0 !important;
}
body.is-vertical .c-header .navbar-brand {
  -webkit-transition: initial !important;
  transition: initial !important;
}
body.is-vertical .c-header .btn-search {
  z-index: 999;
}
body.is-vertical .c-header .btn-search a {
  display: block;
}
body.is-vertical .c-header .btn-search span {
  color: #fff;
}
body.is-vertical .c-header .navbar-fixed-top {
  top: 0;
  width: 100%;
}
body.is-vertical .c-header.active-mb {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
body.is-vertical .c-header.active-mb .navbar {
  z-index: 9999999;
  color: #000;
  background: #fff;
  border-bottom: 1px solid #e4dcd3;
}
body.is-vertical .c-header.active-mb .navbar a {
  color: #000;
}
body.is-vertical .c-header.active-mb .navbar a:hover {
  color: #012c5f !important;
}
body.is-vertical .c-header.active-mb .navbar .navbar-brand {
  color: #012c5f;
}
body.is-vertical .c-header.active-mb .navbar .btn-navbar-toggle span {
  background-color: #000;
}
body.is-vertical .c-header.active-mb .btn-navbar-toggle span:first-of-type {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  transform: rotate(45deg) translate(5px, 5px);
}
body.is-vertical .c-header.active-mb .btn-navbar-toggle span:last-of-type {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}
body.is-vertical .c-header.active-mb .btn-navbar-toggle span:nth-of-type(2) {
  opacity: 0;
}
body.is-vertical .c-header.active-mb .navbar-fixed-top-menu {
  background: #fff;
  padding-top: 100px;
}
body.is-vertical .c-header.active-mb .navbar-fixed-top-menu li {
  border-bottom: none;
}
body.is-vertical .c-header.active-mb .navbar-fixed-top-menu .m-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-size: 14px;
  padding: 6px 0 6px 6px;
}
body.is-vertical .c-header.active-mb .navbar-fixed-top-menu .cont {
  width: 100%;
  padding: 0 30px;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
body.is-vertical .c-header.active-mb .navbar-fixed-top-menu.active .cont {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
body.is-vertical .c-header.active-mb .recommend-warp {
  -webkit-transition: initial;
  transition: initial;
}
body.is-vertical .c-header.active-mb.active-mb-deep .recommend-warp {
  padding: 0 30px;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar .btn-deep {
  display: block;
  position: absolute;
  top: 24px;
  left: 30px;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar .btn-deep .iconfont {
  font-size: 14px;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar .btn-deep span {
  display: inline-block;
  vertical-align: middle;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar .btn-search, body.is-vertical .c-header.active-mb.active-mb-deep .navbar .navbar-brand {
  display: none !important;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .container:after {
  display: none;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .child {
  border: none;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .cont {
  padding: 0;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .first {
  display: none;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .dt {
  padding: 0;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .dd {
  padding: 0 30px;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .dd.active {
  padding-bottom: 10px;
  background: #f7f3f2;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .child {
  color: #000;
  padding: 10px 0;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .child:after {
  display: none;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .child1 {
  position: relative;
  color: #999;
  padding: 6px 0 6px 12px;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .child1:hover {
  color: #43c7ee;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .child1:hover:after {
  background: #43c7ee;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu .wrap-mb .child1:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background: #999;
}
body.is-vertical .c-header.active-mb.active-mb-deep .navbar-fixed-top-menu li.active .dt {
  display: block;
}
body.is-vertical .c-header .navbar {
  height: 70px;
}
body.is-vertical .c-header .navbar .navbar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.is-vertical .c-header .navbar .navbar-brand {
  margin-right: 0;
  padding-top: 25px;
  padding-bottom: 45px;
}
body.is-vertical .c-header .btn-search {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 40px;
  height: 40px;
}
body.is-vertical .c-header .btn-search .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.is-vertical .c-header .icon-logo2 {
  width: 41px;
  height: 21px;
  font-size: 20px;
}
body.is-vertical .c-header .icon-logo2:after {
  display: block;
  width: 100%;
  height: 100%;
}
body.is-vertical .c-header .btn-navbar-toggle.visible-vert {
  position: absolute;
  top: 20px;
  right: 25px;
  margin: 0;
}
body.is-vertical .c-header .navbar-fixed-top-t .container {
  position: relative;
  padding: 0;
}
body.is-vertical .c-header .navbar-fixed-top-t .icon-jiantou-copy {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.is-vertical .c-header .navbar-fixed-top-t .left {
  position: relative;
  width: 70%;
}
body.is-vertical .c-header .navbar-fixed-top-t .right {
  width: 30%;
  height: 100%;
  height: 50px;
  border-left: 1px solid #e4dcd3;
}
body.is-vertical .c-header .navbar-fixed-top-t .r-head {
  overflow: hidden;
  padding: 0 30px;
  border-bottom: 1px solid #e4dcd3;
}
body.is-vertical .c-header .navbar-fixed-top-t .gouche {
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  word-break: keep-all;
  white-space: nowrap;
}
body.is-vertical .c-header .navbar-fixed-top-t .gouche i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
body.is-vertical .c-header .navbar-fixed-top-t .right-mb {
  padding: 0 30px;
  display: none;
}
body.is-vertical .c-header .navbar-fixed-top-t .right-top-mb {
  position: relative;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .r-head {
  border-bottom: 1px solid #43c7ee;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .icon-jiantou-copy {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb {
  width: 100%;
  left: 0;
  height: auto;
  border: none;
  padding: 20px 30px 0;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb li {
  width: 100%;
  float: inherit;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb li a:hover {
  color: #000;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb li:last-of-type {
  margin-top: 15px;
  border-top: 1px solid #e4dcd3;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb li:last-of-type a {
  position: relative;
  height: 80px;
  line-height: 80px !important;
  font-weight: 700;
  color: #000 !important;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb li:last-of-type a .mb-show {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
body.is-vertical .c-header .navbar-fixed-top-t.active .right-mb li a {
  padding: 0;
  display: block;
}
body.is-vertical .c-eq-video .eq-video-canvas {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: none;
  transform: none;
}
body.is-vertical .c-banner .container {
  width: 100%;
}
body.is-vertical .c-banner .tips {
  padding: 0 70px 0 30px;
}
body.is-vertical .c-banner.align-center .text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50% !important;
  text-align: center;
}
body.is-vertical .c-banner .text-wrap {
  width: 100%;
  padding: 0 30px;
}
body.is-vertical .c-banner .text-wrap.top-center-cards {
  top: 13%;
}
body.is-vertical .c-banner .text-wrap.top-center-cards .title {
  margin-bottom: 20px;
}
body.is-vertical .c-banner .text-wrap .title {
  margin-bottom: 10px;
}
body.is-vertical .c-banner .text-wrap .btn-link-wrap {
  margin-top: 20px;
}
body.is-vertical .c-banner .text-wrap .btn-link-wrap .c-button {
  margin-right: 15px;
}
body.is-vertical .c-banner .text-wrap .btn-link-wrap .c-button:first-of-type {
  margin-left: 0;
}
body.is-vertical .c-banner .text-wrap .btn-link-wrap .c-button:last-of-type {
  margin-right: 0;
}
body.is-vertical .c-banner .text-wrap .description .word-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.is-vertical .c-banner .text-wrap.top-center, body.is-vertical .c-banner .text-wrap.top-left, body.is-vertical .c-banner .text-wrap.top-right {
  top: 16%;
}
body.is-vertical .c-banner .text-wrap.bottom-center, body.is-vertical .c-banner .text-wrap.bottom-left, body.is-vertical .c-banner .text-wrap.bottom-right {
  bottom: 16%;
}
body.is-vertical .c-banner .text-wrap.mb-top-left {
  top: 16%;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
  -webkit-transform: none;
  transform: none;
}
body.is-vertical .c-banner .text-wrap.mb-top-right {
  top: 16%;
  right: 0;
  bottom: auto;
  left: auto;
  text-align: right;
  -webkit-transform: none;
  transform: none;
}
body.is-vertical .c-banner .text-wrap.mb-top-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: auto;
  right: auto;
  top: 16%;
  text-align: center;
}
body.is-vertical .c-banner .text-wrap.mb-top-center .btn-link-wrap {
  text-align: center;
}
body.is-vertical .c-banner .text-wrap.mb-bottom-left {
  bottom: 16%;
  left: 0;
  top: auto;
  right: auto;
  text-align: left;
  -webkit-transform: none;
  transform: none;
}
body.is-vertical .c-banner .text-wrap.mb-bottom-right {
  bottom: 16%;
  right: 0;
  top: auto;
  left: auto;
  text-align: right;
  -webkit-transform: none;
  transform: none;
}
body.is-vertical .c-banner .text-wrap.mb-bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: 16%;
  text-align: center;
}
body.is-vertical .c-banner .text-wrap.mb-vertical-left-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: auto;
  right: auto;
  left: 0;
  text-align: left;
}
body.is-vertical .c-banner .text-wrap.mb-vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: auto;
  left: auto;
  right: 0;
  text-align: right;
}
body.is-vertical .c-banner .text-wrap.mb-vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto;
  right: auto;
  text-align: center;
}
body.is-vertical .c-banner.banner-cards .swiper .swiper-pagination {
  bottom: 180px !important;
}
body.is-vertical .c-banner .swiper .swiper-pagination {
  padding: 0 30px;
}
body.is-vertical .c-banner .swiper .swiper-pagination-bullet {
  margin: 0;
}
body.is-vertical .c-banner .footer-info, body.is-vertical .c-banner .pip-price-info {
  padding: 20px 0;
}
body.is-vertical .c-banner .footer-info .container .inner .left, body.is-vertical .c-banner .pip-price-info .container .inner .left {
  position: relative;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
  transform: inherit;
  margin-bottom: 15px;
}
body.is-vertical .c-banner .footer-info .container .inner .left dl, body.is-vertical .c-banner .pip-price-info .container .inner .left dl {
  float: left;
  display: block;
  width: 33.333333%;
  margin: 0;
}
body.is-vertical .c-banner .footer-info .container .inner .right, body.is-vertical .c-banner .pip-price-info .container .inner .right {
  width: 100%;
}
body.is-vertical .c-banner .footer-info .container .inner .right .btn-link-wrap, body.is-vertical .c-banner .pip-price-info .container .inner .right .btn-link-wrap {
  margin: 0 -10px;
}
body.is-vertical .c-banner .footer-info .container .inner .right .btn-link-wrap .c-button, body.is-vertical .c-banner .pip-price-info .container .inner .right .btn-link-wrap .c-button {
  max-width: inherit;
  padding: 0 10px;
}
body.is-vertical .c-banner.full-screen {
  height: 100vh;
}
body.is-vertical .cars-wrap .c-banner .pip-price-info .container .inner .left dl:first-of-type {
  width: 36%;
}
body.is-vertical .cars-wrap .c-banner .pip-price-info .container .inner .left dl:nth-of-type(2) {
  width: 34%;
}
body.is-vertical .cars-wrap .c-banner .pip-price-info .container .inner .left dl:nth-of-type(3) {
  width: 30%;
}
body.is-vertical .nexo-wrap .c-banner .pip-price-info .container .inner .left dl:first-of-type {
  width: 52%;
}
body.is-vertical .nexo-wrap .c-banner .pip-price-info .container .inner .left dl:nth-of-type(2) {
  width: 28%;
}
body.is-vertical .nexo-wrap .c-banner .pip-price-info .container .inner .left dl:nth-of-type(3) {
  width: 20%;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .banner-swiper {
  height: auto;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info {
  position: relative;
  text-align: center;
  background: none;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info .inner {
  color: #000;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info .inner .left .title {
  margin-bottom: 0.5em;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info .inner .right .btn-link-wrap {
  width: auto;
  float: none;
  margin-top: 1em;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info .inner .right .btn-link-wrap .c-button {
  margin: 0 auto;
  float: none;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info .inner .right .btn-link-wrap .c-button a {
  padding-top: 15px;
  padding-bottom: 13px;
  color: #000;
  border: 1px solid #000;
  background: none;
  border-radius: 0;
}
body.is-vertical .technology-e-gmp-wrap .c-banner .footer-info .inner .right .btn-link-wrap .c-button a:hover {
  color: #fff;
  background: #012c5f;
  border: 1px solid #012c5f;
}
body.is-vertical .c-always .always-layer {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
body.is-vertical .c-always .always-layer .item {
  margin: 0 15px;
}
body.is-vertical .c-recommend-card .container {
  padding-right: 0;
}
body.is-vertical .c-recommend-card .button-container {
  top: 62%;
}
body.is-vertical .c-recommend-card .button-container.outer-container .swiper-button-prev {
  left: 28px;
  width: auto;
  font-size: 24px !important;
  color: #fff;
}
body.is-vertical .c-recommend-card .button-container.outer-container .swiper-button-next {
  right: 28px;
  width: auto;
  font-size: 24px !important;
  color: #fff;
}
body.is-vertical .c-recommend-card .card-list {
  height: auto;
}
body.is-vertical .c-recommend-card .card-list .inner {
  padding-left: 0;
}
body.is-vertical .c-recommend-card .card-list .title {
  margin-bottom: 30px;
}
body.is-vertical .c-recommend-card .swiper-slide {
  position: relative;
  left: 0;
  height: auto;
}
body.is-vertical .c-recommend-card .swiper-slide:nth-of-type(2), body.is-vertical .c-recommend-card .swiper-slide:nth-of-type(3) {
  left: 0;
}
body.is-vertical .c-recommend-card .c-button a {
  padding-left: 0;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
body.is-vertical .c-recommend-card .car-box .car {
  width: auto;
  height: 250px;
}
body.is-vertical .c-surface2 .container {
  padding-left: 0;
  padding-right: 0;
}
body.is-vertical .c-surface2 .surface2-swiper2 .img-box {
  height: 300px;
}
body.is-vertical .c-surface2 .surface2-swiper1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.is-vertical .c-surface2 .surface2-swiper1 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
body.is-vertical .c-surface2 .right {
  width: 100%;
  float: none;
}
body.is-vertical .c-surface2 .center {
  position: relative;
  top: -40px;
}
body.is-vertical .c-surface2 .left {
  position: relative;
  width: 100%;
}
body.is-vertical .c-surface2 .title-box {
  padding: 0 30px;
}
body.is-vertical .c-surface2 .text-wrap {
  width: 100%;
  padding: 0 30px;
}
body.is-vertical .c-surface2 .swiper {
  margin: auto;
}
body.is-vertical .c-surface2 .title-box {
  margin-bottom: 30px;
}
body.is-vertical .c-surface2 .swiper-slide {
  position: relative;
  text-align: left;
}
body.is-vertical .c-surface2 .center {
  padding-left: 60px;
}
body.is-vertical .c-surface2 .center .surface2-swiper3 .swiper-slide {
  position: relative;
  width: 33.333333%;
}
body.is-vertical .c-surface2 .img-box {
  width: 100%;
}
body.is-vertical .c-surface2 .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
body.is-vertical .c-surface2 .swiper-pagination .swiper-pagination-bullet {
  text-align: right;
}
body.is-vertical .c-surface2 .ilength {
  top: -25px;
}
body.is-vertical .c-surface2 .ilength .surface2-swiper3 {
  overflow: hidden;
}
body.is-vertical .c-surface2 .ilength.center {
  width: 86%;
  margin-left: 14%;
  padding: 0;
  border: 1px solid transparent;
  overflow: hidden;
}
body.is-vertical .c-surface2 .ilength.center .surface2-swiper3 {
  width: 100%;
}
body.is-vertical .c-surface2 .ilength.center .swiper-wrapper .swiper-slide {
  width: 33.333%;
}
body.is-vertical .c-surface2 .ilength.center .swiper-wrapper .swiper-slide:first-of-type {
  margin-left: 0;
}
body.is-vertical .c-surface2 .ilength-1 {
  top: -25px;
  width: 100% !important;
  margin: 0 auto !important;
}
body.is-vertical .c-surface2 .ilength-1.center {
  padding-left: 0;
}
body.is-vertical .c-surface2 .ilength-1.center .swiper-wrapper .swiper-slide {
  width: 26%;
  margin: 0 auto !important;
}
body.is-vertical .c-surface2 .ilength-2 {
  top: -25px;
  width: 100% !important;
  margin: 0 auto !important;
}
body.is-vertical .c-surface2 .ilength-2.center {
  padding-left: 0;
}
body.is-vertical .c-surface2 .ilength-2.center .swiper-wrapper .swiper-slide {
  width: 26%;
}
body.is-vertical .c-surface2 .ilength-2.center .swiper-wrapper .swiper-slide:first-of-type {
  margin-left: 24%;
}
body.is-vertical .c-surface2 .ilength-3 {
  top: -25px;
  width: 100% !important;
  margin: 0 auto !important;
}
body.is-vertical .c-surface2 .ilength-3.center {
  padding-left: 0;
}
body.is-vertical .c-surface2 .ilength-3.center .swiper-wrapper .swiper-slide {
  width: 26%;
}
body.is-vertical .c-surface2 .ilength-3.center .swiper-wrapper .swiper-slide:first-of-type {
  margin-left: 11%;
}
body.is-vertical .c-pic-text .container {
  padding: 0;
}
body.is-vertical .c-pic-text .text-wrap .des {
  margin: 10px auto 25px;
}
body.is-vertical .c-pic-text .header-desc {
  margin: 15px auto 30px;
}
body.is-vertical .c-pic-text .h3, body.is-vertical .c-pic-text .header-desc {
  padding: 0 30px;
}
body.is-vertical .new-brand-page-wrap .c-pic-text .btn-link-wrap, body.is-vertical .c-pic-text .btn-link-wrap {
  bottom: 30px;
}
body.is-vertical .c-pic-text .two {
  margin: auto;
}
body.is-vertical .c-pic-text .two .list {
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
}
body.is-vertical .c-pic-text .two .list:last-of-type {
  margin-bottom: 0;
}
body.is-vertical .base-left-right .container {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
}
body.is-vertical .base-left-right .title-box {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 30px;
}
body.is-vertical .base-left-right .swiper {
  width: 100%;
  float: none;
}
body.is-vertical .base-left-right .mb-button-box {
  margin-top: 30px;
  position: relative;
  width: 100%;
  padding: 0 30px;
}
body.is-vertical .base-left-right .mb-button-box .c-button {
  width: 100%;
}
body.is-vertical .base-left-right.mb-img-inner .swiper {
  padding-right: 30px;
  padding-left: 30px;
}
body.is-vertical .base-general .container {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
}
body.is-vertical .base-general .mb-button-box, body.is-vertical .base-general .title-box {
  position: relative;
  width: 100%;
  padding: 0 30px;
}
body.is-vertical .base-general .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
}
body.is-vertical .base-general .c-banner {
  margin-top: 30px;
}
body.is-vertical .base-general .img-box {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
body.is-vertical .base-general .img-box:last-of-type {
  margin-bottom: 0;
}
body.is-vertical .base-general.mb-img-inner .img-wrap {
  padding-right: 30px;
  padding-left: 30px;
}
body.is-vertical .base-general.single-img .img-wrap {
  margin-top: 0;
}
body.is-vertical .c-intelligent-machine .container {
  padding-right: 0;
}
body.is-vertical .c-intelligent-machine .swiper {
  overflow: visible;
  margin: auto;
  padding-left: 30px !important;
}
body.is-vertical .c-intelligent-machine .title-box {
  margin-bottom: 30px;
  padding-right: 30px;
}
body.is-vertical .c-intelligent-machine .swiper-slide {
  text-align: left;
}
body.is-vertical .c-intelligent-machine .img-box {
  margin-bottom: 30px;
}
body.is-vertical .c-intelligent-machine .icon {
  bottom: 10px;
  right: 10px;
}
body.is-vertical .c-intelligent-machine .icont {
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 20px;
}
body.is-vertical .c-intelligent-machine .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
body.is-vertical .c-intelligent-machine.full-container .swiper {
  padding-left: 0;
}
body.is-vertical .c-intelligent-machine.border-line .swiper {
  padding-left: 30px;
}
body.is-vertical .tech-egmp-section2 .container {
  margin-bottom: 30px;
  padding: 0 30px;
}
body.is-vertical .tech-egmp-section2 .title-box {
  position: relative;
  width: 100%;
}
body.is-vertical .tech-egmp-section2 .img-box {
  width: 100%;
  margin-right: 0;
}
body.is-vertical .tech-egmp-section2 .btn-link-wrap .c-button {
  width: 100%;
}
body.is-vertical .brand-history .group-year {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
body.is-vertical .brand-history .base-year-swiper {
  margin-left: 20px;
  margin-right: 20px;
}
body.is-vertical .brand-history .base-year-swiper .year-item {
  width: 75px;
  height: 75px;
  line-height: 75px;
}
body.is-vertical .brand-history .base-year-swiper .year-item:before {
  border: 2.5px solid #00aad2;
}
body.is-vertical .brand-history .base-history-swiper {
  overflow: hidden;
  padding-top: 40px;
}
body.is-vertical .brand-history .history-list {
  padding-top: 30px;
  margin-right: 0;
  margin-left: 0;
}
body.is-vertical .brand-history .history-list .history-item {
  margin: 10px 0 0;
  width: 100%;
  padding: 27px 27px 30px 30px;
}
body.is-vertical .c-page-cont .header-title {
  margin-bottom: 30px;
}
body.is-vertical .c-page-cont .img-container, body.is-vertical .c-page-cont .text-wrap {
  float: inherit !important;
  width: 100%;
}
body.is-vertical .c-page-cont .title {
  margin-bottom: 15px;
}
body.is-vertical .c-page-cont .text-wrap {
  padding: 20px 0 40px;
}
body.is-vertical .c-social-report .item-container {
  margin-top: 60px;
  margin-right: 0;
}
body.is-vertical .c-social-report .item {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  margin-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.is-vertical .c-social-report .img-box {
  margin-bottom: 20px;
}
body.is-vertical .c-social-report .btn-link-wrap {
  margin-top: 30px;
}
body.is-vertical .base-gallery .container {
  padding-left: 0;
  padding-right: 0;
}
body.is-vertical .base-gallery .right {
  width: 100%;
  float: none;
}
body.is-vertical .base-gallery .center {
  position: relative;
  top: -30px;
}
body.is-vertical .base-gallery .left {
  position: relative;
  width: 100%;
}
body.is-vertical .base-gallery .title-box {
  padding: 0 30px;
  margin-bottom: 30px;
}
body.is-vertical .base-gallery .base-text-swiper {
  padding: 0 30px;
}
body.is-vertical .base-gallery .text-wrap {
  width: 100%;
}
body.is-vertical .base-gallery .text-wrap .description, body.is-vertical .base-gallery .text-wrap .title {
  width: auto;
  float: none;
}
body.is-vertical .base-gallery .swiper {
  margin: auto;
}
body.is-vertical .base-gallery .swiper-slide {
  position: relative;
  text-align: left;
}
body.is-vertical .base-gallery .center {
  padding-left: 30px;
  padding-right: 30px;
}
body.is-vertical .base-gallery .center .base-thumb-swiper {
  width: 100%;
}
body.is-vertical .base-gallery .center .base-thumb-swiper .swiper-slide {
  position: relative;
  width: 33.333333%;
}
body.is-vertical .base-gallery .img-box {
  width: 100%;
}
body.is-vertical .base-gallery .img-box .icon-player {
  background-size: 60%;
}
body.is-vertical .base-gallery .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
body.is-vertical .base-gallery .swiper-pagination .swiper-pagination-bullet {
  text-align: right;
}
body.is-vertical .base-gallery.mb-tile .base-gallery-swiper, body.is-vertical .base-gallery.mb-tile .base-text-swiper, body.is-vertical .base-gallery.mb-tile .base-thumb-swiper {
  display: none;
}
body.is-vertical .base-gallery.mb-tile .base-gallery-tile {
  display: block;
}
body.is-vertical .base-gallery.mb-tile .base-gallery-tile .title-box {
  margin-top: 30px;
  margin-bottom: 60px;
}
body.is-vertical .base-gallery.mb-tile .base-gallery-tile:last-of-type .title-box {
  margin-bottom: 0;
}
body.is-vertical .c-news {
  padding: 60px 0;
}
body.is-vertical .c-news .tips {
  padding: 0 30px;
}
body.is-vertical .c-news.line .content .imgs-wrap {
  margin-top: 0;
}
body.is-vertical .c-news.line .content .imgs-wrap .list {
  margin-bottom: 30px;
}
body.is-vertical .c-news.line .content .imgs-wrap .list:last-child {
  margin-bottom: 0;
}
body.is-vertical .c-news .container {
  padding: 0;
}
body.is-vertical .c-news .content .text-content.message {
  padding: 0 30px;
}
body.is-vertical .c-news .content .text-content.message .text-wrap {
  padding: 0;
}
body.is-vertical .c-news .content .text-content.message .download {
  margin-top: 10px;
}
body.is-vertical .c-news .content .text-content.message .tips {
  padding: 0;
}
body.is-vertical .c-news .content .title {
  padding: 0 30px;
}
body.is-vertical .c-news .content .imgs-wrap {
  margin: 30px auto;
}
body.is-vertical .c-news .content .imgs-wrap .list {
  width: 100%;
  padding: 0;
}
body.is-vertical .c-news .content .imgs-wrap .text-wrap {
  padding: 0 30px;
}
body.is-vertical .c-news .content .imgs-wrap .text-wrap .title {
  padding: 0;
}
body.is-vertical .c-news .content .form {
  margin: 60px auto 30px;
  padding: 25px 30px;
}
body.is-vertical .c-news .content .form .list {
  width: 100%;
  margin-bottom: 10px;
}
body.is-vertical .c-news .content .form .list .dropdown-menu > li {
  padding: 0 40px 0 15px;
}
body.is-vertical .c-news .content .form .list .dropdown-menu > li > a {
  padding: 10px 0;
  line-height: 20px;
  min-height: 40px;
}
body.is-vertical .c-news .content .form .list:last-child {
  margin-bottom: 0;
}
body.is-vertical .c-news .content .form .list .btn {
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  text-align: left;
}
body.is-vertical .c-news .content .form .group i {
  right: 10px;
}
body.is-vertical .c-news .content .form .group .triangle {
  right: 14px;
}
body.is-vertical .c-news .btn-link-wrap {
  padding: 0 30px;
}
body.is-vertical .c-news .btn-link-wrap .c-button {
  width: 100%;
}
body.is-vertical .c-news .btn-link-wrap.line-all:before {
  display: none;
}
body.is-vertical .c-intelligent-safety .container {
  padding-right: 0;
}
body.is-vertical .c-intelligent-safety.full-container .img-box {
  height: 260px;
}
body.is-vertical .c-intelligent-safety.full-container .link {
  width: 100%;
}
body.is-vertical .c-intelligent-safety .swiper {
  overflow: visible;
  margin: auto;
}
body.is-vertical .c-intelligent-safety#result .container {
  padding: 0 30px;
}
body.is-vertical .c-intelligent-safety#result .swiper-slide {
  margin-bottom: 40px;
}
body.is-vertical .c-intelligent-safety#result .swiper-slide:last-of-type {
  margin-bottom: 0;
}
body.is-vertical .c-intelligent-safety#result .swiper-wrapper {
  display: block;
}
body.is-vertical .c-intelligent-safety .title-box {
  margin-bottom: 30px;
  padding-right: 30px;
}
body.is-vertical .c-intelligent-safety .swiper-slide {
  text-align: left;
}
body.is-vertical .c-intelligent-safety .img-box {
  margin-bottom: 30px;
}
body.is-vertical .c-intelligent-safety .icon {
  bottom: 10px;
  right: 10px;
}
body.is-vertical .c-intelligent-safety .icont {
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 20px;
}
body.is-vertical .c-intelligent-safety .swiper-pagination {
  margin-top: 30px;
  padding-right: 30px;
}
body.is-vertical .c-intelligent-safety.full-container .swiper {
  width: 100%;
}
body.is-vertical .c-intelligent-safety.border-line .swiper, body.is-vertical .c-intelligent-safety.border-line .title-box {
  padding-left: 0;
}

.new-brand-page-wrap.body-brand-hydrogen-wrap #kjbl .page-padding,
.new-brand-page-wrap.body-brand-hydrogen-wrap #zxaq .page-padding,
.body-brand-hydrogen-wrap .c-surface2 .page-padding {
  padding-top: 0 !important;
}

body.is-vertical .c-intelligent-machine .title-box {
  padding-left: 30px;
}

body.is-vertical .body-brand-machine-wrap .c-intelligent-safety .container {
  padding-left: 30px;
}

.c-homebanner {
  position: relative;
  height: 60vw;
  padding-top: 60px;
  background: #aacae6;
}

.c-homebanner .placeholder {
  width: 100%;
}

.c-homebanner .container {
  z-index: 3;
  width: 85.6677%;
}

@media (min-width: 1750px) {
  .c-homebanner .container {
    width: 85.6677%;
  }
}
.c-homebanner.banner-cards .swiper .swiper-pagination {
  bottom: 150px !important;
  padding: 0 15px;
}

.c-homebanner.banner-cards .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0;
}

.c-homebanner .homebanner-swiper {
  position: relative;
  height: 100%;
}

.c-homebanner .homebanner-swiper .swiper-pagination {
  left: 0;
  top: 0;
  bottom: 0 !important;
  display: block !important;
  text-align: left;
}

.c-homebanner .swiper-slide {
  overflow: hidden;
}

.c-homebanner .swiper-slide .word-block {
  position: relative;
  overflow: visible;
}

.c-homebanner .swiper-slide .logo-anim {
  margin-top: 3.3vw;
}

.c-homebanner .swiper-slide.is-animated .word-block .word-inner {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-homebanner .swiper-slide.is-animated .logo-anim img {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.c-homebanner .slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-homebanner .slide-inner-video {
  float: right;
  position: relative;
  width: 78.125%;
  height: auto;
}

.c-homebanner .slide-inner-video .c-eq-video {
  position: absolute;
  top: 0;
  left: 0;
}

.c-homebanner .logo {
  width: 10vw;
}

.c-homebanner .replace-bg {
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c-homebanner .swiper-wrapper .container {
  pointer-events: none;
}

.c-homebanner .container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  height: 100%;
}

.c-homebanner .container.pagination-container {
  top: auto;
  bottom: 60px;
  z-index: 2;
  height: 20px;
}

.c-homebanner .button-container {
  width: calc(100% - 30px);
  top: 50%;
  height: auto;
  z-index: 10;
}

.c-homebanner .button-container .swiper-button-next,
.c-homebanner .button-container .swiper-button-prev {
  color: #e63312;
}

.c-homebanner .text-wrap {
  position: absolute;
  padding: 0 15px;
  color: #fff;
}

.c-homebanner .text-wrap.top-left {
  top: 12%;
  left: 0;
}

.c-homebanner .text-wrap.top-right {
  top: 12%;
  right: 0;
  text-align: right;
}

.c-homebanner .text-wrap.top-center {
  top: 20%;
}

.c-homebanner .text-wrap.top-center,
.c-homebanner .text-wrap.top-center-cards {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.c-homebanner .text-wrap.top-center-cards {
  top: 15%;
  width: 100%;
}

.c-homebanner .text-wrap.top-center-cards .title {
  margin-bottom: 2rem;
}

.c-homebanner .text-wrap.bottom-left {
  bottom: 20%;
  left: 0;
}

.c-homebanner .text-wrap.bottom-right {
  bottom: 20%;
  right: 0;
  text-align: right;
}

.c-homebanner .text-wrap.bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20%;
  text-align: center;
}

.c-homebanner .text-wrap.vertical-left-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.c-homebanner .text-wrap.vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  text-align: right;
}

.c-homebanner .text-wrap.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.c-homebanner .btn-link-wrap {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 10;
}

.c-homebanner .btn-link-wrap .c-button {
  float: left;
  display: inline-block;
  margin-right: 30px;
}

.c-homebanner .btn-link-wrap .c-button.float-none {
  float: inherit;
}

.c-homebanner .btn-link-wrap .c-button:last-of-type {
  margin-right: 0;
}

.c-homebanner .btn-link-wrap.text-center .c-button {
  float: none;
  margin: 0 30px;
}

.c-homebanner.full-screen {
  height: 93rem;
}

.c-homebanner.full-screen .placeholder {
  display: none;
}

@media screen and (max-width: 1600px) {
  .c-homebanner .text-wrap.top-center,
  .c-homebanner .text-wrap.top-left,
  .c-homebanner .text-wrap.top-right {
    top: 18.5%;
  }
  .c-homebanner .text-wrap.bottom-center,
  .c-homebanner .text-wrap.bottom-left,
  .c-homebanner .text-wrap.bottom-right {
    bottom: 18.5%;
  }
}
.c-screen02 {
  position: relative;
  color: #fff;
}

.c-screen02 .picture {
  width: 100%;
}

.c-screen02.img-wrap .container {
  top: 50%;
  height: 100%;
}

.c-screen02.img-wrap .container .picture {
  width: 100%;
  height: 80%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: relative;
}

.c-screen02.text-center,
.c-screen02.text-center .txt-ani {
  text-align: center;
}

.c-screen02.top-cont .container {
  top: 20%;
}

.c-screen02.font-black {
  color: #000;
}

.c-screen02 .container {
  text-align: center;
  position: absolute;
  top: 43.5%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c-screen02 .inner-box {
  width: 59%;
  height: auto;
  text-align: left;
  margin: 0 auto;
}

.c-screen02 .inner-box h3 {
  text-align: center;
}

@media screen and (min-width: 1601px) {
  .c-screen02 .inner-box {
    width: 78%;
    height: auto;
    max-width: 858px;
  }
}
@media screen and (max-width: 1600px) {
  .c-screen02 .inner-box {
    width: 70%;
    height: auto;
  }
}
@media screen and (max-width: 1440px) {
  .c-screen02 .inner-box {
    width: 59%;
    height: auto;
    min-width: 672px;
  }
}
@media screen and (max-width: 768px) {
  .c-screen02 .inner-box {
    width: 100%;
    height: auto;
    min-width: auto;
    text-align: left;
  }
  .c-screen02 .inner-box h3 {
    text-align: left;
  }
}
.c-screen02 .placeholder {
  position: relative;
  width: 100%;
}

.c-screen02 .replace-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.is-vertical .c-screen02 .container {
  width: 100%;
  top: 45%;
}

.is-vertical .c-screen02.top-cont .container {
  top: 30%;
}

.is-vertical .c-screen02.img-wrap .placeholder {
  height: 60vh;
}

.is-vertical .c-screen02.img-wrap .container {
  top: 50%;
}

.is-vertical .c-screen02.img-wrap .container .picture {
  height: auto;
}

.is-vertical .c-screen02.text-center .txt-ani {
  text-align: left;
}

.is-vertical .c-screen02.text-center .txt-ani.txt-ani0 {
  text-align: center;
}

.c-screen03 {
  position: relative;
}

.c-screen03 .n-container {
  text-align: center;
}

.c-screen03 .inner-box {
  margin: 0 auto;
}

.c-screen03 .inner-box .img-wrap {
  position: relative;
  width: 100%;
  padding-top: 35px;
}

.c-screen03 .inner-box .c-button {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .c-screen03 .inner-box .img-wrap {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .c-screen03 .inner-box .img-wrap {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .c-screen03 .inner-box .img-wrap {
    padding-top: 28px;
  }
}
@media (min-width: 1360px) {
  .c-screen03 .inner-box .img-wrap {
    padding-top: 35px;
  }
}
.c-screen03 .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-screen03 .img-wrap .img-section {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.c-screen03 .img-wrap .img-section .bg-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #e63312;
}

@media (min-width: 1360px) {
  .title-padding {
    padding-top: 88px;
    padding-bottom: 25px;
  }
}
.is-vertical .c-screen03 .inner-box .img-wrap {
  padding-top: 20px;
}

.c-action-DNA {
  position: relative;
  text-align: center;
}

.c-action-DNA .DNA-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}

.c-action-DNA .DNA-content-item {
  color: #fff;
  background: #aacae6;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  width: calc(50% - 15px);
  position: relative;
  text-align: center;
  overflow: hidden;
}

.is-vertical .c-action-DNA .DNA-content-item {
  width: 100%;
}

.c-action-DNA .DNA-content-item .title-black {
  color: #000;
  background: #fff;
}

.c-action-DNA .DNA-content-item img {
  width: 100%;
}

.c-action-DNA .DNA-content-item-text {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.c-action-DNA .DNA-content-item-text.shadow {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent);
}

.c-action-DNA .DNA-content-item-text.shadow .title-padding {
  padding-top: 25px;
  padding-bottom: 50px;
}

.c-action-DNA .DNA-content-item.margin-left {
  margin-left: 15px;
}

.c-action-DNA .DNA-content-item.margin-right {
  margin-right: 15px;
}

.c-action-DNA .DNA-content-item .bg-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #e63312;
}

.c-action-DNA .DNA-content-item .img-desc {
  background: #aacae6;
  color: #000;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  min-height: 9.5vw;
}
.c-action-DNA .DNA-content-item .img-desc .video-data {
  text-align: center;
}

@media screen and (max-width: 1920px) {
  .c-action-DNA .DNA-content-item .img-desc {
    min-height: 11.5vw;
  }
}
@media screen and (max-width: 1600px) {
  .c-action-DNA .DNA-content-item .img-desc {
    min-height: 10vw;
  }
}
@media screen and (max-width: 1439px) {
  .c-action-DNA .DNA-content-item .img-desc {
    min-height: 12vw;
  }
}
@media screen and (max-width: 1150px) {
  .c-action-DNA .DNA-content-item .img-desc {
    min-height: 164px;
  }
}
@media screen and (max-width: 768px) {
  .c-action-DNA .DNA-content-item .img-desc {
    min-height: auto;
  }
}
.c-action-DNA .inner-box {
  margin: 0 auto;
}

.c-action-DNA .inner-box .img-wrap {
  position: relative;
  width: 100%;
}

.c-action-DNA .inner-box .img-wrap.pos-ab {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c-action-DNA.DNA-wrap .DNA-content-item {
  height: 43.8vw;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.c-action-DNA.DNA-wrap .DNA-content-item:nth-of-type(2) {
  -webkit-box-flex: 1.06;
  -ms-flex: 1.06;
  flex: 1.06;
}

.c-action-DNA.DNA-wrap .DNA-content-item:nth-of-type(3) {
  -webkit-box-flex: 0.99;
  -ms-flex: 0.99;
  flex: 0.99;
}

.c-action-DNA.DNA-wrap .DNA-content-item .hover-show {
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.c-action-DNA.DNA-wrap .DNA-content-item:hover {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.c-action-DNA.DNA-wrap .DNA-content-item:hover .hover-show {
  opacity: 1;
}

.is-vertical .c-action-DNA.action-hot {
  padding-top: 60px;
}

@media screen and (max-width: 400px) {
  .is-vertical .c-action-DNA.action-hot .DNA-content-item .img-desc {
    padding-left: 25px;
    padding-right: 25px;
  }
  .is-vertical .c-action-DNA.action-hot .DNA-content-item .img-desc .mb-p {
    font-size: 15px;
  }
}
.is-vertical .c-action-DNA .DNA-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.is-vertical .c-action-DNA .DNA-content-item {
  margin-top: 0;
  background: none;
}

.is-vertical .c-action-DNA .DNA-content-item-text {
  text-align: left;
  left: 30px;
  top: 36%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.is-vertical .c-action-DNA .DNA-content-item-text.shadow {
  text-align: center;
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.is-vertical .c-action-DNA .DNA-content-item .title-padding {
  padding-top: 0;
}

.is-vertical .c-action-DNA.action-wrap {
  padding-bottom: 0 !important;
}

.is-vertical .c-action-DNA.action-wrap .margin-right {
  margin-right: 0;
}

.is-vertical .c-action-DNA.action-wrap .margin-left {
  margin-left: 0;
}

.is-vertical .c-action-DNA.action-wrap .DNA-content-item {
  margin-bottom: 25px;
}

.is-vertical .c-action-DNA.action-wrap .DNA-content-item .img-desc {
  text-align: center;
  width: 100%;
  color: #000;
}
.is-vertical .c-action-DNA.action-wrap .DNA-content-item .img-desc .c-button.red-color a {
  width: 15em;
}

.is-vertical .c-action-DNA.action-wrap .DNA-content-item .img-desc .text {
  text-align: left;
}

.is-vertical .c-action-DNA.action-wrap .DNA-content-item-text .title-padding {
  padding-top: 25px;
}

.is-vertical .c-action-DNA.action-wrap .c-botton {
  width: auto;
}

.is-vertical .c-action-DNA.DNA-wrap .DNA-content-item {
  height: auto;
  overflow: hidden;
}

.is-vertical .c-action-DNA.DNA-wrap .DNA-content-item .hover-show {
  opacity: 0;
}

.is-vertical .c-action-DNA.DNA-wrap .DNA-content-item:hover {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.is-vertical .c-action-DNA.DNA-wrap .learn-more-mb {
  background: #f2f2f2;
  width: 100%;
}

.is-vertical .c-homebanner {
  height: 185vw;
  padding-top: 7vw;
}

@media (max-width: 767px) {
  .new-brand-page-wrap .narrow-container {
    width: 100%;
  }
  .new-brand-page-wrap .n-container {
    width: 100%;
  }
}
.c-motorsport {
  position: relative;
  text-align: center;
  background: #f2f2f2;
}

.c-motorsport .content {
  overflow: hidden;
}

.c-motorsport .content-item {
  color: #fff;
  float: left;
  width: calc(50% - 15px);
  position: relative;
  text-align: center;
  overflow: hidden;
}

.c-motorsport .content-item img {
  width: 100%;
}

.c-motorsport .content-item-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.c-motorsport .content-item .c-motorsport-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.c-motorsport .content-item-text {
  position: absolute;
  min-width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
  padding-left: 25px;
}

.c-motorsport .content-item-text.shadow {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), transparent);
}

.c-motorsport .content-item-text.shadow .title-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.c-motorsport .content-item-text .pos-vert-center {
  width: 180%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-motorsport .content-item.margin-left {
  margin-left: 15px;
}

.c-motorsport .content-item.margin-right {
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .c-motorsport .content-item {
    width: 100%;
  }
  .c-motorsport .content-item.margin-left {
    margin-left: 0;
  }
  .c-motorsport .content-item.margin-right {
    margin-right: 0;
  }
}
.c-motorsport .inner-box {
  margin: 0 auto;
}

.c-motorsport .inner-box .title-padding {
  padding-top: 130px;
  padding-bottom: 30px;
}

.is-vertical .c-motorsport {
  background: #fff;
  padding-bottom: 0 !important;
}

.is-vertical .c-motorsport .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.is-vertical .c-motorsport .content-item-text {
  min-width: 100%;
}

.is-vertical .c-motorsport .content-item {
  margin-top: 5px;
}

.is-vertical .c-motorsport .pos-vert-center {
  width: 100%;
}

@media screen and (max-width: 374px) {
  .is-vertical .c-motorsport .pos-vert-center h5 {
    font-size: 18px;
  }
}
.isPc .c-newsbanner {
  padding-top: 0 !important;
}

.c-newsbanner {
  position: relative;
  text-align: center;
}

.c-newsbanner .container {
  z-index: 3;
}

.c-newsbanner .swiper-container {
  position: relative;
  overflow: visible;
}

.c-newsbanner .news-title {
  font-weight: 600;
}

.c-newsbanner .news-desc,
.c-newsbanner .news-title {
  font-family: PingFang SC, Open Sans, Source Han Sans CN, Noto Sans SC, Noto Sans, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.c-newsbanner a:focus,
.c-newsbanner a:hover {
  text-decoration: none;
  color: #012c5f;
}

.c-newsbanner a:focus .news-title,
.c-newsbanner a:hover .news-title {
  color: #012c5f;
}

.c-newsbanner.banner-cards .swiper .swiper-pagination {
  bottom: 150px !important;
  padding: 0 15px;
}

.c-newsbanner.banner-cards .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0;
}

.c-newsbanner .banner-swiper {
  position: relative;
  height: 100%;
}

.c-newsbanner .banner-swiper.swiper-no-swiping .swiper-pagination {
  display: none;
}

.c-newsbanner .swiper-button.black {
  color: #000;
}

.c-newsbanner .swiper-button.swiper-button-next {
  right: 0;
}

.c-newsbanner .swiper-button.swiper-button-next.black-shadow {
  color: #7f7f7f;
  text-shadow: 2px 0 0 transparent;
}

.c-newsbanner .swiper-button.swiper-button-prev {
  left: 0;
}

.c-newsbanner .swiper-button.swiper-button-prev.black-shadow {
  color: #7f7f7f;
  text-shadow: -2px 0 0 transparent;
}

.c-newsbanner .swiper-slide {
  overflow: hidden;
}

.c-newsbanner .slide-inner {
  background: #f2f2f2;
}

.c-newsbanner .slide-inner .img-box {
  overflow: hidden;
}

.c-newsbanner .slide-inner img {
  width: 100%;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.c-newsbanner .slide-inner .news-date {
  color: #737373;
}

.c-newsbanner .slide-inner:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.c-newsbanner .replace-bg {
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-newsbanner .container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  height: 100%;
}

.c-newsbanner .container.pagination-container {
  top: auto;
  bottom: 0;
  z-index: 2;
  height: auto;
}

.c-newsbanner .button-container {
  width: calc(100% + 190px);
  top: 50%;
  height: auto;
  z-index: 10;
}

.c-newsbanner .text-wrap {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  color: #000;
  text-align: left;
}

.c-newsbanner .text-wrap .reset-height {
  min-height: 125px;
}

@media screen and (min-width: 1601px) {
  .c-newsbanner .text-wrap .reset-height {
    min-height: 166px;
  }
}
.c-newsbanner .text-wrap .news-desc,
.c-newsbanner .text-wrap .news-title {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c-newsbanner .text-wrap.top-left {
  top: 20%;
  left: 0;
}

.c-newsbanner .text-wrap.top-right {
  top: 20%;
  right: 0;
  text-align: right;
}

.c-newsbanner .text-wrap.top-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 20%;
  text-align: center;
}

.c-newsbanner .text-wrap.bottom-left {
  bottom: 20%;
  left: 0;
}

.c-newsbanner .text-wrap.bottom-right {
  bottom: 20%;
  right: 0;
  text-align: right;
}

.c-newsbanner .text-wrap.bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20%;
  text-align: center;
}

.c-newsbanner .text-wrap.vertical-left-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.c-newsbanner .text-wrap.vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  text-align: right;
}

.c-newsbanner .text-wrap.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.c-newsbanner .btn-link-wrap .c-button.red-bg a {
  background: #e63312;
  background: #012c5f;
  color: #fff;
}

.c-newsbanner .btn-link-wrap.text-center .c-button {
  float: none;
  margin: 0 30px;
}

.c-newsbanner.full-screen {
  height: 93rem;
}

.c-newsbanner.full-screen .placeholder {
  display: none;
}

@media screen and (max-width: 1600px) {
  .c-newsbanner .text-wrap.top-center,
  .c-newsbanner .text-wrap.top-left,
  .c-newsbanner .text-wrap.top-right {
    top: 18.5%;
  }
  .c-newsbanner .text-wrap.bottom-center,
  .c-newsbanner .text-wrap.bottom-left,
  .c-newsbanner .text-wrap.bottom-right {
    bottom: 18.5%;
  }
}
.is-vertical .c-newsbanner {
  background: #f2f2f2;
  overflow: hidden;
}

.is-vertical .c-newsbanner .container {
  width: 100%;
}

.is-vertical .c-newsbanner .button-container {
  width: calc(100% + 75px);
  top: 22%;
}

.is-vertical .c-newsbanner .text-wrap {
  min-height: 165px;
  background: #fff;
}

.is-vertical .c-newsbanner .pagination-container {
  height: 20px;
  bottom: 20px;
}

.is-vertical .c-newsbanner .newbanner-swiper {
  padding-bottom: 40px;
}

.is-vertical .c-newsbanner .swiper-pagination {
  text-align: center;
  bottom: 0 !important;
}

.is-vertical .c-newsbanner .swiper-pagination-bullet {
  width: 10px;
  height: 8px;
  border-radius: 6px;
  background: #fff;
  display: inline-block;
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.is-vertical .c-newsbanner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #012c5f;
}

.c-mediabanner {
  position: relative;
  text-align: center;
}

.c-mediabanner .container {
  z-index: 3;
}

.c-mediabanner .swiper-container {
  position: relative;
}

.c-mediabanner.banner-cards .swiper .swiper-pagination {
  bottom: 150px !important;
  padding: 0 15px;
}

.c-mediabanner.banner-cards .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0;
}

.c-mediabanner .banner-swiper {
  position: relative;
  height: 100%;
}

.c-mediabanner .banner-swiper.swiper-no-swiping .swiper-pagination {
  display: none;
}

.c-mediabanner .swiper-button.black {
  color: #000;
}

.c-mediabanner .swiper-button.swiper-button-next.black-shadow {
  color: #7f7f7f;
  text-shadow: 2px 0 0 transparent;
}

.c-mediabanner .swiper-button.swiper-button-prev.black-shadow {
  color: #7f7f7f;
  text-shadow: -2px 0 0 transparent;
}

.c-mediabanner .swiper-slide {
  overflow: hidden;
}

.c-mediabanner .slide-inner {
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: center;
}

.c-mediabanner .slide-inner .img-wrap {
  -webkit-box-flex: 7.1;
  -ms-flex: 7.1;
  flex: 7.1;
}

.c-mediabanner .slide-inner .img-wrap img {
  width: 100%;
}

.c-mediabanner .slide-inner .text-wrap {
  -webkit-box-flex: 2.9;
  -ms-flex: 2.9;
  flex: 2.9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-mediabanner .slide-inner .text-wrap .slide-logo {
  width: 35px;
  display: none;
}

.c-mediabanner .slide-inner .text-wrap .btn-link-wrap .c-button.white-bg a {
  background: #fff;
  color: #e63312;
}

.c-mediabanner .slide-inner .news-title {
  font-weight: 600;
}

.c-mediabanner .slide-inner .news-desc,
.c-mediabanner .slide-inner .news-title {
  font-family: PingFang SC, Open Sans, Source Han Sans CN, Noto Sans SC, Noto Sans, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.c-mediabanner .slide-inner .news-date {
  color: #737373;
}

.c-mediabanner .replace-bg {
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-mediabanner .container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c-mediabanner .container.pagination-container {
  position: relative;
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
  padding-bottom: 100px;
  z-index: 4;
  height: auto;
}

.c-mediabanner .container.pagination-container .swiper-pagination {
  text-align: center;
  bottom: 50px !important;
}

.c-mediabanner .container.pagination-container .swiper-pagination-bullet {
  background: #f2f2f2;
}

.c-mediabanner .container.pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #012c5f;
}

.c-mediabanner .button-container {
  width: calc(100% + 150px);
  top: calc(50% - 50px);
  height: auto;
  z-index: 10;
}

@media screen and (min-width: 1750px) {
  .c-mediabanner .button-container {
    width: calc(100% + 50px);
  }
}
.c-mediabanner .text-wrap {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  color: #000;
  text-align: left;
}

.c-mediabanner .text-wrap .news-desc {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.c-mediabanner .text-wrap.top-left {
  top: 20%;
  left: 0;
}

.c-mediabanner .text-wrap.top-right {
  top: 20%;
  right: 0;
  text-align: right;
}

.c-mediabanner .text-wrap.top-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 20%;
  text-align: center;
}

.c-mediabanner .text-wrap.bottom-left {
  bottom: 20%;
  left: 0;
}

.c-mediabanner .text-wrap.bottom-right {
  bottom: 20%;
  right: 0;
  text-align: right;
}

.c-mediabanner .text-wrap.bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20%;
  text-align: center;
}

.c-mediabanner .text-wrap.vertical-left-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.c-mediabanner .text-wrap.vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  text-align: right;
}

.c-mediabanner .text-wrap.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.c-mediabanner.full-screen {
  height: 93rem;
}

.c-mediabanner.full-screen .placeholder {
  display: none;
}

@media screen and (max-width: 1600px) {
  .c-mediabanner .text-wrap.top-center,
  .c-mediabanner .text-wrap.top-left,
  .c-mediabanner .text-wrap.top-right {
    top: 18.5%;
  }
  .c-mediabanner .text-wrap.bottom-center,
  .c-mediabanner .text-wrap.bottom-left,
  .c-mediabanner .text-wrap.bottom-right {
    bottom: 18.5%;
  }
}
.is-vertical .c-mediabanner {
  overflow: hidden;
}

.is-vertical .c-mediabanner .container {
  width: 100%;
  top: 35%;
}

.is-vertical .c-mediabanner .button-container {
  width: calc(100% + 15px);
}

.is-vertical .c-mediabanner .text-wrap {
  width: 100%;
  padding: 25px 30px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.is-vertical .c-mediabanner .text-wrap.top-center,
.is-vertical .c-mediabanner .text-wrap.top-left,
.is-vertical .c-mediabanner .text-wrap.top-right {
  top: 16%;
}

.is-vertical .c-mediabanner .text-wrap.bottom-center,
.is-vertical .c-mediabanner .text-wrap.bottom-left,
.is-vertical .c-mediabanner .text-wrap.bottom-right {
  bottom: 16%;
}

.is-vertical .c-mediabanner .text-wrap.mb-top-left {
  top: 16%;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
  -webkit-transform: none;
  transform: none;
}

.is-vertical .c-mediabanner .text-wrap.mb-top-right {
  top: 16%;
  right: 0;
  bottom: auto;
  left: auto;
  text-align: right;
  -webkit-transform: none;
  transform: none;
}

.is-vertical .c-mediabanner .text-wrap.mb-top-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: auto;
  right: auto;
  top: 16%;
  text-align: center;
}

.is-vertical .c-mediabanner .text-wrap.mb-top-center .btn-link-wrap {
  text-align: center;
}

.is-vertical .c-mediabanner .text-wrap.mb-bottom-left {
  bottom: 16%;
  left: 0;
  top: auto;
  right: auto;
  text-align: left;
  -webkit-transform: none;
  transform: none;
}

.is-vertical .c-mediabanner .text-wrap.mb-bottom-right {
  bottom: 16%;
  right: 0;
  top: auto;
  left: auto;
  text-align: right;
  -webkit-transform: none;
  transform: none;
}

.is-vertical .c-mediabanner .text-wrap.mb-bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: 16%;
  text-align: center;
}

.is-vertical .c-mediabanner .text-wrap.mb-vertical-left-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: auto;
  right: auto;
  left: 0;
  text-align: left;
}

.is-vertical .c-mediabanner .text-wrap.mb-vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: auto;
  left: auto;
  right: 0;
  text-align: right;
}

.is-vertical .c-mediabanner .text-wrap.mb-vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto;
  right: auto;
  text-align: center;
}

.is-vertical .c-mediabanner.banner-cards .swiper .swiper-pagination {
  bottom: 180px !important;
}

.is-vertical .c-mediabanner .swiper .swiper-pagination {
  padding: 0 30px;
}

.is-vertical .c-mediabanner .swiper .swiper-pagination-bullet {
  margin: 0 6px;
}

.is-vertical .c-mediabanner.full-screen {
  height: 100vh;
}

.is-vertical .c-mediabanner .slide-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.is-vertical .c-mediabanner .slide-inner .img-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.is-vertical .c-mediabanner .slide-inner .text-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 180px;
}

.is-vertical .c-mediabanner .slide-inner .text-wrap .slide-logo {
  width: 25px;
}

.is-vertical .c-mediabanner .swiper-container {
  padding-left: 30px;
  padding-right: 30px;
}

.c-homebanner {
  position: relative;
  height: 60vw;
  padding-top: 60px;
  background: #aacae6;
}

.c-homebanner .placeholder {
  width: 100%;
}

.c-homebanner .container {
  z-index: 3;
  width: 85.6677%;
}

@media (min-width: 1750px) {
  .c-homebanner .container {
    width: 85.6677%;
  }
}
.c-homebanner.banner-cards .swiper .swiper-pagination {
  bottom: 150px !important;
  padding: 0 15px;
}

.c-homebanner.banner-cards .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0;
}

.c-homebanner .homebanner-swiper {
  position: relative;
  height: 100%;
}

.c-homebanner .homebanner-swiper .swiper-pagination {
  left: 0;
  top: 0;
  bottom: 0 !important;
  display: block !important;
  text-align: left;
}

.c-homebanner .swiper-slide {
  overflow: hidden;
}

.c-homebanner .swiper-slide .word-block {
  position: relative;
  overflow: visible;
}

.c-homebanner .swiper-slide .logo-anim {
  margin-top: 3.3vw;
}

.c-homebanner .swiper-slide.is-animated .word-block .word-inner {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-homebanner .swiper-slide.is-animated .logo-anim img {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.c-homebanner .slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-homebanner .slide-inner-video {
  float: right;
  position: relative;
  width: 78.125%;
  height: auto;
}

.c-homebanner .slide-inner-video .c-eq-video {
  position: absolute;
  top: 0;
  left: 0;
}

.c-homebanner .logo {
  width: 10vw;
}

.c-homebanner .replace-bg {
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c-homebanner .swiper-wrapper .container {
  pointer-events: none;
}

.c-homebanner .container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  height: 100%;
}

.c-homebanner .container.pagination-container {
  top: auto;
  bottom: 60px;
  z-index: 2;
  height: 20px;
}

.c-homebanner .button-container {
  width: calc(100% - 30px);
  top: 50%;
  height: auto;
  z-index: 10;
}

.c-homebanner .button-container .swiper-button-next,
.c-homebanner .button-container .swiper-button-prev {
  color: #e63312;
}

.c-homebanner .text-wrap {
  position: absolute;
  padding: 0 15px;
  color: #fff;
}

.c-homebanner .text-wrap.top-left {
  top: 12%;
  left: 0;
}

.c-homebanner .text-wrap.top-right {
  top: 12%;
  right: 0;
  text-align: right;
}

.c-homebanner .text-wrap.top-center {
  top: 20%;
}

.c-homebanner .text-wrap.top-center,
.c-homebanner .text-wrap.top-center-cards {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.c-homebanner .text-wrap.top-center-cards {
  top: 15%;
  width: 100%;
}

.c-homebanner .text-wrap.top-center-cards .title {
  margin-bottom: 2rem;
}

.c-homebanner .text-wrap.bottom-left {
  bottom: 20%;
  left: 0;
}

.c-homebanner .text-wrap.bottom-right {
  bottom: 20%;
  right: 0;
  text-align: right;
}

.c-homebanner .text-wrap.bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20%;
  text-align: center;
}

.c-homebanner .text-wrap.vertical-left-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.c-homebanner .text-wrap.vertical-right-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  text-align: right;
}

.c-homebanner .text-wrap.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.c-homebanner .btn-link-wrap {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 10;
}

.c-homebanner .btn-link-wrap .c-button {
  float: left;
  display: inline-block;
  margin-right: 30px;
}

.c-homebanner .btn-link-wrap .c-button.float-none {
  float: inherit;
}

.c-homebanner .btn-link-wrap .c-button:last-of-type {
  margin-right: 0;
}

.c-homebanner .btn-link-wrap.text-center .c-button {
  float: none;
  margin: 0 30px;
}

.c-homebanner.full-screen {
  height: 93rem;
}

.c-homebanner.full-screen .placeholder {
  display: none;
}

@media screen and (max-width: 1600px) {
  .c-homebanner .text-wrap.top-center,
  .c-homebanner .text-wrap.top-left,
  .c-homebanner .text-wrap.top-right {
    top: 18.5%;
  }
  .c-homebanner .text-wrap.bottom-center,
  .c-homebanner .text-wrap.bottom-left,
  .c-homebanner .text-wrap.bottom-right {
    bottom: 18.5%;
  }
}
.c-mediabanner .container.pagination-container .swiper-pagination-bullet {
  background: #f2f2f2;
  display: inline-block;
  margin: 0 7px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}

.new-brand-page-wrap h5 {
  font-weight: bold;
}

.new-brand-n-wrap .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  background: none;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
}
.new-brand-n-wrap .h1-en {
  font-size: 60px;
  line-height: 1.35;
}
.new-brand-n-wrap .h1-min {
  font-size: 79px;
  line-height: 1.3333333333;
}
.new-brand-n-wrap .h1 {
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
  font-size: 100px;
  line-height: 1.4;
}
.new-brand-n-wrap .h1-min {
  font-size: 90px;
  line-height: 1.3333333333;
}
.new-brand-n-wrap .h1-min,
.new-brand-n-wrap .h2 {
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-n-wrap .h2 {
  font-size: 60px;
  line-height: 1.6666666667;
}
.new-brand-n-wrap .h3 {
  font-size: 50px;
  line-height: 1.36;
}
.new-brand-n-wrap .h3,
.new-brand-n-wrap .h4 {
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
}
.new-brand-n-wrap .h4 {
  font-size: 36px;
  line-height: 1.3333333333;
}
.new-brand-n-wrap .h5 {
  font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
  font-size: 24px;
  line-height: 1.5;
}
.new-brand-n-wrap .h6 {
  font-size: 14px;
  line-height: 1.7142857143;
}
.new-brand-n-wrap .p {
  font-size: 16px;
  line-height: 1.5;
}
.new-brand-n-wrap .h1-en {
  font-family: HyundaiSansHead, HyundaiSansHead-Medium, HyundaiSansTextCN, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
  font-weight: bold;
}
@media (max-width: 1919px) and (min-width: 1601px) {
  .new-brand-n-wrap .h1,
  .new-brand-n-wrap h1 {
    font-size: 88px;
  }
  .new-brand-n-wrap .h1-min {
    font-size: 79px;
  }
}
@media screen and (max-width: 1600px) {
  .new-brand-n-wrap h1 {
    font-size: 90px;
    line-height: 1.4;
  }
  .new-brand-n-wrap h2 {
    font-size: 54px;
    line-height: 1.6666666667;
  }
  .new-brand-n-wrap h3 {
    font-size: 45px;
    line-height: 1.36;
  }
  .new-brand-n-wrap h4 {
    font-size: 33px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h5 {
    font-size: 22px;
    line-height: 1.5;
  }
  .new-brand-n-wrap h6 {
    font-size: 13px;
    line-height: 1.7142857143;
  }
  .new-brand-n-wrap p {
    font-size: 15px;
    font-size: 20px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h1 {
    font-size: 90px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .h1-en {
    font-size: 60px;
    line-height: 1.35;
  }
  .new-brand-n-wrap .h1-min {
    font-size: 81px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h2 {
    font-size: 54px;
    line-height: 1.6666666667;
  }
  .new-brand-n-wrap .h3 {
    font-size: 45px;
    line-height: 1.36;
  }
  .new-brand-n-wrap .h4 {
    font-size: 33px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h5 {
    font-size: 22px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h6 {
    font-size: 13px;
    line-height: 1.7142857143;
  }
  .new-brand-n-wrap .p {
    font-size: 15px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1440px) {
  .new-brand-n-wrap h1 {
    font-size: 88px;
    line-height: 1.4;
  }
  .new-brand-n-wrap h2 {
    font-size: 53px;
    line-height: 1.6666666667;
  }
  .new-brand-n-wrap h3 {
    font-size: 35px;
    line-height: 1.36;
  }
  .new-brand-n-wrap h4 {
    font-size: 32px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h5 {
    font-size: 21px;
    line-height: 1.5;
  }
  .new-brand-n-wrap h6 {
    font-size: 13px;
    line-height: 1.7142857143;
  }
  .new-brand-n-wrap p {
    font-size: 14px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h1 {
    font-size: 88px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .h1-en {
    font-size: 88px;
    line-height: 1.35;
  }
  .new-brand-n-wrap .h1-min {
    font-size: 79px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h2 {
    font-size: 53px;
    line-height: 1.6666666667;
  }
  .new-brand-n-wrap .h3 {
    font-size: 44px;
    line-height: 1.36;
  }
  .new-brand-n-wrap .h4 {
    font-size: 32px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h5 {
    font-size: 21px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h6 {
    font-size: 13px;
    line-height: 1.7142857143;
  }
  .new-brand-n-wrap .p {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-n-wrap h1 {
    font-size: 100px;
    line-height: 1;
  }
  .new-brand-n-wrap h2 {
    font-size: 80px;
    line-height: 1.125;
  }
  .new-brand-n-wrap h3 {
    font-size: 60px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h4 {
    font-size: 50px;
    line-height: 1.4;
  }
  .new-brand-n-wrap h5 {
    font-size: 36px;
  }
  .new-brand-n-wrap h5,
  .new-brand-n-wrap h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h6 {
    font-size: 24px;
  }
  .new-brand-n-wrap p {
    font-size: 32px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h1 {
    font-size: 100px;
    line-height: 1;
  }
  .new-brand-n-wrap .h1-en {
    font-size: 80px;
    line-height: 1.25;
  }
  .new-brand-n-wrap .h2 {
    font-size: 80px;
    line-height: 1.125;
  }
  .new-brand-n-wrap .h3 {
    font-size: 60px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h4 {
    font-size: 50px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .h5 {
    font-size: 36px;
  }
  .new-brand-n-wrap .h5,
  .new-brand-n-wrap .h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h6 {
    font-size: 24px;
  }
  .new-brand-n-wrap .p {
    font-size: 32px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .mb-h1 {
    font-size: 100px;
    line-height: 1;
  }
  .new-brand-n-wrap .mb-h1,
  .new-brand-n-wrap .mb-h2 {
    font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
  }
  .new-brand-n-wrap .mb-h2 {
    font-size: 80px;
    line-height: 1.125;
  }
  .new-brand-n-wrap .mb-h3 {
    font-size: 60px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .mb-h3,
  .new-brand-n-wrap .mb-h4 {
    font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
  }
  .new-brand-n-wrap .mb-h4 {
    font-size: 50px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .mb-h5 {
    font-family: HyundaiSansHeadCN-Medium, HyundaiSansHead-Medium, HanSans, Microsoft YaHei, PingFang SC, Open Sans, Arial, Hiragino Sans GB, SimSun, sans-serif;
    font-size: 36px;
  }
  .new-brand-n-wrap .mb-h5,
  .new-brand-n-wrap .mb-h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .mb-h6 {
    font-size: 24px;
  }
  .new-brand-n-wrap .mb-p {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 639px) {
  .new-brand-n-wrap h1 {
    font-size: 75px;
    line-height: 1;
  }
  .new-brand-n-wrap h2 {
    font-size: 60px;
    line-height: 1.125;
  }
  .new-brand-n-wrap h3 {
    font-size: 45px;
    font-size: 39px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h4 {
    font-size: 38px;
    line-height: 1.4;
  }
  .new-brand-n-wrap h5 {
    font-size: 27px;
  }
  .new-brand-n-wrap h5,
  .new-brand-n-wrap h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h6 {
    font-size: 18px;
  }
  .new-brand-n-wrap p {
    font-size: 24px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h1 {
    font-size: 75px;
    line-height: 1;
  }
  .new-brand-n-wrap .h1-en {
    font-size: 60px;
    line-height: 1.25;
  }
  .new-brand-n-wrap .h2 {
    font-size: 60px;
    line-height: 1.125;
  }
  .new-brand-n-wrap .h3 {
    font-size: 45px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h4 {
    font-size: 38px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .h5 {
    font-size: 27px;
  }
  .new-brand-n-wrap .h5,
  .new-brand-n-wrap .h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h6 {
    font-size: 18px;
  }
  .new-brand-n-wrap .p {
    font-size: 24px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .mb-h1 {
    font-size: 75px;
    line-height: 1;
  }
  .new-brand-n-wrap .mb-h2 {
    font-size: 60px;
    line-height: 1.125;
  }
  .new-brand-n-wrap .mb-h3 {
    font-size: 45px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .mb-h4 {
    font-size: 38px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .mb-h5 {
    font-size: 27px;
  }
  .new-brand-n-wrap .mb-h5,
  .new-brand-n-wrap .mb-h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .mb-h6 {
    font-size: 18px;
  }
  .new-brand-n-wrap .mb-p {
    font-size: 24px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 480px) {
  .new-brand-n-wrap h1 {
    font-size: 50px;
    line-height: 1;
  }
  .new-brand-n-wrap h2 {
    font-size: 40px;
    line-height: 1.125;
  }
  .new-brand-n-wrap h3 {
    font-size: 26px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h4 {
    font-size: 25px;
    line-height: 1.4;
  }
  .new-brand-n-wrap h5 {
    font-size: 18px;
  }
  .new-brand-n-wrap h5,
  .new-brand-n-wrap h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap h6 {
    font-size: 12px;
  }
  .new-brand-n-wrap p {
    font-size: 16px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .h1 {
    font-size: 50px;
    line-height: 1;
  }
  .new-brand-n-wrap .h1-en {
    font-size: 40px;
    line-height: 1.25;
  }
  .new-brand-n-wrap .h2 {
    font-size: 40px;
    line-height: 1.125;
  }
  .new-brand-n-wrap .h3 {
    font-size: 30px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h4 {
    font-size: 25px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .h5 {
    font-size: 18px;
  }
  .new-brand-n-wrap .h5,
  .new-brand-n-wrap .h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .h6 {
    font-size: 12px;
  }
  .new-brand-n-wrap .p {
    font-size: 16px;
    line-height: 1.5;
  }
  .new-brand-n-wrap .mb-h1 {
    font-size: 50px;
    line-height: 1;
  }
  .new-brand-n-wrap .mb-h2 {
    font-size: 40px;
    line-height: 1.125;
  }
  .new-brand-n-wrap .mb-h3 {
    font-size: 30px;
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .mb-h4 {
    font-size: 25px;
    line-height: 1.4;
  }
  .new-brand-n-wrap .mb-h5 {
    font-size: 18px;
  }
  .new-brand-n-wrap .mb-h5,
  .new-brand-n-wrap .mb-h6 {
    line-height: 1.3333333333;
  }
  .new-brand-n-wrap .mb-h6 {
    font-size: 12px;
  }
  .new-brand-n-wrap .mb-p {
    font-size: 16px;
    line-height: 1.5;
  }
}

.new-brand-page-wrap .c-eq-video img {
  max-height: 6rem;
  object-fit: cover;
}

.is-vertical .new-brand-page-wrap .button-container .swiper-button-next,
.is-vertical .new-brand-page-wrap .button-container .swiper-button-prev {
  font-size: 20px !important;
}

.is-vertical .c-button > div,
.is-vertical .c-button a {
  padding: 13px 20px 12px;
}

.btn-link-wrap .c-button.red-bg a,
.btn-link-wrap .c-button.red-bg .mb-h6 {
  background: #e63312;
  background: #012c5f;
  color: #fff;
}

.btn-link-wrap .c-button.red-bg .mb-h6 {
  text-align: center;
}

.is-vertical .c-homebanner .logo-anim {
  margin-top: 7vw;
}

.is-vertical .c-homebanner .logo {
  width: 20vw;
}

.is-vertical .c-homebanner .text-wrap.top-center,
.is-vertical .c-homebanner .text-wrap.top-left,
.is-vertical .c-homebanner .text-wrap.top-right {
  top: 16%;
}

.is-vertical .c-homebanner .text-wrap {
  padding: 0 30px;
}

.new-brand-n-wrap .title {
  font-size: 60px;
}

.new-brand-n-wrap .txt-anim {
  font-size: 40px;
}

@media screen and (max-width: 1440px) {
  .new-brand-n-wrap .title {
    font-size: 53px;
  }
  .new-brand-n-wrap .txt-anim {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .new-brand-n-wrap .title {
    font-size: 35px;
  }
  .new-brand-n-wrap .txt-anim {
    font-size: 26px;
  }
}

/*# sourceMappingURL=main-v1.0.7.css.map */
<!--ºÄʱ1752991831.5625Ãë-->